@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0308-0309,U+0323,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2000-206F,U+2020,U+20A0-20C0,U+2113,U+2122,U+2190-2199,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque-vietnamese.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url(/fonts/atkinson-hyperlegible-next-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0308-0309,U+0323,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2000-206F,U+2020,U+20A0-20C0,U+2113,U+2122,U+2190-2199,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}
:root{--bg:#f4f7f3;--surface:#ffffff;--text:#16211b;--muted:#4d5e54;--line:#16211b;--link:#2f6b4f;--hand:#95560c;
--sun:#7cc79f;--on-sun:#16211b;--key:#2f6b4f;--on-key:#ffffff;--leaf:#2f6b4f;
--p-sun:#f6e4cb;--p-sky:#d7eee1;--p-leaf:#d3eadc;--p-blush:#eaf3ec;--p-plum:#dde7e1;
--shadow:#16211b;--focus:#2f6b4f;--paw:#b9dcc8;--dot1:rgb(124 199 159 / .4);--dot2:rgb(149 86 12 / .16);--dot3:rgb(47 107 79 / .2);
--foot-bg:#2f6b4f;--foot-text:#f4f7f3;--foot-accent:#e3f2e9;--foot-em:#a9e0c2;--foot-focus:#ffffff;--logo:#2f6b4f;--photo-bg:#d7eee1;}
@media (prefers-color-scheme:dark){:root{--bg:#101612;--surface:#17201a;--text:#e9f1ec;--muted:#a9bbb0;--line:#9fd3b6;--link:#7cc79f;--hand:#f0b35c;
--sun:#7cc79f;--on-sun:#0d1a13;--key:#f0b35c;--on-key:#1a1206;--leaf:#7cc79f;
--p-sun:#2e2617;--p-sky:#1b2a24;--p-leaf:#1f3328;--p-blush:#1a231e;--p-plum:#202a25;
--shadow:#000000;--focus:#f0b35c;--paw:#2a3d32;--dot1:rgb(124 199 159 / .14);--dot2:rgb(240 179 92 / .12);--dot3:rgb(124 199 159 / .1);
--foot-bg:#1f4a37;--foot-text:#e9f1ec;--foot-accent:#c6ebd5;--foot-em:#a9e0c2;--foot-focus:#f0b35c;--logo:#7cc79f;--photo-bg:#1b2a24;}}
:root{color-scheme:light dark;
--font-display:"Bricolage Grotesque",ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;
--font-text:"Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
--font-hand:"Bradley Hand","Segoe Print","Chalkboard SE","Bricolage Grotesque",cursive;
--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--s-1:clamp(.86rem,.84rem + .1vw,.94rem);--s0:clamp(1.02rem,.98rem + .2vw,1.12rem);--s1:clamp(1.2rem,1.1rem + .5vw,1.5rem);
--s2:clamp(1.55rem,1.25rem + 1.2vw,2.3rem);--s3:clamp(2rem,1.45rem + 2.4vw,3.4rem);--s4:clamp(2.5rem,1.5rem + 4vw,5rem);
--lift:6px 6px 0 var(--shadow);--lift-rtl:-6px 6px 0 var(--shadow);--lift-sm:4px 4px 0 var(--shadow);--lift-sm-rtl:-4px 4px 0 var(--shadow);
--lift-md:5px 5px 0 var(--shadow);--lift-md-rtl:-5px 5px 0 var(--shadow);--lift-lg:8px 8px 0 var(--shadow);--lift-lg-rtl:-8px 8px 0 var(--shadow);
--lift-xs:3px 3px 0 var(--shadow);--lift-press:1px 1px 0 var(--shadow);
--blob1:46% 54% 50% 50%/55% 50% 50% 45%;--blob2:52% 48% 44% 56%/48% 56% 44% 52%;--blob3:50% 50% 56% 44%/44% 52% 48% 56%;
--r:1.4rem;--bw:3px;--gutter:clamp(16px,4vw,48px);--wrap:78rem;--measure:62ch;--target:44px;--band:clamp(2.75rem,2rem + 3.5vw,5rem);--gap:clamp(14px,1.8vw,24px)}
:lang(zh-Hant){--font-display:"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;--font-text:system-ui,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;--font-hand:"Kaiti TC","BiauKai","PingFang TC",sans-serif}
:lang(zh-Hans){--font-display:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;--font-text:system-ui,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;--font-hand:"Kaiti SC","STKaiti","PingFang SC",sans-serif}
:lang(ja){--font-display:"Hiragino Maru Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;--font-text:system-ui,"Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;--font-hand:"Hiragino Maru Gothic ProN","Klee","Hiragino Sans",sans-serif}
:lang(ko){--font-display:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;--font-text:system-ui,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;--font-hand:"Nanum Pen Script","Apple SD Gothic Neo",sans-serif}
:lang(ar){--font-display:"Geeza Pro","Noto Kufi Arabic","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;--font-text:system-ui,"Geeza Pro","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;--font-hand:"Geeza Pro","Noto Kufi Arabic",sans-serif}
:lang(vi){--font-text:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;--font-hand:"Bricolage Grotesque",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background-color:var(--bg);color:var(--text);font:400 var(--s0)/1.6 var(--font-text);overflow-wrap:break-word}
@media (min-width:90rem){body{
background-image:radial-gradient(circle at 30% 18%,var(--dot1) 0 5px,transparent 6px),radial-gradient(circle at 66% 52%,var(--dot2) 0 4px,transparent 5px),radial-gradient(circle at 40% 84%,var(--dot3) 0 5px,transparent 6px),
radial-gradient(circle at 60% 18%,var(--dot3) 0 5px,transparent 6px),radial-gradient(circle at 30% 52%,var(--dot1) 0 4px,transparent 5px),radial-gradient(circle at 56% 84%,var(--dot2) 0 5px,transparent 6px);
background-size:96px 380px;background-repeat:repeat-y;
background-position:left 0 top 0,left 0 top 0,left 0 top 0,right 0 top 190px,right 0 top 190px,right 0 top 190px}}
img{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:var(--link);text-decoration-thickness:.1em;text-underline-offset:.2em}
a:hover{text-decoration-thickness:.18em}
:focus-visible{outline:4px solid var(--focus);outline-offset:3px;border-radius:8px}
h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.06;margin:0;text-wrap:balance;letter-spacing:-.02em}
:lang(zh-Hant) :is(h1,h2,h3),:lang(zh-Hans) :is(h1,h2,h3),:lang(ja) :is(h1,h2,h3),:lang(ko) :is(h1,h2,h3){letter-spacing:.02em;line-height:1.3}
:lang(ar) :is(h1,h2,h3){letter-spacing:0;line-height:1.35}
h1 em,h2 em{font-style:normal;background:linear-gradient(transparent 62%,var(--sun) 62% 92%,transparent 92%);padding-inline:.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
p{margin:0 0 1rem}
code{font:.92em/1.4 var(--font-mono)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;inset-inline-start:12px;top:-100px;z-index:30;background:var(--sun);color:var(--on-sun);padding:10px 18px;border:var(--bw) solid var(--line);border-radius:999px;font-weight:700}
.skip:focus{top:12px}
.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.measure{max-width:var(--measure)}
.lede{font-size:var(--s1);line-height:1.5;max-width:46ch}
.muted{color:var(--muted)}
.small{font-size:var(--s-1)}
.eyebrow,.hand{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem;list-style:none;margin:0 0 .6rem;padding:0;font:700 var(--s1)/1.3 var(--font-hand);color:var(--hand);letter-spacing:0}
.eyebrow li+li::before{content:"·";margin-inline-end:.6rem}
.hand::before{content:"";width:1.4em;height:1.4em;flex:none;background:var(--hand);-webkit-mask:url(/brand/mark-paw.svg) center/contain no-repeat;mask:url(/brand/mark-paw.svg) center/contain no-repeat;rotate:-12deg}
.sticker,.panel,.finder,.filters,.quote{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--lift)}
.panel{padding:clamp(18px,2.6vw,30px);margin-bottom:1.6rem}
.panel h2{font-size:var(--s1);margin-bottom:.8rem}
.tone-sun{background:var(--p-sun)}.tone-sky{background:var(--p-sky)}.tone-leaf{background:var(--p-leaf)}
[dir=rtl] :is(.sticker,.panel,.finder,.filters,.quote){box-shadow:var(--lift-rtl)}
.btn{--b:var(--sun);--f:var(--on-sun);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--target);padding:.55rem 1.35rem;
background:var(--b);color:var(--f);border:var(--bw) solid var(--line);border-radius:999px;box-shadow:var(--lift-sm);font:700 1.02rem/1.2 var(--font-text);text-decoration:none;cursor:pointer}
[dir=rtl] .btn{box-shadow:var(--lift-sm-rtl)}
.btn--key{--b:var(--key);--f:var(--on-key)}
.btn--ghost{--b:var(--surface);--f:var(--text)}
@media (prefers-reduced-motion:no-preference){
.btn{transition:transform .12s ease,box-shadow .12s ease}
.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--lift)}
.btn:active{transform:translate(3px,3px);box-shadow:var(--lift-press)}
.card__photo{transition:transform .2s ease}
.card:hover .card__photo{transform:translateY(-3px)}
}
.chips,.regions{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:0;padding:0}
.chip{display:inline-flex;align-items:center;gap:.45rem;min-height:var(--target);padding:.3rem 1rem;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);text-decoration:none;font-weight:700;font-size:.95rem}
a.chip:hover{background:var(--p-sun)}
.chip b{font-variant-numeric:tabular-nums;background:var(--sun);color:var(--on-sun);border-radius:999px;padding:0 .5rem;font-size:.85rem}
.tag{display:inline-flex;align-items:center;min-height:28px;padding:.1rem .7rem;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:.84rem;font-weight:700}
.tag--age{background:var(--sun);color:var(--on-sun)}
.site-head{position:relative;z-index:10;background:var(--surface);border-bottom:var(--bw) solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:1rem;min-height:76px}
.brand{display:inline-flex;align-items:center;gap:.55rem;min-height:var(--target);color:var(--text);text-decoration:none}
.brand__mark{width:44px;height:44px;flex:none;background:var(--logo);-webkit-mask:url(/brand/mark-bubble.svg) center/contain no-repeat;mask:url(/brand/mark-bubble.svg) center/contain no-repeat}
.brand__word{font:800 1.85rem/1 "Bricolage Grotesque",ui-rounded,system-ui,sans-serif;letter-spacing:-.035em;color:var(--text)}
.brand__word b{font-weight:800;color:var(--logo)}
.brand__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.brand__desc{font:700 .72rem/1.15 var(--font-text);color:var(--muted);max-width:11rem;letter-spacing:.01em}
@media (max-width:29.99rem){.brand__desc{max-width:8.5rem;font-size:.68rem}}
.foot-brand p.foot-line{margin:.5rem 0 0;font:400 .95rem/1.5 var(--font-text);color:var(--foot-text)}
.foot-name{display:block;font-style:italic}
@media (prefers-reduced-motion:no-preference){.brand__mark{transition:rotate .2s ease;transform-origin:50% 90%}.brand:hover .brand__mark{rotate:-10deg}}
.nav{display:none;margin-inline-start:auto}
.nav ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0}
.nav a{display:inline-flex;align-items:center;min-height:var(--target);padding:0 .85rem;border-radius:999px;color:var(--text);text-decoration:none;font-weight:700;font-size:.98rem;white-space:nowrap}
.nav a:hover{background:var(--p-sun)}
.nav a[aria-current]{background:var(--sun);color:var(--on-sun);box-shadow:inset 0 0 0 2px var(--line)}
.head-tools{display:flex;gap:.5rem;margin-inline-start:auto;align-items:center}
.pop{position:relative}
.pop>summary,.sl-link{list-style:none;display:inline-flex;align-items:center;gap:.4rem;min-height:var(--target);padding:0 .95rem;border-radius:999px;border:2px solid var(--line);cursor:pointer;font-weight:700;font-size:.95rem;color:var(--text);background:var(--surface);text-decoration:none}
.pop>summary::-webkit-details-marker{display:none}
.pop>summary svg,.sl-link svg{width:18px;height:18px;flex:none}
.pop[open]>summary{background:var(--p-sun)}
.sl-link b:empty{display:none}
.sl-link b{background:var(--sun);color:var(--on-sun);border-radius:999px;min-width:1.5rem;text-align:center;padding:0 .35rem;font-variant-numeric:tabular-nums}
.pop__panel{position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:14rem;max-width:calc(100vw - 2 * var(--gutter));background:var(--surface);border:var(--bw) solid var(--line);
border-radius:var(--r);box-shadow:var(--lift);padding:.45rem;list-style:none;margin:0}
.pop__panel a{display:flex;align-items:center;min-height:var(--target);padding:0 .85rem;border-radius:.8rem;color:var(--text);text-decoration:none}
.pop__panel a:hover{background:var(--p-sun)}
.pop__panel a[aria-current]{font-weight:700;background:var(--sun);color:var(--on-sun)}
.pop__note{border-top:2px dotted var(--line);margin-top:.3rem;padding-top:.3rem}
.pop__note a{font-size:.92rem;color:var(--link)}
.pop>summary .short{display:none}
.pop>summary>span,.sl-link>span{white-space:nowrap}
@media (max-width:29.99rem){.pop>summary .full{display:none}.sl-link .full{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pop>summary .short{display:inline}.pop>summary,.sl-link{padding:0 .7rem}.menu>summary{min-width:var(--target);justify-content:center}
.brand__word{font-size:1.5rem}.brand__mark{width:38px;height:38px}}
.menu .pop__panel{min-width:16rem}
@media (max-width:84.99rem){.sl-link .full{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sl-link{padding:0 .75rem}}
@media (min-width:75rem) and (max-width:84.99rem){.pop>summary .full{display:none}.pop>summary .short{display:inline}}
@media (max-width:23.99rem){.site-head .wrap{flex-wrap:wrap;gap:.45rem;padding-block:.5rem}.head-tools{width:100%;margin-inline-start:0;justify-content:flex-end}}
@media (min-width:75rem){.nav{display:block}.head-tools{margin-inline-start:.5rem}.menu{display:none}}
.band{padding-block:var(--band)}
.band__head{margin-bottom:clamp(1.4rem,3vw,2.4rem);display:grid;gap:.35rem}
.band__head h2{font-size:var(--s3)}
.band__head p{margin:0}
.band__foot{margin-top:clamp(1.6rem,3vw,2.4rem);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.band--mint{background:var(--p-sky);border-block:var(--bw) solid var(--line)}
.watermark{display:none}
.paws{display:flex;justify-content:space-between;align-items:center;height:2.6rem;margin-block:.5rem;width:min(100%,15rem);margin-inline:auto}
.p-hero{padding-block:clamp(1.4rem,4vw,3.6rem) clamp(1rem,3vw,3rem)}
.p-hero .wrap{display:grid;gap:clamp(1rem,2.5vw,1.8rem);align-items:start}
.p-hero__copy,.p-hero__find{min-width:0}
.p-hero h1{font-size:clamp(2.1rem,1.2rem + 3vw,4.1rem);line-height:1;margin:0;max-width:15ch;text-wrap:balance}
.p-hero h1:is(:lang(ja),:lang(zh),:lang(ko),:lang(ar)){font-size:clamp(1.7rem,1.1rem + 2vw,3rem);line-height:1.2;max-width:none}
.p-hero h1:is(:lang(ja),:lang(zh),:lang(ko)){word-break:keep-all}
.p-hero .hand{margin-bottom:.5rem}
.p-hero .lede{margin:.9rem 0 0;max-width:42ch;font-size:1.1rem;color:var(--muted)}
.p-hero .finder{max-width:36rem}
.p-hero .s2-ex{margin:.8rem 0 0}
.finder{padding:clamp(12px,1.6vw,18px);max-width:40rem}
.finder label,.finder legend{display:block;font-weight:700;font-size:.98rem;margin-bottom:.4rem;padding:0}
.finder__row{display:flex;flex-wrap:wrap;gap:.6rem}
.finder input[type=search],.field input,.field select{min-width:0;min-height:var(--target);padding:.5rem 1rem;border:var(--bw) solid var(--line);border-radius:1rem;background:var(--bg);color:var(--text);font:inherit}
.finder input[type=search]{flex:1 1 11rem;min-height:52px;border-radius:999px;font-size:1.05rem;text-overflow:ellipsis}
.finder input[type=search]::placeholder{font-size:.94rem}
.finder .btn{min-height:52px;padding-inline:1.6rem}
.finder fieldset{border:0;margin:.8rem 0 0;padding:0;min-width:0}
.finder__hint{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
@media (max-width:35.99rem){.p-hero{padding-block:.9rem .6rem}.p-hero .wrap{gap:.6rem}.p-hero .hand{margin-bottom:.3rem}.p-hero .s2-ex{display:none}.p-hero h1{font-size:1.85rem;line-height:1.02}.p-hero h1:is(:lang(ja),:lang(zh),:lang(ko),:lang(ar)){font-size:1.55rem;line-height:1.25}
.p-hero .finder{padding:10px}.p-hero .finder label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.p-hero .finder__row{flex-direction:row;flex-wrap:nowrap;align-items:center}.p-hero .finder input[type=search]{flex:1 1 auto;min-height:48px;font-size:1rem;padding-inline:.9rem}.p-hero .finder__row .btn{width:auto;min-height:48px;padding-inline:1.1rem}
.fit__head .where{font-size:.86rem}.fit__head h2{font-size:1.5rem}}
.radio-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.radio-chips label{position:relative;display:inline-flex;margin:0;font-weight:700}
.radio-chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;width:100%;height:100%}
.radio-chips span{display:inline-flex;align-items:center;min-height:var(--target);padding:.3rem 1rem;border:var(--bw) solid var(--line);border-radius:999px;background:var(--surface)}
.radio-chips input:hover+span{background:var(--p-sun)}
.radio-chips input:checked+span{background:var(--sun);color:var(--on-sun);box-shadow:var(--lift-xs)}
.radio-chips input:checked+span::before{content:"✓";margin-inline-end:.35rem;font-weight:800}
.radio-chips input:focus-visible+span{outline:4px solid var(--focus);outline-offset:3px}
.p-statline{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.15rem 1.2rem;font-size:.9rem;color:var(--muted)}
.p-statline li{display:inline-flex;align-items:baseline;gap:.3rem}
.p-statline b{color:var(--text);font:800 1.05rem/1 var(--font-display);font-variant-numeric:tabular-nums}
.porch__mango{position:relative}
.porch__mango img{display:block;width:100%;height:auto;transition:opacity .15s}
.porch__mango .mg-wave{position:absolute;inset:0;opacity:0}
.porch__mango.is-wave .mg-wave{opacity:1}.porch__mango.is-wave .mg-sit{opacity:0}
.collage{position:relative}
.collage .pic{overflow:visible;rotate:-6deg;background:var(--p-sun)}
.collage .pic img{border-radius:inherit}
.collage .pic+.pic{z-index:1;rotate:5deg;border-radius:var(--blob2);background:var(--p-sky)}
.collage .pic+.pic+.pic{z-index:0;rotate:2deg;border-radius:var(--blob3);background:var(--p-leaf)}
@media (max-width:63.99rem){
.collage{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;max-width:40rem;margin-top:.9rem}
.collage .pic{width:clamp(4.7rem,22vw,8.5rem);margin-inline:-.1rem}
.collage .pic b{display:none}
.porch__mango{width:clamp(3.4rem,15vw,6rem);margin-inline-start:.9rem}
.collage__note.sticker{order:1;flex-basis:100%;margin:.7rem 0 0;background:none;border:0;box-shadow:none;text-align:center;text-wrap:balance;font-size:.8rem;color:var(--muted)}}
@media (min-width:64rem){
.p-hero .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"copy art" "find art";align-content:center;column-gap:clamp(2rem,4vw,4.5rem);row-gap:2rem}
.p-hero__copy{grid-area:copy;align-self:end}.p-hero__find{grid-area:find;align-self:start}
.p-hero__art{grid-area:art;align-self:center;min-width:0}
.collage{aspect-ratio:1.04;width:min(100%,33rem,calc((100svh - 11rem) * 1.04));margin-inline:auto 0}
.collage::before{content:"";position:absolute;top:8%;inset-inline-end:2%;width:17%;aspect-ratio:1;background:var(--logo);-webkit-mask:url(/brand/mark-bubble.svg) center/contain no-repeat;mask:url(/brand/mark-bubble.svg) center/contain no-repeat;rotate:8deg}
.collage .pic{position:absolute;inset-inline-start:0;top:2%}
.collage .pic+.pic{inset-inline:auto 13%;top:15%;width:44%}
.collage .pic+.pic+.pic{inset-inline:24% auto;top:auto;bottom:5%;width:38%}
.collage__note{position:absolute;inset-inline-end:0;bottom:9%;rotate:-3deg;width:27%;min-width:8rem;padding:.45rem .8rem;margin:0;text-align:center;background:var(--p-sun);font:700 .95rem/1.25 var(--font-hand);color:var(--text)}.collage__note span{display:none}
.porch__mango{position:absolute;inset-inline:-3% auto;bottom:-2%;width:24%}}
@media (max-width:63.99rem){.p-hero .finder{max-width:40rem}}
.sh-hazel{position:relative;display:inline-flex;align-self:end;margin-inline-start:auto}
.sh-hazel .hazel img{display:block;height:6.8rem;width:auto}
.sh-hazel>.ask--side{top:auto;bottom:0;inset-inline-end:calc(100% + .9rem)}.sh-hazel>.ask--side::before{top:auto;bottom:1.5rem}
.sh-hazel>.ask--top{top:auto;bottom:calc(100% + .7rem);inset-inline-end:0}.sh-hazel>.ask--top::before{top:auto;bottom:-12px;rotate:135deg}
.cards--near .card__where{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paws i{width:1.6rem;height:1.6rem;background:var(--paw);-webkit-mask:url(/brand/mark-paw.svg) center/contain no-repeat;mask:url(/brand/mark-paw.svg) center/contain no-repeat}
.paws i:nth-child(odd){translate:0 -.4rem;rotate:-10deg}.paws i:nth-child(even){translate:0 .4rem;rotate:10deg}
@media (prefers-reduced-motion:no-preference){
.porch__mango{animation:mango-pop .7s cubic-bezier(.3,1.4,.5,1) .5s both}
.porch__mango .mg-wave{animation:mango-wave 1.5s ease-in-out 1.3s 1}.porch__mango .mg-sit{animation:mango-sit 1.5s ease-in-out 1.3s 1}
.paws.is-wait i{opacity:0}
.paws.is-on i{animation:paw-step .5s ease-out calc(var(--n)*.18s) both}
.save--on::after{content:"";position:absolute;bottom:100%;inset-inline-start:.75rem;width:1.8rem;height:1.55rem;background:var(--hand);-webkit-mask:url(/brand/heart.svg) 0/100% no-repeat;mask:url(/brand/heart.svg) 0/100% no-repeat;pointer-events:none;animation:heart-pop 1s cubic-bezier(.25,.6,.3,1) .12s both}
}
@keyframes mango-pop{0%{opacity:0;transform:translateY(18%) scale(.7)}100%{opacity:1;transform:none}}
@keyframes mango-wave{12%,82%{opacity:1}}@keyframes mango-sit{12%,82%{opacity:0}}
@keyframes paw-step{0%{opacity:0;scale:.55}60%{opacity:1;scale:1.08}100%{opacity:1;scale:1}}
@keyframes heart-pop{0%{opacity:0;transform:translateY(14px) scale(.3)}30%{opacity:1;transform:translateY(-2px) scale(1.12)}100%{opacity:0;transform:translateY(-24px) scale(.95)}}
.pic{position:relative;display:block;width:46%;aspect-ratio:1;border:var(--bw) solid var(--line);border-radius:var(--blob1);overflow:hidden;box-shadow:var(--lift);background:var(--photo-bg)}
.pic>*{position:absolute;inset:0}
.pic img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.pic:focus-visible{outline-offset:6px}
.how{display:grid;gap:clamp(1.6rem,3vw,3.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:start}
.how__col{min-width:0}
.how__col h3{font-size:var(--s2);margin-bottom:1.6rem}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));counter-reset:s}
.steps li{position:relative;counter-increment:s;padding:2rem 1.1rem 1.1rem;border:var(--bw) solid var(--line);border-radius:var(--r);background:var(--p-sun);box-shadow:var(--lift-md);min-width:0}
.steps li:nth-child(3n+2){background:var(--p-sky)}.steps li:nth-child(3n){background:var(--p-leaf)}
.steps li::before{content:counter(s);position:absolute;top:-1.15rem;inset-inline-start:1rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:var(--sun);color:var(--on-sun);border:var(--bw) solid var(--line);border-radius:50%;font:800 1.1rem/1 var(--font-display)}
.steps strong{display:block;font:800 var(--s1)/1.2 var(--font-display);margin-bottom:.35rem}
.steps p{margin:0}
.steps li p+p{margin-top:.5rem}
.codebox{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0 0;padding:.5rem .8rem;border-radius:.8rem;background:var(--surface);border:2px solid var(--line);font:600 .9rem/1.4 var(--font-mono);overflow-wrap:anywhere}
.codebox a{color:var(--link)}
.bubbles{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem}
.bubbles li{background:var(--surface);color:var(--text);padding:.55rem 1rem;border:var(--bw) solid var(--line);border-radius:1.2rem 1.2rem 1.2rem .3rem;font-weight:700;max-width:100%;box-shadow:var(--lift-xs)}
[dir=rtl] .bubbles li{border-radius:1.2rem 1.2rem .3rem 1.2rem}
.how__more{margin:1.2rem 0 0}
details.how__more>summary{list-style:none;display:inline-flex}
details.how__more>summary::-webkit-details-marker{display:none}
.how__more ul{margin-top:.9rem;padding-inline-start:1.2rem}
.how__ask{margin-top:1.4rem}
.how__note{margin:.6rem 0 0}
.steps--short{grid-template-columns:minmax(0,1fr);gap:1rem}
.steps--short li{padding:.15rem 0 0;padding-inline-start:3.1rem;border:0;border-radius:0;background:none;box-shadow:none}
.steps--short li:nth-child(n){background:none}
.steps--short li::before{top:0;width:2.2rem;height:2.2rem;inset-inline-start:0;font-size:1rem}
.steps--short strong{font-size:1.15rem}
.how__col h3{margin-bottom:1.1rem}
.nums-note{margin:1.4rem 0 0;max-width:var(--measure);font-size:.92rem}
.ticker{display:none}
.fit{padding-block:clamp(1.4rem,3.2vw,3rem) var(--band)}
.fit__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 2rem;margin-bottom:1.1rem}
.fit__head h2{font-size:var(--s2)}
.fit__head .where{margin:0}
.fit__head .where__line{margin:0}
.fit__head .where:not(.where--none) .where__line{display:inline;margin-inline-end:.7rem}
.fit__head .where:not(.where--none) .where__change{display:inline}
.fit__head .where:not(.where--none) .where__change[open]{display:block}
.fit__head .where__change>summary{display:inline;min-height:0;padding-block:.2rem}
.fit__head .where--none{flex-basis:100%;margin-top:.6rem}
.fit__head .where__note{flex-basis:100%;margin:.2rem 0 0}
.fit__form{margin-bottom:1.6rem}
.fit__qs{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}
.fit__more>summary{list-style:none;cursor:pointer;min-height:36px;padding:.15rem .9rem;font-size:.9rem;font-weight:700;border-width:2px}
.fit__more>summary::-webkit-details-marker{display:none}
.fit__more>summary::after{content:"";width:.45rem;height:.45rem;border:solid currentColor;border-width:0 2px 2px 0;rotate:45deg;translate:0 -.15rem;margin-inline-start:.15rem}
.fit__more[open]>summary::after{rotate:225deg;translate:0 .1rem}
.fit__more[open]{flex-basis:100%}
.fit__more-in{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;margin-top:.7rem}
.fit__more-in fieldset{display:flex;flex-wrap:wrap}
.fit__foot{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 2.4rem;margin-top:clamp(1.6rem,3vw,2.6rem);padding-top:1.2rem;border-top:2px dashed color-mix(in srgb,var(--line) 22%,transparent)}
.fit__foot .join-band{margin:0}
.fit__qs fieldset{position:relative;display:flex;align-items:center;gap:.5rem;border:0;margin:0;padding:0;min-width:0}
.fit__qs legend{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.fit .radio-chips{flex-wrap:nowrap;gap:.35rem}
.fit .radio-chips span{min-height:36px;padding:.15rem .75rem;font-size:.9rem;white-space:nowrap;border-width:2px}
.fit__acts{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:clamp(1.4rem,2.5vw,2.2rem)}
.fit__note{margin:1rem 0 0;font-size:var(--s-1);color:var(--muted);max-width:var(--measure)}
.fit__count{font-weight:700;margin:0}
.cards.cards--near{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:1.6rem var(--gap)}
@media (min-width:75rem){.cards.cards--near{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:35.99rem){
.fit__qs{gap:.4rem .5rem}.fit .radio-chips span,.fit__more>summary{padding-inline:.6rem}
.cards.cards--near{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
margin-inline:calc(-1 * var(--gutter));padding:.4rem var(--gutter) 1rem;scroll-padding-inline:var(--gutter)}
.cards--near>li{scroll-snap-align:start}
}
.fit:has(input[name=species][value=Dog]:checked) .cards .card:not([data-species=Dog]),
.fit:has(input[name=species][value=Cat]:checked) .cards .card:not([data-species=Cat]),
.fit:has(input[name=size][value=Small]:checked) .cards .card:not([data-size=Small]),
.fit:has(input[name=size][value=Medium]:checked) .cards .card:not([data-size=Medium]),
.fit:has(input[name=size][value=Large]:checked) .cards .card:not([data-size=Large]),
.fit:has(input[name=age][value=Baby]:checked) .cards .card:not([data-age=Baby]),
.fit:has(input[name=age][value=Young]:checked) .cards .card:not([data-age=Young]),
.fit:has(input[name=age][value=Adult]:checked) .cards .card:not([data-age=Adult]),
.fit:has(input[name=age][value=Senior]:checked) .cards .card:not([data-age=Senior]){display:none}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:2.2rem var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}
.card{position:relative;display:flex;flex-direction:column;gap:.6rem;min-width:0;border-radius:var(--r)}
.card:focus-within{outline:4px solid var(--focus);outline-offset:6px}
.card__photo{position:relative;box-sizing:content-box;aspect-ratio:4/3;width:calc(100% - 2 * var(--bw));overflow:hidden;border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--lift-md);background:var(--photo-tint,var(--photo-bg))}
.card:nth-child(3n+2) .card__photo{background:var(--photo-tint,var(--p-sky))}
.card:nth-child(3n) .card__photo{background:var(--photo-tint,var(--p-leaf))}
[dir=rtl] .card__photo{box-shadow:var(--lift-md-rtl)}
.card__photo img,.card__photo .noimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card__photo img{object-position:50% 35%}
.card__photo img[data-crop],.pic img[data-crop]{inset:auto}
.noimg{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%;width:100%;height:100%;padding:6% 3% 7%;box-sizing:border-box}
.noimg .face{flex:1 1 0;min-height:0;width:100%;height:auto}
.noimg span,.collage .pic b{flex:none;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font:700 .78rem/1.3 var(--font-text);color:var(--text);background:var(--surface);border:2px solid var(--line);border-radius:999px;padding:.15rem .6rem}
.collage .pic b{inset:auto 0 -.8rem;margin:auto;width:max-content;max-width:none;rotate:3deg}
.face .o{stroke:var(--line)}
.face .k{fill:var(--line)}
.face .b{fill:#ff8f80;opacity:.45}.face .w{fill:#fff}.face .w2{fill:#f3ebdc}
.card__body{display:flex;flex-direction:column;gap:.45rem;padding:.2rem .2rem 0;flex:1;min-width:0}
.card h3{font-size:var(--s1);line-height:1.15;overflow-wrap:anywhere}
.card h3 a{color:var(--text);text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--r)}
.card h3 a:focus-visible{outline:none}
.card__breed{margin:0;color:var(--muted);font-size:.93rem}
.card__tags{display:flex;flex-wrap:wrap;gap:.35rem}
.card__note{margin:0;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card__note b{color:var(--muted);font-weight:700}
.card__where{margin:auto 0 0;padding-top:.45rem;font-size:.86rem;color:var(--muted);border-top:2px dotted var(--line)}
.split{display:grid;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.split>*{min-width:0}
@media (min-width:56rem){.split{grid-template-columns:1.1fr .9fr}}
.split h2{font-size:var(--s3);margin-bottom:1rem}
.split ul{margin:0 0 1.5rem;padding-inline-start:1.2rem;display:grid;gap:.45rem;max-width:var(--measure)}
.split figure{margin:0;position:relative}
.split figure .pic{position:relative;inset:auto;width:min(100%,24rem);rotate:3deg;margin-inline:auto}
.split figcaption{margin-top:1.2rem;font-size:.88rem;text-align:center}
.pin-mark{display:inline-block;width:3.2rem;height:3.2rem;background:var(--logo);-webkit-mask:url(/brand/mark-pin.svg) center/contain no-repeat;mask:url(/brand/mark-pin.svg) center/contain no-repeat;vertical-align:middle}
.actions{display:flex;flex-wrap:wrap;gap:.8rem}
.pagehead{background:var(--p-sky);border-bottom:var(--bw) solid var(--line);padding-block:clamp(1.6rem,1.1rem + 2.2vw,3rem);position:relative}
.pagehead h1{font-size:var(--s3)}
.pagehead p{margin:.6rem 0 0;max-width:var(--measure)}
.pagehead--slim{padding-block:clamp(.7rem,.5rem + .8vw,1.2rem)}
.pagehead--slim h1{font-size:var(--s2);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .8rem}
.pagehead__count{font:600 var(--s0)/1.3 var(--font-text);letter-spacing:0}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.2rem .5rem;list-style:none;margin:0 0 .6rem;padding:0;font-size:.95rem}
.crumbs li+li::before{content:"›";margin-inline-end:.5rem}
[dir=rtl] .crumbs li+li::before{content:"‹"}
.crumbs a{display:inline-flex;align-items:center;min-height:var(--target);color:var(--text);font-weight:700}
.crumbs [aria-current]{display:inline-flex;align-items:center;min-height:var(--target);color:var(--text)}
.filters{padding:clamp(10px,1.4vw,18px) clamp(12px,1.8vw,22px);margin-block:clamp(.7rem,1.6vw,1.4rem)}
.filters--row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end}
.filters--row>.filters__where{flex:1 1 calc(100% - 64px);min-width:0}
.filters--row>.filters__species{flex:1 1 100%}
.filters--row>.filters__region{flex:1 1 8.5rem;min-width:0}
.filters--row>.more-filters{flex:0 1 auto}
.filters--row>.more-filters[open]{flex:1 1 100%}
.filters__where{grid-area:where}.filters__region{grid-area:region}.filters__species{grid-area:species}.filters__go--phone{grid-area:go}.filters__go--wide{grid-area:go2;display:none}.more-filters{grid-area:more}
.field{display:grid;gap:.3rem;min-width:0}
.field>span,.field legend{font-weight:700;font-size:.95rem;padding:0}
.field input,.field select{width:100%}
.field__hint{font-size:.82rem;color:var(--muted)}
.filters fieldset{border:0;margin:0;padding:0;min-width:0}
.filters__go .btn{min-height:var(--target)}
.filters__go-icon{display:none;width:22px;height:22px}
@media (max-width:33.99rem){
.filters__go .btn{min-width:var(--target);width:52px;min-height:48px;padding:0}
.filters__go-icon{display:block}
.filters__go-text{display:none}
.pagehead--slim h1{font-size:1.35rem}
.pagehead__count{font-size:.95rem}
.results-meta__side a{min-height:36px}
}
@media (max-width:63.99rem){
.filters--row .field__hint,.filters__species>legend,.filters__region>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.filters--row .radio-chips{gap:.4rem}
.filters--row .radio-chips span{min-height:var(--target);padding:.2rem .7rem;font-size:.9rem}
.more-filters>summary{white-space:nowrap}
.filters__region select{padding-inline:.7rem}
.more-filters__body{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
}
@media (min-width:64rem){
.filters--row{display:grid;gap:.6rem var(--gap);grid-template-columns:minmax(15rem,.9fr) minmax(12rem,2.4fr) minmax(12.5rem,.6fr) auto;grid-template-areas:"where species region go2" "near near near near" "more more more more";align-items:start}
.filters__go--phone{display:none}.filters__go--wide{display:block}
.filters__go{padding-top:calc(.95rem * 1.6 + .3rem)}
.more-filters{align-self:end}
}
.more-filters{min-width:0}
.more-filters>summary{display:inline-flex;align-items:center;gap:.45rem;min-height:var(--target);padding:0 .9rem;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-weight:700;cursor:pointer;list-style:none}
.more-filters>summary::-webkit-details-marker{display:none}
.more-filters>summary::after{content:"+";font-size:1.2rem;line-height:1}
.more-filters[open]>summary::after{content:"−"}
.more-filters>summary b{background:var(--sun);color:var(--on-sun);border-radius:999px;padding:0 .45rem;font-size:.85rem}
.more-filters__body{display:grid;gap:.6rem var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));margin-top:.6rem}
@media (min-width:64rem){@supports selector(::details-content){
.more-filters[open]{display:flex;align-items:end;gap:var(--gap)}
.more-filters[open]::details-content{flex:1;min-width:0}
.more-filters[open] .more-filters__body{margin-top:0;grid-template-columns:repeat(3,minmax(0,12rem))}
}}
.results-meta__side{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center;margin:0}
.results-meta__side a{display:inline-flex;align-items:center;min-height:var(--target);font-weight:700}
@media (max-width:33.99rem){
.results-meta{flex-wrap:nowrap;margin-bottom:.7rem}
.results-meta h2{font-size:1.3rem;flex:1;min-width:0}
.results-meta__side{flex:none}
.results-meta__side .muted{display:none}
.cards{gap:1.6rem}
.cards .card__note{display:none}
.cards .card h3{font-size:1.15rem}
.cards .card__body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.35rem .7rem}
.cards .card__body>h3,.cards .card__where{flex-basis:100%}
.cards .card__where{margin-top:.1rem}
.pagehead--slim{padding-block:.6rem}
}
.results-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;align-items:center;margin-bottom:1rem}
.results-meta h2{font-size:var(--s2)}
.results-meta h2:focus{outline:none}
.results-meta h2:focus-visible{outline:4px solid var(--focus);outline-offset:4px}
.band--mint .lede,.band--mint p{max-width:var(--measure)}
#support-title{font-size:var(--s3);margin-bottom:.6rem}
.notice{border:var(--bw) solid var(--line);background:var(--p-sun);padding:.9rem 1.1rem;border-radius:1rem;margin-block:1rem}
.pager{margin-top:clamp(1.6rem,3vw,2.6rem)}
.pager ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0;align-items:center;justify-content:center}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:var(--target);min-height:var(--target);padding:0 .85rem;border-radius:999px;border:2px solid var(--line);text-decoration:none;font-weight:700;font-variant-numeric:tabular-nums}
.pager a{background:var(--surface);color:var(--text)}
.pager a:hover{background:var(--p-sun)}
.pager [aria-current]{background:var(--sun);color:var(--on-sun);box-shadow:var(--lift-xs)}
.pager .gap{border:0;min-width:1.5rem;padding:0}
.pet{display:grid;gap:clamp(1.6rem,4vw,3.2rem);padding-block:clamp(1.8rem,4vw,3.2rem)}
.pet>*{min-width:0}
@media (min-width:56rem){.pet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.pet__after{min-width:0}
.pet__panels{display:grid;gap:clamp(1rem,2.4vw,1.6rem);align-items:start}
@media (min-width:56rem){.pet__after{grid-column:1/-1}.pet__panels{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.pet__panels>.panel:first-child{grid-row:span 2}}
.pet__panels>.panel{margin:0}.pet__after>.attrib{margin-top:1.8rem}
.pet__photo{margin:0;position:relative}
.pet__side{min-width:0}
@media (min-width:56rem){.pet__side{align-self:stretch}.pet__sticky{position:sticky;top:1.2rem}}
.pet__photo img{display:block;width:auto;max-width:100%;height:auto;max-height:min(42rem,82svh);margin-inline:auto;object-fit:contain;border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--lift-lg);background:var(--p-sun)}
.pet__photo .noimg{width:100%;aspect-ratio:1;object-fit:cover;border:var(--bw) solid var(--line);border-radius:var(--blob1);box-shadow:var(--lift-lg);background:var(--photo-bg)}
[dir=rtl] :is(.pet__photo img,.pet__photo .noimg){box-shadow:var(--lift-lg-rtl)}
.pet__photo .noimg{height:auto;padding:14% 16% 16%}
.panel .steps{grid-template-columns:minmax(0,1fr);gap:1.7rem}
.pet__photo figcaption{margin-top:1.1rem;font:700 1rem/1.35 var(--font-hand);color:var(--hand);text-align:center}
.vary__in{top:0;left:0}
.pet__photo .vary__img,.pet__photo .vary__cap{display:none}
.vary__row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1rem}
.vary__opt{display:flex;flex-direction:column;align-items:center;gap:.3rem;max-width:7rem;padding:.35rem .35rem .45rem;border:var(--bw) solid var(--line);border-radius:1rem;background:var(--surface);color:var(--text);font:700 .85rem/1.2 var(--font-text);text-align:center;cursor:pointer}
.vary__opt:hover{background:var(--p-sun)}
.pet__photo .vary__row .vary__opt img{display:block;width:5.5rem;height:4.125rem;max-width:100%;max-height:none;margin:0;object-fit:cover;border:0;border-radius:.6rem;box-shadow:none;background:var(--p-sun)}
.vary__opt span{display:block;min-height:1.2em;overflow-wrap:anywhere}
.vary__in-0:checked~.pet__photo .vary__img-0,.vary__in-0:checked~.pet__photo .vary__cap-0{display:block}
.vary__in-0:checked~.pet__photo .vary__opt-0{background:var(--sun);color:var(--on-sun);box-shadow:var(--lift-xs)}
.vary__in-0:checked~.pet__photo .vary__opt-0 span::before{content:"\2713\00a0";font-weight:800}
.vary__in-0:focus-visible~.pet__photo .vary__opt-0{outline:3px solid var(--line);outline-offset:2px;box-shadow:0 0 0 7px var(--focus)}
.vary__in-1:checked~.pet__photo .vary__img-1,.vary__in-1:checked~.pet__photo .vary__cap-1{display:block}
.vary__in-1:checked~.pet__photo .vary__opt-1{background:var(--sun);color:var(--on-sun);box-shadow:var(--lift-xs)}
.vary__in-1:checked~.pet__photo .vary__opt-1 span::before{content:"\2713\00a0";font-weight:800}
.vary__in-1:focus-visible~.pet__photo .vary__opt-1{outline:3px solid var(--line);outline-offset:2px;box-shadow:0 0 0 7px var(--focus)}
.vary__in-2:checked~.pet__photo .vary__img-2,.vary__in-2:checked~.pet__photo .vary__cap-2{display:block}
.vary__in-2:checked~.pet__photo .vary__opt-2{background:var(--sun);color:var(--on-sun);box-shadow:var(--lift-xs)}
.vary__in-2:checked~.pet__photo .vary__opt-2 span::before{content:"\2713\00a0";font-weight:800}
.vary__in-2:focus-visible~.pet__photo .vary__opt-2{outline:3px solid var(--line);outline-offset:2px;box-shadow:0 0 0 7px var(--focus)}
.vary__in-3:checked~.pet__photo .vary__img-3,.vary__in-3:checked~.pet__photo .vary__cap-3{display:block}
.vary__in-3:checked~.pet__photo .vary__opt-3{background:var(--sun);color:var(--on-sun);box-shadow:var(--lift-xs)}
.vary__in-3:checked~.pet__photo .vary__opt-3 span::before{content:"\2713\00a0";font-weight:800}
.vary__in-3:focus-visible~.pet__photo .vary__opt-3{outline:3px solid var(--line);outline-offset:2px;box-shadow:0 0 0 7px var(--focus)}
[dir=rtl] .vary__in-0:checked:not(:focus-visible)~.pet__photo .vary__opt-0{box-shadow:-3px 3px 0 var(--shadow)}
[dir=rtl] .vary__in-1:checked:not(:focus-visible)~.pet__photo .vary__opt-1{box-shadow:-3px 3px 0 var(--shadow)}
[dir=rtl] .vary__in-2:checked:not(:focus-visible)~.pet__photo .vary__opt-2{box-shadow:-3px 3px 0 var(--shadow)}
[dir=rtl] .vary__in-3:checked:not(:focus-visible)~.pet__photo .vary__opt-3{box-shadow:-3px 3px 0 var(--shadow)}
@media (forced-colors:active){.vary__opt{border-color:CanvasText}.vary__in:checked~.pet__photo .vary__opt{border-color:Highlight;outline:2px solid Highlight}}
.pet__tools{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-bottom:1.2rem}
.pet__tools .btn{font-size:.9rem;padding-inline:1rem}
.pet__original{margin:-.4rem 0 1.2rem;font-size:.92rem}
.pet h2{font-size:var(--s2);margin:0 0 .9rem}
.pet__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}
.facts{display:grid;grid-template-columns:fit-content(45%) minmax(0,1fr);margin:0 0 1.6rem}
.facts dd{overflow-wrap:anywhere}
.facts dd a,.codebox a{display:inline-flex;align-items:center;min-height:var(--target)}
@media (max-width:24rem){.facts{grid-template-columns:minmax(0,1fr)}.facts dt{border-bottom:0;padding-bottom:0}}
.facts dt,.facts dd{margin:0;padding:.6rem 0;border-bottom:2px dotted var(--line)}
.facts dt{font-weight:700;padding-inline-end:1.5rem;color:var(--muted)}
.quote{margin:0 0 1.6rem;padding:1.1rem 1.25rem;background:var(--p-blush)}
.quote p{margin:0}
.quote b{display:block;font:700 1.05rem/1.2 var(--font-hand);color:var(--hand);margin-bottom:.35rem}
.attrib,.foot-base{font-size:.88rem;color:var(--muted);overflow-wrap:anywhere}
.sl-print-foot{display:none}
#sl-list:empty+.sl-next{display:none}
.quote-note{margin:0 0 1.2rem;padding:.8rem 1rem;border:2px dashed var(--line);border-radius:1rem;font-size:.95rem}
.sl-list{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:1rem}
.sl-list li{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1rem;align-items:center;padding:.8rem 1rem;background:var(--surface);border:var(--bw) solid var(--line);border-radius:1rem}
.sl-list img,.sl-list .sl-ph{width:5rem;height:5rem;object-fit:cover;border:2px solid var(--line);border-radius:var(--blob1);background:var(--p-sun)}
.sl-list a{font:800 1.15rem/1.2 var(--font-display)}
.sl-list p{margin:.2rem 0 0;font-size:.92rem;color:var(--muted)}
.prose{padding-block:clamp(2rem,4vw,3.5rem)}
.prose>*{max-width:var(--measure)}
.prose h2{font-size:var(--s2);margin:2.2rem 0 .8rem}
.prose .panel h2{font-size:var(--s1);margin:0 0 .8rem}
.prose>.idpair{max-width:none;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:stretch;margin-top:1.5rem}
.idpair>.finder{max-width:none;margin:0}.idpair>.panel{margin:0}.idpair .panel p{margin:0}
.prose ul{padding-inline-start:1.2rem}
.prose li{margin:.35rem 0}
.prose pre{max-width:100%;overflow:auto;background:var(--surface);border:2px solid var(--line);border-radius:1rem;padding:14px;font:.9rem/1.5 var(--font-mono)}
.prose table{width:100%;max-width:var(--wrap);border-collapse:collapse;font-size:.95rem}
.prose td{border-top:2px dotted var(--line);padding:.7rem .5rem;vertical-align:top}
.table-scroll{overflow-x:auto;max-width:100%}
.site-foot{position:relative;margin-top:2.5rem;background:var(--foot-bg);color:var(--foot-text);padding-block:clamp(2.6rem,5vw,4rem) 2rem;font-size:.97rem}
.site-foot::before{content:"";position:absolute;inset:-14px 0 auto 0;height:15px;background:radial-gradient(circle at 14px 15px,var(--foot-bg) 13px,transparent 14px) 0 0/28px 15px repeat-x}
.site-foot a{color:var(--foot-text);display:inline-flex;align-items:center;min-height:var(--target)}
.site-foot :focus-visible{outline-color:var(--foot-focus)}
.foot-grid{display:grid;gap:2rem var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr))}
.foot-brand{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-bottom:.4rem}
.foot-brand .brand__mark{width:56px;height:56px;background:var(--foot-accent)}
.foot-brand p{margin:0;font:800 clamp(1.25rem,1rem + .9vw,1.7rem)/1.25 var(--font-display);color:var(--foot-text)}
.foot-brand p em{font-style:normal;color:var(--foot-em,var(--foot-accent))}
.site-foot h2{font:700 1.15rem/1.3 var(--font-hand);color:var(--foot-accent);margin-bottom:.35rem;letter-spacing:0}
.site-foot ul{list-style:none;margin:0;padding:0}
.foot-base{margin-top:2.2rem;padding-top:1.2rem;border-top:2px dotted var(--foot-text);display:grid;gap:.3rem;font-size:.86rem;color:var(--foot-text)}
.foot-base p{margin:0}
@media print{
.sl-print-foot{display:block;margin-top:1.5rem;font-size:.9rem}
.site-head,.site-foot,.skip,.sl-tools,.save{display:none!important}
body{background:#fff;color:#000}
.sl-list li{break-inside:avoid;border-color:#000}
}
.fresh{margin:0 0 .7rem;font-size:.92rem;color:var(--muted)}
.fresh-note{margin:0 0 1rem;padding:.75rem 1rem;border:var(--bw) solid var(--line);border-radius:1rem;background:var(--p-sun);font-size:.95rem;color:var(--text)}
.fresh-note b{font-weight:700}
.fresh-long{margin:0 0 1rem;padding:.6rem 1rem;border:2px dashed var(--line);border-radius:1rem;font-size:.92rem}
.card__fresh{margin:.1rem 0 .35rem;font-size:.84rem;color:var(--muted)}
.card__fresh--stale,.card__fresh--unknown,.card__fresh--reported{color:var(--text);font-weight:700}
.photo-hidden{border:2px dashed var(--line);border-radius:1rem;padding:1rem;background:var(--surface)}
.photo-hidden p{margin:0 0 .4rem}
.photo-hidden summary{cursor:pointer;font-weight:700;min-height:var(--target);display:inline-flex;align-items:center;color:var(--link);text-decoration:underline;text-underline-offset:.2em}
.photo-hidden summary:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
.photo-hidden details[open] summary{margin-bottom:.6rem}
.report-link{margin:1.2rem 0 0;font-size:.92rem}
.report-link a{display:inline-flex;align-items:center;min-height:var(--target)}
.report{padding-block:clamp(1.5rem,4vw,3rem) var(--band)}
.report>*{max-width:var(--measure)}
.report-form{display:grid;gap:1.2rem;margin-top:1rem}
.report-form fieldset{border:0;margin:0;padding:0;min-width:0}
.report-reasons{display:grid;gap:.5rem;margin-top:.4rem}
.report-reasons label{display:flex;gap:.7rem;align-items:center;min-height:var(--target);padding:.6rem .9rem;border:var(--bw) solid var(--line);border-radius:.8rem;background:var(--surface);cursor:pointer}
.report-reasons input{width:1.25rem;height:1.25rem;min-height:0;margin:0;flex:none;accent-color:var(--link)}
.report-reasons label:has(input:checked){background:var(--p-sun)}
.report-reasons input:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
.report-form textarea{width:100%;min-height:6rem;padding:.6rem 1rem;border:var(--bw) solid var(--line);border-radius:1rem;background:var(--bg);color:var(--text);font:inherit}
.report-form textarea:focus-visible{outline:4px solid var(--focus);outline-offset:2px}
@media (max-width:33.99rem){
.cards .card__fresh--fresh,.cards .card__fresh--aging{display:none}
.cards .card__fresh{flex-basis:100%;margin:0}
}
.mk{display:block;flex:none;width:44px;height:44px;overflow:visible}
.mk__body{fill:var(--logo)}
.mk .t1{transform-origin:141.9px 151.9px;--i:0}
.mk .t2{transform-origin:179.6px 129px;--i:1}
.mk .t3{transform-origin:220.4px 129px;--i:2}
.mk .t4{transform-origin:258.1px 151.9px;--i:3}
.mk .heart{transform-origin:200px 204.6px}
@media (max-width:29.99rem){.mk{width:38px;height:38px}}
.pg{display:block;overflow:visible;fill:currentColor}
.pg .t1{transform-origin:20.2px 45.9px;--ux:-0.691;--uy:-0.723;--d:0ms}
.pg .t2{transform-origin:57.9px 23px;--ux:-0.237;--uy:-0.972;--d:45ms}
.pg .t3{transform-origin:98.7px 23px;--ux:0.237;--uy:-0.972;--d:90ms}
.pg .t4{transform-origin:136.4px 45.9px;--ux:0.691;--uy:-0.723;--d:135ms}
.pg .heart{transform-origin:78.3px 118.6px}
.pg .paw{transform-origin:78.3px 103.6px}
@keyframes pg-squish{0%{transform:translate(0,0) scale(1,1)}28%{transform:translate(calc(var(--ux)*-4px),calc(var(--uy)*-4px)) scale(1.14,.74)}52%{transform:translate(calc(var(--ux)*2px),calc(var(--uy)*2px)) scale(.95,1.1)}74%{transform:scale(1.02,.98)}100%{transform:scale(1,1)}}
@keyframes pg-pad{0%{transform:scale(1)}28%{transform:scale(1.05,.93)}52%{transform:scale(.99,1.03)}74%,100%{transform:scale(1)}}
@keyframes pg-spread{0%{transform:none}38%,62%{transform:translate(calc(var(--ux)*11px),calc(var(--uy)*11px)) rotate(calc(var(--ux)*9deg)) scale(1.08)}82%{transform:translate(calc(var(--ux)*-1.5px),calc(var(--uy)*-1.5px))}100%{transform:none}}
@keyframes pg-spread-pad{0%{transform:scale(1)}38%,62%{transform:scale(1.04,.96)}100%{transform:scale(1)}}
@keyframes pg-knead{0%{transform:none}22%{transform:translate(-3px,7px) rotate(-5deg) scale(1.04,.93)}42%{transform:translate(0,-1px) rotate(-1deg) scale(1)}62%{transform:translate(3px,7px) rotate(5deg) scale(1.04,.93)}84%{transform:translate(0,-1px) rotate(1deg)}100%{transform:none}}
@keyframes pg-in{0%{opacity:0}100%{opacity:1}}
@keyframes pg-drain{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(5px) scale(.9)}}
.save{position:absolute;top:.3rem;inset-inline-end:.3rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;min-height:var(--target);min-width:var(--target);padding:0 .9rem 0 .65rem;margin:0;border:var(--bw) solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;font-size:.9rem;line-height:1;cursor:pointer;box-shadow:var(--lift-xs)}
.save--inline{position:static}
.save .pg{width:2.1rem;height:auto;flex:none}
.save .pg__fill{opacity:0}
.save[aria-pressed=true]{background:var(--sun);color:var(--on-sun)}
.save[aria-pressed=true] .pg__fill{opacity:1}
.save:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
.sl-link svg{transform-origin:50% 55%}
.busy{display:none}
.empty-paw{display:block;width:4.5rem;color:var(--muted);margin:0 0 .6rem}
.empty-paw .pg{width:100%;height:auto}
.is-busy .busy{display:block;position:fixed;inset-inline:0;bottom:1.4rem;margin-inline:auto;width:3.4rem;padding:.7rem;border-radius:999px;background:var(--surface);border:var(--bw) solid var(--line);color:var(--logo);box-shadow:var(--lift-xs);z-index:50;pointer-events:none}
.busy .pg{width:100%;height:auto}
.slempty{margin:0 0 1rem}
@media (prefers-reduced-motion:no-preference){
.mk--play .toe{animation:mk-toe .38s cubic-bezier(.3,.7,.4,1) calc(.34s + var(--i)*.14s) 1 backwards}
.mk--play .heart{animation:mk-heart 1.9s cubic-bezier(.3,0,.3,1) 1 backwards}
.brand:hover .mk .t3,.brand:focus-visible .mk .t3,.brand--wave .mk .t3{transform-origin:215.2px 150.4px}
.brand:hover .mk:not(.mk--play) .t3,.brand:focus-visible .mk:not(.mk--play) .t3{animation:mk-wave 1.6s cubic-bezier(.4,0,.6,1) 1}
.brand:hover .mk:not(.mk--play) .heart,.brand:focus-visible .mk:not(.mk--play) .heart{animation:mk-wave-pad 1.6s cubic-bezier(.4,0,.5,1) 1}
.brand--wave .mk:not(.mk--play) .t3{animation:mk-wave 1.6s cubic-bezier(.4,0,.6,1) 1}
.brand--wave .mk:not(.mk--play) .heart{animation:mk-wave-pad 1.6s cubic-bezier(.4,0,.5,1) 1}
@keyframes mk-wave{0%{transform:none}10%,18%{transform:rotate(26deg) translate(2px,-10px)}28%,34%{transform:rotate(-12deg) translate(0,-4px)}44%,52%{transform:rotate(28deg) translate(2px,-11px)}62%{transform:rotate(-10deg) translate(0,-3px)}72%{transform:rotate(6deg)}84%,100%{transform:none}}
@keyframes mk-wave-pad{0%,38%{transform:scale(1)}46%{transform:scale(1.06)}62%,100%{transform:scale(1)}}
@keyframes mk-toe{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.16)}100%{opacity:1;transform:scale(1)}}
@keyframes mk-heart{0%{opacity:0;transform:scale(.2)}12%{opacity:1;transform:scale(1.14)}22%{transform:scale(1)}70%{transform:scale(1)}78%{transform:scale(1.1)}88%{transform:scale(1)}100%{opacity:1;transform:scale(1)}}
.save--on .pg__fill{animation:pg-in .25s ease-out backwards}
.save--on .pg__fill .toe{animation:pg-squish 1.15s cubic-bezier(.3,0,.25,1) var(--d) 1 backwards}
.save--on .pg__fill .heart{animation:pg-pad 1.15s cubic-bezier(.3,0,.25,1) 1 backwards}
.save--off .pg__fill{animation:pg-drain .6s ease-in 1 both}
.sl-link--beat svg{animation:sl-beat 1.1s cubic-bezier(.3,0,.3,1) 1}
@keyframes sl-beat{0%{transform:scale(1)}16%{transform:scale(1.12)}30%{transform:scale(1)}44%{transform:scale(1.07)}66%,100%{transform:scale(1)}}
.is-busy .busy .toe{animation:pg-spread 1.9s cubic-bezier(.3,.1,.3,1) 1 backwards}
.is-busy .busy .heart{animation:pg-spread-pad 1.9s cubic-bezier(.3,.1,.3,1) 1 backwards}
.empty-paw .paw{animation:pg-knead 1.6s cubic-bezier(.35,0,.3,1) .15s 1 backwards}
}
@media print{.busy{display:none!important}}
.search-link{display:inline-flex;align-items:center;gap:.35rem;min-height:var(--target);padding:0 .8rem;border-radius:999px;border:2px solid var(--line);cursor:pointer;font-weight:700;font-size:.95rem;color:var(--text);background:var(--surface);text-decoration:none}
.search-link>svg{width:20px;height:20px;flex:none}
.search-link>svg .pg{overflow:visible;fill:currentColor}
.search-link>span{white-space:nowrap}
.search-link:hover{background:var(--p-sun)}
.search-link:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
@media (max-width:84.99rem){.search-link .full{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.search-link{padding:0 .75rem}}
@media (max-width:29.99rem){.search-link{padding:0;min-width:var(--target);justify-content:center}.head-tools{gap:.35rem}}
.ss-menu-item{display:none}
@media (max-width:25.99rem){.search-link{display:none}.ss-menu-item{display:list-item}}
.ss-page{padding-block:clamp(1.4rem,3vw,2.4rem) var(--band)}
.ss-main .ss-form{max-width:none}
.ss-grid{display:grid;gap:1.6rem 2.2rem;grid-template-columns:minmax(0,1fr)}
.ss-main{min-width:0}
.ss-aside{display:grid;gap:1rem;align-content:start;min-width:0}
.ss-card{background:var(--surface);border:2px solid var(--line);border-radius:1rem;padding:1rem 1.1rem}
.ss-card h2{margin:0 0 .6rem;font-size:1.05rem}
.ss-links{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.ss-links a{display:flex;align-items:center;min-height:var(--target);padding:.2rem .5rem;margin-inline:-.5rem;border-radius:.7rem;color:var(--text);text-decoration:none;font-weight:600;line-height:1.3}
.ss-links a:hover{background:var(--p-sky)}
.ss-links a:focus-visible{outline:4px solid var(--focus);outline-offset:1px}
.ss-aside .ss-pets--d{display:none}
@media (min-width:64rem){.ss-grid{grid-template-columns:minmax(0,1fr) 21rem;align-items:start}.ss-aside{position:sticky;top:1.2rem}.ss-main .ss-pets--m{display:none}.ss-aside .ss-pets--d{display:grid;margin:0}}
.ss-field{position:relative;display:flex;flex:1 1 11rem;min-width:0}
.ss-field input[type=search]{width:100%;padding-inline-end:3.4rem}
.ss-field input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
@media (max-width:33.99rem){.ss-field{flex:0 0 auto}.ss-bar .ss-field{flex:1 1 0}}
.ss-paw{position:absolute;inset-inline-end:1rem;top:50%;width:1.7rem;margin-top:-.85rem;color:var(--logo);opacity:0;pointer-events:none}
.ss-paw .pg{width:100%;height:auto}
.ss--busy .ss-paw{opacity:1}
.ss-out{margin-top:1.4rem}
.ss-count{margin:0 0 .9rem;font-weight:700}
.ss-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.75rem}
.ss-hit{position:relative;background:var(--surface);border:2px solid var(--line);border-radius:1rem;padding:.8rem 1.05rem .85rem;min-width:0}
.ss-hit .ss-t{margin:0;font-size:1.08rem;line-height:1.3;overflow-wrap:anywhere}
.ss-hit a{color:var(--text);text-decoration:none}
.ss-hit a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.ss-hit:hover{background:var(--p-sun)}
.ss-hit:focus-within,.ss-hit[aria-selected=true]{outline:4px solid var(--focus);outline-offset:2px}
.ss-hit a:focus-visible{outline:none}
.ss-sep{color:var(--muted);font-weight:400}
.ss-head{font-weight:600}
.ss-snip{margin:.35rem 0 0;color:var(--muted);font-size:.97rem;line-height:1.5;overflow-wrap:anywhere}
.ss-meta{margin:.45rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .7rem;font-size:.8rem;color:var(--muted)}
.ss-kind{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;border:1.5px solid var(--line);border-radius:999px;padding:.05rem .55rem;color:var(--text)}
.ss-path{overflow-wrap:anywhere}
.ss-hit mark,.ss-pets mark{background:var(--p-sun);color:inherit;border-radius:.25em;padding:0 .1em;box-shadow:0 0 0 1px color-mix(in srgb,var(--sun) 70%,transparent)}
.ss-pets{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"t a" "h a";column-gap:1rem;align-items:center;margin:0 0 1rem;padding:.8rem 1.1rem;border:2px dashed var(--line);border-radius:1rem;color:var(--text);text-decoration:none;background:transparent}
.ss-pets__t{grid-area:t;font-weight:700;overflow-wrap:anywhere}
.ss-pets__h{grid-area:h;color:var(--muted);font-size:.9rem}
.ss-arrow{grid-area:a;font-size:1.4rem;font-weight:700;line-height:1}
[dir=rtl] .ss-arrow{transform:scaleX(-1)}
.ss-pets:hover{background:var(--p-sun)}
.ss-pets:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
.ss-none{display:grid;justify-items:start;margin:0 0 1rem}
.ss-none p,.ss-type{margin:0 0 .5rem;color:var(--muted)}
.ss-out .empty-paw{margin-bottom:.8rem}
.empty-paw--sm{width:3rem;margin:0 0 .5rem}
.ss-try{margin:1.4rem 0 .5rem;font-size:.9rem}
.ss-ways{margin-bottom:.4rem}
.ss-err{margin:.5rem 0;padding:.8rem 1rem;border:2px solid var(--line);border-radius:1rem;background:var(--p-blush)}
.help-page{padding-block:clamp(1.6rem,3vw,2.6rem) var(--band)}
.help-cols{columns:1;column-gap:1.4rem}
@media (min-width:44rem){.help-cols{columns:2}}
@media (min-width:68rem){.help-cols{columns:3}}
.help-cat{break-inside:avoid;margin:0 0 1.4rem;background:var(--surface);border:2px solid var(--line);border-radius:1.1rem;padding:1.1rem 1.2rem 1rem}
.help-cat h2{margin:0 0 .7rem;font-size:1.2rem}
.help-list{list-style:none;margin:0;padding:0;display:grid;gap:.2rem}
.help-list li{margin:0}
.help-list a{position:relative;display:block;padding:.55rem .6rem;margin-inline:-.6rem;border-radius:.8rem;color:var(--text);text-decoration:none;line-height:1.35}
.help-list a:hover{background:var(--p-sky)}
.help-list a:focus-visible{outline:4px solid var(--focus);outline-offset:1px}
.help-list b{display:block}
.help-list span{display:block;color:var(--muted);font-size:.93rem;margin-top:.1rem}
.help-foot{margin:.4rem 0 0;max-width:var(--measure)}
.ss-chips ul{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.ss-chips .ss-chip.is-on{background:var(--text);color:var(--bg);border-color:var(--text)}
.ss-chips .ss-chip.is-on:hover{background:var(--text)}
.ss-chip.is-empty:not(.is-on){opacity:.62}
.ss-chip:focus-visible{outline:4px solid var(--focus);outline-offset:2px}
.ss-fixed{margin:-.4rem 0 .9rem;color:var(--muted);font-size:.93rem}
.ss-group+.ss-group{margin-top:1.4rem}
.ss-gh{margin:0 0 .6rem;font-size:1.05rem;font-weight:700;line-height:1.3}
li.ss-gh{list-style:none;margin:.5rem 0 .1rem;padding:.35rem .2rem 0;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.ss-pet a{display:flex;align-items:center;gap:.85rem;color:var(--text);text-decoration:none}
.ss-pet__img{position:relative;flex:none;width:3.6rem;height:3.6rem;border-radius:50%;overflow:hidden;background:var(--p-sky);border:2px solid var(--line)}
.ss-pet__img img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;transform:none!important;object-fit:cover}
.ss-pet__img .noimg{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.ss-pet__img .noimg>span{display:none}
.ss-pet__b{display:grid;gap:.1rem;min-width:0}
.ss-pet__t{font-weight:700;font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}
.ss-pet__d{color:var(--text);font-size:.93rem;line-height:1.4}
.ss-pet__w{color:var(--muted);font-size:.88rem;line-height:1.4;overflow-wrap:anywhere}
.ss-pet .tag{justify-self:start}
.ss-dialog .ss-pet__img{width:3rem;height:3rem}
.ss-dialog .ss-chips ul{margin-bottom:.7rem;gap:.35rem}
.ss-dialog .ss-chip{min-height:2.4rem;padding:.15rem .8rem;font-size:.92rem}
.ss-field input::placeholder{text-overflow:ellipsis}
.ss-field input[type=search]{text-overflow:ellipsis}
.ss-dialog{padding:0;border:var(--bw) solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--text);box-shadow:var(--lift);width:min(42rem,calc(100vw - 1.5rem));max-height:calc(100dvh - max(.75rem,6vh) - .9rem);margin:max(.75rem,6vh) auto auto;overflow:hidden}
.ss-dialog::backdrop{background:rgb(20 14 10 / .5)}
.ss-box{display:flex;flex-direction:column;max-height:calc(100dvh - max(.75rem,6vh) - .9rem);min-width:0}
.ss-bar{display:flex;gap:.6rem;align-items:center;padding:.9rem .9rem .7rem;border-bottom:2px dotted var(--line);margin:0}
.ss-bar .ss-field input[type=search]{min-height:52px;border:var(--bw) solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);padding:.5rem 1rem;padding-inline-end:3.4rem;font:inherit;font-size:1.05rem;width:100%;min-width:0}
.ss-bar .ss-field input:focus-visible{outline:4px solid var(--focus);outline-offset:2px}
.ss-x{flex:none;display:grid;place-items:center;width:var(--target);height:var(--target);border-radius:999px;border:2px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;padding:0}
.ss-x svg{width:20px;height:20px}
.ss-x:hover{background:var(--p-sun)}
.ss-x:focus-visible{outline:4px solid var(--focus);outline-offset:2px}
.ss-dialog .ss-out{margin:0;max-width:none;padding:.9rem .9rem .4rem;overflow-y:auto;overscroll-behavior:contain;min-height:0}
.ss-dialog .ss-list{gap:.55rem}
.ss-dialog .ss-hit{padding:.65rem .9rem .7rem}
.ss-dialog .ss-snip{font-size:.92rem}
.ss-keys{margin:0;padding:.55rem 1rem .7rem;font-size:.82rem;border-top:2px dotted var(--line);text-align:center}
html.ss-open{overflow:hidden}
@media (max-width:29.99rem){.ss-keys{display:none}.ss-dialog{width:calc(100vw - 1rem)}}
@media (prefers-reduced-motion:no-preference){
.ss-rise .ss-hit{animation:ss-rise .34s cubic-bezier(.2,.7,.3,1) calc(var(--i)*38ms) 1 backwards}
.ss-dialog[open]{animation:ss-pop .22s cubic-bezier(.2,.7,.3,1) 1}
.ss-paw{transition:opacity .15s ease .12s}
.ss-hit,.ss-pets{transition:transform .15s ease}
.ss-hit:hover,.ss-pets:hover{transform:translateY(-2px)}
.ss-pets .ss-arrow{transition:transform .15s ease}
.ss-pets:hover .ss-arrow{transform:translateX(4px)}
[dir=rtl] .ss-pets:hover .ss-arrow{transform:scaleX(-1) translateX(4px)}
.search-link:hover .toe,.search-link:focus-visible .toe{animation:pg-spread 1.9s cubic-bezier(.3,.1,.3,1) 1}
.search-link:hover .heart,.search-link:focus-visible .heart{animation:pg-spread-pad 1.9s cubic-bezier(.3,.1,.3,1) 1}
.ss--busy .ss-paw .toe{animation:pg-spread 1.9s cubic-bezier(.3,.1,.3,1) 1 backwards}
.ss--busy .ss-paw .heart{animation:pg-spread-pad 1.9s cubic-bezier(.3,.1,.3,1) 1 backwards}
@keyframes ss-rise{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
@keyframes ss-pop{0%{opacity:0;transform:translateY(-12px) scale(.98)}100%{opacity:1;transform:none}}
}
@media print{.search-link,.ss-dialog{display:none!important}}
.near-fold{flex:1 1 100%;min-width:0;grid-area:near}
.near-fold>summary{display:none}
@media (max-width:40rem){
.filters--row>.near-fold:not([open]){flex:0 1 auto}
.near-fold>summary{display:inline-flex;align-items:center;gap:.45rem;min-height:var(--target,2.75rem);padding:0 .9rem;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-weight:700;cursor:pointer;list-style:none;white-space:nowrap}
.near-fold>summary::-webkit-details-marker{display:none}
.near-fold>summary::after{content:"+";font-size:1.2rem;line-height:1}
.near-fold[open]>summary::after{content:"−"}
.near-fold[open]>summary{margin-bottom:.6rem}
}
.geo-near{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end}
.geo-near .field{flex:1 1 16rem;min-width:0}.geo-near .field--radius{flex:0 0 auto}.geo-near .field--radius select{width:auto;min-width:9rem;max-width:100%}
.geo-near .btn{flex:0 0 auto;min-height:2.75rem}
.geo-near__hint{flex:1 1 100%;margin:0;font-size:.85rem;color:var(--muted)}
.geo-near__status{flex:1 1 100%;margin:0;font-size:.9rem;min-height:1.2em}
.geo-map{margin-block:1rem}.geo-map [data-map-box]{margin-top:.6rem}
.geo-map__canvas{height:min(60vh,26rem);border:1px solid var(--line,#d8d2c4);border-radius:12px;overflow:hidden}
.geo-map__list{margin:.6rem 0 0;padding-inline-start:1.2rem}
.geo-pin{display:grid;place-items:center;min-width:2rem;height:2rem;padding-inline:.3rem;border-radius:1rem;background:var(--ink,#2b2a28);color:#fff;font-weight:700;text-decoration:none;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.geo-pin:focus-visible{outline:3px solid var(--focus,#1a56db);outline-offset:2px}
.where{margin-block:.8rem}.where__line{margin:0 0 .4rem}
.where__change>summary{cursor:pointer;display:inline-block;min-height:var(--target,2.75rem);padding-block:.5rem;text-decoration:underline}
.where__form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin-block:.6rem}.where__form .field{flex:1 1 14rem;min-width:0}
.where__alt{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}.where__acts{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}
.where--none .where__change{margin-top:.4rem}
.chk-list{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.5rem}
.chk{padding:.65rem .9rem;border:2px solid var(--line);border-inline-start-width:8px;border-radius:.8rem;background:var(--surface)}
.chk--good{border-inline-start-color:var(--link)}.chk--warn{background:var(--p-sun)}.chk--bad{border-style:solid;border-width:3px;border-inline-start-width:8px}
.chk--info{border-style:dashed}
.chk b{font-weight:800}
.chk-fix{overflow:auto;max-width:100%;margin:.3rem 0 1.2rem;padding:1rem;border:2px solid var(--line);border-radius:.8rem;background:var(--surface);user-select:all;font:.9rem/1.5 var(--font-mono);white-space:pre}
figure{margin-inline:0}
figcaption{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between}
.btn--sm{min-height:var(--target);padding-block:.3rem;font-size:.95rem}
.table-wrap{overflow-x:auto;max-width:100%;margin-block:.5rem 1.2rem}
.table-wrap table{min-width:28rem}
.table-wrap:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
.chk-again{margin-top:2rem;padding-top:1rem;border-top:2px dashed var(--line)}
form[aria-busy=true] button[type=submit]{opacity:.7;cursor:progress}
.where--none h2{font-size:var(--s1);margin-bottom:.6rem}
.where--none .where__acts{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 .4rem}
.where--none .where__acts .btn{white-space:normal;text-align:center}
.s2-ex{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.6rem 0 0;font-size:.9rem;color:var(--muted)}
.finder .s2-ex .chip{font-size:.88rem;min-height:34px;padding:.1rem .75rem;border-width:2px}
@media (max-width:33.99rem){.chk-fix{font-size:.82rem}.finder__row{flex-direction:column;align-items:stretch}.finder__row input[type=search]{flex:0 0 auto}.finder__row .btn{width:100%}}
.far{margin:1.2rem 0 1.6rem;padding:1.4rem 1.5rem;border:var(--bw,3px) solid var(--line);border-radius:var(--r);background:var(--p-sun,var(--surface));box-shadow:var(--lift-md)}
[dir=rtl] .far{box-shadow:var(--lift-md-rtl)}
.far h2{font-size:var(--s2,1.6rem);line-height:1.12;margin:0 0 .6rem;max-width:34ch;text-wrap:balance}
.far p{max-width:62ch;margin:.35rem 0}
.far__acts{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 .6rem}
.far__acts .btn{white-space:normal;text-align:center}
.far__follow{margin-top:.8rem}
.strip{margin-block:1.6rem 1rem}
.strip h2{font-size:var(--s1);margin-bottom:.3rem}
.strip .cards{margin-top:1rem}
.toggles{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:.2rem 0 1rem}
.toggle{display:inline-flex;align-items:center;gap:.55rem;min-height:var(--target,44px);padding:.25rem 1rem .25rem .5rem;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);text-decoration:none;font-weight:700;font-size:.95rem}
.toggle:hover{background:var(--p-sun)}
.toggle__box{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border:2px solid var(--line);border-radius:.45rem;background:var(--surface)}
.toggle[aria-checked=true]{background:var(--p-leaf)}
.toggle[aria-checked=true] .toggle__box{background:var(--key);color:var(--on-key)}
.toggle__box svg{width:1rem;height:1rem;opacity:0}
.toggle[aria-checked=true] .toggle__box svg{opacity:1}
.nearest-note{margin:.4rem 0 1rem;padding:.7rem 1rem;border:2px dashed var(--line);border-radius:.8rem;background:var(--surface)}
.dym{margin:.5rem 0 0}
.dym a{margin-inline-end:.6rem}
.card--drawing .noimg:not(.noimg--out) span{font-size:.72rem;padding:.05rem .5rem}
.noimg--out span{font-size:.72rem;padding:.1rem .45rem}
.pet__photo .noimg--out span{max-width:100%;white-space:normal;border-radius:1rem}
a.noimg--out{color:var(--text);text-decoration:none}
a.noimg--out:hover span,a.noimg--out:focus-visible span{text-decoration:underline}
.card--drawing h3{font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem);line-height:1.1}
.card--drawing .card__breed{color:var(--text);font-size:1.05rem;font-weight:700}
.card--drawing .card__tags .tag{font-size:.88rem}
.card--stale{opacity:.92}
.card--stale .card__photo{filter:saturate(.7)}
.tag--stale{background:var(--p-sun);border-style:dashed}
.card__fresh--stale,.card__fresh--unknown{font-weight:700}
.join-promise{font-weight:700;font-size:1.08rem}
.pagehead .actions{margin-top:1.1rem}
.join-tell{padding-block:clamp(1.5rem,4vw,3rem) 0}
.join-split{align-items:start}
@media (min-width:56rem){.join-split{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
.join-split .panel{margin:0}
.join-panel h2,.join-side h2{font-size:var(--s2);margin-bottom:.5rem}
.join-side .steps{grid-template-columns:minmax(0,1fr);gap:1.6rem;margin:1.6rem 0 1.2rem}
.join-side .steps li{box-shadow:none}
.join-form .field input,.join-form textarea{width:100%}
.join-form textarea{min-height:8rem}
.join-form fieldset.field{border:0;margin:0;padding:0;min-width:0}
.join-listed{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:.5rem;margin-top:.5rem}
.join-listed label,.join-consent{display:flex;gap:.7rem;align-items:center;min-height:var(--target);padding:.55rem .9rem;border:var(--bw) solid var(--line);border-radius:.8rem;background:var(--surface);cursor:pointer;font-weight:600}
.join-listed label:has(input:checked),.join-consent:has(input:checked){background:var(--p-sun)}
.join-consent{align-items:flex-start;font-weight:400}
@media (max-width:33.99rem){.join-listed label{padding:.45rem .6rem;gap:.5rem;font-size:.95rem;line-height:1.25}}
.join-consent label{cursor:pointer}
.join-form .join-listed input,.join-form .join-consent input{width:1.25rem;height:1.25rem;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;flex:none;accent-color:var(--link)}
.join-consent input{margin-top:.15rem}
.join-listed input:focus-visible,.join-consent input:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
.field__error{display:block;font-weight:700;font-size:.9rem;color:var(--text);border-inline-start:6px solid var(--line);padding-inline-start:.5rem;margin-top:.2rem}
.join-form [aria-invalid=true]{border-width:4px}
.join-form .notice ul{margin:.3rem 0 0;padding-inline-start:1.2rem}
.hp{position:absolute!important;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.join-band{display:flex;align-items:center;gap:.45rem;margin:.55rem 0 0;font-weight:700}
.join-band .pin-mark{width:1.7rem;height:1.7rem;flex:none}
.join-band a{color:var(--link);text-underline-offset:.2em}
.join-lower>*{max-width:none}
.join-lower p,.join-lower ul{max-width:var(--measure)}
.join-cols{display:grid;gap:0 clamp(1.5rem,4vw,3rem);align-items:start}
@media (min-width:56rem){.join-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.join-cols>section>h2:first-child{margin-top:0}
.join-lower .steps li{padding-bottom:1.4rem}
.join-permit{max-width:60rem}
.join-yours{margin-top:clamp(1.5rem,4vw,2.5rem)}
.join-yours p{max-width:var(--measure)}
.join-yours-line{margin:1rem 0 0;font-size:.95rem}
.support .support-panel{margin-block:1.6rem}
.support .support-tiers{list-style:none;margin:1rem 0 1rem;padding:0;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:23rem){.support .support-tiers{grid-template-columns:minmax(0,1fr)}}
.support-tiers li{margin:0;min-width:0}
.support-tier{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.25rem;text-align:center;font:800 var(--s1)/1.2 var(--font-display);padding:1rem .8rem}
.support-tier span{display:block}
.support-custom{margin-top:1.4rem;padding-top:1.2rem;border-top:var(--bw) dashed var(--line)}
.support-custom label{display:block;font-weight:800;margin-bottom:.4rem}
.support-amount{display:flex;align-items:center;gap:.5rem;max-width:16rem;min-height:var(--target);padding-inline:.9rem;border:var(--bw) solid var(--line);border-radius:.8rem;background:var(--surface)}
.support-amount:focus-within{outline:4px solid var(--focus);outline-offset:3px}
.support-amount input{flex:1;min-width:0;width:100%;border:0;outline:0;background:transparent;font:800 var(--s1)/1.2 var(--font-display);padding:.5rem 0;text-align:start}
.support-amount input[type=number]{appearance:textfield;-moz-appearance:textfield}
.support-amount input::-webkit-outer-spin-button,.support-amount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.support-amount__pre,.support-amount__suf{font-weight:800;color:var(--text)}
.support-amount__suf{font-weight:400;white-space:nowrap}
.support-custom .field__hint{display:block;margin-top:.4rem}
.support-custom .actions{margin-top:.9rem}
.share{margin:1.2rem 0;padding:1rem 1.1rem;border:var(--bw) solid var(--line);border-radius:1rem;background:var(--surface)}
.share[hidden],.nick[hidden]{display:none}
.share__t{font-size:var(--s1);margin:0 0 .6rem}
.share__lede{margin:0 0 .7rem}
.share__row{display:flex;flex-wrap:wrap;gap:.6rem}
.share__row .btn{flex:1 1 auto;min-width:8rem}
.share__nick{display:block;margin-top:.8rem}
.share__nick input{width:1.25rem;height:1.25rem;margin-inline-end:.4rem;vertical-align:-.2em;accent-color:var(--link)}
.share__status,.nick__status{min-height:1.4em;margin:.6rem 0 0}
.share__status:empty,.nick__status:empty{display:none}
.share__link{margin-top:.6rem}
.share__link textarea{width:100%;font:inherit;font-size:.95rem;padding:.6rem .8rem;border:var(--bw) solid var(--line);border-radius:.8rem;background:var(--bg);color:var(--text);resize:vertical}
.share__qr{margin-top:.8rem;text-align:center}
.share__qr img{display:inline-block;width:min(100%,13.75rem);height:auto;aspect-ratio:1;background:#fff;border:var(--bw) solid var(--line);border-radius:.8rem}
.nick{margin:1.2rem 0;padding:1rem 1.1rem;border:var(--bw) dashed var(--line);border-radius:1rem}
.nick__l{display:block;font:800 var(--s1)/1.2 var(--font-display);margin:0 0 .3rem}
.nick__hint{margin:0 0 .7rem}
.nick__row{display:flex;flex-wrap:wrap;gap:.6rem}
.nick__row input{flex:1 1 11rem;min-width:0;min-height:var(--target);font:inherit;padding:.4rem .9rem;border:var(--bw) solid var(--line);border-radius:999px;background:var(--bg);color:var(--text)}
.nick__row input:focus-visible,.share__link textarea:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
.nick__act{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}
.nick__act[hidden],.nick__act:not(:has(:not([hidden]))){display:none}
.nick__friend{margin:.6rem 0 0;font-weight:700}
.prose .sl-list{padding:0}
.sl-list .sl-ph{display:grid;place-items:center;color:var(--muted)}
.sl-list .sl-ph .pg{width:56%;height:auto}
.sl-list .sl-nick{font-weight:700;color:var(--text)}
.card__nick{margin:.4rem 0 0;font-weight:700;font-size:.95rem}
.card--gone .card__photo{opacity:.85}
.card--gone h3{font-size:1.1rem}
.stamp{--ink:var(--key);position:absolute;z-index:3;inset-inline:auto;display:grid;gap:.12em;justify-items:center;max-width:46%;box-sizing:border-box;
padding:.3em .65em .34em;color:var(--ink);background:color-mix(in srgb,var(--p-sun) 94%,transparent);border:.15em double var(--ink);border-radius:.4em;
transform:rotate(-6deg);font:800 clamp(.8rem,calc(var(--iw,300px)*.062),1.7rem)/1.05 var(--font-display);letter-spacing:.03em;text-align:center;
overflow-wrap:anywhere;pointer-events:none;box-shadow:0 .1em .3em rgb(0 0 0 / .25);outline:.09em solid color-mix(in srgb,var(--p-sun) 94%,transparent)}
.stamp[hidden]{display:none}
[dir=rtl] .stamp{transform:rotate(6deg)}
.stamp__n{display:block;unicode-bidi:plaintext}
.stamp__c{display:block;font:700 max(8px,.46em)/1.15 var(--font-text);letter-spacing:.02em;opacity:.9}
@media (prefers-reduced-motion:no-preference){
.stamp--press{animation:stamp-press .6s cubic-bezier(.3,0,.25,1) 1 backwards}
[dir=rtl] .stamp--press{animation-name:stamp-press-rtl}
@keyframes stamp-press{0%{opacity:0;transform:rotate(-14deg) scale(1.7)}45%{opacity:1;transform:rotate(-5deg) scale(.93,.86)}68%{transform:rotate(-7deg) scale(1.04,1.02)}100%{transform:rotate(-6deg) scale(1)}}
@keyframes stamp-press-rtl{0%{opacity:0;transform:rotate(14deg) scale(1.7)}45%{opacity:1;transform:rotate(5deg) scale(.93,.86)}68%{transform:rotate(7deg) scale(1.04,1.02)}100%{transform:rotate(6deg) scale(1)}}
}
@media print{.share,.nick,.stamp{display:none!important}}
.near{margin-block:1.2rem}
.near__lede{max-width:var(--measure);margin:.4rem 0 1rem;font-size:var(--s0)}
.near__count{margin:1rem 0 1.2rem;font-weight:700;font-size:var(--s0)}
.near__form{display:block;margin-block:1rem 1.4rem}.near__form .geo-near__status:empty{display:none}
.near__form+.notice{margin-block:0 1.4rem}
.near__form .geo-near .field{flex:1 1 16rem}
.near__grid{display:grid;gap:1.4rem;grid-template-columns:minmax(0,1fr);align-items:start}
.near__maph{font-size:var(--s1,1.25rem);margin:0 0 .5rem}
.near__src{max-width:var(--measure);margin-top:2rem}
.near__all{margin-top:1.2rem}
.near__tail{display:grid;gap:1.4rem 2rem;grid-template-columns:minmax(0,1fr);align-items:start;margin-top:2.2rem}
.near__list-yours{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;padding:1.2rem 1.3rem;border:var(--bw,3px) solid var(--line);border-radius:var(--r)}
.near__list-yours h2{margin:0 0 .25rem;font-size:var(--s1,1.25rem)}.near__list-yours p{margin:0;max-width:var(--measure)}
.near__lic{margin-top:0}.near__lic h2{font-size:var(--s1,1.25rem);margin:0 0 .4rem}.near__lic p{margin:0}.near__lic span{display:block}.near__lic span+span{margin-top:.4rem}
.shelter__src{overflow-wrap:anywhere}
.near--teaser{margin-block:1.6rem 1rem;padding:1.4rem 1.2rem;border:var(--bw,3px) solid var(--line);border-radius:var(--r);background:var(--p-leaf,var(--surface))}
.near--teaser>h2{margin:.1rem 0 .4rem;font-size:var(--s2,1.6rem);line-height:1.12;text-wrap:balance}
.shelters{list-style:none;margin:0;padding:0;display:grid;gap:1rem;counter-reset:none}
.near--teaser .shelters{margin-top:1rem}
@media (min-width:44rem){.near--teaser .shelters{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}}
@media (min-width:62rem){.near__tail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.near__grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:2rem}.near__list .shelters{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.near__map{position:sticky;top:1.2rem;order:2}}
.shelter{display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.1rem 1rem;border:var(--bw,3px) solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--lift-sm);scroll-margin-top:1rem}
[dir=rtl] .shelter{box-shadow:var(--lift-sm-rtl)}
.shelter:target{outline:4px solid var(--focus,#1a56db);outline-offset:3px}
.shelter__head{display:flex;gap:.8rem;align-items:flex-start}
.shelter__head h3{margin:0;font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);line-height:1.15;text-wrap:balance;overflow-wrap:anywhere}
.shelter__meta{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center;margin:.35rem 0 0}
.shelter__dist{font-weight:700}
.badge{display:inline-block;padding:.1rem .65rem;border:2px solid var(--line);border-radius:999px;font-size:.85rem;font-weight:700;background:var(--p-sky);color:var(--text)}
.shelter p{margin:0}
.shelter__addr{display:flex;gap:.45rem;align-items:flex-start}.shelter__pin{flex:0 0 auto;margin-block-start:.1rem;color:var(--key)}
.shelter__note{padding:.55rem .8rem;border:2px dashed var(--line);border-radius:.7rem;background:var(--p-sun)}
.shelter__adopt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;white-space:normal;min-height:3.25rem;line-height:1.2}
.shelter__adopt small{font-weight:500;opacity:.85;font-size:.8rem}
.shelter__hours h4,.shelter__found h4{margin:0 0 .25rem;font-size:1rem}
.shelter__hours ul{margin:0;padding-inline-start:1.1rem}.shelter__hours li{margin:.1rem 0}
.shelter__found{padding:.8rem 1rem;border:2px solid var(--line);border-radius:.9rem;background:var(--p-sky)}
.shelter__found p{margin:.35rem 0}
.shelter__acts{display:flex;flex-direction:column;gap:.5rem}
.shelter__lab{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.shelter__row{display:flex;flex-wrap:wrap;gap:.5rem}
.btn--sm{min-height:var(--target,2.75rem);padding:.45rem .95rem;font-size:.95rem;display:inline-flex;align-items:center;gap:.4rem;white-space:normal}
.shelter__foot{border-top:2px solid var(--line);padding-top:.6rem;margin-top:.2rem;display:grid;gap:.3rem}
.near .eyebrow{margin:0 0 .2rem}
.shelter--compact{gap:.45rem;padding:.8rem .9rem .85rem}
.shelter--compact .shelter__head h3{font-size:var(--s0)}
.shelter--compact .shelter__meta{margin-top:.15rem}.shelter--compact .badge{font-size:.8rem;padding:0 .55rem}
.shelter--compact .shelter__addr{font-size:.95rem}.shelter--compact .shelter__hours{color:var(--muted)}.shelter--compact .shelter__hours b{color:var(--text)}
.shelter__row--acts{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.1rem}
.kc{--kc:#2f6b4f;--kc-on:#fff}
.kc--shelter,.shelter[data-kind=shelter]{--kc:#2f6b4f;--kc-on:#fff}.kc--city,.shelter[data-kind=city]{--kc:#4d5e54;--kc-on:#fff}.kc--rescue,.shelter[data-kind=rescue]{--kc:#95560c;--kc-on:#fff}
.kc--foster,.shelter[data-kind=foster]{--kc:#f0b35c;--kc-on:#1a1206}.kc--sanctuary,.shelter[data-kind=sanctuary]{--kc:#7cc79f;--kc-on:#16211b}.kc--group,.shelter[data-kind=group]{--kc:#16211b;--kc-on:#a9e0c2}
@media (prefers-color-scheme:dark){.kc--city,.shelter[data-kind=city]{--kc:#a9bbb0;--kc-on:#0d1a13}.kc--group,.shelter[data-kind=group]{--kc:#e9f1ec;--kc-on:#16211b}.kc--shelter,.shelter[data-kind=shelter]{--kc:#4f9c7a;--kc-on:#0d1a13}}
.badge.kc{display:inline-flex;align-items:center;gap:.4rem;background:color-mix(in srgb,var(--kc) 16%,var(--surface));color:var(--text)}
.badge.kc::before{content:"";inline-size:.62rem;block-size:.62rem;border-radius:50%;background:var(--kc);box-shadow:0 0 0 1.5px var(--line)}
.pagehead--near{background:linear-gradient(100deg,var(--p-sun) 0%,color-mix(in srgb,var(--p-sun) 45%,var(--p-sky)) 55%,var(--p-sky) 100%);overflow:hidden}
.pagehead--near .wrap{position:relative;z-index:1}
.pagehead__paws{position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(34vw,26rem);pointer-events:none;color:var(--paw)}
.pagehead__paws svg{position:absolute;inline-size:4.6rem;block-size:auto;opacity:.9}
.pagehead__paws .pw1{inset-inline-end:16%;inset-block-start:12%;transform:rotate(18deg)}
.pagehead__paws .pw2{inset-inline-end:40%;inset-block-start:46%;inline-size:3.6rem;transform:rotate(-8deg)}
.pagehead__paws .pw3{inset-inline-end:6%;inset-block-start:58%;inline-size:3rem;transform:rotate(30deg)}
[dir=rtl] .pagehead__paws svg{transform:scaleX(-1)}
@media (max-width:47.99rem){.pagehead__paws{display:none}}
.shelter--compact .shelter__head{margin:-.8rem -.9rem .15rem;padding:.85rem .9rem .75rem;background:color-mix(in srgb,var(--kc) 12%,var(--surface));border-block-end:2px solid color-mix(in srgb,var(--kc) 35%,var(--surface));border-start-start-radius:calc(var(--r) - 3px);border-start-end-radius:calc(var(--r) - 3px)}
.shelter__head{align-items:center}
.shelter__who{min-inline-size:0}
.shelter__logo{position:relative;flex:0 0 auto;display:grid;place-items:center;inline-size:5.6rem;block-size:4rem;padding:.3rem;border:2px solid var(--line);border-radius:.85rem;background:#fff;overflow:visible}
.shelter__logo img{display:block;inline-size:auto;block-size:auto;max-inline-size:calc(5.6rem - .6rem - 4px);max-block-size:calc(4rem - .6rem - 4px);object-fit:contain;border-radius:.4rem}
.shelter__logo--badge{background:var(--kc);color:var(--kc-on)}
.shelter__logo--img .shelter__ini,.shelter__logo--img .shelter__paw{display:none}
.shelter__ini{font:800 1.55rem/1 "Bricolage Grotesque",var(--font-display,system-ui);letter-spacing:.02em}
.shelter__paw{position:absolute;inset-block-end:.28rem;inset-inline-end:.32rem;inline-size:1.05rem;block-size:auto;opacity:.45}
.shelter__n{position:absolute;inset-block-start:-.6rem;inset-inline-start:-.6rem;display:grid;place-items:center;inline-size:1.65rem;block-size:1.65rem;border-radius:50%;background:var(--kc);color:var(--kc-on);font:800 .82rem/1 var(--font-text);border:2px solid var(--line)}
.shelter__logo--badge .shelter__n{background:var(--surface);color:var(--text)}
.shelter{transition:none}
.shelter.is-lit,.shelter:focus-within{border-color:var(--line);box-shadow:0 0 0 3px color-mix(in srgb,var(--kc) 55%,transparent),var(--lift-sm)}
.shelter:focus{outline:4px solid var(--focus);outline-offset:3px}
.shelter.is-flash{outline:4px solid var(--focus);outline-offset:3px;background-color:color-mix(in srgb,var(--kc) 8%,var(--surface))}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.shelter--compact{transition:transform .15s ease,box-shadow .15s ease}
.shelter--compact:hover{transform:translate(-2px,-2px);box-shadow:0 0 0 3px color-mix(in srgb,var(--kc) 55%,transparent),var(--lift)}
[dir=rtl] .shelter--compact:hover{transform:translate(2px,-2px)}
}
@media (min-width:62rem){.near__list .shelters>li[data-wide]{grid-column:1/-1}}
.near__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.6rem;margin:1rem 0 1.3rem}
.near__bar .near__count{margin:0}
.near__none{margin:0 0 1.2rem}
.nf{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem}
.nf__set{border:0;margin:0;padding:0;min-inline-size:0}
.nf__lab{float:inline-start;margin-inline-end:.55rem;padding:0;font:800 .78rem/var(--target,2.75rem) var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nf__chips{display:flex;flex-wrap:wrap;gap:.4rem}
@media (max-width:40rem){.nf{display:grid;gap:.8rem}.nf__set{display:block}.nf__lab{float:none;display:block;margin:0 0 .4rem;line-height:1.2}}
.fchip{position:relative;display:inline-flex;align-items:center;gap:.4rem;min-block-size:var(--target,2.75rem);padding:.2rem .85rem;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-weight:700;font-size:.92rem;cursor:pointer;user-select:none}
.fchip b{font-weight:800;color:var(--muted);font-size:.85rem}
.fchip input{position:absolute;opacity:0;inline-size:1px;block-size:1px;margin:0;pointer-events:none}
.fchip__dot{inline-size:.7rem;block-size:.7rem;border-radius:50%;background:var(--kc);box-shadow:0 0 0 1.5px var(--line)}
.fchip:hover{background:color-mix(in srgb,var(--text) 6%,var(--surface))}
.fchip:has(input:checked){background:var(--text);color:var(--bg);border-color:var(--text)}
.fchip:has(input:checked) b{color:inherit;opacity:.8}
.fchip--kind:has(input:checked){background:var(--kc);color:var(--kc-on);border-color:var(--line)}
.fchip--tog:has(input:checked)::before{content:"✓";font-weight:800}
.fchip:has(input:focus-visible){outline:4px solid var(--focus);outline-offset:2px}
.nm{margin:0}
.nm__svg{display:block;inline-size:100%;block-size:auto;border:var(--bw,3px) solid var(--line);border-radius:22px;box-shadow:var(--lift-sm);background:var(--p-leaf)}
[dir=rtl] .nm__svg{box-shadow:var(--lift-sm-rtl)}
.nm__bg{fill:var(--p-leaf,#e4efe2)}
#nm-paper circle{fill:var(--line);opacity:.13}
.nm__grid{stroke:var(--line);stroke-width:1;opacity:.14;fill:none}
.nm__ring{fill:color-mix(in srgb,var(--surface) 22%,transparent);stroke:var(--line);stroke-width:1.5;stroke-dasharray:5 6;opacity:.6}
.nm__rlab{font:700 15px var(--font-text,system-ui);fill:var(--muted)}
.nm__town{font:700 16px var(--font-text,system-ui);fill:var(--muted);paint-order:stroke;stroke:var(--p-leaf);stroke-width:4px;stroke-linejoin:round}
.nm__here{fill:var(--text);stroke:var(--surface);stroke-width:3}
.nm__you .nm__pulse{fill:var(--sun,#f3b73b);opacity:.5;transform-box:fill-box;transform-origin:center}
.nm__you text{font:800 18px var(--font-text,system-ui);fill:var(--text);paint-order:stroke;stroke:var(--p-leaf);stroke-width:4px;stroke-linejoin:round}
.nm__n{font:800 16px var(--font-text,system-ui);fill:var(--muted)}.nm__arrow{stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nm__dot circle{fill:var(--kc);stroke:var(--surface);stroke-width:3}
.nm__dot .nm__halo{fill:var(--kc);stroke:none;opacity:0}
.nm__dot text{font:800 17px var(--font-text,system-ui);fill:var(--kc-on);pointer-events:none}
.nm__dot:hover .nm__halo,.nm__dot:focus .nm__halo,.nm__dot.is-on .nm__halo{opacity:.35}
.nm__dot.is-on circle:not(.nm__halo),.nm__dot:hover circle:not(.nm__halo){stroke:var(--line)}
.nm__dot.is-off{display:none}
.nm__dot:focus{outline:none}.nm__dot:focus-visible circle:not(.nm__halo){stroke:var(--focus,#1a56db);stroke-width:4}
.nm__key{display:flex;flex-wrap:wrap;gap:.3rem 1rem;list-style:none;margin:.7rem 0 .25rem;padding:0;font-size:.9rem;font-weight:700}
.nm__key li{display:inline-flex;align-items:center;gap:.4rem}
.nm__sw{inline-size:.85rem;block-size:.85rem;border-radius:50%;background:var(--kc);box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--line)}
.nm__sw--here{background:var(--text)}
@media (prefers-reduced-motion:no-preference){
.nm__dot .nm__halo{transition:opacity .15s ease}
.nm__you .nm__pulse{animation:nm-pulse 2.4s ease-out .3s 2}
}
@keyframes nm-pulse{0%{transform:scale(.8);opacity:.7}100%{transform:scale(3.2);opacity:0}}
.near-pets{margin-block:.4rem 2rem;padding:clamp(1rem,.6rem + 1.6vw,1.6rem);border:var(--bw,3px) solid var(--line);border-radius:var(--r);background:var(--p-sun);box-shadow:var(--lift-sm)}
[dir=rtl] .near-pets{box-shadow:var(--lift-sm-rtl)}
.near-pets__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem 1.2rem;margin-bottom:1.1rem}
.near-pets__head h2{margin:0 0 .2rem;font-size:var(--s1,1.25rem)}.near-pets__head p{margin:0}
.near-pets__row{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:.2rem .4rem 1rem;margin:0 -.4rem;grid-template-columns:none}
.near-pets__row>.card{flex:0 0 min(78%,17.5rem);scroll-snap-align:start}
@media (min-width:62rem){.near-pets__row{display:grid;overflow:visible;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));max-inline-size:calc(var(--n,4) * 21rem);padding:0;margin:0}.near-pets__row>.card{flex:none}}
.near-pets__src{margin:.8rem 0 0}
.near-pets .card__note,.near-pets--one .card__where{display:none}
.near-pets .card{gap:.4rem}.near-pets .card__body{gap:.35rem}
.near-pets .card h3{font-size:1.15rem}
.near-pets .card__photo-link{font-size:.85rem;min-height:var(--target,2.75rem);padding:.35rem .8rem;line-height:1.25;text-align:start}
.hazel{display:flex;align-items:flex-end;gap:.9rem;margin:0}
.hazel__img{flex:0 0 auto;inline-size:5.2rem;block-size:auto}
.hazel__say{position:relative;margin:0 0 1.4rem;padding:.7rem 1rem;border:2px solid var(--line);border-radius:1rem;background:var(--surface);max-inline-size:30rem}
.hazel__say::before{content:"";position:absolute;inset-inline-start:-.55rem;inset-block-end:.9rem;inline-size:.9rem;block-size:.9rem;background:var(--surface);border-inline-start:2px solid var(--line);border-block-end:2px solid var(--line);transform:rotate(45deg)}
[dir=rtl] .hazel__say::before{transform:rotate(-45deg)}
.hazel__say b{font-family:var(--font-hand);color:var(--hand);font-size:1.1rem;margin-inline-end:.2rem}
.hazel--corner{inline-size:fit-content;max-inline-size:100%;margin-top:2.4rem;padding:1rem 1.2rem .2rem;border:2px dashed color-mix(in srgb,var(--line) 45%,transparent);border-radius:var(--r)}
.near__empty{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem}
.near__empty>div{flex:1 1 20rem}
.hazel--empty .hazel__img{inline-size:6.2rem}
.nm__frame{position:relative;aspect-ratio:640/520}
.nm__frame>.nm__svg{position:absolute;inset:0;block-size:100%}
.nm-live{position:absolute;inset:0;margin:0;z-index:1}
.nm-live__canvas{block-size:100%;border:var(--bw,3px) solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--lift-sm);background:var(--p-leaf)}
.nm__show{position:absolute;inset-block-end:.8rem;inset-inline-start:50%;transform:translateX(-50%);z-index:2;background:var(--surface)}
[dir=rtl] .nm__show{transform:translateX(50%)}
[dir=rtl] .nm-live__canvas{box-shadow:var(--lift-sm-rtl)}
.nm-pin{display:grid;place-items:center;inline-size:1.9rem;block-size:1.9rem;border-radius:50%;background:var(--kc);color:var(--kc-on);font:800 .85rem/1 var(--font-text);text-decoration:none;border:2.5px solid #fff;box-shadow:0 0 0 1.5px var(--line),0 2px 5px rgb(0 0 0 / .25);cursor:pointer}
.nm-pin.is-on,.nm-pin:hover{box-shadow:0 0 0 2px var(--line),0 0 0 9px color-mix(in srgb,var(--kc) 35%,transparent);z-index:2}
.nm-pin:focus-visible{outline:4px solid var(--focus);outline-offset:3px;z-index:3}
.nm-pin.is-off{display:none}
.nm-here{display:block;inline-size:1rem;block-size:1rem;border-radius:50%;background:var(--text);border:3px solid #fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--sun,#7cc79f) 55%,transparent)}
.nm-live .maplibregl-ctrl-attrib{font-size:.72rem}
.nav li{position:relative}
.nav .navg>summary{border:0;background:transparent;padding:0 .7rem 0 .85rem;gap:.3rem;font-size:.98rem;white-space:nowrap}
.nav .navg>summary:hover,.nav .navg[open]>summary{background:var(--p-sun)}
.nav .navg>summary.is-current{background:var(--sun);color:var(--on-sun);box-shadow:inset 0 0 0 2px var(--line)}
.chev{width:12px;height:12px;flex:none}
.navg[open] .chev{rotate:180deg}
@media (prefers-reduced-motion:no-preference){.chev{transition:rotate .15s ease}}
.nav .navg__panel{display:grid;gap:.1rem;inset-inline-start:0;inset-inline-end:auto;min-width:15rem;width:max-content;max-width:min(22rem,calc(100vw - 2 * var(--gutter)))}
.nav .navg__panel a{display:flex;border-radius:.8rem;white-space:normal;line-height:1.3;padding-block:.35rem}
.nav .navg__panel a:focus-visible{outline-offset:-3px}
.nav .navg__panel a[aria-current]{background:var(--p-sky);color:var(--text);box-shadow:none}
.menu .pop__panel{width:min(21rem,calc(100vw - 2 * var(--gutter)));max-height:calc(100dvh - 5.5rem);overflow-y:auto;overscroll-behavior:contain}
.menu__group ul{list-style:none;margin:0;padding:0}
.menu__group,.menu__help{border-top:2px dotted var(--line);margin-top:.2rem;padding-top:.15rem}
.menu__h{margin:.15rem .85rem 0;font:700 1.05rem/1.2 var(--font-hand);color:var(--hand)}
@media (min-width:56rem){.foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:55.99rem){.foot-grid{display:block;columns:2;column-gap:var(--gap)}.foot-grid>div{break-inside:avoid;margin-bottom:1.8rem}.foot-grid>.foot-brand{column-span:all;margin-bottom:2rem}}
@media (max-width:21.99rem){.foot-grid{columns:1}}
.site-foot li a{line-height:1.35;padding-block:.2rem}
.explainer{margin:0}
.explainer video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--photo-bg);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--lift)}
[dir=rtl] .explainer video{box-shadow:var(--lift-rtl)}
.explainer figcaption{display:block;margin-top:1rem}
.explainer figcaption .hand{font-size:1.1rem;margin:0 0 .15rem}
.explainer .explainer__t{margin:0;font:800 var(--s1)/1.2 var(--font-display);letter-spacing:-.01em;max-width:none}
.explainer .explainer__meta{margin:.3rem 0 0;font-size:var(--s-1);color:var(--muted);max-width:none}
.explainer__script{margin-top:.6rem;font-size:.95rem}
.explainer__script summary{cursor:pointer;color:var(--link);font-weight:700;min-height:var(--target);display:inline-flex;align-items:center;gap:.35rem;list-style:none}
.explainer__script summary::-webkit-details-marker{display:none}
.explainer__script[open] .chev{rotate:180deg}
.explainer video::cue{font:600 1.05rem/1.3 var(--font-text);background:rgb(0 0 0 / .78)}
.explainer__script ol{margin:.3rem 0 0;padding-inline-start:1.3rem;display:grid;gap:.35rem}
.how__col .explainer{margin-top:clamp(1.4rem,2.5vw,2rem)}
.help-head .wrap{display:grid;gap:clamp(1.2rem,3vw,2.4rem);align-items:center}
@media (min-width:48rem){.help-head .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media (min-width:75rem){.help-head .wrap{grid-template-columns:minmax(0,1fr) minmax(0,34rem)}}
.help-hazel{display:none}
@media (min-width:48rem){.help-hazel{display:block;width:auto;height:clamp(7rem,4rem + 6vw,10rem);margin-top:clamp(1rem,2vw,1.6rem)}}
.help-h{font-size:var(--s2);margin:0 0 1rem}
.doors{display:grid;gap:var(--gap);margin:0 0 clamp(2rem,4vw,3rem)}
@media (min-width:48rem){.doors{grid-template-columns:repeat(3,minmax(0,1fr))}}
.door{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--lift-sm);padding:1.1rem 1.2rem 1rem}
[dir=rtl] .door{box-shadow:var(--lift-sm-rtl)}
.door h3{margin:0 0 .6rem;font-size:var(--s1)}
.help-ask{background:var(--p-sky)}
.help-ask p{margin:0}