@import "https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;1,400&display=swap";:root{--color-bg:#f3f2f2;--color-surface:#eae9e9;--color-text:#201e1d;--color-accent:#0088b0;--color-accent-2:#d6006c;--color-divider:#201e1d29;--color-neutral-100:#f8f4f4;--color-neutral-200:#eae7e7;--color-neutral-300:#d7d3d3;--color-neutral-400:#bab6b6;--color-neutral-500:#9b9797;--color-neutral-600:#7d7979;--color-neutral-700:#605d5d;--color-neutral-800:#444141;--color-neutral-900:#2d2b2b;--color-accent-100:#e9f8ff;--color-accent-200:#cbeeff;--color-accent-300:#99e0ff;--color-accent-400:#62c5ee;--color-accent-500:#38a6cf;--color-accent-600:#1186ac;--color-accent-700:#006786;--color-accent-800:#004961;--color-accent-900:#0a303e;--color-accent-2-100:#fff1f4;--color-accent-2-200:#ffdee6;--color-accent-2-300:#ffc0d0;--color-accent-2-400:#ff90b1;--color-accent-2-500:#ff458e;--color-accent-2-600:#d82071;--color-accent-2-700:#aa0b56;--color-accent-2-800:#790e3d;--color-accent-2-900:#4b1528;--color-process-yellow:#edbb00;--font-heading:"Source Serif 4", system-ui, sans-serif;--font-heading-weight:600;--font-body:"Source Serif 4", system-ui, sans-serif;--space-1:5px;--space-2:10px;--space-3:15px;--space-4:20px;--space-6:30px;--space-8:40px;--radius-sm:1px;--radius-md:2px;--radius-lg:4px;--shadow-sm:0 1px 2px #2d2b2b24;--shadow-md:0 3px 10px #2d2b2b29;--shadow-lg:0 12px 32px #2d2b2b38;color-scheme:light}:root[data-theme=dark]{--color-bg:#1b1a19;--color-surface:#262423;--color-text:#ebe8e6;--color-accent:#62c5ee;--color-accent-600:#99e0ff;--color-accent-700:#99e0ff;--color-accent-100:#0f3443;--color-accent-800:#cbeeff;--color-accent-900:#e9f8ff;--color-accent-2:#ff458e;--color-accent-2-100:#3d1a27;--color-accent-2-700:#ff90b1;--color-accent-2-800:#ffc0d0;--color-accent-2-900:#fff1f4;--color-neutral-100:#2d2b2b;--color-neutral-200:#33302f;--color-neutral-800:#d7d3d3;--color-divider:#ebe8e62e;--shadow-md:0 0 0 1px #ebe8e624, 0 3px 10px #00000080;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);text-wrap:pretty;margin:0;font-size:15px;font-weight:400;line-height:1.55;transition:background .2s,color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h1{letter-spacing:-.025em;font-size:clamp(38px,6vw,80px);line-height:1.04}h2{font-size:clamp(30px,3.4vw,42px)}h3{font-size:25px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-700);text-underline-offset:3px}a:hover{color:var(--color-accent-600)}img{max-width:100%;height:auto;display:block}figure{margin:0}figcaption{margin-top:var(--space-1);color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:11px}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.container{max-width:1344px;margin:0 auto;padding-inline:clamp(20px,5vw,72px)}.skip{z-index:20;position:absolute;top:16px;left:-999px}.skip:focus{background:var(--color-bg);color:var(--color-text);padding:var(--space-2) var(--space-3);border:2px solid var(--color-accent);left:20px}.topbar{background:var(--color-process-yellow);color:var(--color-neutral-900);font-size:14px}.topbar .container{flex-wrap:wrap;align-items:center;gap:10px;padding-top:10px;padding-bottom:10px;display:flex}.topbar .container:before{content:"🐾"}.nav{align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-block:18px;display:flex}.brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.01em;color:inherit;align-items:center;gap:12px;margin-right:auto;font-size:21px;text-decoration:none;display:flex}.brand small{letter-spacing:.04em;color:var(--color-accent-2-700);font-size:12px;font-weight:400;display:block}.brand-mark{background:var(--color-surface);border:1px solid var(--color-divider);width:52px;height:52px;box-shadow:var(--shadow-sm);border-radius:50%;flex:none;place-items:center;display:grid}.nav a:not(.brand){color:inherit;font-size:14px;text-decoration:none}.nav a:not(.brand):hover,.nav a[aria-current=page]{color:var(--color-accent)}.theme-toggle{border-radius:999px;width:44px;height:44px;padding:0}.theme-toggle .sun,:root[data-theme=dark] .theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .sun{display:inline}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary,.btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn.primary:hover,.btn-primary:hover{background:var(--color-accent-600)}.btn:not(.primary),.btn-secondary{border-color:var(--color-divider)}.btn:not(.primary):hover,.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.pill{background:var(--color-accent-2-100);color:var(--color-accent-2-800);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:inline-flex}.pill:before{content:"♥";color:var(--color-accent-2)}.hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));align-items:center;gap:56px clamp(28px,5vw,80px);padding-top:clamp(32px,6vw,64px);padding-bottom:clamp(56px,8vw,80px);display:grid}.hero p{max-width:50ch;margin-top:28px;font-size:19px;line-height:30px}.hero-img{padding:24px 0;position:relative}.hero-img img{aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:var(--shadow-md);border-radius:999px}.hero-img:after{content:"🐾";background:var(--color-process-yellow);width:clamp(96px,24vw,132px);height:clamp(96px,24vw,132px);color:var(--color-neutral-900);text-align:center;box-shadow:var(--shadow-md);border-radius:50%;place-items:center;font-size:clamp(30px,7vw,48px);display:grid;position:absolute;top:-14px;right:0;transform:rotate(-10deg)}.image-credit{margin-left:18px}.category-strip{flex-wrap:wrap;gap:12px;padding-bottom:88px;display:flex}.category-strip a{background:var(--color-accent-100);min-height:52px;color:var(--color-accent-800);font-family:var(--font-heading);border-radius:999px;align-items:center;gap:10px;padding:8px 20px 8px 14px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.category-strip a:nth-child(2n){background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.category-strip a:nth-child(3n){background:color-mix(in srgb, var(--color-process-yellow) 28%, var(--color-bg));color:var(--color-text)}.category-strip a:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.band{background:var(--color-accent-100);margin-bottom:72px;padding:clamp(24px,4vw,48px) 0}.band>.container{border-radius:36px}.section{padding-top:48px;padding-bottom:72px}.two{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:start;gap:36px clamp(28px,4vw,64px);display:grid}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:48px clamp(24px,3vw,40px);display:grid}.card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:none;flex-direction:column;display:flex}.card img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);width:100%}.card-body{opacity:.9;flex:1;margin:0;font-size:13px}.card h3{font-size:17px;line-height:1.2}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:var(--color-accent)}.notice{background:var(--color-surface);border:1px solid var(--color-divider);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.prose{max-width:76ch}.prose p,.prose li{font-size:17px;line-height:1.75}.crumbs{color:color-mix(in srgb, var(--color-text) 55%, transparent);margin-bottom:18px;font-size:13px}.footer{border-top:1px solid var(--color-divider);margin-top:50px}.footer .container{color:color-mix(in srgb, var(--color-text) 70%, transparent);flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:24px;padding-bottom:32px;font-size:13px;display:flex}.footer a{color:inherit}@media (width<=760px){.nav{gap:12px}.nav a:not(.brand){align-items:center;min-height:44px;display:inline-flex}.brand{width:100%}.theme-toggle{margin-left:auto}.two{grid-template-columns:1fr}.hero{padding-top:24px}.category-strip{padding-bottom:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}