/* Keep the original desktop design and adapt it to narrow screens. */
#container{max-width:100%} .brand{display:block;width:100%;height:100%}
#content{display:flow-root;min-height:350px} img,video{max-width:100%;height:auto}
#footer{text-align:center;padding:20px;color:#555;font-size:12px}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.photo-grid figure{margin:0}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}
.forum-row{padding:12px 0;border-bottom:1px solid #ddd}.forum-row span{display:block;color:#666}
.news img{display:block;margin:auto}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;background:white;padding:10px;z-index:2}
.news{box-sizing:border-box;width:calc(100% - 499px);overflow-wrap:anywhere}
.news .feeder > .title{color:#fff}
@media(max-width:950px){#nav_bar{box-sizing:border-box;min-width:0;max-width:100%;width:100%;height:auto;margin:0;padding:8px 0;display:flex;flex-wrap:wrap;gap:8px}#nav_bar .nav_item a:link,#nav_bar .nav_item a:visited{padding:8px}.banner{width:100%;height:auto;aspect-ratio:850/199;background-size:cover!important}div#cowboy-blog{float:none;width:auto}.news{margin:20px 0;width:auto;border-right:1px solid #000}div.divider{max-width:100%}#content{padding:12px}body{margin:0;padding:8px}div.post-body{margin-left:0}h1,h2{line-height:1.3}}
/* Archived gallery, year groups, and forum retain their original visual structure. */
.photo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 10px;text-align:center;margin:20px 0}
.photo-grid figure>a{display:flex;align-items:center;justify-content:center;min-height:128px}
.photo-grid img{width:auto;height:auto;max-height:128px;object-fit:contain}
.photo-grid figcaption{overflow-wrap:anywhere;line-height:1.5;margin-top:6px}
.archive{padding-left:0}.archive>li{margin:16px 0}.archive .yearly{padding-left:24px}.post_date{color:#666;font-size:.9em;margin-left:8px}
#forum .forum-table-scroll{overflow-x:auto}#forum .main-forum{width:100%;border-collapse:collapse}#forum .main-forum th{padding:6px 12px}#forum .main-forum td{padding:8px 12px}#forum .main-forum td.tcl{width:50%}#forum .main-forum td.tcr{white-space:nowrap}#forum .main-forum .tcl>a{font-weight:bold}
.forum-message{border:1px solid #1D384A;margin:10px 0;background:#f1f1f1;overflow-wrap:anywhere}.forum-message header{display:flex;justify-content:space-between;gap:12px;padding:6px 12px;background:#deddde;border-bottom:1px dashed #ccc}.forum-message .entry-content{padding:0 12px}
@media(max-width:650px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.forum-message header{flex-wrap:wrap}}
@media(max-width:420px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.rider-spotlight{width:100%;padding:5px;table-layout:fixed;overflow-wrap:anywhere}.rider-spotlight td{vertical-align:top}.rider-spotlight .quad-photo{width:90px;text-align:right}.rider-spotlight .quad-photo img{margin:0 0 0 auto}.news .signup{text-align:center}
