@font-face{font-family:Fredoka;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fredoka-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#fffdf8;--surface:#fff;--surface-2:#fff4e1;--ink:#1d2230;--muted:#5d6474;--line:#ebe5d8;--accent:#ff6b4a;--accent-hover:#ef5230;--accent-ink:#fff;--accent-2:#ffd166;--accent-2-ink:#3b2a00;--success:#1fa35c;--link:#d6451f;--shadow:0 6px 24px #281e0a14;--shadow-lg:0 16px 44px #281e0a24;--radius:18px;--radius-sm:12px;--font-head:"Fredoka", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--container:1160px;--header-h:68px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#13151b;--surface:#1b1e27;--surface-2:#252937;--ink:#f3f1ec;--muted:#a3a9b8;--line:#2c3141;--accent:#ff7a5c;--accent-hover:#ff9078;--link:#ffb39f;--success:#3ddc84;--shadow:0 6px 24px #00000059;--shadow-lg:0 16px 44px #00000080;--hero-wash-1:16%;--hero-wash-2:12%;--post-header-tint:9%;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.05rem;line-height:1.65}img,svg{max-width:100%;display:block}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0 0 .5em;font-weight:600;line-height:1.15}h1{font-size:clamp(2rem,4.5vw,3.1rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.25rem}p{margin:0 0 1em}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.skip-link{background:var(--accent);color:var(--accent-ink);z-index:100;border-radius:8px;padding:.5rem 1rem;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.container{width:min(var(--container), 100% - 2.5rem);margin-inline:auto}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.section--tight{padding-block:clamp(1.5rem,4vw,2.5rem)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-head h2{margin:0}.section-head p{color:var(--muted);margin:.25rem 0 0}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem;display:grid}.grid--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}@media (width>=620px) and (width<=1023px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.eyebrow{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:.85rem;display:inline-block}.icon{vertical-align:-.18em;flex:none}.btn{font-family:var(--font-head);border:2px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:1.02rem;font-weight:600;line-height:1.1;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{background:var(--accent-2);color:var(--accent-2-ink)}.btn--ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn--sm{padding:.5rem .95rem;font-size:.92rem}.badge{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.badge:hover{border-color:var(--cat,var(--accent));text-decoration:none}.badge__dot{background:var(--cat,var(--accent));border-radius:50%;flex:none;width:8px;height:8px}.badge .icon{color:var(--cat,var(--accent))}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo{font-family:var(--font-head);color:var(--ink);align-items:center;gap:.5rem;font-size:1.45rem;font-weight:700;text-decoration:none;display:inline-flex}.logo:hover{text-decoration:none}.logo-lockup{align-items:center;gap:.55rem;display:inline-flex}.logo-mark{flex:none;transition:transform .2s}.logo:hover .logo-mark{transform:rotate(-8deg)}.logo-text span{color:var(--accent)}.nav-toggle{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.site-nav ul{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--ink);border-radius:999px;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a.active{background:var(--surface-2);text-decoration:none}.site-nav .nav-cta{background:var(--accent);color:var(--accent-ink);margin-left:.25rem}.site-nav .nav-cta:hover{background:var(--accent-hover)}.site-nav .has-sub{position:relative}.site-nav .sub{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:260px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;gap:.15rem;padding:.5rem;display:none;position:absolute;top:calc(100% + 6px);left:0}.site-nav .has-sub:hover .sub,.site-nav .has-sub:focus-within .sub{display:flex}.site-nav .sub a{border-radius:8px;font-weight:600}.site-nav .sub-icon{color:var(--cat,var(--accent))}.footer-grid a{align-items:center;gap:.45rem;display:inline-flex}@media (width<=900px){.nav-toggle{display:flex}.site-nav{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);max-height:calc(100vh - var(--header-h));padding:.75rem 1.25rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.site-nav.open{display:block}.site-nav ul{flex-direction:column;align-items:stretch;gap:.1rem}.site-nav a{border-radius:10px;padding:.7rem .75rem}.site-nav .sub{box-shadow:none;border:0;min-width:0;padding:0 0 .5rem 1rem;display:flex;position:static}.site-nav .nav-cta{justify-content:center;margin:.5rem 0 0}}.hero{text-align:center;background:radial-gradient(60rem 30rem at 15% -10%, color-mix(in srgb, var(--accent-2) var(--hero-wash-2,45%), transparent), transparent 60%), radial-gradient(50rem 26rem at 90% 0%, color-mix(in srgb, var(--accent) var(--hero-wash-1,28%), transparent), transparent 60%);padding-block:clamp(3rem,8vw,6rem);position:relative;overflow:hidden}.hero h1{max-width:16ch;margin-inline:auto}.hero .lead{max-width:60ch;color:var(--muted);margin:0 auto 1.75rem;font-size:1.15rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-search{background:var(--surface);border:2px solid var(--line);max-width:560px;box-shadow:var(--shadow);border-radius:999px;gap:.5rem;margin:1.75rem auto 0;padding:.35rem .35rem .35rem 1.1rem;display:flex}.hero-search:focus-within{border-color:var(--accent)}.hero-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:1.05rem}.floaters{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floater{aspect-ratio:1;opacity:.92;filter:drop-shadow(0 10px 18px #3c280f29);width:clamp(56px,7vw,96px);animation:7s ease-in-out infinite float;position:absolute}.floater svg{width:100%;height:100%}.floater--1{top:14%;left:3%}.floater--2{animation-duration:9s;animation-delay:-2s;top:50%;left:8%}.floater--3{animation-delay:-4s;top:80%;left:4%}.floater--4{animation-duration:8s;animation-delay:-1s;top:15%;right:3%}.floater--5{animation-delay:-3s;top:50%;right:8%}.floater--6{animation-duration:10s;animation-delay:-5s;top:80%;right:4%}@media (width<=1180px){.floater--2,.floater--5{display:none}}@keyframes float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(4deg)}}@media (width<=780px){.floaters{display:none}}@media (prefers-reduced-motion:reduce){.floater,.post-header__art,.not-found__art{animation:none}html{scroll-behavior:auto}}.stats{z-index:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:-2rem;display:grid;position:relative}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:1rem 1.25rem}.stat strong{font-family:var(--font-head);color:var(--accent);font-size:1.7rem;line-height:1.1;display:block}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;font-weight:700}.cat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);align-items:flex-start;gap:1rem;padding:1.25rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.cat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--cat,var(--accent));text-decoration:none;transform:translateY(-3px)}.cat-card__icon{background:color-mix(in srgb, var(--cat,var(--accent)) 16%, var(--surface));border-radius:16px;flex:none;place-items:center;width:56px;height:56px;font-size:1.7rem;display:grid}.cat-card__body{min-width:0;padding-right:3.75rem}.cat-card h3{margin:0 0 .25rem;font-size:1.2rem}.cat-card p{color:var(--muted);margin:0;font-size:.95rem}.cat-card__count{color:var(--muted);background:var(--surface-2);border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:800;position:absolute;top:1rem;right:1rem}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.post-card__cover{text-decoration:none;display:block}.cover{--cover-ink:#332d40;background-color:color-mix(in srgb, var(--cat,#ff6b4a) 16%, #fff8ec);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) clamp(72px,31%,116px);align-items:center;gap:.7rem;padding:.9rem 1rem;display:grid;position:relative;overflow:hidden}.cover--card{aspect-ratio:16/8}.cover:not(:has(.cover__art)){grid-template-columns:minmax(0,1fr)}.cover:before{content:"";opacity:.32;background-image:var(--cover-pattern,none);background-size:var(--cover-pattern-size,16px 16px);position:absolute;inset:0}.cover[data-pattern=dots]{--cover-pattern:radial-gradient(currentColor 1.6px, transparent 1.7px);--cover-pattern-size:15px 15px;color:color-mix(in srgb, var(--cat) 55%, transparent)}.cover[data-pattern=rings]{--cover-pattern:repeating-radial-gradient(circle at 88% 15%, transparent 0 13px, currentColor 13px 14.6px);--cover-pattern-size:auto;color:color-mix(in srgb, var(--cat) 38%, transparent)}.cover[data-pattern=stripes]{--cover-pattern:repeating-linear-gradient(50deg, currentColor 0 3px, transparent 3px 15px);--cover-pattern-size:auto;color:color-mix(in srgb, var(--cat) 32%, transparent)}.cover[data-pattern=grid]{--cover-pattern:linear-gradient(currentColor 1.4px, transparent 1.4px), linear-gradient(90deg, currentColor 1.4px, transparent 1.4px);--cover-pattern-size:19px 19px;color:color-mix(in srgb, var(--cat) 32%, transparent)}.cover--article{grid-template-columns:minmax(0,1fr);place-items:center}.cover--article .cover__art{width:clamp(96px,40%,150px)}.cover__kicker{font-family:var(--font-head);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--cat,var(--accent)) 80%, var(--cover-ink));z-index:1;font-size:.72rem;font-weight:600;position:absolute;top:.85rem;left:1.05rem}.cover__names{flex-direction:column;gap:.1rem;min-width:0;display:flex;position:relative}.cover__name{font-family:var(--font-head);white-space:nowrap;text-overflow:ellipsis;color:var(--cover-ink);font-weight:600;line-height:1.2;overflow:hidden}.cover__name--1{font-size:clamp(1rem,1.5vw,1.22rem)}.cover__name--2{color:color-mix(in srgb, var(--cover-ink) 70%, transparent);font-size:clamp(.85rem,1.2vw,1rem)}.cover__name--3{color:color-mix(in srgb, var(--cover-ink) 45%, transparent);font-size:clamp(.72rem,1vw,.85rem)}.cover__art{aspect-ratio:1;width:100%;transition:transform .25s;position:relative}.cover__art svg{width:100%;height:100%;display:block}.post-card:hover .cover__art{transform:rotate(-5deg)scale(1.07)}.post-card__body{flex-direction:column;flex:1;gap:.6rem;padding:1.1rem 1.25rem 1.25rem;display:flex}.post-card__title{margin:0;font-size:1.22rem}.post-card__title a{color:var(--ink)}.post-card__excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin-top:auto;font-size:.85rem;font-weight:700;display:flex}.post-card__meta .count{color:var(--accent)}.post-card--featured .cover--card{aspect-ratio:16/7}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.feature__icon{background:color-mix(in srgb, var(--accent) 14%, var(--surface-2));width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:.75rem;display:grid}.feature h3{text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem}.feature p{color:var(--muted);margin:0}.cta-band{background:linear-gradient(135deg, var(--accent), #ff9a62);color:#fff;border-radius:calc(var(--radius) + 6px);text-align:center;padding:clamp(2rem,5vw,3.5rem)}.cta-band h2{color:#fff}.cta-band p{color:#ffffffe6;max-width:56ch;margin-inline:auto}.cta-band .btn--secondary{margin-top:.5rem}.page-hero{background:linear-gradient(180deg, var(--surface-2), transparent);border-bottom:1px solid var(--line);padding-block:clamp(2.5rem,6vw,4rem)}.page-hero h1{margin-bottom:.4rem}.page-hero .lead{color:var(--muted);max-width:68ch;margin:0;font-size:1.1rem}.page-hero--cat h1{align-items:center;gap:.7rem;display:flex}.page-hero__icon{background:color-mix(in srgb, var(--cat,var(--accent)) 18%, var(--surface));width:52px;height:52px;color:var(--cat,var(--accent));border-radius:15px;flex:none;place-items:center;display:grid}.cat-chips{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.breadcrumbs{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.breadcrumbs ol{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";opacity:.6;margin-right:.35rem}.breadcrumbs a{color:var(--muted)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:2.5rem;display:flex}.pagination a,.pagination span{border:1px solid var(--line);background:var(--surface);min-width:42px;height:42px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:0 .85rem;font-weight:700;text-decoration:none;display:inline-flex}.pagination a:hover{border-color:var(--accent)}.pagination .current{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pagination .disabled{opacity:.45}.post-header{background:linear-gradient(180deg, color-mix(in srgb, var(--cat,var(--accent)) var(--post-header-tint,14%), var(--bg)), transparent);padding-block:clamp(2rem,5vw,3.5rem) 1.5rem;position:relative;overflow:hidden}.post-header__inner{grid-template-columns:minmax(0,1fr);align-items:center;gap:1.25rem;display:grid;position:relative}@media (width>=860px){.post-header__inner{grid-template-columns:minmax(0,1fr) clamp(150px,20vw,220px);gap:2rem}}.post-header__text{min-width:0}.post-header__art{aspect-ratio:1;filter:drop-shadow(0 14px 26px #3c280f2e);justify-self:center;width:clamp(120px,20vw,220px);animation:8s ease-in-out infinite float}.post-header__art svg{width:100%;height:100%}.name-wall{pointer-events:none;user-select:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000000d9,#0000 78%);mask-image:linear-gradient(#000000d9,#0000 78%)}.name-wall__inner{width:130%;font-family:var(--font-head);color:var(--ink);opacity:.07;white-space:nowrap;flex-wrap:wrap;gap:.35rem 1.1rem;margin-left:-8%;font-size:1.05rem;font-weight:600;line-height:1.5;display:flex;transform:rotate(-2.5deg)}.post-header h1{max-width:26ch}.post-meta{color:var(--muted);flex-wrap:wrap;gap:.35rem 1rem;font-size:.92rem;font-weight:700;display:flex}.post-meta .count{color:var(--accent)}.post-layout{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-block:1.5rem 3rem;display:grid}.post-main{min-width:0;max-width:780px}.post-aside{display:none}@media (width>=1024px){.post-layout{grid-template-columns:minmax(0,1fr) 300px}.post-aside{top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);align-self:start;display:block;position:sticky;overflow:auto}.toc-mobile{display:none}}.aside-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1.1rem 1.25rem}.aside-box h2,.aside-box h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.75rem;font-size:1rem}.toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.toc li{counter-increment:toc}.toc a{color:var(--ink);border-radius:6px;gap:.55rem;padding:.35rem 0;font-size:.93rem;font-weight:600;display:flex}.toc a:before{content:counter(toc, decimal-leading-zero);color:var(--accent);font-family:var(--font-head);padding-top:.15rem;font-size:.8rem}.toc a:hover,.toc a.active{color:var(--accent);text-decoration:none}.toc-mobile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1.5rem;padding:.75rem 1.1rem}.toc-mobile summary{cursor:pointer;font-family:var(--font-head);justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:after{content:"+";color:var(--accent);font-size:1.3rem}.toc-mobile[open] summary:after{content:"−"}.toc-mobile .toc{margin-top:.5rem}.aside-link{color:var(--ink);align-items:flex-start;gap:.45rem;font-size:.93rem;font-weight:700;line-height:1.35;display:flex}.aside-link .icon{color:var(--accent);margin-top:.15rem}.random-bar{background:var(--surface);border:2px dashed var(--line);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1rem;display:grid}.random-bar output{font-family:var(--font-head);flex-wrap:wrap;align-items:center;gap:.75rem;min-height:1.4em;font-size:1.2rem;font-weight:600;display:flex}.random-bar output em{color:var(--muted);font-style:normal;font-family:var(--font-body);font-size:.95rem;font-weight:600}.random-bar .copy-random{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:700}@media (width<=560px){.random-bar{grid-template-columns:1fr}}.post-body{font-size:1.07rem}.post-body>p:first-of-type{font-size:1.15rem}.post-body h2{scroll-margin-top:calc(var(--header-h) + 20px);margin-top:2.5rem;padding-top:.5rem}.post-body h2:before{content:"";background:var(--accent-2);border-radius:3px;width:44px;height:5px;margin-bottom:.6rem;display:block}.post-body h3{margin-top:1.75rem}.post-body ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:.55rem;margin:1rem 0 1.75rem;padding:0;list-style:none;display:grid}.post-body ul li{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);cursor:copy;padding:.6rem 2.3rem .6rem .9rem;font-weight:700;line-height:1.35;transition:border-color .15s,transform .15s,box-shadow .15s,background .15s;position:relative}.post-body ul li:after{content:"⧉";opacity:.35;font-size:1rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.post-body ul li:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.post-body ul li.copied{border-color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--surface))}.post-body ul li.copied:after{content:"Copied";opacity:1;color:var(--success);font-size:.72rem;font-weight:800}.post-body ul li:has(strong){color:var(--muted);font-size:.92rem;font-weight:600}.post-body ul li strong{color:var(--ink);font-size:1rem;font-weight:800;display:block}@media (width<=620px){.post-body ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:.45rem}.post-body ul li{padding:.55rem 1.9rem .55rem .7rem;font-size:.95rem}.post-body ul li:after{right:.55rem}}.post-body ol{counter-reset:tips;gap:.6rem;margin:1rem 0 1.5rem;padding-left:0;list-style:none;display:grid}.post-body ol li{counter-increment:tips;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem 1rem .75rem 3.1rem;position:relative}.post-body ol li:before{content:counter(tips);background:var(--accent);width:1.6rem;height:1.6rem;color:var(--accent-ink);font-family:var(--font-head);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;top:.7rem;left:.9rem}.post-body table{border-collapse:collapse;width:100%;margin:1rem 0 1.75rem;font-size:.97rem}.post-body th,.post-body td{text-align:left;border-bottom:1px solid var(--line);padding:.6rem .75rem}.post-body th{font-family:var(--font-head);background:var(--surface-2)}.post-body td:first-child{cursor:copy;font-weight:700}.table-wrap{overflow-x:auto}.post-body blockquote{border-left:4px solid var(--accent-2);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5rem 0;padding:1rem 1.25rem}.post-body h3+p{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem 1.1rem}.post-body h3{font-size:1.12rem}.post-tags{flex-wrap:wrap;gap:.4rem;margin:2rem 0 1.5rem;display:flex}.share{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}.share strong{font-family:var(--font-head);margin-right:.25rem}.share button{align-items:center;gap:.35rem;display:inline-flex}.share a,.share button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:.4rem .85rem;font-size:.88rem;font-weight:700;text-decoration:none}.share a:hover,.share button:hover{border-color:var(--accent);text-decoration:none}.author-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:1rem;margin-bottom:2rem;padding:1.1rem 1.25rem;display:flex}.author-box__avatar{background:color-mix(in srgb, var(--cat,var(--accent)) 18%, #fff8ec);border-radius:50%;flex:none;place-items:center;width:62px;height:62px;padding:4px;display:grid}.author-box__avatar svg{width:100%;height:100%}.author-box p{color:var(--muted);margin:0;font-size:.95rem}.author-box strong{color:var(--ink)}.post-nav{grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;display:grid}.post-nav a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:1rem 1.1rem;text-decoration:none;display:block}.post-nav a:hover{border-color:var(--accent)}.post-nav small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.72rem;font-weight:700;display:block}.post-nav .next{text-align:right}@media (width<=560px){.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}}.related{border-top:1px solid var(--line);padding-top:2rem}.prose{max-width:760px}.container.prose{max-width:none}.container.prose>*{max-width:760px}.prose h2{margin-top:2rem}.prose ul{padding-left:1.25rem}.prose li{margin-bottom:.35rem}.contact-form{gap:1rem;max-width:560px;display:grid}.contact-form label{gap:.35rem;font-weight:700;display:grid}.contact-form input,.contact-form textarea{font:inherit;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:.7rem .9rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.notice{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem 1.1rem;font-size:.95rem}.search-wrap{--pf-font:var(--font-body);--pf-background:var(--surface);--pf-text:var(--ink);--pf-text-secondary:var(--muted);--pf-text-muted:var(--muted);--pf-border:var(--line);--pf-border-focus:var(--accent);--pf-outline-focus:var(--accent-2);--pf-border-radius:14px;--pf-hover:var(--surface-2);--pf-mark:var(--accent-2);--pf-input-height:56px;--pf-input-font-size:1.1rem;--pf-result-title-font-size:1.15rem;--pf-results-gap:.75rem;max-width:820px}.search-wrap pagefind-input{margin-bottom:1rem;display:block}.search-wrap pagefind-summary{color:var(--muted);margin-bottom:1rem;font-weight:700;display:block}.search-wrap mark{background:var(--accent-2);color:var(--accent-2-ink);border-radius:3px;padding:0 .15em}.site-footer{background:var(--surface);border-top:1px solid var(--line);color:var(--muted);margin-top:3rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding-block:3rem 2rem;display:grid}.footer-grid h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);font-size:.95rem}.footer-grid ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.footer-grid a{color:var(--muted)}.footer-grid a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:1.25rem;font-size:.9rem;display:flex}.toast{background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;z-index:60;border-radius:999px;padding:.6rem 1.1rem;font-size:.92rem;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.not-found{text-align:center;padding-block:clamp(3rem,10vw,6rem)}.not-found__art{width:clamp(130px,22vw,190px);margin:0 auto .5rem;animation:8s ease-in-out infinite float}.not-found__art svg{width:100%;height:100%}.not-found .big{font-family:var(--font-head);color:var(--accent);letter-spacing:.02em;margin:0 0 .25rem;font-size:clamp(3rem,9vw,5rem);font-weight:700;line-height:1}:root{--tech:#0fa3a3;--tech-bright:#3fe0d0;--tech-ink:#0f1420;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}.tech-band{border-radius:calc(var(--radius) + 8px);color:#e8edf5;background-color:var(--tech-ink);background-image:radial-gradient(40rem 22rem at 85% -10%, color-mix(in srgb, var(--tech) 30%, transparent), transparent 65%), linear-gradient(color-mix(in srgb, var(--tech-bright) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--tech-bright) 7%, transparent) 1px, transparent 1px);border:1px solid color-mix(in srgb, var(--tech-bright) 16%, transparent);background-size:auto,28px 28px,28px 28px;padding:clamp(1.75rem,4vw,3rem);position:relative;overflow:hidden}.tech-band .eyebrow{color:var(--tech-bright);font-family:var(--mono);letter-spacing:.08em}.tech-band .eyebrow:before{content:"> ";opacity:.7}.tech-band h2{color:#fff;margin-bottom:1rem;font-size:clamp(1.7rem,3.4vw,2.4rem)}.tech-band__intro{max-width:760px;margin-bottom:2rem}.tech-band__intro>p{color:#b9c3d4;font-size:1.08rem}.karlton{border-left:3px solid var(--tech-bright);margin:0 0 1.1rem;padding:.25rem 0 .25rem 1.1rem}.karlton p{font-family:var(--font-head);color:#fff;margin:0 0 .35rem;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;line-height:1.35}.karlton cite{font-family:var(--mono);color:var(--tech-bright);font-size:.85rem;font-style:normal}.karlton cite:before{content:"// "}.tech-band__actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.tech-band .btn--ghost{color:#e8edf5;border-color:#ffffff38}.tech-band .btn--primary{background:var(--tech)}.tech-band .btn--primary:hover{background:color-mix(in srgb, var(--tech) 85%, #fff)}.tech-band__articles{margin-top:1.5rem}@media (width>=900px){.tech-band__articles{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-band__articles .article-card{flex-direction:row}.tech-band__articles .post-card__cover{flex:0 0 38%}.tech-band__articles .cover--card{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);height:100%}}.badge-row{margin-bottom:.75rem}.badge--guest{--cat:var(--tech)}.badge--sponsored{--cat:#b8860b;color:#5c4300;background:#fff4d6;border-color:#f0d68a}.byline-role{color:var(--muted);font-weight:600}.disclosure{border-radius:var(--radius-sm);color:#5c4300;background:#fff4d6;border:1px solid #f0d68a;margin-bottom:1.25rem;padding:.85rem 1.1rem;font-size:.95rem}.author-box__avatar--initial{font-family:var(--font-head);color:#fff;background:var(--tech);font-size:1.5rem;font-weight:700}.page-hero--wfu{background:radial-gradient(38rem 20rem at 88% 0%, color-mix(in srgb, var(--tech) 18%, transparent), transparent 65%), linear-gradient(180deg, var(--surface-2), transparent)}.wfu-hero{align-items:center;gap:2rem;display:grid}@media (width>=860px){.wfu-hero{grid-template-columns:minmax(0,1fr) clamp(170px,20vw,230px)}}.wfu-hero .eyebrow{color:var(--tech);font-family:var(--mono)}.wfu-hero__art{aspect-ratio:1;filter:drop-shadow(0 14px 26px #143c3c2e);justify-self:center;width:clamp(140px,20vw,230px);animation:8s ease-in-out infinite float}.wfu-hero__art svg{width:100%;height:100%}.topic-chips .badge{--cat:var(--tech)}.feature--tech .feature__icon{color:var(--tech);background:color-mix(in srgb, var(--tech) 14%, var(--surface-2))}.prose .wfu-list,.prose .wfu-steps{padding-left:1.3rem}.prose .wfu-list li,.prose .wfu-steps li{margin-bottom:.55rem}.pitch-card{border-radius:calc(var(--radius) + 6px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);gap:2rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}@media (width>=900px){.pitch-card{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:start}}@media (prefers-reduced-motion:reduce){.wfu-hero__art{animation:none}}.post-body pre{border-radius:var(--radius-sm);border:1px solid var(--line);-webkit-overflow-scrolling:touch;max-width:100%;margin:1.25rem 0 1.6rem;padding:1rem 1.15rem;font-size:.88rem;line-height:1.6;overflow-x:auto}.post-body pre code{font-family:var(--mono)}.post-body :not(pre)>code{font-family:var(--mono);background:color-mix(in srgb, var(--tech) 10%, var(--surface-2));border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:.1em .4em;font-size:.88em}.verdict{--v:var(--tech);border-radius:var(--radius);border:2px solid color-mix(in srgb, var(--v) 55%, var(--line));background:color-mix(in srgb, var(--v) 8%, var(--surface));margin:0 0 1.75rem;padding:1.25rem 1.4rem}.verdict--safe{--v:#1fa35c}.verdict--caution{--v:#d9930b}.verdict--avoid{--v:#d93025}.verdict--unclear{--v:#6b7280}.verdict__head{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin-bottom:.5rem;display:flex}.verdict__head h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;font-size:1rem}.verdict__safety{font-family:var(--font-head);background:var(--v);color:#fff;border-radius:999px;padding:.25rem .75rem;font-weight:600}.verdict__rating{color:var(--v);letter-spacing:.08em;font-size:1.05rem}.verdict__rating-dim{opacity:.25}.verdict__text{font-family:var(--font-head);margin:0 0 1rem;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:500;line-height:1.35}.verdict__cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem 2rem;display:grid}.verdict__cols h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem;font-size:.85rem}.verdict__cols ol{margin:0;padding-left:1.2rem;font-size:.97rem}.verdict__cols li{margin-bottom:.3rem}.verdict__meta{color:var(--muted);margin:1rem 0 0;font-size:.88rem}.disclosure--neutral{background:color-mix(in srgb, var(--tech) 8%, var(--surface));border-color:color-mix(in srgb, var(--tech) 40%, var(--line));color:var(--ink);margin-top:1.5rem}.badge--safety-safe{--cat:#1fa35c}.badge--safety-caution{--cat:#d9930b}.badge--safety-avoid{--cat:#d93025}.badge--safety-unclear{--cat:#6b7280}.review-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.review-list a{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.9rem 1.1rem;text-decoration:none;display:flex}.review-list a:hover{border-color:var(--tech)}.review-list__meta{color:var(--muted);margin-left:auto;font-size:.88rem;font-weight:700}.policy-card{border-radius:calc(var(--radius) + 6px);border:1px solid var(--line);background:color-mix(in srgb, var(--tech) 6%, var(--surface));gap:1.5rem;padding:clamp(1.5rem,4vw,2.25rem);display:grid}@media (width>=900px){.policy-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.policy-card h2{font-size:1.5rem}.policy-card p{color:var(--muted)}.policy-card .eyebrow{color:var(--tech);font-family:var(--mono)}.policy-card__links{flex-direction:column;gap:.6rem;display:flex}.policy-card code{font-family:var(--mono);font-size:.9em}