[data-cat]{--bg:#FFF8EF;--surface:#FFFFFF;--ink:#2B2235;--muted:#675C6E;--line:#F0E2CF;--accent:#2B2235;--on-accent:#FFFFFF;--soft:#FFE7C2;--mark:#B4531A;--accent2:#F2A93B;--display:"Baloo 2",system-ui,sans-serif;--radius:14px;--sosc:#B42318}
[data-cat="cats"]{--bg:#FFF8EC;--surface:#FFFFFF;--ink:#26323A;--muted:#56626A;--line:#EFE3CC;--accent:#157A74;--on-accent:#FFFFFF;--soft:#FBE7B8;--mark:#0F6D67;--accent2:#E3A72F;--display:"Baloo 2",system-ui,sans-serif;--radius:18px}
[data-cat="dogs"]{--bg:#F4F6EE;--surface:#FFFFFF;--ink:#22301F;--muted:#566152;--line:#DDE4CF;--accent:#2F6B3B;--on-accent:#FFFFFF;--soft:#E3EBC9;--mark:#2F6B3B;--accent2:#C7892F;--display:"Baloo 2",system-ui,sans-serif;--radius:16px}
[data-cat="health"]{--bg:#F2F6F8;--surface:#FFFFFF;--ink:#17303D;--muted:#4F6573;--line:#D6E3EA;--accent:#2D6E8E;--on-accent:#FFFFFF;--soft:#D9E9F1;--mark:#2D6E8E;--accent2:#7DB7A3;--display:"Bricolage Grotesque",system-ui,sans-serif;--radius:12px}
[data-cat="care"]{--bg:#F1F6F5;--surface:#FFFFFF;--ink:#14302C;--muted:#4D6662;--line:#D3E4E0;--accent:#1F6F66;--on-accent:#FFFFFF;--soft:#D7EBE6;--mark:#1F6F66;--accent2:#E3A72F;--display:"Baloo 2",system-ui,sans-serif;--radius:14px}
[data-cat="sos"]{--bg:#FFF5F3;--surface:#FFFFFF;--ink:#2E1513;--muted:#6E4F4B;--line:#F1D9D4;--accent:#B42318;--on-accent:#FFFFFF;--soft:#FDE2DC;--mark:#B42318;--accent2:#F2A93B;--display:"Baloo 2",system-ui,sans-serif;--radius:14px}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:inherit}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}
a{color:inherit}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--mark);outline-offset:2px}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0;font-weight:700}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--bg)}
.top-in{display:flex;align-items:center;gap:16px;min-height:62px;flex-wrap:wrap}
.brandname{font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;white-space:nowrap}
.cats{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none}
.cats::-webkit-scrollbar{display:none}
.cats a{text-decoration:none;padding:6px 12px;border-radius:999px;color:var(--muted);white-space:nowrap;font-weight:500}
.cats a:hover{color:var(--ink)}
.cats a.on{background:var(--soft);color:var(--ink);font-weight:600}
.cats a.sos{color:var(--sosc);font-weight:700}
.cats a.sos.on{background:var(--soft);color:var(--sosc)}
@media (max-width:680px){.cats a:first-child{order:-2}.cats a.sos{order:-1}}
@media (max-width:420px){.brandname{font-size:1.08rem}.top-actions{gap:6px}}
.top-actions{display:flex;gap:8px;margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:10px 14px;cursor:pointer;font-weight:600;text-decoration:none;line-height:1.2;min-height:42px}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.btn.primary:hover{filter:brightness(1.08)}
.btn[disabled]{opacity:.5;cursor:not-allowed;filter:none}
.btn.block{width:100%}
.btn.ghost{border-color:transparent;background:none;color:var(--muted)}
.badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--on-accent);color:var(--accent);font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.badge.pop{animation:pop .5s ease}
@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.55)}100%{transform:scale(1)}}
@media (max-width:680px){.cats{order:3;flex-basis:100%;padding-bottom:8px}.top-in{gap:10px;padding-top:8px}}
/* home */
.hero{padding:40px 0 24px;background:linear-gradient(180deg,var(--soft) 0%,var(--bg) 100%)}
.hero-in{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:24px}
.hero-ill{width:100%;max-width:420px;justify-self:end}
.kicker{display:inline-block;font-weight:700;color:var(--mark);font-size:.95rem;margin-bottom:8px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hero-cta .btn{padding:12px 20px}
@media (max-width:760px){.hero-in{grid-template-columns:1fr}.hero-ill{max-width:280px;justify-self:center;order:-1;margin-bottom:-12px}}
[data-cat]{--dogc:#C98A3B;--catc:#2A8C82}
.hero h1{font-size:clamp(2.4rem,7vw,4.4rem);letter-spacing:-.02em;max-width:15ch}
.hero p{font-size:1.15rem;color:var(--muted);max-width:56ch;margin:16px 0 0}
.perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.perk{border-radius:999px;padding:7px 14px;font-weight:600;font-size:.95rem;background:var(--surface);border:1px solid var(--line)}
.sec{padding:24px 0 44px}
.sec>h2{font-size:1.6rem;margin-bottom:16px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.tile{display:flex;flex-direction:column;text-decoration:none;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:24px 24px 0;min-height:250px;position:relative;overflow:hidden}
.tile:hover{border-color:var(--accent)}
.tile h3{font-size:2rem;color:var(--accent)}
.tile p{color:var(--muted);margin:8px 0 10px;max-width:30ch;font-size:.97rem}
.tile .meta{font-weight:600;font-size:.92rem}
.tile .ill{margin-top:auto;align-self:flex-end;width:190px;height:140px;margin-right:-10px}
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;border-top:1px solid var(--line);padding-top:24px}
.info h3{font-family:Figtree,system-ui,sans-serif;font-size:.95rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.info p{margin:0}
.info small{color:var(--muted)}
/* category banner */
.banner{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.pattern{position:absolute;inset:0;background:var(--soft);opacity:.75;-webkit-mask-size:72px 72px;mask-size:72px 72px;-webkit-mask-repeat:repeat;mask-repeat:repeat}
.banner .wrap{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:36px}
.banner .txt{padding-bottom:30px}
.banner h1{font-size:clamp(2.6rem,8vw,4.6rem);color:var(--accent)}
.banner p{color:var(--ink);font-size:1.1rem;margin:10px 0 0;max-width:46ch}
.banner .ill{width:min(300px,38vw);height:auto;flex-shrink:0;display:block}
@media (max-width:520px){.banner .ill{width:120px}.banner .wrap{padding-top:24px}}
.chips{display:flex;gap:6px;overflow-x:auto;padding:18px 0 14px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;white-space:nowrap;cursor:pointer;font-weight:500}
.chips button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
/* product grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-bottom:56px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.card.out .pic{filter:grayscale(.8);opacity:.6}
.pic{aspect-ratio:16/10;background:var(--b,var(--soft));color:var(--bt,var(--mark));display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:12px 14px;overflow:hidden;position:relative}
.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pic .pb{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:700;font-size:1.15rem;line-height:1.1}
.pic .ps{font-size:.85rem;opacity:.85;margin-top:2px}
.body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.body .br{font-size:.8rem;color:var(--muted);font-weight:600}
.body h3{font-family:Figtree,system-ui,sans-serif;font-size:1rem;font-weight:600;line-height:1.3;margin-top:-4px}
.size{color:var(--muted);font-size:.88rem;margin-top:-4px}
.mfr{color:var(--muted);font-size:.78rem;line-height:1.35;margin-top:-4px}
.bill{display:grid;grid-template-columns:1fr auto 1fr;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:6px 0;margin-top:auto;font-variant-numeric:tabular-nums}
.bill div{display:flex;flex-direction:column;line-height:1.2}
.bill div:nth-child(2){text-align:center;padding:0 6px}
.bill div:nth-child(3){text-align:right}
.bill small{font-size:.7rem;color:var(--muted)}
.bill s{color:var(--muted);font-size:.92rem}
.bill .off{color:var(--mark);font-size:.92rem}
.bill .now{font-size:1.1rem}
.bill.na{display:block;text-align:center;font-weight:600;color:var(--muted)}
.stock{font-size:.85rem;color:var(--muted)}
.stock.low{color:var(--mark);font-weight:600}
.stock.none{color:var(--ink);font-weight:600}
.step{display:flex;align-items:center;border:1px solid var(--accent);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.step button{width:42px;height:40px;border:0;background:var(--soft);cursor:pointer;font-size:1.2rem;font-weight:700;flex-shrink:0}
.step button[disabled]{opacity:.35;cursor:not-allowed}
.step .q{flex:1;text-align:center;font-weight:700;min-width:30px;font-size:.92rem}
.empty{padding:40px 0;color:var(--muted)}
/* toast */
.toast{position:fixed;left:0;right:0;margin:0 auto;width:max-content;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 10px 10px 16px;border-radius:14px;z-index:60;display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);box-shadow:0 8px 30px rgba(0,0,0,.25);animation:rise .25s ease}
.toast span{font-size:.93rem;flex:1}
.toast b{font-weight:700}
.toast button{border:0;background:var(--bg);color:var(--ink);border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer;white-space:nowrap}
@keyframes rise{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
/* drawer */
.scrim{position:fixed;inset:0;background:rgba(10,12,18,.5);z-index:40}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(580px,100%);background:var(--bg);z-index:41;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.dh{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line);gap:12px}
.dh h2{font-size:1.35rem}
.x{border:0;background:none;font-size:1.7rem;line-height:1;cursor:pointer;color:var(--muted);padding:4px 8px}
.db{flex:1;overflow-y:auto;padding:4px 20px 20px}
.df{border-top:1px solid var(--line);padding:12px 20px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.df .tot{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:1.15rem}
.df .tot small{font-weight:500;color:var(--muted);font-size:.8rem}
.row2{display:flex;gap:8px;flex-wrap:wrap}
.row2>*{flex:1 1 130px}
/* cart lines */
.ln{padding:14px 0;border-bottom:1px solid var(--line)}
.ln .nm{font-weight:600;line-height:1.35}
.ln .sub{color:var(--muted);font-size:.85rem}
.ln-row{display:grid;grid-template-columns:128px 1fr auto auto;gap:12px;align-items:center;margin-top:10px;font-variant-numeric:tabular-nums}
.ln-row .step{width:128px}
.ln-row .ea{font-size:.85rem;color:var(--muted);line-height:1.3}
.ln-row .ea s{display:block}
.ln-row .off{color:var(--mark);font-weight:700;font-size:.88rem}
.ln-row .amt{font-weight:700;text-align:right;min-width:70px}
@media (max-width:420px){.ln-row{grid-template-columns:118px 1fr auto}.ln-row .step{width:118px}.ln-row .off{display:none}}
.maxnote{font-size:.8rem;color:var(--mark);margin-top:4px}
.sum{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:16px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.sum .m{color:var(--muted)}
.sum .g{color:var(--mark);font-weight:600}
.sum .big{font-size:1.2rem;font-weight:700;padding-top:6px;border-top:1px dashed var(--line)}
.sum .bal{font-weight:700;color:var(--mark)}
.nudge{grid-column:1/-1;background:var(--soft);border-radius:8px;padding:8px 12px;font-size:.88rem}
.fs{border:0;padding:16px 0 0;margin:0;display:flex;flex-direction:column;gap:12px}
.fs legend{font-weight:700;padding:0;margin-bottom:8px}
.fs legend .opt{font-weight:400;color:var(--muted);font-size:.85rem}
.field{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--muted)}
.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 11px;color:var(--ink);font-size:1rem;width:100%}
.note{font-size:.86rem;color:var(--muted);margin:0}
.check{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-radius:10px;padding:10px 12px;font-size:.93rem;cursor:pointer;color:var(--ink)}
.check input{margin-top:4px;accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}
.tdet{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
.tdet summary{cursor:pointer;font-weight:600}
.tdet .terms{margin-top:10px;font-size:.9rem}
.upi{grid-column:1/-1;background:var(--surface);border:1px dashed var(--accent);border-radius:8px;padding:8px 12px;font-size:.88rem;margin-top:4px}
footer{border-top:1px solid var(--line);padding:24px 0 36px;color:var(--muted);font-size:.9rem}
footer p{margin:0 0 8px;max-width:90ch}
footer a{color:var(--ink)}
.flinks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-weight:600}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.brands{color:var(--muted);margin:18px 0 0;font-size:.95rem}
.brands span{font-weight:700;color:var(--ink)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.steps .num{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--accent2);color:#2B2235;font-weight:800;align-items:center;justify-content:center;margin-bottom:8px}
.steps b{display:block;font-family:var(--display);font-size:1.15rem}
.steps p{margin:4px 0 0;color:var(--muted);font-size:.93rem}
.terms{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;max-width:72ch}
.bp{display:flex;flex-direction:column;gap:6px}
.bp button{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:7px 10px;cursor:pointer;font-size:.85rem;text-align:left}
.bp button b{font-size:.92rem}
.bp em{font-style:normal;color:var(--mark);font-weight:600}
@media (max-width:500px){.bp .us{display:none}.bp button{padding:6px 8px}}
.bp button.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--surface)}
.exp{font-size:.85rem;color:var(--muted)}
.exp.soon,.soonc{color:var(--mark);font-weight:600}
.tag{position:absolute;top:10px;left:10px;background:#FFD54A;color:#2B2235;font-weight:800;font-size:.75rem;padding:4px 9px;border-radius:999px}
@media (max-width:500px){.grid{grid-template-columns:1fr 1fr;gap:10px}.wrap{padding:0 12px}.body{padding:10px 10px 12px}.bill .now{font-size:.95rem}.bill s,.bill .off{font-size:.78rem}.bill small{font-size:.65rem}.q .ic{display:none}.pic .pb{font-size:1rem}.step button{width:36px}}
.sheetcheck{background:#FFF3C4;color:#2B2235;border-bottom:2px solid #E0B000;padding:16px 0;font-size:.93rem}
.sheetcheck h2{font-family:Figtree,system-ui,sans-serif;font-size:1.1rem;margin-bottom:6px}
.sheetcheck h2 small{font-weight:400;color:#6A5F70}
.sheetcheck p{margin:6px 0}
.sheetcheck ul{margin:4px 0 8px;padding-left:20px}
.sheetcheck .warn{color:#9A3412}
.sheetcheck .ok{color:#166534;font-weight:600}
.trust{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.trust li{font-weight:600;font-size:.93rem;display:flex;align-items:center;gap:6px}
.trust li::before{content:"";width:18px;height:18px;border-radius:50%;flex-shrink:0;background:var(--catc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.faq{display:flex;flex-direction:column;gap:8px;max-width:820px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}
.faq summary{cursor:pointer;font-family:var(--display);font-weight:700;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--mark)}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:8px 0 0;color:var(--muted);max-width:70ch}
.faq details .btn{margin-top:10px}
.community{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:4px 0 24px}
.cc{border-radius:var(--radius);padding:22px 24px;background:var(--soft);display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.cc h2{font-size:1.4rem}
.cc p{margin:0;max-width:56ch}
.cc.dark{background:var(--ink);color:var(--bg)}
.cc.dark p{opacity:.9}
.whylink{display:inline-block;margin-top:12px;font-weight:700;color:var(--accent);text-decoration:none;border-bottom:2px solid currentColor}
.btn.lang{font-weight:700;padding:8px 12px;min-height:40px}
.vet{font-size:.8rem;background:var(--soft);border-radius:8px;padding:6px 8px;line-height:1.35}
html[lang="gu"] body{font-family:"Hind Vadodara",Figtree,system-ui,sans-serif}
html[lang="gu"] :is(h1,h2,.tile h3,.steps b,.faq summary,.cc h2,.dh h2,.tb b,.mini b,.sosbar b){font-family:"Baloo Bhai 2","Baloo 2",system-ui,sans-serif}
html[lang="gu"] .hero h1,html[lang="gu"] .brandname{font-family:"Baloo 2",system-ui,sans-serif}
html[lang="gu"] .faq p,html[lang="gu"] .steps p,html[lang="gu"] .terms,html[lang="gu"] .sossteps p{line-height:1.7}
@media (max-width:420px){.btn.lang{padding:8px 9px}}

/* ===== trust badges ===== */
.trustgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.tb{display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.ico{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--mark);box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 3.5px var(--mark)}
.tb b{display:block;font-family:var(--display);font-size:1.12rem;line-height:1.2}
.tb p{margin:4px 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}

/* ===== care finder on home ===== */
.minis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.mini{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.mini:hover{border-color:var(--accent)}
.mini b{font-family:var(--display);font-size:1.3rem;line-height:1.15;margin-top:6px;color:var(--accent)}
.mini span.d{color:var(--muted);font-size:.92rem}
.mini span.cnt{margin-top:auto;padding-top:6px;font-weight:700;font-size:.9rem}
.sosbar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;background:#B42318;color:#fff;border-radius:var(--radius);padding:18px 22px;margin-top:16px;text-decoration:none}
.sosbar b{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.35rem;display:block;line-height:1.15}
.sosbar .go{background:#fff;color:#B42318;border-radius:999px;padding:9px 16px;font-weight:800;white-space:nowrap}

/* ===== directory pages ===== */
.ctabs{display:flex;gap:6px;overflow-x:auto;padding:18px 0 2px;scrollbar-width:none}
.ctabs::-webkit-scrollbar{display:none}
.ctabs a{text-decoration:none;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;white-space:nowrap}
.ctabs a.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:4px 0 28px}
.dc{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px 12px;display:flex;flex-direction:column;gap:10px}
.dc h3{font-family:Figtree,system-ui,sans-serif;font-size:1.1rem;font-weight:700;line-height:1.3;padding-right:52px}
.dc .who{color:var(--muted);font-size:.9rem;margin-top:-6px}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--ink)}
.pill.hot{background:var(--sosc);color:#fff}
.dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:.9rem;margin:0}
.dl dt{color:var(--muted)}
.dl dd{margin:0}
.cdet{margin:0;font-size:.9rem;color:var(--muted)}
.dact{display:flex;gap:8px;margin-top:auto}
.dact .btn{flex:1;min-height:40px;padding:8px 10px;font-size:.93rem}
.vline{font-size:.78rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:8px;line-height:1.45}
.vline a{color:var(--mark);font-weight:600}
.demo{position:absolute;top:12px;right:12px;font-size:.7rem;font-weight:800;background:#FFD54A;color:#2B2235;padding:2px 8px;border-radius:999px}
.demonote{background:#FFF3C4;color:#2B2235;border-radius:10px;padding:10px 14px;font-size:.9rem;margin:14px 0 0}
.cdate{display:flex;gap:12px;align-items:center}
.cday{width:58px;flex-shrink:0;text-align:center;border-radius:12px;background:var(--accent);color:var(--on-accent);padding:6px 0 7px;line-height:1.05}
.cday b{display:block;font-size:1.6rem;font-family:"Baloo 2",system-ui,sans-serif}
.cday small{font-size:.78rem;font-weight:700}
.cdate h3{padding-right:52px}
.suggest{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;border:1.5px dashed var(--accent);border-radius:var(--radius);padding:16px 20px;margin:4px 0 44px;background:var(--surface)}
.suggest p{margin:0;max-width:60ch}

/* ===== emergency ===== */
.sosnums{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.num1{position:relative;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);padding:16px 18px}
.num1 b{padding-right:48px;line-height:1.3}
.num1 a.call{font-size:1.9rem;font-weight:800;font-family:"Baloo 2",system-ui,sans-serif;color:var(--accent);text-decoration:none;line-height:1.2;font-variant-numeric:tabular-nums}
.num1 .sub{color:var(--muted);font-size:.9rem}
.sossteps{counter-reset:s;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;max-width:780px}
.sossteps li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 14px 58px}
.sossteps li::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:800}
.sossteps b{display:block;font-size:1.05rem}
.sossteps p{margin:4px 0 0;color:var(--muted)}
.kite{background:var(--soft);border-radius:10px;padding:12px 16px;max-width:780px;margin:14px 0 0}
.disc{font-size:.88rem;color:var(--muted);max-width:72ch;margin:14px 0 0}

/* ===== suggest form ===== */
.sform{max-width:780px;display:flex;flex-direction:column;gap:16px;padding:22px 0 52px}
.sform h2{font-size:1.35rem}
.ftypes{display:flex;gap:8px;flex-wrap:wrap}
.ftypes button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:9px 16px;font-weight:600;cursor:pointer}
.ftypes button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.fbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px}
.fbox h3{font-family:Figtree,system-ui,sans-serif;font-size:1.02rem;font-weight:700}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fgrid .full{grid-column:1/-1}
@media (max-width:600px){.fgrid{grid-template-columns:1fr}}
fieldset.field{border:0;padding:0;margin:0;min-width:0}
fieldset.field legend{padding:0;margin-bottom:4px}
.req{color:var(--mark);font-weight:700}
.checks{display:flex;gap:8px 18px;flex-wrap:wrap;padding:4px 0;color:var(--ink);font-size:.95rem}
.checks label{display:flex;gap:6px;align-items:center;cursor:pointer}
.checks input{accent-color:var(--accent);width:18px;height:18px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fmsg{border-radius:10px;padding:12px 14px;font-weight:600}
.fmsg.ok{background:#E3F4E8;color:#14532D}
.fmsg.err{background:#FDE2DC;color:#7A1C12}
.fmsg.info{background:#FFF3C4;color:#2B2235}
.sform .btn.primary{align-self:flex-start;padding:12px 22px}

/* ===== legal pages ===== */
.legal{max-width:780px;padding:32px 0 52px}
.legal h1{font-size:clamp(2.1rem,6vw,3.2rem);margin-bottom:6px}
.legal h2{font-size:1.3rem;margin:28px 0 8px}
.legal p,.legal li{line-height:1.65;margin:0 0 8px}
.legal ul{padding-left:20px;margin:0 0 8px}
.legal .upd{color:var(--muted)}

/* ===== round 3: hero benefits, afford band, contact, notes ===== */
.hero h1{max-width:14ch}
.kicker{max-width:46ch}
.hb{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;max-width:640px}
.hb li{display:flex;gap:12px;align-items:flex-start}
.hb .ico{width:40px;height:40px}
.hb b{display:block;font-family:var(--display);font-size:1.12rem;line-height:1.2;color:var(--ink)}
.hb li>span:last-child{color:var(--muted);font-size:.92rem;line-height:1.45}
@media (max-width:520px){.hb{grid-template-columns:1fr}}
.afford{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;background:var(--accent2);color:#2B2235;border-radius:var(--radius);padding:24px 28px;margin:8px 0 20px}
.afford h2{font-size:1.6rem}
.afford p{margin:8px 0 0;max-width:62ch}
.afford .btn{background:#2B2235;color:#fff;border-color:#2B2235;padding:12px 20px}
.faqpage{padding:32px 0 48px}
.faqpage h1{font-size:clamp(2rem,6vw,3.2rem);margin-bottom:8px}
.faqpage .lead{color:var(--muted);margin:0 0 20px;max-width:60ch}
.scam{background:var(--soft);border-radius:10px;padding:10px 14px;margin:20px 0 0;font-weight:600;max-width:80ch}
.griev{margin-top:20px}
.griev h3{font-family:Figtree,system-ui,sans-serif;font-size:.95rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.griev p{margin:0;max-width:80ch}
.indep{color:var(--muted);font-size:.92rem;margin:14px 0 0;max-width:82ch}
.notmfr{color:var(--muted);font-size:.88rem;margin:-36px 0 44px;max-width:82ch}
.btn[aria-disabled="true"]{opacity:.5}
.note.need{color:var(--mark);font-weight:600}
/* ===== round 4: listings table ===== */
.sortbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px;font-size:.9rem;color:var(--muted)}
.sortbar button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;cursor:pointer;font-weight:600;color:var(--ink)}
.sortbar button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.dtable{width:100%;border-collapse:collapse;font-size:.95rem}
.dtable th{text-align:left;font-size:.8rem;color:var(--muted);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg)}
.dtable td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.dtable tr:last-child td{border-bottom:0}
.dtable .tn b{display:block;line-height:1.3}
.dtable .ts{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}
.dtable .pills{margin-top:6px}
.dtable .demo{position:static;display:inline-block;margin-left:6px;vertical-align:middle}
.dtable .tp{white-space:nowrap;font-variant-numeric:tabular-nums}
.dtable .tc{text-align:right;width:1%}
.dtable .tc .btn{min-height:38px;padding:7px 18px}
.dtable .tpm{display:none}
.more{margin-top:6px;font-size:.88rem}
.more summary{cursor:pointer;color:var(--mark);font-weight:600}
.more .dl{margin:8px 0 6px}
.more a{color:var(--mark);font-weight:600;margin-right:14px}
.reportall{color:var(--muted);font-size:.9rem;margin:12px 0 22px}
.reportall a{color:var(--mark);font-weight:700}
@media (max-width:600px){.dtable .tp{display:none}.dtable .tpm{display:block;font-size:.88rem;margin-top:4px;font-variant-numeric:tabular-nums}.dtable td{padding:10px}.dtable th{padding:8px 10px}.dtable .ta{font-size:.88rem}}

/* ===== round 6: one warm, light look ("Warm hug") ===== */
:root{color-scheme:only light}
[data-cat]{--bg:#FFF8F1;--surface:#FFFFFF;--ink:#3A2A25;--muted:#7A635B;--line:#F1E0D3;--accent:#BA4E37;--on-accent:#FFFFFF;--soft:#FFE1D3;--mark:#A8432D;--accent2:#F4B183;--display:"Baloo 2",system-ui,sans-serif;--radius:18px;--sosc:#B42318;--dogc:#D99A52;--catc:#2A8C82}
[data-cat="cats"]{--bg:#FFF8F1;--surface:#FFFFFF;--ink:#26323A;--muted:#5C676D;--line:#F0E3D2;--accent:#157A74;--on-accent:#FFFFFF;--soft:#FCE7C8;--mark:#0F6D67;--accent2:#E8B44F;--radius:18px}
[data-cat="dogs"]{--bg:#FBF8EF;--surface:#FFFFFF;--ink:#22301F;--muted:#5B6556;--line:#E7E4D2;--accent:#2F6B3B;--on-accent:#FFFFFF;--soft:#E9EFD3;--mark:#2F6B3B;--accent2:#D9A04A;--radius:18px}
[data-cat="health"]{--bg:#F8F7F2;--surface:#FFFFFF;--ink:#1D3340;--muted:#55697A;--line:#E3E6E2;--accent:#2D6E8E;--on-accent:#FFFFFF;--soft:#DCECF2;--mark:#2D6E8E;--accent2:#8CC4AE;--display:"Baloo 2",system-ui,sans-serif;--radius:18px}
[data-cat="care"]{--bg:#F7F8F1;--surface:#FFFFFF;--ink:#183330;--muted:#536965;--line:#E1E8DF;--accent:#1F6F66;--on-accent:#FFFFFF;--soft:#DAEDE6;--mark:#1F6F66;--accent2:#F4B183;--radius:18px}
[data-cat="sos"]{--bg:#FFF6F3;--surface:#FFFFFF;--ink:#3A1F1A;--muted:#7A5A54;--line:#F4DDD7;--accent:#B42318;--on-accent:#FFFFFF;--soft:#FDE4DF;--mark:#B42318;--accent2:#F4B183;--radius:18px}
/* softer, rounder cards */
.card,.tile,.tb,.mini,.dc,.steps li,.faq details,.tablewrap,.fbox,.num1,.sossteps li{border-color:var(--line);box-shadow:0 2px 12px rgba(150,80,50,.07)}
.card:hover,.tile:hover,.mini:hover{box-shadow:0 6px 20px rgba(150,80,50,.12)}
/* soften the heavy blocks */
.cc.dark{background:#FFE1D3;color:var(--ink)}
.cc.dark p{opacity:1}
.cc{background:#FFF1D6;color:var(--ink)}
.sosbar{background:#FDE7E4;color:#7A1F14;border:1px solid #F5C9C2}
.sosbar .go{background:#B42318;color:#fff}
.afford{background:#FFF1C9;color:var(--ink);border:1px solid #F6E2A6}
.afford .btn{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.sortbar button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.toast{background:#3A2A25;color:#FFF8F1}
.toast button{background:#FFE1D3;color:#3A2A25}
/* little hearts and paws */
.kicker::before,#trust h2::before{content:"";display:inline-block;width:.95em;height:.95em;margin-right:.4em;vertical-align:-.12em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23BA4E37' d='M12 21s-7.5-4.6-9.6-9.3C.9 8.2 3.1 4.5 6.8 4.5c2.1 0 3.6 1.1 4.2 2.4h2c.6-1.3 2.1-2.4 4.2-2.4 3.7 0 5.9 3.7 4.4 7.2C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat}
.pawdiv{height:24px;width:96px;margin:6px auto 22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 24'%3E%3Cg fill='%23D9876F'%3E%3Cellipse cx='16' cy='17' rx='4.2' ry='3.6'/%3E%3Ccircle cx='11.4' cy='11.5' r='1.8'/%3E%3Ccircle cx='14.2' cy='8.8' r='1.8'/%3E%3Ccircle cx='17.8' cy='8.8' r='1.8'/%3E%3Ccircle cx='20.6' cy='11.5' r='1.8'/%3E%3C/g%3E%3Cg fill='%23D9876F'%3E%3Cellipse cx='48' cy='17' rx='4.2' ry='3.6'/%3E%3Ccircle cx='43.4' cy='11.5' r='1.8'/%3E%3Ccircle cx='46.2' cy='8.8' r='1.8'/%3E%3Ccircle cx='49.8' cy='8.8' r='1.8'/%3E%3Ccircle cx='52.6' cy='11.5' r='1.8'/%3E%3C/g%3E%3Cg fill='%23D9876F'%3E%3Cellipse cx='80' cy='17' rx='4.2' ry='3.6'/%3E%3Ccircle cx='75.4' cy='11.5' r='1.8'/%3E%3Ccircle cx='78.2' cy='8.8' r='1.8'/%3E%3Ccircle cx='81.8' cy='8.8' r='1.8'/%3E%3Ccircle cx='84.6' cy='11.5' r='1.8'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.7}

/* ===== round 8: home groups, food page, help page, volunteers ===== */
.pillars{grid-template-columns:1fr;max-width:560px;gap:12px}
.btn.sosbtn{background:#fff;color:#B42318;border-color:#E8B4AC}
.shoplink{display:inline-block;margin-top:12px;color:var(--mark);font-weight:600}
.gcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1000px){.gcards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gcards{grid-template-columns:1fr}}
.gcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 12px rgba(150,80,50,.07)}
.gcard h3{font-size:1.45rem;color:var(--accent);margin-top:6px}
.gcard p{margin:0;color:var(--muted);font-size:.93rem}
.g-health .ico{color:#2D6E8E;box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 3.5px #2D6E8E;background:#DCECF2}
.g-services .ico{color:#157A74;box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 3.5px #157A74;background:#D7EBE6}
.g-community .ico{color:#2F6B3B;box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 3.5px #2F6B3B;background:#E9EFD3}
.glinks{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.glinks a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px dashed var(--line);text-decoration:none;font-weight:600}
.glinks a:hover span{color:var(--accent)}
.glinks em{font-style:normal;color:var(--muted);font-weight:500;font-size:.88rem;white-space:nowrap}
.foodhero{padding:28px 0 8px}
.foodhero h1{font-size:clamp(2rem,5vw,3.2rem)}
.foodhero .hb{margin-top:16px}
.foodhero .ill{width:100%;max-width:300px;justify-self:end;height:auto}
@media (max-width:760px){.foodhero .ill{max-width:220px;justify-self:center;order:-1}}
.petswitch{display:inline-flex;gap:4px;margin:20px 0 4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}
.petswitch a{text-decoration:none;padding:9px 22px;border-radius:999px;font-weight:700;font-size:1.05rem}
.petswitch a.on{background:var(--accent);color:var(--on-accent)}
.catblurb{color:var(--muted);margin:12px 0 0;max-width:70ch}
.catblurb .whylink{margin:0 0 0 6px}
.tcoll{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;max-width:820px}
.tcoll summary{cursor:pointer;font-family:var(--display);font-weight:700;font-size:1.3rem}
.tcoll .terms{margin-top:12px}
.verify{margin:14px 0 0;font-weight:600;max-width:82ch;display:flex;gap:8px;align-items:flex-start}
.verify::before{content:"\2713";flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;margin-top:1px}
.indep{margin-top:6px}
.lead2{color:var(--muted);margin:-8px 0 10px;max-width:70ch}
.scamr{background:#FDE7E4;color:#7A1F14;border:1px solid #F5C9C2;border-radius:10px;padding:10px 14px;font-weight:600;max-width:80ch;margin:0 0 6px}
.after{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.aft{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;text-decoration:none}
.aft b{color:var(--accent)}
.packstrip{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;background:#E9F3EF;border:1px solid #CFE5DC;border-radius:var(--radius);padding:24px 28px;margin:8px 0 28px}
.packstrip h2{font-size:1.6rem}
.packstrip p{margin:6px 0 0;color:var(--muted)}
.pstats{display:flex;gap:10px 26px;flex-wrap:wrap;margin-top:14px}
.pstats span{display:flex;align-items:baseline;gap:6px;font-weight:600;color:var(--muted)}
.pstats b{font-family:"Baloo 2",system-ui,sans-serif;font-size:1.8rem;color:#157A74;line-height:1}
.pbtns{display:flex;gap:10px;flex-wrap:wrap}
.bigstats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.bigstats div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center}
.bigstats b{display:block;font-family:"Baloo 2",system-ui,sans-serif;font-size:2.6rem;line-height:1;color:var(--accent)}
.bigstats span{color:var(--muted);font-weight:600;font-size:.92rem}
@media (max-width:520px){.bigstats b{font-size:2rem}.bigstats div{padding:12px 6px}}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:14px 0 28px}
.vc{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 12px rgba(150,80,50,.07)}
.vc.spot{border:2px solid #E8B44F;background:linear-gradient(160deg,#FFF6DD,#FFFFFF 60%);max-width:560px}
.spotl{font-weight:800;color:#9A6A00;font-size:.85rem}
.vtop{display:flex;gap:12px;align-items:center}
.vtop b{display:block;font-size:1.1rem}
.va{color:var(--muted);font-size:.9rem}
.av{width:52px;height:52px;border-radius:50%;color:#fff;font-weight:800;font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}
.vbadge{align-self:flex-start;font-size:.8rem;font-weight:800;padding:4px 10px;border-radius:999px;background:#FFE1D3;color:#8A3A26}
.vbadge.b_runner{background:#DAEDE6;color:#145A53}
.vbadge.b_top{background:#FFF1C9;color:#7A5600}
.vbadge.b_leader{background:#3A2A25;color:#FFE08A}
.vhelps{display:flex;flex-wrap:wrap;gap:6px}
.vhelps span{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.vhelps svg{width:14px;height:14px}
.since{color:var(--muted);font-size:.82rem}
.guides{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.check a{color:var(--mark);font-weight:600}
/* ===== Food page: Dogs / Cats picker ===== */
.foodhero{border-bottom:1px solid var(--line)}
.petpick{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 16px;max-width:760px}
.pp{display:flex;align-items:center;gap:16px;min-height:96px;padding:12px 22px 12px 14px;border:2px solid var(--line);border-radius:22px;background:var(--surface);text-decoration:none;color:var(--ink);box-shadow:0 2px 12px rgba(150,80,50,.07);transition:transform .15s ease,box-shadow .15s ease}
.pp:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(150,80,50,.13)}
.pp svg{width:64px;height:80px;flex-shrink:0}
.pp b{display:block;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.7rem;line-height:1.05;color:var(--accent)}
.pp small{color:var(--muted);font-weight:600;font-size:.9rem}
.pp.on{border-color:var(--accent);background:var(--soft);box-shadow:0 6px 20px rgba(150,80,50,.12)}
.pp.on::after{content:"\2713";margin-left:auto;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}
.catintro{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(100deg,var(--soft),var(--surface) 70%);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}
.catintro p{margin:0;flex:1 1 280px;font-size:1.05rem}
.catintro .ico{width:40px;height:40px}
.catintro .btn{min-height:38px;padding:8px 14px;font-size:.92rem}
@media (max-width:520px){.pp{min-height:80px;padding:10px 14px 10px 10px;gap:10px}.pp svg{width:46px;height:60px}.pp b{font-size:1.35rem}.pp.on::after{display:none}.catintro .ico{display:none}.catintro{padding:12px 14px}}
/* Round 9: clickable home cards, boxes, Try a Brand */
.gcard{position:relative}
.gcard:hover{box-shadow:0 6px 20px rgba(150,80,50,.12)}
.gcard h3 a.gopen{color:inherit;text-decoration:none}
.gcard h3 a.gopen::after{content:"";position:absolute;inset:0;border-radius:inherit}
.gcard .garr{font-size:.8em;opacity:.55}
.gcard:hover .garr{opacity:1}
.gcard h3 a.gopen:focus-visible{outline:none}
.gcard:has(a.gopen:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.glinks a{position:relative;z-index:1}
.seclead{color:var(--muted);max-width:62ch;margin:-6px 0 4px;font-size:1.05rem}
.boxes{padding-top:36px}
.wholab{margin:18px 0 0;font-family:var(--display);font-weight:700;font-size:1.15rem}
.chips.who{padding-top:8px}
.chips.who button{padding:8px 16px;font-weight:600}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.bcard{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--accent2);border-radius:var(--radius);padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 12px rgba(150,80,50,.07)}
.bcard .bl{font-weight:700;color:var(--mark);font-size:.95rem}
.bpr{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bpr b{font-family:var(--display);font-size:2.3rem;line-height:1;font-weight:800}
.bpr small{color:var(--muted);font-size:.85rem}
.bm{margin:2px 0 0;font-weight:700;color:var(--accent);font-size:1.05rem}
.bc{margin:0;font-size:.95rem}
.bgu{margin:2px 0 6px;display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:.86rem}
.bgu svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}
.bbtns{display:grid;gap:8px;margin-top:auto}
.bnote{color:var(--muted);font-size:.9rem;max-width:80ch;margin:16px 0 0}
.bempty{background:var(--surface);border:1px dashed var(--muted);border-radius:var(--radius);padding:18px 22px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin:14px 0 8px}
.bempty p{margin:0;max-width:60ch}
#trybrand .petpick{margin-top:18px}
.supply{margin:8px 0 28px}
.stepsh{font-size:1.15rem;margin:18px 0 10px}
.termsub{font-size:1.05rem;margin:16px 0 6px}

/* ===== round 10: sponsor a box, no-chase promise, feeders, wall ===== */
.spcompose{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:26px 0 8px;display:flex;flex-direction:column;gap:20px;box-shadow:0 2px 12px rgba(150,80,50,.07)}
.spf{border:0;margin:0;padding:0;min-width:0}
.spf>legend,.lb{font-family:var(--display);font-weight:700;font-size:1.25rem;color:var(--ink);padding:0;margin-bottom:10px;display:block}
.spf.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:700px){.spf.two{grid-template-columns:1fr}}
.spf .note{margin-top:10px;max-width:72ch}
.bands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:640px){.bands{grid-template-columns:1fr}}
.band{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--line);background:var(--bg);border-radius:var(--radius);padding:14px 14px 12px;cursor:pointer;min-height:104px}
.band b{font-family:var(--display);font-size:1.45rem;line-height:1.1;font-variant-numeric:tabular-nums}
.band span{font-weight:600;font-size:.93rem}
.band small{color:var(--muted);font-size:.85rem;margin-top:auto;padding-top:6px}
.band:hover:not([disabled]){border-color:var(--muted)}
.band.on{border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}
.band[disabled]{opacity:.5;cursor:not-allowed}
.spcompose .field small{color:var(--muted);font-size:.85rem;margin-top:4px}
.spcompose .field .lb{font-size:1.25rem}
.radios{display:flex;flex-direction:column;gap:8px;color:var(--ink);font-size:.97rem}
.radios label{display:flex;gap:10px;align-items:center;cursor:pointer}
.radios input{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}
.spgo{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:16px}
.spgo .btn{padding:13px 24px;font-size:1.05rem}
.spgo .note{max-width:48ch}
/* the promise: the one dark band on the page */
.promise{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;background:#2B2235;color:#FFF8EF;border-radius:calc(var(--radius) + 6px);padding:34px 34px;margin:30px 0 10px}
@media (max-width:820px){.promise{grid-template-columns:1fr;padding:26px 22px}}
.promise h2{font-size:clamp(1.8rem,4.4vw,2.6rem);color:#FFF8EF}
.promise .ptxt>p{margin:10px 0 0;max-width:46ch;opacity:.92;font-size:1.06rem}
.pfacts{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;max-width:52ch;font-size:.95rem;color:#E9DFEA}
.pfacts b{color:#FFF8EF}
.thread{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.thread .msg{position:relative;align-self:flex-start;max-width:36ch;background:#FFF8EF;color:#2B2235;border-radius:16px 16px 16px 4px;padding:11px 15px 12px;box-shadow:0 2px 0 rgba(0,0,0,.18)}
.thread .msg b{display:block;font-family:var(--display);font-size:1.08rem;line-height:1.2}
.thread .msg span{display:block;font-size:.92rem;color:#5B5060;margin-top:2px}
.thread .msg:nth-child(2){margin-left:18px}.thread .msg:nth-child(3){margin-left:36px}
.thread .end{margin-top:6px;padding-top:12px;border-top:2px dashed #F2A93B;color:#F2A93B;font-weight:700}
@media (prefers-reduced-motion:no-preference){.promise .msg{animation:rise .5s ease both}.promise .msg:nth-child(2){animation-delay:.12s}.promise .msg:nth-child(3){animation-delay:.24s}}
/* feeder cards */
.fgridc{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.fcard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 12px rgba(150,80,50,.07)}
.fcard h3{font-size:1.45rem;color:var(--accent)}
.ftag{align-self:flex-start;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--ink)}
.fcount{display:flex;gap:8px;align-items:center;margin:0;font-weight:600}
.fcount svg,.fmeta svg{width:18px;height:18px;color:var(--mark);flex-shrink:0}
.fdesc{margin:0;color:var(--muted);font-size:.95rem}
.fmeta{display:flex;flex-direction:column;gap:4px;margin:4px 0 0;padding-top:8px;border-top:1px dashed var(--line);font-size:.85rem;color:var(--muted)}
.fmeta span,.fmeta a{display:flex;gap:6px;align-items:center}
.fmeta a{color:var(--ink);font-weight:600}
.fcard.preview{border-style:dashed;border-color:var(--accent)}
.bigstats.four{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.wall{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wall li{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 16px;display:flex;gap:8px;align-items:baseline}
.wall b{font-family:var(--display);font-size:1.08rem}
.wall small{color:var(--muted);font-size:.82rem}
.spnd{margin:4px 0 16px}
.spcall{margin:4px 0 8px}
/* feeder page */
.langsw{margin-bottom:14px;min-height:36px;padding:6px 14px}
.know{padding-bottom:20px}
.knowl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.knowl li{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:0 2px 12px rgba(150,80,50,.07)}
.knowl .ico{width:40px;height:40px}
.knowl b{display:block;font-family:var(--display);font-size:1.1rem;line-height:1.25}
.knowl p{margin:4px 0 0;color:var(--muted);font-size:.93rem}
.fdlayout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.fdlayout .sform{padding-top:0}
.fdsee{position:sticky;top:84px;background:var(--soft);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px}
.fdsee h2{font-size:1.35rem}
.fdsee>p{margin:0;font-size:.93rem}
.seenotes{margin:0;padding-left:18px;font-size:.9rem;display:flex;flex-direction:column;gap:6px}
@media (max-width:860px){.fdlayout{grid-template-columns:1fr}.fdsee{position:static;order:-1}}
.nums{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ofthese{margin:8px 0 0;font-weight:600;color:var(--ink);font-size:.95rem}
.check.toggle span{display:flex;flex-direction:column;gap:4px}
.check.toggle small{color:var(--muted);font-size:.85rem}
.field small{font-weight:400}
main[lang="gu"]{font-family:"Hind Vadodara",Figtree,system-ui,sans-serif}
main[lang="gu"] :is(h1,h2,h3,.knowl b,.fbox h3){font-family:"Baloo Bhai 2","Baloo 2",system-ui,sans-serif}
main[lang="gu"] :is(.knowl p,.check,.seenotes,.fdsee>p){line-height:1.65}
main[lang="gu"] .fcard,main[lang="gu"] .langsw{font-family:Figtree,system-ui,sans-serif}
main[lang="gu"] .fcard h3{font-family:"Baloo 2",system-ui,sans-serif}

/* ===== round 11: vertical rhythm, full-width notes, grouped FAQ ===== */
.hero{padding:44px 0 52px}
.sec{padding:36px 0 44px}
.sec>h2{margin-bottom:14px}
.seclead{margin:-4px 0 18px}
#groups{padding-top:48px}
.sosbar{margin:8px 0 0}
.community{margin:40px 0 16px;gap:18px}
.pawdiv{margin:28px auto 16px}
.afford{margin:28px 0 28px}
.packstrip{margin:28px 0 36px}
.suggest{margin:28px 0 56px}
.banner .txt{padding-bottom:40px}
.spcompose{margin:36px 0 12px}
.promise{margin:44px 0 12px}
.spcall{margin:4px 0 24px}
.spnd{margin:8px 0 20px}
.know{padding-top:40px}
.fdlayout{margin-bottom:12px}
.sform{gap:18px}
footer{margin-top:24px}
.scam,.griev p{max-width:none}
.scam{margin-top:28px}
.griev{margin-top:24px}
.faqpage{padding:40px 0 56px}
.faqpage .lead{margin-bottom:22px}
.faqjump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.faqjump button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;cursor:pointer;font-weight:600;color:var(--ink)}
.faqjump button:hover{border-color:var(--accent);color:var(--accent)}
.faqgroup{padding-top:36px;scroll-margin-top:84px}
.faqgroup>h2{font-size:1.45rem;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line);max-width:820px}
.termsbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:6px 20px 14px;max-width:820px}
@media (max-width:600px){.hero{padding:28px 0 40px}.sec{padding:28px 0 32px}#groups{padding-top:36px}.community{margin:32px 0 12px}.promise{margin:36px 0 8px}.faqgroup{padding-top:28px}}
/* ===== round 12: one spacing scale, full-width notes, sponsor theme, test bar, motion ===== */
:root{--s:64px}
@media (max-width:600px){:root{--s:44px}}
/* Every top-level block uses the same outer margin; neighbouring margins collapse, so the gap is always --s */
.sec{padding:0;margin:var(--s) 0}
#groups{padding-top:0}
.community,.afford,.packstrip,.suggest,.promise,.spcompose,.sosbar,.know,.fdlayout,.sform,.faqpage,.sheetcheck{margin-top:var(--s);margin-bottom:var(--s)}
.sosbar{margin-bottom:calc(var(--s) * -.5)}
.pawdiv{margin:calc(var(--s) * -.5) auto}
.hero{padding:calc(var(--s) * .75) 0 calc(var(--s) * .75)}
.banner .txt{padding-bottom:calc(var(--s) * .6)}
.banner .wrap{padding-top:calc(var(--s) * .6)}
.sec>h2,.faqgroup>h2{margin-bottom:14px}
.seclead{margin:-4px 0 22px}
.stepsh{margin:22px 0 12px}
.grid{padding-bottom:0}
.faqpage{padding:0}
.faqgroup{padding-top:calc(var(--s) * .6)}
.fdlayout .sform{margin:0;padding:0}
.sform{padding:0}
footer{margin-top:0}
.spcall{margin-bottom:0}
/* full-width notes and leads (long reading text keeps its comfortable width) */
.seclead,.note,.suggest p,.cc p,.afford p,.packstrip p,.spf .note,.spgo .note,.scam,.griev p,.fairend,.special{max-width:none}
.suggest p{flex:1 1 320px}
.afford>div,.packstrip>div{flex:1 1 420px}
.bempty p,.catintro p,.demonote,.bnote,.catblurb,.disc,.indep,.lead,.notmfr,.verify,.scamr{max-width:none}
.notmfr{margin:16px 0 0}
.spgo>div{flex:1 1 320px}
.fairend{margin:16px 0 0;color:var(--muted)}
/* sponsor page: marigold */
[data-cat="sponsor"]{--bg:#FFFAEE;--surface:#FFFFFF;--ink:#2E2618;--muted:#6B5D45;--line:#F1E3BF;--accent:#E3A21A;--on-accent:#2E2618;--soft:#FDEFC8;--mark:#8F5A00;--accent2:#F6C453;--radius:18px}
[data-cat="sponsor"] .banner h1,[data-cat="sponsor"] .fcard h3,[data-cat="sponsor"] .bigstats b{color:var(--mark)}
[data-cat="sponsor"] .btn.primary:hover{filter:brightness(1.04)}
[data-cat="sponsor"] .promise{background:#2E2618}
[data-cat="sponsor"] .thread .end{border-top-color:#F6C453;color:#F6C453}
[data-cat="sponsor"] .ftag,[data-cat="sponsor"] .vbadge{background:#FDEFC8;color:#5C3B00}
.offer{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);cursor:pointer;color:var(--ink);font-size:.95rem}
.offer input{accent-color:var(--accent);width:18px;height:18px;margin-top:3px;flex-shrink:0}
.special{margin:0;background:var(--soft);border-radius:10px;padding:12px 14px;font-size:.95rem}
.wstories{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.wstory{position:relative;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 12px rgba(150,80,50,.07)}
.wstory b{font-family:var(--display);font-size:1.4rem;line-height:1.15}
.wstory span{color:var(--ink)}
.wstory small{color:var(--muted)}
.wfirst{margin:0;background:var(--surface);border:1.5px dashed var(--accent);border-radius:var(--radius);padding:16px 20px}
.wmore{margin-top:12px;padding-left:0}
.walltop .wall{margin-top:8px}
.walltop .bigstats{margin:20px 0 0}
/* test bar */
.testbar{background:#FFF3C4;color:#3A2E00;border-bottom:1px solid #EBD98A;font-size:.9rem}
.testbar p{margin:0;padding:8px 0}
.testbar a{color:#3A2E00;font-weight:700;margin-left:4px}
/* motion: only when the visitor hasn't asked for reduced motion */
@media (prefers-reduced-motion:no-preference){
  .btn{transition:transform .12s ease,filter .15s ease,border-color .15s ease}
  .btn:active{transform:scale(.97)}
  .band{transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
  .band:hover:not([disabled]){transform:translateY(-2px)}
  .band.on{animation:pf-pick .28s ease}
  .faq details[open]>p,.faq details[open]>.btn{animation:pf-open .28s ease both}
  .fresh .hero-ill>g{animation:pf-pet .75s cubic-bezier(.2,.8,.2,1) both}
  .fresh .hero-ill>g:nth-of-type(2){animation-delay:.14s}
  .fresh .hero-ill>path{transform-box:fill-box;transform-origin:50% 50%;animation:pf-beat 1.4s ease .85s 2 both}
  .fresh .hero-ill .tail{transform-box:fill-box;transform-origin:0% 100%;animation:pf-wag .32s ease-in-out .9s 6 alternate}
  .fresh .banner .ill>*{animation:pf-pet .7s cubic-bezier(.2,.8,.2,1) both}
  .fresh .banner .ill>*:nth-child(2){animation-delay:.08s}.fresh .banner .ill>*:nth-child(3){animation-delay:.16s}.fresh .banner .ill>*:nth-child(4){animation-delay:.24s}
  .fresh .banner .ill .tail{transform-box:fill-box;transform-origin:0% 100%;animation:pf-wag .32s ease-in-out .9s 6 alternate}
  .rv{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
  .rv.in{opacity:1;transform:none}
  .promise .msg{animation:none}
  .thread.rv{opacity:1;transform:none}
  .thread.rv .msg,.thread.rv .end{opacity:0;transform:translateY(10px)}
  .thread.rv.in .msg,.thread.rv.in .end{animation:pf-msg .45s cubic-bezier(.2,.8,.2,1) both}
  .thread.rv.in .msg:nth-child(2){animation-delay:.35s}.thread.rv.in .msg:nth-child(3){animation-delay:.7s}
  .thread.rv.in .end{animation-delay:1.05s}
}
@keyframes pf-pet{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:none}}
@keyframes pf-beat{0%,100%{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(.96)}}
@keyframes pf-wag{from{transform:rotate(-10deg)}to{transform:rotate(12deg)}}
@keyframes pf-pick{0%{transform:scale(1)}40%{transform:scale(1.03)}100%{transform:scale(1)}}
@keyframes pf-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes pf-msg{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ===== New site (PHP pages): logo, skip link, slogan, footer logo ===== */
.brand{display:inline-flex;align-items:center;padding:4px 0;flex:none}
.brand img{display:block;width:150px;height:auto}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:999px;border:2px solid var(--accent)}
.skip:focus{left:12px}
.hero .slogan{font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--mark);margin:14px 0 0}
.flogo{display:block;width:140px;height:auto;margin:0 0 14px}
.top-actions .btn{text-decoration:none}
/* ===== step 2: Pantry, Gift a Taste, our story, social links ===== */
/* Pantry cards */
.card[hidden]{display:none}
.stages{display:flex;flex-wrap:wrap;gap:4px;margin-top:-2px}
.stages span{font-size:.72rem;font-weight:700;background:var(--soft);color:var(--mark);border-radius:999px;padding:2px 8px}
.act{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.act .btn svg{width:18px;height:18px}
.backnote{margin:0;font-size:.8rem;color:var(--muted);line-height:1.35}
.pic .demo{top:10px;right:10px}
#products .petpick{margin-top:0}
#products .chips{margin:0 0 16px}
/* Gift a Taste form */
.spf.two>div{display:flex;flex-direction:column;gap:12px}
.signhelp{font-size:.86rem;color:var(--muted);line-height:1.4}
.band small{min-height:1.2em}
.wmore{margin-top:14px;font-size:1rem}
.wmore summary{list-style:none;display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);padding:9px 14px;background:var(--surface);color:var(--ink)}
.wmore summary::-webkit-details-marker{display:none}
.wmore[open] summary{margin-bottom:14px}
.thread .msg[hidden]{display:none}
/* Home: our story card */
.storycard{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;margin:0 0 var(--s);box-shadow:0 2px 12px rgba(150,80,50,.07)}
.storycard h2{font-size:1.6rem;margin-bottom:8px}
.storycard p{margin:0 0 16px;color:var(--muted);max-width:none}
.story-ill{width:100%;max-width:200px}
.draft{display:inline-block;font-size:.75rem;font-weight:800;background:#FFD54A;color:#2B2235;border-radius:999px;padding:2px 10px;margin-bottom:8px}
@media (max-width:600px){.storycard{grid-template-columns:1fr;padding:18px}.story-ill{max-width:150px;margin:0 auto -6px}}
/* About page */
.story{max-width:68ch;padding:var(--s) 0 8px}
.story h2{font-size:1.6rem;margin:36px 0 10px}
.story p{margin:0 0 14px;font-size:1.08rem;line-height:1.65}
.story .sign{font-family:var(--display);font-weight:700;font-size:1.3rem;margin-top:20px}
.draftnote{background:#FFF3C4;border:1px solid #EBD98A;border-radius:10px;padding:10px 14px;font-size:.95rem!important}
.storyphotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:4px 0 16px}
.storyphotos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}
.nextlinks{display:flex;flex-wrap:wrap;gap:10px;margin:0}
/* Social links (footer, contact block, About page) */
.social,.fsocial{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:16px 0 0}
.social .sl,.fsocial .sl{font-weight:700;color:var(--ink);margin-right:2px}
.social a,.fsocial a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600}
.social a:hover,.fsocial a:hover{border-color:var(--muted)}
.social svg,.fsocial svg{width:18px;height:18px;color:var(--mark)}
/* ===== step 3: directory, help, forms, FAQ ===== */
.faqjump a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:600;color:var(--ink);text-decoration:none}
.faqjump a:hover{border-color:var(--accent);color:var(--accent)}
.faqgroup{scroll-margin-top:90px}
.termsbox .termsub{font-family:var(--display);font-size:1.15rem;margin:18px 0 6px}
.n1962{border-width:3px}
.num1 .night{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-weight:700;color:var(--ink);font-size:.95rem}
.sform .fbox h2{font-size:1.25rem}
.sform .fbox h3{margin-top:4px}
.radios{display:flex;flex-wrap:wrap;gap:8px 18px;padding:4px 0}
.radios label{display:flex;gap:6px;align-items:center;cursor:pointer}
.radios input{accent-color:var(--accent);width:18px;height:18px}
fieldset.fbox{margin:0;min-width:0}
fieldset.field{border:0;padding:0;margin:0;min-width:0}
fieldset.field legend{padding:0;margin-bottom:4px;font-weight:600}
.fgrid>div[hidden]{display:none}
.fgrid>div{display:contents}
.dc .cdet{color:var(--ink)}
.dc small{color:var(--muted)}
.whylink{display:inline-block;margin-top:10px;color:var(--mark);font-weight:700}
@media (max-width:760px){.fdlayout{grid-template-columns:1fr}.fdsee{position:static;order:-1}.fgrid{grid-template-columns:1fr}}