/* kamloopsrealestateforsale.ca: "Desert Ledger" design. Sage, sandstone, burnt orange, sky. Outfit (OFL) for display, system sans for body. */
@font-face{font-family:"Outfit";src:url(/fonts/outfit-var.woff2) format("woff2");font-weight:300 800;font-display:optional}
:root{--sand:#f7f1e6;--sand2:#efe4d0;--stone:#dccaa8;--paper:#fffcf6;--ink:#22261f;--muted:#51584c;--sage:#5b7b5e;--sage-l:#dfe7d6;--sage-d:#33503a;--sage-dd:#233a29;--rust:#b04a17;--rust-d:#8f3a0f;--rust-l:#fbe3d2;--sky:#1d5a85;--sky-m:#4d8fbf;--sky-l:#dcebf4;--line:#dccfb6;--r:6px;--sh:0 1px 2px rgba(35,58,41,.06),0 8px 24px rgba(35,58,41,.08);--disp:"Outfit",ui-sans-serif,"Segoe UI",system-ui,sans-serif;--body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem}
body{margin:0;background:var(--sand);color:var(--ink);font:1.0625rem/1.65 var(--body);overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:var(--sky);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--rust-d);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--rust);outline-offset:2px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--disp);line-height:1.12;color:var(--sage-dd);letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,5.4vw,3.6rem);font-weight:750}
h1 em{font-style:normal;color:var(--rust)}
h2{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:700;margin-top:1.4em}
h3{font-size:1.28rem;font-weight:650;margin-top:1.3em}
h4{font-size:1.05rem;font-weight:650}
p,ul,ol,dl,table{margin:0 0 1.05em}
ul,ol{padding-left:1.25em}
li{margin-bottom:.35em}
strong,b{font-weight:700}
small,.small{font-size:.9rem}
.vh,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:1rem;top:-4rem;background:var(--sage-dd);color:#fff;padding:.6rem 1rem;z-index:99;border-radius:var(--r)}
.skip:focus{top:1rem}
.wrap{width:min(100% - 32px,1180px);margin-inline:auto}
.narrow{width:min(100% - 32px,780px);margin-inline:auto}
.ico{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em;flex:none}
.mt0{margin-top:0}
.kicker{font:600 .8rem/1.3 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:0 0 .6rem}
.lede{font-size:clamp(1.1rem,2vw,1.28rem);color:#3a4036;max-width:62ch}
.updated{font-size:.9rem;color:var(--muted)}
.muted{color:var(--muted)}
/* header */
.hdr{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:20}
.util{background:var(--sage-dd);color:#e9efe3;font-size:.84rem}
.urow{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.38rem 0}
.urow p{margin:0}
.util a{color:#fff;text-decoration:none;font-weight:600}
.util a:hover{text-decoration:underline;color:#fff}
.uc{display:flex;gap:1.1rem;white-space:nowrap}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0 .55rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--sage-dd)}
.brand span{display:flex;flex-direction:column;line-height:1}
.brand b{font:800 1.45rem/1 var(--disp);letter-spacing:-.02em}
.brand i{font:500 .82rem/1.2 var(--disp);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--rust);margin-top:.22rem}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.45rem;font:600 .95rem/1 var(--disp);color:var(--sage-dd);border:2px solid var(--sage-dd);border-radius:999px;padding:.55rem .95rem;background:var(--paper)}
.menu summary::-webkit-details-marker{display:none}
.menu[open] summary{background:var(--sage-dd);color:#fff}
.drawer{position:absolute;right:0;top:calc(100% + .5rem);width:min(92vw,760px);background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--rust);box-shadow:var(--sh);padding:1.2rem 1.3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}
.drawer ul{list-style:none;padding:0;margin:0}
.drawer li{margin:0}
.drawer a{display:flex;align-items:center;min-height:44px;padding:.3rem 0;text-decoration:none;color:var(--ink);font-size:.97rem}
.drawer a:hover,.drawer a[aria-current]{color:var(--rust-d)}
.mh{font:700 .74rem/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin:0 0 .5rem}
.tabs{border-top:1px solid var(--line);background:var(--paper)}
.tabs ul{list-style:none;display:flex;gap:.25rem;padding:0;margin-block:0;overflow-x:auto;scrollbar-width:none}
.tabs ul::-webkit-scrollbar{display:none}
.tabs li{margin:0;flex:none}
.tabs a{display:flex;align-items:center;min-height:44px;padding:.72rem .85rem .62rem;font:600 .95rem/1 var(--disp);text-decoration:none;color:var(--sage-dd);border-bottom:3px solid transparent}
.tabs a:hover{color:var(--rust-d);border-bottom-color:var(--stone)}
.tabs a[aria-current]{border-bottom-color:var(--rust);color:var(--rust-d)}
/* hero (subpages) */
.phero{position:relative;background:linear-gradient(180deg,#d7e8f2 0%,#eaf1ec 55%,var(--sand) 100%);padding:2rem 0 5.5rem;overflow:hidden}
.phero .wrap{position:relative;z-index:1}
.phero::before{content:"";position:absolute;right:6%;top:1.6rem;width:clamp(90px,14vw,170px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f2a86a 0%,#e07a3a 60%,#e07a3a00 61%);opacity:.55}
.hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:110px;display:block}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;margin:0 0 1.1rem;font-size:.88rem}
.crumbs li{margin:0}
.crumbs li+li::before{content:"/";margin-right:.35rem;color:var(--muted)}
.crumbs a{color:var(--sage-d)}
.crumbs span{color:var(--muted)}
.htiles{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;max-width:900px}
.htiles li{margin:0;background:rgba(255,252,246,.86);border:1px solid var(--line);border-left:5px solid var(--sage);padding:.75rem .9rem;border-radius:var(--r)}
.htiles li:nth-child(2){border-left-color:var(--rust)}
.htiles li:nth-child(3){border-left-color:var(--sky-m)}
.htiles li:nth-child(4){border-left-color:var(--stone)}
.htiles b{display:block;font:750 1.5rem/1.05 var(--disp);color:var(--sage-dd)}
.htiles span{font-size:.86rem;color:var(--muted);line-height:1.3;display:block;margin-top:.25rem}
/* home hero */
.hhero{background:linear-gradient(180deg,#cfe4f0 0%,#e6efe8 60%,var(--sand) 100%);position:relative;overflow:hidden;padding:2.6rem 0 0}
.hgrid{display:grid;gap:2rem;align-items:end}
.hhero h1{font-size:clamp(2.3rem,6.4vw,4.4rem);font-weight:800;line-height:1.02}
.hhero .lede{margin-bottom:1.3rem}
.hart{display:block;width:100%;height:auto}
@media(min-width:900px){.hgrid{grid-template-columns:1.1fr .9fr}.hhero{padding-top:3.6rem}}
.statband{background:var(--sage-dd);color:#fff;padding:1.6rem 0 1.4rem}
.statband h2{color:#fff;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-weight:600}
.stats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
.stats li{margin:0;background:var(--sage-dd);padding:1rem 1.1rem}
.stats b{display:block;font:750 clamp(1.6rem,3vw,2.2rem)/1 var(--disp);color:#fff}
.stats span{display:block;font-size:.88rem;color:#d9e3d2;margin-top:.35rem;line-height:1.35}
.stats em{font-style:normal;color:#f6b88a;font-weight:600}
.statband .src{font-size:.82rem;color:#cfdac8;margin:.9rem 0 0}
.statband a{color:#fff}
/* sections */
.sec{padding:2.6rem 0}
.sec.alt{background:var(--paper);border-block:1px solid var(--line)}
.sec.sage{background:var(--sage-l)}
.sec>.wrap>h2:first-child,.sec>.narrow>h2:first-child{margin-top:0}
.prose{max-width:72ch}
.prose h2{margin-top:1.6em}
.split{display:grid;gap:2rem}
.split>*,.two>*,.tool>*,.hgrid>*,.askgrid>*,.row>*,.field{min-width:0}
select{max-width:100%;text-overflow:ellipsis}
@media(min-width:960px){.split{grid-template-columns:minmax(0,1fr) 340px}.split.rev{grid-template-columns:340px minmax(0,1fr)}}
.aside{align-self:start;position:sticky;top:1rem;display:grid;gap:1rem}
.box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.25rem;box-shadow:var(--sh)}
.box h2,.box h3{margin-top:0;font-size:1.2rem}
.box.rust{border-top:5px solid var(--rust)}
.box.sky{border-top:5px solid var(--sky-m)}
.box.sagebox{border-top:5px solid var(--sage)}
.note{background:var(--rust-l);border-left:5px solid var(--rust);padding:1rem 1.15rem;border-radius:0 var(--r) var(--r) 0;margin:0 0 1.2rem}
.note.sky{background:var(--sky-l);border-left-color:var(--sky)}
.note.sage{background:var(--sage-l);border-left-color:var(--sage)}
.note>:last-child{margin-bottom:0}
.note h3,.note h4{margin-top:0}
/* cards */
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.2rem 0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.25rem;position:relative}
.card h3{margin-top:0;font-size:1.15rem}
.card>:last-child{margin-bottom:0}
.card.link{transition:transform .15s,box-shadow .15s}
.card.link:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.card .tag{display:inline-block;font:600 .74rem/1 var(--disp);letter-spacing:.1em;text-transform:uppercase;padding:.3rem .5rem;border-radius:3px;background:var(--sage-l);color:var(--sage-dd);margin-bottom:.6rem}
.card .tag.o{background:var(--rust-l);color:var(--rust-d)}
.card .tag.s{background:var(--sky-l);color:var(--sky)}
.card .go{font-weight:600;text-decoration:none;display:inline-flex;gap:.35rem;align-items:center}
.geo{border-top:0;overflow:hidden}
.geo::before{content:"";display:block;height:6px;margin:-1.2rem -1.25rem 1rem;background:linear-gradient(90deg,var(--sage) 0 40%,var(--stone) 40% 70%,var(--rust) 70% 85%,var(--sky-m) 85%)}
/* area sections */
.area{border-top:1px solid var(--line);padding:2.2rem 0 1rem;scroll-margin-top:1rem}
.area h2{display:flex;align-items:center;gap:.7rem;margin-top:0}
.area h2 .n{flex:none;display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--rust);color:#fff;font-size:1.05rem}
.atiles{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin:0 0 1.2rem}
.atiles li{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:.65rem .8rem}
.atiles b{display:block;font:700 1.12rem/1.15 var(--disp);color:var(--sage-dd)}
.atiles span{display:block;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem}
.pc{display:grid;gap:1rem;margin:0 0 1.1rem}
@media(min-width:700px){.pc{grid-template-columns:1fr 1fr}}
.pc>div{border-radius:var(--r);padding:1rem 1.1rem;background:var(--paper);border:1px solid var(--line)}
.pc h3{margin:0 0 .5rem;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
.pc .pro{border-top:4px solid var(--sage)}
.pc .con{border-top:4px solid var(--rust)}
.pc ul{margin:0;padding-left:1.1em}
.pc .pro h3{color:var(--sage-d)}
.pc .con h3{color:var(--rust-d)}
/* tables */
.tbl{overflow-x:auto;margin:1rem 0 1.4rem;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0}
caption{text-align:left;font:600 .95rem/1.4 var(--disp);padding:.8rem 1rem;color:var(--sage-dd);caption-side:top}
th,td{padding:.62rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid #ebe1cc}
thead th{background:var(--sage-dd);color:#fff;font:600 .85rem/1.2 var(--disp);letter-spacing:.04em;white-space:nowrap}
thead th button{all:unset;cursor:pointer;display:inline-flex;gap:.3rem;align-items:center;min-height:44px}
tbody th[scope=row]>a{display:inline-flex;align-items:center;min-height:44px}
thead th button:focus-visible{outline:2px solid #f6b88a;outline-offset:2px}
thead th button::after{content:"\2195";opacity:.6;font-size:.85em}
thead th[aria-sort=ascending] button::after{content:"\2191";opacity:1}
thead th[aria-sort=descending] button::after{content:"\2193";opacity:1}
tbody tr:nth-child(even){background:#faf5ea}
tbody tr:hover{background:#f3ecdc}
tbody th{font-weight:600;color:var(--sage-dd)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.up{color:#2d6a3e;font-weight:600}.down{color:var(--rust-d);font-weight:600}
.chip{display:inline-block;font:600 .74rem/1 var(--disp);padding:.28rem .45rem;border-radius:3px;background:var(--sage-l);color:var(--sage-dd);white-space:nowrap}
.chip.h{background:var(--rust-l);color:var(--rust-d)}.chip.r{background:#efe4d0;color:#6a4f1f}.chip.l{background:var(--sky-l);color:var(--sky)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}
.filters button{min-height:44px;font:600 .9rem/1 var(--disp);padding:.55rem .9rem;border-radius:999px;border:2px solid var(--sage-dd);background:var(--paper);color:var(--sage-dd);cursor:pointer}
.filters button[aria-pressed=true]{background:var(--sage-dd);color:#fff}
/* map */
.mapfig{margin:1.2rem 0 1.6rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:.6rem}
.dmap{display:block;width:100%;height:auto;font-family:var(--disp)}
.dmap .pin circle{fill:var(--sage-dd);stroke:#fff;stroke-width:2.5}
.dmap .pin:hover circle,.dmap .pin:focus circle{fill:var(--rust)}
.dmap .pn{fill:#fff;font-size:13px;font-weight:700;text-anchor:middle}
.dmap .lbl{fill:#22261f;font-size:14px;font-weight:600;paint-order:stroke;stroke:#fffaf0;stroke-width:4px}
.dmap .river{fill:#1d5a85;font-size:13px;font-style:italic;font-weight:500}
.dmap .lake{fill:#1d5a85;font-size:14px;font-weight:600}
.dmap .road{fill:#6a4f1f;font-size:12px;font-weight:600}
.dmap .park{fill:#33503a;font-size:12px;font-weight:600;text-anchor:end}
.dmap .conf{fill:#8f3a0f;font-size:12px;font-weight:700}
.dmap .nts{fill:#51584c;font-size:12px}
.dmap .compass text{font-size:12px;font-weight:700;fill:#33503a}
.maplist{list-style:none;padding:.6rem .4rem 0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.1rem .8rem;font-size:.92rem}
.maplist li{margin:0}
.maplist a{text-decoration:none;display:flex;gap:.5rem;align-items:center;min-height:44px;padding:.25rem 0;color:var(--ink)}
.maplist a:hover{color:var(--rust-d)}
.maplist .n{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--sage-dd);color:#fff;font:700 .75rem/1 var(--disp);flex:none}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;font:650 1rem/1 var(--disp);padding:.85rem 1.2rem;border-radius:var(--r);background:var(--rust);color:#fff;text-decoration:none;border:2px solid var(--rust);cursor:pointer;min-height:44px}
.btn:hover{background:var(--rust-d);border-color:var(--rust-d);color:#fff}
.btn.alt{background:transparent;color:var(--sage-dd);border-color:var(--sage-dd)}
.btn.alt:hover{background:var(--sage-dd);color:#fff}
.btn.sky{background:var(--sky);border-color:var(--sky)}
.btns{display:flex;flex-wrap:wrap;gap:.6rem}
/* forms */
.form{display:grid;gap:.85rem}
.row{display:grid;gap:.85rem}
@media(min-width:620px){.row{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:.3rem}
label,legend{font-weight:600;font-size:.95rem;color:var(--sage-dd)}
.opt{font-weight:400;color:var(--muted)}
input,select,textarea{font:inherit;font-size:1rem;width:100%;padding:.68rem .75rem;border:1.5px solid #b8aa8c;border-radius:var(--r);background:#fff;color:var(--ink);min-height:44px}
input:focus,select:focus,textarea:focus{border-color:var(--sage-d);outline:3px solid rgba(176,74,23,.35);outline-offset:0}
input[type=checkbox],input[type=radio]{width:1.2rem;height:1.2rem;min-height:0;accent-color:var(--rust);margin:0;flex:none}
.fmsg{margin:0;font-weight:600;color:var(--sage-d)}
.fmsg:empty{display:none}
.fmsg.bad{color:var(--rust-d)}
.fine{font-size:.82rem;color:var(--muted);margin:0}
.lead{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--rust);border-radius:var(--r);padding:1.3rem}
.lead.slim{border-top-color:var(--sky-m)}
/* tools */
.tool{display:grid;gap:1.2rem;margin:1.2rem 0}
@media(min-width:900px){.tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.tool form{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem;display:grid;gap:.85rem;align-content:start}
.tool fieldset{border:0;padding:0;margin:0;display:grid;gap:.8rem}
.tool legend{font:700 1.02rem/1.2 var(--disp);margin-bottom:.4rem;padding:0}
.ck{display:flex;gap:.55rem;align-items:flex-start;font-weight:500;color:var(--ink)}
.out{background:var(--sage-dd);color:#f1f5ee;border-radius:var(--r);padding:1.4rem;align-self:start}
.out h3{color:#fff;margin-top:0}
.out a{color:#fff}
.out .btn{background:var(--rust);border-color:var(--rust);color:#fff}
.out .btn.alt{background:transparent;border-color:#fff;color:#fff}
.out .btn.alt:hover{background:#fff;color:var(--sage-dd)}
.out dl{display:grid;grid-template-columns:1fr auto;gap:.1rem 1rem;margin:0 0 1rem;font-size:.95rem}
.out dt{color:#d4dfcc;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
.out dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
.out .total{color:#fff;font-weight:700}
.out .hl{font:800 clamp(2rem,5vw,2.8rem)/1 var(--disp);color:#fff;margin:.2rem 0 .6rem}
.out .disc{font-size:.82rem;color:#c8d4c0;margin:.8rem 0 0}
.out .bar{height:8px;background:rgba(255,255,255,.18);border-radius:99px;margin:-.4rem 0 1rem;overflow:hidden}
.out .bar i{display:block;height:100%;background:#f2a86a;width:0;transition:width .4s}
.quiz fieldset{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem}
.quiz legend{float:left;width:100%;margin-bottom:.6rem}
.quiz .opts{clear:both;display:grid;gap:.45rem}
.quiz label{display:flex;gap:.6rem;align-items:flex-start;font-weight:500;color:var(--ink);padding:.45rem .55rem;border-radius:var(--r);border:1px solid transparent;cursor:pointer}
.quiz label:hover{border-color:var(--line);background:#faf5ea}
.check{list-style:none;padding:0}
.check li{display:flex;gap:.6rem;align-items:flex-start;padding:.5rem 0;border-bottom:1px dashed var(--line);margin:0}
.check label{font-weight:500;color:var(--ink)}
.prog{font-weight:700;color:var(--sage-d)}
/* timeline / news */
.tl{list-style:none;padding:0;margin:1rem 0;border-left:3px solid var(--stone)}
.tl li{position:relative;padding:0 0 1.2rem 1.4rem;margin:0}
.tl li::before{content:"";position:absolute;left:-9px;top:.35rem;width:15px;height:15px;border-radius:50%;background:var(--paper);border:3px solid var(--rust)}
.tl b{font-family:var(--disp);color:var(--sage-dd);display:block}
.news{display:grid;gap:1rem}
.news article{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--sky-m);border-radius:var(--r);padding:1.1rem 1.2rem}
.news article:nth-child(3n+2){border-left-color:var(--sage)}
.news article:nth-child(3n){border-left-color:var(--rust)}
.news h3{margin:.1rem 0 .4rem;font-size:1.12rem}
.news time{font:600 .82rem/1 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.news p{margin-bottom:.5rem}
.news .srcl{font-size:.88rem;margin:0}
/* faq */
.qa{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;list-style:none;font:650 1.1rem/1.35 var(--disp);color:var(--sage-dd);padding:1rem 2.2rem 1rem 0;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:.3rem;top:.85rem;font-size:1.5rem;color:var(--rust);line-height:1}
.qa[open] summary::after{content:"\2212"}
.qa>div{padding:0 0 1rem}
.qa>div>:last-child{margin-bottom:0}
/* ask + footer */
.ask{background:linear-gradient(135deg,var(--sage-dd),#2d4a35 60%,#3c5a42);color:#eef3ea;padding:2.8rem 0;margin-top:2rem}
.ask h2{color:#fff;margin-top:0}
.ask .kicker{color:#f6b88a}
.ask a{color:#fff}
.askgrid{display:grid;gap:1.5rem;align-items:center}
@media(min-width:900px){.askgrid{grid-template-columns:1.4fr 1fr}}
.ask .btn.alt{color:#fff;border-color:#fff}
.ask .btn.alt:hover{background:#fff;color:var(--sage-dd)}
.askcard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:var(--r);padding:1.2rem 1.3rem}
.askcard .big{font:750 1.7rem/1.1 var(--disp);margin:0 0 .6rem}
.askcard .big a{text-decoration:none}
.tlabel{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#cfdac8;margin:0 0 .2rem}
.ftr{background:#1d2a20;color:#d3dbcd;padding:2.6rem 0 6rem;font-size:.95rem}
.ftr h2{color:#fff;font-size:1.05rem;margin:0 0 .7rem}
.ftr a{color:#f3d9c4}
.ftr a:hover{color:#fff}
.ftr ul{list-style:none;padding:0}
.fgrid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:1.2rem;font-size:.84rem;color:#b9c4b2}
.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:var(--sage-dd);border-top:3px solid var(--rust)}
.dock a{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem 0 .6rem;color:#fff;text-decoration:none;font:600 .78rem/1 var(--disp)}
.dock a:hover{background:#2b4532;color:#fff}
.dock .ico{width:1.3rem;height:1.3rem}
@media(min-width:900px){.dock{left:auto;right:1.2rem;bottom:1.2rem;grid-template-columns:repeat(4,auto);border-radius:999px;border:0;box-shadow:0 6px 24px rgba(0,0,0,.25);overflow:hidden}.dock a{flex-direction:row;padding:.75rem 1rem;font-size:.9rem}.ftr{padding-bottom:3rem}}
/* misc blocks */
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:.8rem}
.steps li{counter-increment:s;position:relative;padding:.9rem 1rem .9rem 3.4rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);margin:0}
.steps li::before{content:counter(s);position:absolute;left:.9rem;top:.85rem;width:1.8rem;height:1.8rem;border-radius:4px;background:var(--sage-dd);color:#fff;font:700 .95rem/1.8rem var(--disp);text-align:center}
.kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0 0 1rem}
.kv dt{font-weight:700;color:var(--sage-dd)}
.kv dd{margin:0}
.src{font-size:.85rem;color:var(--muted)}
.pull{font:600 clamp(1.25rem,2.4vw,1.6rem)/1.35 var(--disp);color:var(--sage-dd);border-left:6px solid var(--rust);padding:.2rem 0 .2rem 1.1rem;margin:1.5rem 0}
.illus{display:block;width:100%;height:auto;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.two{display:grid;gap:1.2rem}
@media(min-width:800px){.two{grid-template-columns:1fr 1fr}}
.bigcta{background:var(--rust);color:#fff;border-radius:var(--r);padding:1.6rem;display:grid;gap:1rem;align-items:center}
.bigcta h2{color:#fff;margin:0}
.bigcta p{margin:0}
.bigcta a{color:#fff}
.bigcta .btn{background:#fff;color:var(--rust-d);border-color:#fff}
@media(min-width:800px){.bigcta{grid-template-columns:1fr auto}}
.err{text-align:center;padding:3rem 0}
@media(max-width:620px){.util .uc{display:none}.urow{justify-content:center;text-align:center;font-size:.78rem}.stats li:last-child:nth-child(odd){grid-column:1/-1}body{font-size:1rem}.hide-s{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.hdr,.dock,.ask,.ftr,.lead{display:none}body{background:#fff}}
.sec.sage .kicker,.sec.alt .kicker{color:var(--rust-d)}
.box .tlabel{color:var(--muted)}