/* Quad Overland design system (structure adapted from our Rimfire Builds stylesheet; new desert palette). Light by default, dark via prefers-color-scheme. */
:root{--a:#4f6b2c;--a2:#6b8a3a;--b:#a0522d;--bg:#fcfaf6;--bg2:#f3ede2;--card:#ffffff;--tx:#1f1c17;--mut:#665e52;--ln:#e7dfd1;--link:#5b3a1e;--ok:#1a7f37;--warn:#9a6700;--bad:#b62324;--r:12px;--sh:0 1px 2px rgba(16,24,40,.06),0 4px 16px rgba(16,24,40,.06);--max:1180px;--hdr:rgba(252,250,246,.93);--warnbg:#fbf1e3;--warnln:#d9a066}
@media(prefers-color-scheme:dark){:root{--a:#a8c97a;--a2:#bcd896;--b:#e3a06b;--bg:#13140f;--bg2:#1b1d16;--card:#1f221a;--tx:#f1eee6;--mut:#b2ab9c;--ln:#343729;--link:#e8c38f;--sh:0 6px 24px rgba(0,0,0,.3);--hdr:rgba(19,20,15,.93);--warnbg:#2a2014;--warnln:#7a5a30}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;font:16.5px/1.65 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{line-height:1.22;letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(1.75rem,4vw,2.5rem);margin:.3rem 0 1rem}h2{font-size:1.4rem;margin:2.4rem 0 .7rem}h3{font-size:1.1rem;margin:1.6rem 0 .4rem}
p,li{overflow-wrap:anywhere}a{color:var(--link);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--a)}:focus-visible{outline:3px solid #f59e0b;outline-offset:2px;border-radius:4px}
img{max-width:100%;height:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:0;background:#f59e0b;color:#000;padding:.5rem 1rem;z-index:99}.skip:focus{left:1rem}
.ic{vertical-align:-4px;flex:none}
/* header */
.hdr{position:sticky;top:0;z-index:30;background:var(--hdr);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--ln)}
.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;min-height:60px}
.brand{display:flex;align-items:center;gap:.45rem;color:var(--tx);text-decoration:none;font-weight:800;font-size:1.12rem;white-space:nowrap;letter-spacing:-.01em}.brand svg{color:var(--a)}.brand span{color:var(--a)}
.menu{list-style:none;display:flex;gap:.1rem;margin:0 0 0 .8rem;padding:0;align-items:center}.dd{position:relative}
.ddb,.navl{background:none;border:0;color:var(--tx);font:inherit;font-weight:600;font-size:.95rem;padding:.45rem .7rem;border-radius:8px;cursor:pointer;text-decoration:none;display:block}.ddb::after{content:"";display:inline-block;width:.38em;height:.38em;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);margin:0 0 .2em .45em}
.ddb:hover,.navl:hover,.ddb[aria-expanded=true]{background:var(--bg2);color:var(--tx)}.navl[aria-current=page],.ddb.cur{color:var(--a)}
.ddm{display:none;position:absolute;left:0;top:calc(100% + 6px);min-width:250px;list-style:none;margin:0;padding:.45rem;background:var(--card);border:1px solid var(--ln);border-radius:14px;box-shadow:0 12px 40px rgba(16,24,40,.16)}
.ddm.mega{display:none;grid-template-columns:repeat(2,minmax(210px,1fr));gap:.1rem .6rem;min-width:520px}.dd.open .ddm{display:block}.dd.open .ddm.mega{display:grid}
.ddm a{display:block;padding:.45rem .6rem;border-radius:8px;color:var(--tx);text-decoration:none;font-size:.93rem}.ddm a small{display:block;color:var(--mut);font-size:.8rem;line-height:1.35}.ddm a:hover,.ddm a:focus{background:var(--bg2)}
.ddm .ddh{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mut);padding:.5rem .6rem .1rem;font-weight:700}.ddm .all{grid-column:1/-1;border-top:1px solid var(--ln);margin-top:.2rem;padding-top:.3rem}.ddm .all a{color:var(--a);font-weight:600}
.sbox{margin-left:auto;position:relative}.sbox input{width:230px;background:var(--bg2);border:1px solid var(--ln);color:var(--tx);border-radius:10px;padding:.5rem .75rem;font:inherit;font-size:.92rem}
.sres{position:absolute;right:0;top:calc(100% + 6px);width:min(440px,92vw);max-height:70vh;overflow:auto;background:var(--card);border:1px solid var(--ln);border-radius:14px;box-shadow:0 12px 40px rgba(16,24,40,.16);padding:.3rem;z-index:40}
.sres a{display:block;padding:.5rem .6rem;border-radius:8px;text-decoration:none;color:var(--tx)}.sres a:hover,.sres a:focus{background:var(--bg2)}.sres small{display:block;color:var(--mut)}
.mtog{display:none;margin-left:auto;background:none;border:1px solid var(--ln);color:var(--tx);border-radius:8px;padding:.4rem .55rem;cursor:pointer}
@media(max-width:1000px){.mtog{display:block}.menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--ln);padding:.5rem 1rem 1rem;margin:0;max-height:80vh;overflow:auto;box-shadow:var(--sh)}.menu.show{display:flex}
.ddm,.ddm.mega{position:static;box-shadow:none;border:0;padding:0 0 0 .6rem;min-width:0;grid-template-columns:1fr}.sbox{display:none;position:absolute;left:0;right:0;top:100%;padding:.6rem 1rem;background:var(--bg);margin:0}.nav .sbox.show{display:block;position:static;order:9;width:100%}.sbox input{width:100%}.nav{flex-wrap:wrap}}
/* layout */
.wrap{max-width:var(--max);margin:auto;padding:1rem 1rem 3.5rem;display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}.wrap.has-toc{grid-template-columns:minmax(0,1fr) 240px}
main{min-width:0;max-width:none}.wrap.has-toc main>p,.wrap.has-toc main>ul,.wrap.has-toc main>ol{max-width:78ch}
@media(max-width:1000px){.wrap.has-toc{grid-template-columns:minmax(0,1fr)}.toc{order:-1}}
.toc{position:sticky;top:84px;align-self:start;font-size:.87rem;border-left:2px solid var(--ln);padding:.2rem 0 .2rem 1rem;max-height:calc(100vh - 110px);overflow:auto}.toc strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mut)}.toc ol{list-style:none;padding:0;margin:.5rem 0 0}.toc li{margin:.32rem 0;line-height:1.35}.toc a{color:var(--mut);text-decoration:none}.toc a:hover{color:var(--a)}
@media(max-width:1000px){.toc{position:static;max-height:none;border:1px solid var(--ln);border-radius:var(--r);padding:.7rem 1rem;background:var(--bg2)}.toc details summary{cursor:pointer}}
/* phones: title + quick answer first; the sidebar TOC is replaced by a collapsed <details> before the first H2 (unify.toc_mobile) */
.toc-m{display:none}.qa-m{display:none}
@media(max-width:760px){.qa-m{display:block}.qa-d{display:none}.wrap.has-toc-m>.toc{display:none}.toc-m{display:block;margin:1rem 0;border:1px solid var(--ln);border-radius:var(--r);background:var(--bg2);font-size:.92rem}.toc-m summary{cursor:pointer;padding:.6rem 1rem;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--mut);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.toc-m ol{list-style:none;margin:0;padding:0 1rem .6rem}.toc-m li{margin:0;line-height:1.35}.toc-m a{display:block;padding:.4rem 0;color:var(--mut);text-decoration:none}.toc-m a:hover{color:var(--a)}}
.crumbs{font-size:.84rem;color:var(--mut);margin:.3rem 0 .4rem;display:flex;flex-wrap:wrap;gap:.25rem}.crumbs a{color:var(--mut);text-decoration:none}.crumbs a:hover{color:var(--a);text-decoration:underline}.crumbs .sep{opacity:.6}
.rsub{display:flex;gap:.3rem;overflow-x:auto;margin:.3rem 0 1.1rem;padding:.15rem 0 .5rem;border-bottom:1px solid var(--ln);scrollbar-width:thin}.rsub a{flex:none;font-size:.86rem;font-weight:600;color:var(--mut);text-decoration:none;padding:.3rem .7rem;border-radius:99px;border:1px solid transparent}.rsub a:hover{color:var(--tx);background:var(--bg2)}.rsub a[aria-current=page]{color:var(--a);border-color:var(--ln);background:var(--bg2)}.rsub .rname{color:var(--tx);font-weight:800;padding-left:0}
/* components */
.qa{background:var(--bg2);border:1px solid var(--ln);border-left:4px solid var(--b);border-radius:var(--r);padding:.95rem 1.15rem;margin:0 0 1.4rem}.qa strong:first-child{display:flex;gap:.4rem;align-items:center;color:var(--b);text-transform:uppercase;font-size:.74rem;letter-spacing:.07em;margin-bottom:.2rem}
.rangebox{border:2px dashed var(--ln);border-radius:var(--r);padding:1rem 1.15rem;margin:1.5rem 0;background:repeating-linear-gradient(135deg,transparent,transparent 12px,rgba(127,127,127,.04) 12px,rgba(127,127,127,.04) 24px)}.rangebox h3{margin:0 0 .3rem;display:flex;gap:.5rem;align-items:center}.rangebox h3::before{content:"◎";color:var(--a)}
.hero{padding:2.6rem 0 1.4rem}.hero p{max-width:62ch;font-size:1.1rem;color:var(--mut)}.hero h1{font-size:clamp(2rem,5vw,3.1rem);margin-bottom:.6rem}.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--a);font-weight:800}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.grid.g3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.card{display:block;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:1rem 1.15rem;box-shadow:var(--sh);transition:transform .15s,border-color .15s;min-width:0}a.card{color:inherit;text-decoration:none}a.card:hover{transform:translateY(-2px);border-color:var(--a)}a.card:hover h3{color:var(--a)}.card h3{margin:.2rem 0 .4rem;font-size:1.05rem}.card p{margin:.3rem 0}.card .ic{color:var(--a)}
.card .meta{font-size:.8rem;color:var(--mut)}.tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:.08rem .5rem;border-radius:99px;background:var(--bg2);border:1px solid var(--ln);color:var(--mut);margin-right:.25rem}.tag.on{color:var(--b);border-color:var(--b)}
.topic{scroll-margin-top:84px}.topic h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem}.topic h2 small{font-size:.85rem;color:var(--mut);font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.chips a{font-size:.88rem;text-decoration:none;color:var(--tx);border:1px solid var(--ln);border-radius:99px;padding:.3rem .8rem;background:var(--card)}.chips a:hover{border-color:var(--a);color:var(--a)}
.path{display:flex;flex-direction:column;gap:.35rem}.path ol{margin:.2rem 0 0;padding-left:1.1rem}
.price{font-weight:700;color:var(--b)}.mut{color:var(--mut);font-size:.92rem}
table{border-collapse:collapse;width:100%;font-size:.91rem;margin:1rem 0}th,td{border-bottom:1px solid var(--ln);padding:.55rem .6rem;text-align:left;vertical-align:top}th{background:var(--bg2);font-weight:700;position:sticky;top:0}tbody tr:hover{background:var(--bg2)}
.tw{overflow-x:auto;max-width:100%;border:1px solid var(--ln);border-radius:var(--r);margin:1rem 0}.tw table{margin:0}
.b{display:inline-block;padding:.06rem .5rem;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.b-high{background:#1a7f37;color:#fff}.b-med{background:#9a6700;color:#fff}.b-low{background:#b62324;color:#fff}
.form{display:grid;gap:.8rem;max-width:640px;min-width:0}.form>div{display:grid;gap:.25rem;min-width:0}.form select{width:100%}main input,main select,main textarea{max-width:100%}
.discline{font-size:.8rem;color:var(--mut);margin:.4rem 0 .9rem}.discline a{color:var(--mut)}.disc{background:var(--bg2);border:1px solid var(--ln);border-left:4px solid var(--b);padding:.6rem .9rem;border-radius:10px;font-size:.86rem;color:var(--mut);margin:.4rem 0 1rem}
.warn{background:var(--warnbg);border:1px solid var(--warnln);border-left:4px solid #ea580c;padding:.8rem 1rem;border-radius:var(--r);margin:1rem 0}
.btn{display:inline-flex;gap:.4rem;align-items:center;background:var(--a);color:#fff;padding:.55rem 1.05rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:.95rem;border:0;cursor:pointer;font-family:inherit}.btn:hover{filter:brightness(1.08);color:#fff}.btn.alt{background:var(--card);color:var(--tx);border:1px solid var(--ln)}.btn.alt:hover{border-color:var(--a);color:var(--a)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}input,select,textarea{background:var(--bg);color:var(--tx);border:1px solid var(--ln);border-radius:10px;padding:.55rem;font:inherit;font-size:.95rem}.filters input[type=search]{flex:1 1 220px}label{font-weight:600;font-size:.92rem}
code{background:var(--bg2);padding:.1rem .35rem;border-radius:5px;font-size:.9em}.src{font-size:.78rem;word-break:break-word}
details.card summary{cursor:pointer;font-weight:600}details.card[open]{border-color:var(--b)}
.fig{margin:0 0 1rem}.fig img{width:100%;height:auto;max-height:420px;object-fit:contain;background:var(--bg2);border-radius:12px;display:block}.banner img{max-height:300px}.herofig img{max-height:360px}figcaption{font-size:.78rem;color:var(--mut);margin-top:.3rem}.att a{color:var(--mut)}
.ph{aspect-ratio:4/3;max-height:150px;width:100%;border-radius:10px;margin-bottom:.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bg2);border:1px dashed var(--ln);color:var(--mut)}.ph span{font-weight:800;color:var(--tx)}.ph em{font-size:.72rem}
.facts{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.3rem 0 1rem}.fact{flex:0 0 min(320px,85%);scroll-snap-align:start;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:1rem;box-shadow:var(--sh)}.fact b{color:var(--b);display:flex;gap:.4rem;align-items:center}
.related{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--ln)}
.totop{position:fixed;right:1rem;bottom:1rem;background:var(--a);color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh);opacity:0;pointer-events:none;transition:opacity .2s}.totop.show{opacity:1;pointer-events:auto}
.pl-row{display:grid;grid-template-columns:200px minmax(0,1fr) 110px;gap:.8rem;align-items:start;padding:.8rem 0;border-bottom:1px solid var(--ln)}@media(max-width:700px){.pl-row{grid-template-columns:1fr}}
.pl-total{position:sticky;bottom:0;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:.8rem 1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-top:1rem;box-shadow:var(--sh)}
.note{font-size:.85rem;color:var(--mut);margin-top:.25rem}.note.w{color:#c2410c}
.qz fieldset{border:1px solid var(--ln);border-radius:var(--r);padding:1rem;margin:0 0 1rem;background:var(--card)}.qz legend{font-weight:700;padding:0 .4rem}.qz label{display:block;font-weight:400;padding:.3rem 0;cursor:pointer}
.result{border:2px solid var(--b);border-radius:var(--r);padding:1rem 1.2rem;background:var(--card)}
.pill{display:inline-block;background:var(--bg2);border:1px solid var(--ln);border-radius:99px;padding:.15rem .6rem;font-size:.8rem;margin:.1rem}
/* rifle-variant switch on shared topic pages */
.rvsw{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:0 0 1.2rem;font-size:.88rem;color:var(--mut)}.rvsw button{font:inherit;font-size:.86rem;font-weight:600;border:1px solid var(--ln);background:var(--card);color:var(--tx);border-radius:99px;padding:.25rem .75rem;cursor:pointer}.rvsw button[aria-pressed=true]{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.rvset{margin:1rem 0}.rv{border-left:3px solid var(--b);padding:.1rem 0 .1rem 1rem;margin:.8rem 0}.rv+.rv{border-left-color:var(--a)}.rv+.rv>.rvlab{color:var(--a)}.rv>.rvlab{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--b);margin:0 0 .2rem}
body[data-rv=t1x] .rv[data-rifle=cz457],body[data-rv=cz457] .rv[data-rifle=t1x]{display:none}
/* footer */
footer.site{border-top:1px solid var(--ln);color:var(--mut);font-size:.87rem;padding:2.5rem 1rem 2rem;background:var(--bg2)}.fgrid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:1.5rem}@media(max-width:800px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}}
footer.site strong{color:var(--tx);font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}footer.site a{color:var(--mut);text-decoration:none}footer.site a:hover{color:var(--a)}footer.site ul{list-style:none;padding:0;margin:.5rem 0}footer.site li{margin:.25rem 0}
.footdisc{max-width:var(--max);margin:1.6rem auto 0;padding-top:1rem;border-top:1px solid var(--ln);font-size:.8rem;color:var(--mut)}.footdisc a{color:var(--mut)}
.sitedisc{font-size:.8rem;color:var(--mut);border-top:1px solid var(--ln);margin-top:2.5rem;padding-top:.8rem}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.hdr,footer.site,.toc,.toc-m,.totop,.rvsw{display:none}}

.cite{display:inline-block;font-size:.74rem;font-weight:600;line-height:1.3;padding:.05rem .45rem;border:1px solid var(--ln);border-radius:99px;background:var(--bg2);color:var(--mut);text-decoration:none;vertical-align:1px;white-space:nowrap}.cite::before{content:"Source: ";font-weight:500}.cite:hover{color:var(--a);border-color:var(--a)}
.facts{max-width:100%}
.cite.nolink::before{content:""}
@media(min-width:800px){.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));overflow:visible}.fact{flex:none}}
/* ===== v2 nav ===== */
.nav{position:relative}.menu{margin-left:1rem}
.sbox{display:flex;align-items:center;gap:.4rem;background:var(--bg2);border:1px solid var(--ln);border-radius:12px;padding:0 .65rem;margin-left:auto}.sbox svg{color:var(--mut);flex:none}.sbox input{border:0;background:transparent;width:260px;padding:.55rem .1rem;outline:none}.sbox:focus-within{border-color:var(--a);box-shadow:0 0 0 3px rgba(194,65,12,.15)}
.dd.megaw{position:static}
.ddm.mega{left:1rem;right:1rem;top:100%;min-width:0;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.4rem 1rem;padding:1rem 1.1rem;max-height:calc(100vh - 90px);overflow:auto}
.mcol{list-style:none}.mcol ul{list-style:none;margin:.15rem 0 .4rem;padding:0}.mcol .mh{font-weight:800;font-size:.9rem;color:var(--tx);padding:.3rem .5rem}.mcol li a{padding:.3rem .5rem;font-size:.88rem;color:var(--mut)}.mcol li a:hover{color:var(--a)}.mcol .more{font-size:.8rem;color:var(--a)}
.ddm .all{display:flex;flex-wrap:wrap;gap:.2rem 1rem}
.hsearch{display:flex;gap:.5rem;max-width:640px;margin:1.2rem 0 .4rem}.hsearch input{flex:1;font-size:1.05rem;padding:.8rem 1rem;border-radius:12px;min-width:0}.hsearch .btn{padding:.75rem 1.3rem}
.hero.home h1{font-size:clamp(2.2rem,6vw,3.6rem)}.grid.makers{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.card.feature{background:var(--bg2)}
/* rifle sub-nav with More */
.rsub{display:flex;align-items:center;gap:.4rem;overflow:visible;flex-wrap:nowrap}.rsub .rname{font-weight:800;flex:none;font-size:.9rem;padding-right:.3rem}.rtabs{display:flex;gap:.25rem;overflow-x:auto;min-width:0;flex:1;scrollbar-width:none}.rtabs::-webkit-scrollbar{display:none}
.rmore{flex:none}.rmore .ddb{font-size:.86rem;padding:.3rem .7rem}.rmore .ddm{left:auto;right:0}
/* mobile drawer */
@media(max-width:1000px){
 .nav{flex-wrap:wrap;gap:.4rem}.mtog{margin-left:auto;order:2}.brand{order:1}
 .sbox{order:3;width:100%;margin:0 0 .3rem;display:flex!important;position:static}.sbox input{width:100%}
 .menu{display:none;position:absolute;left:0;right:0;top:100%;height:calc(100vh - var(--drawer-top,108px));height:calc(100dvh - var(--drawer-top,108px));max-height:none;margin:0;padding:.4rem 1rem 2rem;flex-direction:column;align-items:stretch;background:var(--bg);overflow-y:auto;border-top:1px solid var(--ln);z-index:50}
 .menu.show{display:flex}.menu>li{border-bottom:1px solid var(--ln)}
 .menu .ddb{width:100%;text-align:left;padding:.85rem .2rem;font-size:1.02rem;display:flex;justify-content:space-between;align-items:center}
 .ddb[aria-expanded=true]::after{transform:rotate(-135deg)}
 .ddm,.ddm.mega{position:static;display:none;box-shadow:none;border:0;padding:0 0 .7rem .4rem;grid-template-columns:1fr 1fr;max-height:none}
 .dd.open .ddm{display:block}.dd.open .ddm.mega{display:grid}
 .rmore .ddm{position:absolute;right:0;top:100%;border:1px solid var(--ln);background:var(--card);box-shadow:var(--sh);padding:.4rem;min-width:200px}
 body.drawer{overflow:hidden}
}
@media(max-width:560px){.dd.open .ddm.mega{grid-template-columns:1fr}.hsearch .btn{padding:.75rem .9rem}}
.cta a{display:inline-block;padding:.3rem .7rem;border:1px solid var(--a);border-radius:8px;text-decoration:none;font-weight:600;white-space:nowrap}.cta a:hover{background:var(--a);color:#fff}@media(max-width:700px){table.trg thead{display:none}table.trg tr{display:block;border:1px solid var(--ln);border-radius:10px;margin:.6rem 0;padding:.4rem}table.trg td{display:block;border:0;padding:.2rem .4rem}table.trg td::before{content:attr(data-label)": ";font-weight:700}}

/* accent photos (accents.py) */
.accent{margin:1.4rem 0 1.6rem}
.accent img{display:block;width:100%;height:auto;aspect-ratio:5/2;object-fit:cover;border-radius:var(--r);background:var(--bg2);box-shadow:var(--sh)}
.accent figcaption{font-size:.78rem;line-height:1.45;color:var(--mut);margin-top:.45rem}
.accent figcaption .att{opacity:.85}
.accent figcaption a{color:inherit}
.hero+.accent{margin-top:.2rem}
@media (min-width:1100px){.wrap:not(.has-toc) .accent img{aspect-ratio:3/1}}
@media (max-width:640px){.accent img{aspect-ratio:2/1}}
@media (prefers-color-scheme:dark){.accent img{filter:brightness(.9)}}
/* homepage card thumbnails (accents.card_img) */
.card.hasimg{padding-top:0;overflow:hidden}.card .cimg{display:block;width:calc(100% + 2.3rem);max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0 -1.15rem .7rem;background:var(--bg2);border-bottom:1px solid var(--ln)}a.card.hasimg:hover .cimg{opacity:.94}.cimgcred{margin:.4rem 0 0}

/* Quad Overland additions */
.steps{padding-left:1.3rem}.steps li{margin:.45rem 0}
.hero.home{background:linear-gradient(135deg,var(--bg2),transparent 70%);border-radius:var(--r);padding:1.4rem 1.2rem}
.badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.08rem .45rem;border-radius:99px;border:1px solid var(--ln);background:var(--bg2);color:var(--mut);white-space:nowrap}
.badge.ok{color:var(--ok);border-color:currentColor}.badge.chk{color:var(--warn);border-color:currentColor}
#mt th[data-k]{cursor:pointer;white-space:nowrap;user-select:none}#mt th[data-k]::after{content:" \2195";opacity:.4}#mt td{white-space:nowrap}#mt td.m{white-space:normal;min-width:12rem}
#mt .num{text-align:right;font-variant-numeric:tabular-nums}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end;margin:1rem 0}.filters label{display:flex;flex-direction:column;font-size:.8rem;font-weight:600;color:var(--mut)}
.filters input,.filters select{font:inherit;font-size:.92rem;padding:.4rem .5rem;border:1px solid var(--ln);border-radius:8px;background:var(--card);color:var(--tx);min-width:7.5rem}
.cmpbar{position:sticky;bottom:0;background:var(--card);border:1px solid var(--ln);border-radius:10px;padding:.5rem .8rem;display:flex;gap:.6rem;align-items:center;box-shadow:var(--sh);margin-top:1rem}
.chk-list{list-style:none;padding:0;margin:.3rem 0 1rem}.chk-list li{display:flex;gap:.6rem;align-items:flex-start;padding:.35rem 0;border-bottom:1px dashed var(--ln)}
.chk-list input{width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:var(--a)}.chk-list .w{margin-left:auto;color:var(--mut);font-size:.85rem;white-space:nowrap}
.chk-list .wt{width:5.5rem;border:0;border-bottom:1px solid var(--ln);background:transparent;color:var(--tx);font:inherit;font-size:.85rem}
.tagE{color:var(--ok)}.tagC{color:var(--b)}.tagO{color:var(--mut)}
.spec th{width:40%;text-align:left}
.cmpsel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}
.cmpsel select{width:100%;font:inherit;padding:.45rem;border-radius:8px;border:1px solid var(--ln);background:var(--card);color:var(--tx)}
.better{font-weight:800;color:var(--ok)}
@media print{.filters,.cmpbar,.no-print,.discline{display:none!important}.chk-list li{break-inside:avoid}body{font-size:12px}a{color:inherit;text-decoration:none}}
.dis{pointer-events:none;opacity:.5}
.filters label input[type=search]{flex:none;min-width:14rem}
.wrap.wide{max-width:1440px}
#mt .badge{margin-left:.15rem}
.chk-list li{flex-wrap:wrap}.chk-list .picks{flex-basis:100%;margin:0 0 .1rem 1.75rem;font-size:.82rem;color:var(--mut)}.chk-list .picks a{white-space:normal}
.plist{list-style:none;padding:0;margin:.6rem 0 1.4rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.pcard{display:flex;flex-direction:column;justify-content:space-between;gap:.7rem;border:1px solid var(--ln);border-radius:12px;padding:1rem;background:var(--card)}
.pcard h3{font-size:1.02rem;margin:0 0 .15rem}.pcard p{margin:.25rem 0}.pcard .pbrand{font-size:.8rem;color:var(--mut);text-transform:uppercase;letter-spacing:.04em}.pcard .pnote{font-size:.85rem;color:var(--mut)}
.pcard .pbtn{align-self:flex-start;text-decoration:none}
@media print{.picks{display:none!important}}

.mfig{margin:1rem 0 1.4rem;max-width:640px}.mfig img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;background:var(--bg2);border-radius:var(--r);box-shadow:var(--sh)}.mfig figcaption{font-size:.78rem;line-height:1.45;color:var(--mut);margin-top:.45rem}.mfig figcaption .att{opacity:.85;display:block}.mfig figcaption a{color:inherit}
.thm{float:left;width:64px;height:auto;margin:0 .6rem .2rem 0;border-radius:6px;background:var(--bg2)}.thm.ph{display:block;height:48px;background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18l6-8 4 5 3-4 5 7z' fill='%23b9b09c'/%3E%3C/svg%3E") center/40% no-repeat}
.cmpth{display:block;width:100%;max-width:200px;height:auto;border-radius:8px;margin-bottom:.4rem}