@font-face{font-family: "Figtree";src: url("../fonts/figtree-400-800.woff2") format("woff2");font-weight: 400 800;font-style: normal;font-display: swap}@font-face{font-family: "Barlow Condensed";src: url("../fonts/barlow-condensed-600.woff2") format("woff2");font-weight: 600;font-style: normal;font-display: swap}@font-face{font-family: "Barlow Condensed";src: url("../fonts/barlow-condensed-800.woff2") format("woff2");font-weight: 800;font-style: normal;font-display: swap}@font-face{font-family: "Barlow Condensed";src: url("../fonts/barlow-condensed-800-italic.woff2") format("woff2");font-weight: 800;font-style: italic;font-display: swap}:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #f5f5f1;--ink: #111214;--ink-2: #45474d;--ink-3: #6b6e76;--line: #e6e6e1;--accent: #ffc800;--accent-soft: #fff5cc;--accent-ink: #7d5c00;--on-accent: #111214;--shadow: 0 1px 2px rgba(17,18,20,.05),0 6px 18px -10px rgba(17,18,20,.18);--shadow-lg: 0 22px 44px -22px rgba(17,18,20,.32);--font-display: "Barlow Condensed","Arial Narrow","Roboto Condensed",system-ui,sans-serif;--font-body: "Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--step--1: .8125rem;--step-0: 1rem;--step-1: 1.1875rem;--step-2: 1.5rem;--step-3: clamp(1.75rem,1.3rem + 1.8vw,2.5rem);--step-4: clamp(2.2rem,1.4rem + 3.4vw,4rem);--radius: 14px;--radius-sm: 8px;--wrap: 1240px;--gutter: clamp(16px,3vw,32px);--header-h: 120px}:root[data-theme="dark"]{--bg: #0f1012;--surface: #17181b;--surface-2: #1e2024;--ink: #f2f2ee;--ink-2: #bdbec4;--ink-3: #8d9098;--line: #2a2c31;--accent: #ffd02e;--accent-soft: #332a08;--accent-ink: #ffd75a;--on-accent: #111214;--shadow: 0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);--shadow-lg: 0 24px 48px -24px rgba(0,0,0,.8);color-scheme: dark}.c-accent{--c: var(--accent);--c-soft: var(--accent-soft);--c-ink: var(--accent-ink);--c-on: var(--on-accent)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 24px)}body{margin: 0;background: var(--bg);color: var(--ink);font-family: var(--font-body);font-size: var(--step-0);line-height: 1.6;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: hidden}body::before{content: "";position: fixed;inset: 0 0 auto;height: env(safe-area-inset-top,0px);z-index: 60;background: var(--surface)}img,svg,video{display: block;max-width: 100%;height: auto}a{color: inherit;text-decoration-thickness: 1px;text-underline-offset: 3px}h1,h2,h3,h4{margin: 0;line-height: 1.1;text-wrap: balance}p{margin: 0}ul,ol{margin: 0;padding: 0}button,input,textarea,select{font: inherit;color: inherit}:focus-visible{outline: 3px solid var(--ink);outline-offset: 2px;border-radius: 4px}::selection{background: var(--accent);color: #141824}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link:focus{position: fixed !important;top: 12px;left: 12px;width: auto;height: auto;clip: auto;z-index: 100;padding: 10px 16px;background: var(--ink);color: var(--bg);border-radius: var(--radius-sm)}.wrap{width: 100%;max-width: var(--wrap);margin-inline: auto;padding-left: max(var(--gutter),env(safe-area-inset-left,0px));padding-right: max(var(--gutter),env(safe-area-inset-right,0px))}.icon{flex: none}.stripe{display: flex;height: 5px}.stripe span{flex: 1;background: var(--accent)}.stripe span:nth-child(2){flex: none;width: 60px;background: repeating-conic-gradient(var(--ink) 0 25%,var(--accent) 0 50%) 0 0 / 5px 5px}.chip{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px 3px;border-radius: 999px;background: var(--c-soft,var(--surface-2));color: var(--ink);font-family: var(--font-display);font-weight: 800;font-size: .875rem;letter-spacing: .04em;text-transform: uppercase;text-decoration: none;line-height: 1.2;white-space: nowrap;transition: background .15s,color .15s}a.chip:hover,.chip.is-current{background: var(--c);color: var(--c-on)}.chip-flag{background: var(--ink);color: var(--bg)}.meta{display: inline-flex;align-items: center;flex-wrap: wrap;gap: 8px;color: var(--ink-3);font-size: var(--step--1);font-variant-numeric: tabular-nums}.meta-sep{width: 4px;height: 4px;border-radius: 50%;background: currentColor;opacity: .6}.meta-read{display: inline-flex;align-items: center;gap: 4px}.btn,.btn-ghost,.search-form button,.comment-form .submit{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 18px;border-radius: 999px;border: 0;cursor: pointer;font-weight: 700;font-size: .9375rem;text-decoration: none;background: var(--accent);color: var(--on-accent);transition: transform .15s,background .15s}.btn:hover,.search-form button:hover,.comment-form .submit:hover{transform: translateY(-1px)}.btn-ghost{background: transparent;color: var(--ink);box-shadow: inset 0 0 0 2px var(--line)}.btn-ghost:hover{box-shadow: inset 0 0 0 2px var(--ink)}.btn-link{background: none;border: 0;padding: 0;color: var(--ink);font-weight: 700;cursor: pointer;text-decoration: underline;text-underline-offset: 3px}.icon-btn{display: inline-grid;place-items: center;width: 42px;height: 42px;border-radius: 50%;border: 0;background: var(--surface-2);color: var(--ink);cursor: pointer;transition: background .15s}.icon-btn:hover{background: var(--line)}.dot{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: var(--c,var(--accent));flex: none}.site-header{position: sticky;top: env(safe-area-inset-top,0px);z-index: 50;background: color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter: saturate(1.6) blur(14px);-webkit-backdrop-filter: saturate(1.6) blur(14px);border-bottom: 1px solid var(--line)}.header-inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;column-gap: 20px;min-height: var(--header-h)}.brand{display: flex;align-items: center;gap: 10px;text-decoration: none;flex: none}.brand-logo{width: 46px;height: 46px;flex: none;transition: transform .3s ease}.brand:hover .brand-logo{transform: rotate(-8deg)}.logo-plate{fill: var(--ink)}.logo-road{stroke: var(--accent)}.logo-line{stroke: var(--ink)}.brand-text{display: grid;line-height: 1}.brand-name{font-family: var(--font-display);font-weight: 800;font-style: italic;font-size: 1.875rem;letter-spacing: -.005em;text-transform: uppercase}.brand-name span{box-shadow: inset 0 -.32em 0 var(--accent);padding-inline: 1px}.brand-tag{font-size: .75rem;color: var(--ink-3);margin-top: 3px;letter-spacing: .02em}.main-nav{order: 3;flex-basis: 100%;min-width: 0;border-top: 1px solid var(--line);padding-block: 6px}.nav-list{list-style: none;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2px 4px}.nav-list a{display: inline-flex;align-items: center;gap: 7px;padding: 8px 11px;border-radius: 999px;font-weight: 600;font-size: .9375rem;text-decoration: none;color: var(--ink-2);white-space: nowrap;transition: background .15s,color .15s}.nav-list a:hover,.nav-list a[aria-current]{background: var(--accent);color: var(--on-accent)}.header-tools{display: flex;gap: 8px;flex: none}.nav-avatar{width: 26px;height: 26px;border-radius: 50%;object-fit: cover;display: inline-grid;place-items: center;background: var(--ink);color: var(--accent);font-size: .6875rem;font-weight: 800;box-shadow: 0 0 0 2px var(--accent)}.nav-author a{padding-block: 5px}.nav-author{display: none}.menu-btn{display: none}.menu-btn .icon-close,[data-theme-toggle] .icon-sun{display: none}.menu-btn[aria-expanded="true"] .icon-menu{display: none}.menu-btn[aria-expanded="true"] .icon-close{display: block}.is-dark [data-theme-toggle] .icon-moon{display: none}.is-dark [data-theme-toggle] .icon-sun{display: block}.search-panel{border-top: 1px solid var(--line);padding-block: 16px;background: var(--surface)}.search-form{display: flex;align-items: center;gap: 10px;background: var(--surface-2);border-radius: 999px;padding: 6px 6px 6px 18px;color: var(--ink-3);max-width: 720px;margin-inline: auto}.search-form input{flex: 1;min-width: 0;border: 0;background: transparent;padding: 8px 0;color: var(--ink);font-size: 1.0625rem;outline: none}.search-form:focus-within{box-shadow: 0 0 0 3px var(--ink)}.ticker{background: var(--ink);color: var(--bg);font-size: .875rem}.ticker-inner{display: flex;align-items: center;gap: 16px;min-height: 40px}.ticker-label{flex: none;font-family: var(--font-display);font-style: italic;font-weight: 800;text-transform: uppercase;letter-spacing: .06em;background: var(--accent);color: #241a00;padding: 3px 12px 2px;transform: skewX(-12deg)}.ticker-track{flex: 1;min-width: 0;overflow: hidden;mask-image: linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 48px),transparent)}.ticker-list{list-style: none;display: flex;gap: 40px;width: max-content;animation: ticker 60s linear infinite}.ticker-list li{white-space: nowrap}.ticker-list li::before{content: "▸";color: var(--accent);margin-right: 10px}.ticker-list a{text-decoration: none;opacity: .9}.ticker-list a:hover{opacity: 1;text-decoration: underline}.ticker:hover .ticker-list,.ticker:focus-within .ticker-list{animation-play-state: paused}@keyframes ticker{to{transform: translateX(-50%)}}.hero{padding-block: clamp(24px,4vw,48px) clamp(32px,5vw,56px)}.hero-kicker{font-family: var(--font-display);font-weight: 800;font-style: italic;text-transform: uppercase;font-size: clamp(1.25rem,1rem + 1vw,1.75rem);letter-spacing: .01em;margin-bottom: 20px;color: var(--ink-2)}.hero-kicker::before{content: "";display: inline-block;width: 36px;height: 6px;background: var(--accent);transform: skewX(-20deg);margin-right: 12px;vertical-align: middle}.hero-grid{display: grid;grid-template-columns: minmax(0,1.65fr) minmax(0,1fr);gap: clamp(20px,3vw,36px);align-items: start}.hero-main{position: relative;border-radius: var(--radius);overflow: hidden;background: var(--ink);color: #fff;box-shadow: var(--shadow-lg);isolation: isolate;min-height: 460px;display: flex}.hero-media{position: absolute;inset: 0;z-index: -1}.hero-media img,.hero-media .thumb-fallback{width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease}.hero-main:hover .hero-media img{transform: scale(1.03)}.hero-media::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(10,12,18,.2) 0%,rgba(10,12,18,.62) 38%,rgba(10,12,18,.94) 100%)}.hero-body{margin-top: auto;padding: clamp(20px,3vw,36px);display: grid;gap: 14px;max-width: 760px}.hero-chips{display: flex;gap: 8px;flex-wrap: wrap}.hero-main .chip:not(.chip-flag){background: var(--c);color: var(--c-on)}.hero-main .chip-flag{background: #fff;color: #141824}.hero-title{font-family: var(--font-display);font-weight: 800;font-size: var(--step-4);line-height: .98;letter-spacing: -.01em;text-transform: uppercase;text-shadow: 0 2px 18px rgba(0,0,0,.45)}.hero-title a{text-decoration: none}.hero-title a:hover{text-decoration: underline;text-decoration-color: var(--accent);text-decoration-thickness: 5px}.hero-excerpt{color: rgba(255,255,255,.86);font-size: var(--step-1);line-height: 1.5;max-width: 62ch}.hero-main .meta{color: rgba(255,255,255,.75)}.hero-side{display: grid;gap: 4px}.hero-side-title{font-family: var(--font-display);font-weight: 800;text-transform: uppercase;font-size: 1.125rem;letter-spacing: .06em;color: var(--ink-3);padding-bottom: 8px;border-bottom: 2px solid var(--ink)}.post-card,.post-row,.post-mini{position: relative}.card-media,.row-media,.mini-media{display: block;overflow: hidden;border-radius: var(--radius-sm);background: var(--c-soft)}.card-media img,.row-media img,.mini-media img,.thumb-fallback{width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease}.post-card:hover .card-media img,.post-row:hover .row-media img{transform: scale(1.04)}.thumb-fallback{display: grid;place-items: center;color: var(--c);background: repeating-linear-gradient(-45deg,transparent 0 14px,color-mix(in srgb,var(--c) 14%,transparent) 14px 28px),var(--c-soft)}.post-card{display: flex;flex-direction: column;background: var(--surface);border-radius: var(--radius);overflow: hidden;box-shadow: inset 0 0 0 1px var(--line);transition: transform .2s,box-shadow .2s}.post-card:hover{transform: translateY(-3px);box-shadow: inset 0 0 0 1px var(--line),var(--shadow-lg)}.post-card .card-media{aspect-ratio: 16 / 10;border-radius: 0;max-width: 100%}.post-card .card-media::after{content: "";position: absolute;left: 0;right: 0;height: 4px;margin-top: -4px;background: var(--c)}.card-body{display: flex;flex-direction: column;gap: 10px;padding: 18px 20px 20px;flex: 1;align-items: flex-start}.card-title{font-family: var(--font-display);font-weight: 800;font-size: 1.5rem;line-height: 1.05}.card-title a,.row-title a,.mini-title a{text-decoration: none}.card-title a::after,.row-title a::after,.mini-title a::after{content: "";position: absolute;inset: 0}.card-title a:hover,.row-title a:hover,.mini-title a:hover{text-decoration: underline;text-decoration-color: var(--accent);text-decoration-thickness: 3px}.card-excerpt{color: var(--ink-2);font-size: .9375rem;line-height: 1.55}.card-body .meta{margin-top: auto;padding-top: 4px}.post-card .chip{position: relative;z-index: 1}.post-row{display: grid;grid-template-columns: 112px minmax(0,1fr);gap: 14px;align-items: center;padding: 12px 0;border-bottom: 1px solid var(--line)}.post-row:last-child{border-bottom: 0}.row-media{aspect-ratio: 1;max-width: 100%}.row-body{display: grid;gap: 6px;justify-items: start;min-width: 0}.row-body .chip{position: relative;z-index: 1;font-size: .75rem;padding: 3px 8px 2px}.row-title{font-family: var(--font-display);font-weight: 800;font-size: 1.25rem;line-height: 1.08}.row-excerpt{color: var(--ink-2);font-size: .875rem;line-height: 1.45}.post-mini{display: grid;grid-template-columns: 64px minmax(0,1fr);gap: 12px;align-items: center}.mini-media{aspect-ratio: 1;border-radius: 50%;max-width: 100%;box-shadow: 0 0 0 3px var(--c)}.mini-body{display: grid;gap: 4px;min-width: 0}.mini-title{font-weight: 700;font-size: .9375rem;line-height: 1.3}.mini-list{display: grid;gap: 16px}.grid{display: grid;gap: clamp(16px,2.4vw,28px)}.grid-2{grid-template-columns: repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns: repeat(3,minmax(0,1fr))}.band{padding-block: clamp(40px,6vw,72px)}.section-head{display: flex;align-items: flex-end;flex-wrap: wrap;gap: 6px 20px;margin-bottom: clamp(20px,3vw,32px)}.section-title{display: inline-flex;align-items: center;gap: 12px;font-family: var(--font-display);font-weight: 800;font-style: italic;text-transform: uppercase;font-size: var(--step-3);letter-spacing: -.005em;line-height: 1}.section-title::after{content: "";width: 28px;height: 8px;background: var(--c,var(--accent));transform: skewX(-20deg);margin-left: 4px}.section-icon{display: inline-grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;background: var(--c);color: var(--c-on);transform: skewX(-8deg)}.section-icon .icon{transform: skewX(8deg)}.section-sub{color: var(--ink-3);font-size: .9375rem;flex-basis: 100%;order: 3}.section-link{margin-left: auto;display: inline-flex;align-items: center;gap: 6px;font-weight: 700;text-decoration: none;color: var(--ink);white-space: nowrap;padding: 6px 14px;border-radius: 999px;background: var(--accent)}.section-link:hover{background: var(--ink);color: var(--accent)}.band-tiles{background: var(--surface-2)}.tiles{list-style: none;display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 14px}.tile{position: relative;display: grid;gap: 4px;align-content: start;height: 100%;padding: 18px 16px 16px;border-radius: var(--radius);text-decoration: none;overflow: hidden;background: var(--surface);color: var(--ink);box-shadow: inset 0 0 0 1px var(--line);transition: transform .2s,background .2s,color .2s}.tile::after{content: "";position: absolute;right: -24px;bottom: -24px;width: 90px;height: 90px;border-radius: 50%;border: 14px solid var(--c);opacity: .18;transition: transform .3s}.tile:hover{background: var(--c);color: var(--c-on);transform: translateY(-3px) rotate(-.6deg)}.tile:hover::after{transform: scale(1.3);opacity: .3;border-color: currentColor}.tile-icon{display: inline-grid;place-items: center;width: 46px;height: 46px;border-radius: 12px;background: var(--c);color: var(--c-on);margin-bottom: 8px}.tile:hover .tile-icon{background: var(--ink);color: var(--accent)}.tile-name{font-family: var(--font-display);font-weight: 800;font-size: 1.375rem;line-height: 1.05;text-transform: uppercase}.tile-tag{font-size: .8125rem;line-height: 1.35;color: var(--ink-2)}.tile:hover .tile-tag{color: inherit}.tile-count{margin-top: 8px;font-weight: 700;font-size: .8125rem;font-variant-numeric: tabular-nums}.band-latest{padding-top: 0}.tools-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(16px,2.4vw,28px);align-items: start}.layout{display: grid;grid-template-columns: minmax(0,1fr) 340px;gap: clamp(24px,4vw,48px);padding-block: clamp(40px,6vw,72px);align-items: start}.layout-side{display: grid;gap: 20px;position: sticky;top: calc(var(--header-h) + 20px)}.side-box{background: var(--surface);border-radius: var(--radius);padding: 20px;box-shadow: inset 0 0 0 1px var(--line);display: grid;gap: 14px}.side-title{display: flex;align-items: center;gap: 8px;font-family: var(--font-display);font-weight: 800;font-size: 1.375rem;text-transform: uppercase;line-height: 1}.checklist{background: var(--ink);color: var(--bg);box-shadow: var(--shadow-lg)}.checklist .side-title{color: var(--accent)}.checklist-head{display: flex;justify-content: space-between;align-items: center;gap: 12px}.checklist-score{font-family: var(--font-display);font-weight: 800;font-size: 1.5rem;font-variant-numeric: tabular-nums;background: color-mix(in srgb,var(--bg) 14%,transparent);padding: 2px 10px;border-radius: 8px}.checklist.is-done .checklist-score{background: var(--accent);color: var(--on-accent)}.checklist-list{list-style: none;display: grid;gap: 4px}.checklist-list li{position: relative}.checklist-list input{position: absolute;opacity: 0;width: 22px;height: 22px;margin: 0;top: 10px;left: 8px;cursor: pointer}.checklist-list label{display: grid;gap: 1px;padding: 8px 8px 8px 42px;border-radius: 10px;cursor: pointer;line-height: 1.3;transition: background .15s;position: relative}.checklist-list label::before{content: "";position: absolute;left: 8px;top: 10px;width: 22px;height: 22px;border-radius: 6px;border: 2px solid color-mix(in srgb,var(--bg) 45%,transparent);transition: background .15s,border-color .15s}.checklist-list label::after{content: "";position: absolute;left: 15px;top: 14px;width: 7px;height: 12px;border: solid #111214;border-width: 0 3px 3px 0;transform: rotate(45deg) scale(0);transition: transform .15s}.checklist-list label:hover{background: color-mix(in srgb,var(--bg) 8%,transparent)}.checklist-list label span{font-size: .8125rem;opacity: .7}.checklist-list input:checked + label::before{background: var(--accent);border-color: var(--accent)}.checklist-list input:checked + label::after{transform: rotate(45deg) scale(1)}.checklist-list input:checked + label strong{text-decoration: line-through;text-decoration-color: var(--accent);text-decoration-thickness: 2px}.checklist-list input:focus-visible + label{outline: 3px solid var(--accent)}.checklist .btn-ghost{color: var(--bg);box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--bg) 30%,transparent);justify-self: start;padding: 6px 14px;font-size: .875rem}.about{text-align: left}.about-logo{width: 56px;height: 56px}.about p{color: var(--ink-2);font-size: .9375rem}.about .btn-ghost{display: none}.about-author{display: flex;align-items: center;gap: 12px;padding: 10px 14px 10px 10px;border-radius: 999px;background: var(--accent-soft);text-decoration: none;transition: background .15s}.about-author:hover{background: var(--accent)}.about-author span{display: grid;line-height: 1.2;flex: 1}.about-author small{font-size: .75rem;color: var(--ink-2)}.about-author .avatar{box-shadow: 0 0 0 2px var(--accent)}.cat-block{background: var(--bg);border-top: 1px solid var(--line)}.cat-block.is-alt{background: var(--surface-2);border-top: 0}.cat-grid{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);gap: clamp(20px,3vw,36px);align-items: start}.cat-lead .post-card{height: 100%}.cat-lead .card-title{font-size: clamp(1.6rem,1.2rem + 1.2vw,2.1rem)}.cat-list{display: grid;background: var(--surface);border-radius: var(--radius);padding: 4px 18px;box-shadow: inset 0 0 0 1px var(--line)}.cat-list .post-row{grid-template-columns: 128px minmax(0,1fr);padding: 16px 0}.archive-head{background: var(--bg);padding-block: clamp(28px,5vw,56px);border-bottom: 1px solid var(--line)}.archive-head .wrap{display: grid;gap: 16px}.archive-title-row{display: flex;align-items: center;gap: 16px}.archive-icon{display: grid;place-items: center;width: 68px;height: 68px;border-radius: 18px;background: var(--c);color: var(--c-on);flex: none;transform: skewX(-8deg);box-shadow: var(--shadow)}.archive-icon .icon{transform: skewX(8deg)}.archive-title{font-family: var(--font-display);font-weight: 800;font-style: italic;text-transform: uppercase;font-size: var(--step-4);line-height: .95}.archive-count{color: var(--ink-2);font-weight: 700;margin-top: 6px}.archive-desc{max-width: 78ch;color: var(--ink-2);display: grid;gap: 8px;justify-items: start}.archive-desc-text{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.archive-desc.is-open .archive-desc-text{display: block}.cat-switch{list-style: none;display: flex;flex-wrap: wrap;gap: 8px}.archive-body{padding-block: clamp(28px,5vw,56px)}.archive-search{max-width: 640px}.archive-search .search-form{margin: 0;background: var(--surface);box-shadow: var(--shadow)}.pagination{display: flex;justify-content: center;flex-wrap: wrap;gap: 8px;margin-top: 40px}.pagination .page-numbers{display: inline-grid;place-items: center;min-width: 44px;height: 44px;padding: 0 12px;border-radius: 999px;background: var(--surface);box-shadow: var(--shadow);text-decoration: none;font-weight: 700;font-variant-numeric: tabular-nums}.pagination .page-numbers.current{background: var(--accent);color: var(--on-accent)}.pagination a.page-numbers:hover{background: var(--ink);color: var(--bg)}.pagination .dots{background: none;box-shadow: none}.empty,.notfound{display: grid;gap: 16px;padding-block: 24px}.empty h2{font-family: var(--font-display);font-weight: 800;font-size: var(--step-3);text-transform: uppercase}.notfound{padding-block: clamp(40px,8vw,96px)}.notfound-code{font-family: var(--font-display);font-weight: 800;font-style: italic;font-size: clamp(6rem,4rem + 10vw,12rem);line-height: .8;color: transparent;-webkit-text-stroke: 3px var(--accent)}.progress{position: fixed;top: env(safe-area-inset-top,0px);left: 0;right: 0;height: 4px;z-index: 70;pointer-events: none}.progress span{display: block;height: 100%;width: 100%;transform-origin: 0 50%;transform: scaleX(0);background: var(--accent)}.single-head{padding-block: clamp(24px,4vw,48px) clamp(20px,3vw,32px);background: var(--bg)}.single-head .wrap{display: grid;gap: 16px;justify-items: start;max-width: 960px}.crumbs{display: flex;flex-wrap: wrap;gap: 8px;font-size: .875rem;color: var(--ink-3)}.crumbs a{text-decoration: none}.crumbs a:hover{color: var(--ink);text-decoration: underline}.single-title{font-family: var(--font-display);font-weight: 800;font-size: clamp(2.2rem,1.5rem + 3vw,3.75rem);line-height: 1;letter-spacing: -.01em}.single-lede{font-size: var(--step-1);color: var(--ink-2);max-width: 65ch;line-height: 1.55}.byline{display: flex;align-items: center;gap: 12px}.avatar{display: inline-grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;background: var(--ink);color: var(--accent);font-family: var(--font-display);font-weight: 800;font-size: 1.125rem;flex: none}.avatar-lg{width: 64px;height: 64px;font-size: 1.75rem}.byline-text{display: grid;line-height: 1.3}.byline-author{font-weight: 700}.byline-meta{color: var(--ink-3);font-size: .875rem}.single-cover{margin: 0 auto;max-width: 1100px}.single-cover img{width: 100%;max-height: 560px;object-fit: cover;border-radius: var(--radius);box-shadow: var(--shadow-lg)}.single-layout{display: grid;grid-template-columns: 260px minmax(0,720px);justify-content: center;gap: clamp(24px,4vw,56px);padding-block: clamp(28px,4vw,48px);max-width: 1100px}.single-layout.is-narrow{grid-template-columns: minmax(0,720px)}.single-layout>.prose:only-child{grid-column: 1 / -1;justify-self: center;width: 100%;max-width: 720px}.toc{position: sticky;top: calc(var(--header-h) + 24px);display: grid;gap: 16px;align-self: start;max-height: calc(100vh - var(--header-h) - 48px);overflow: auto}.toc-box{background: var(--surface-2);border-radius: var(--radius);padding: 16px 18px}.toc-box summary{display: flex;align-items: center;gap: 8px;font-family: var(--font-display);font-weight: 800;text-transform: uppercase;font-size: 1.125rem;cursor: pointer;list-style: none}.toc-box summary::-webkit-details-marker{display: none}.toc-box ol{list-style: none;counter-reset: toc;display: grid;gap: 2px;margin-top: 12px}.toc-box li{counter-increment: toc}.toc-box a{display: grid;grid-template-columns: 22px 1fr;gap: 6px;padding: 6px 8px;border-radius: 8px;text-decoration: none;font-size: .875rem;line-height: 1.35;color: var(--ink-2);transition: background .15s,color .15s}.toc-box a::before{content: counter(toc);font-family: var(--font-display);font-weight: 800;color: var(--accent-ink);font-variant-numeric: tabular-nums}.toc-box a:hover,.toc-box a.is-active{background: var(--c-soft);color: var(--ink)}.share{display: flex;flex-wrap: wrap;gap: 6px;align-items: center}.share-label{width: 100%;font-size: .75rem;text-transform: uppercase;letter-spacing: .08em;color: var(--ink-3);font-weight: 700}.share a,.share button{display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;border-radius: 999px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);border: 0;font-size: .8125rem;font-weight: 600;text-decoration: none;cursor: pointer}.share a:hover,.share button:hover{box-shadow: inset 0 0 0 1px var(--ink)}.prose{min-width: 0;font-size: 1.0625rem;line-height: 1.75;color: var(--ink)}.prose>* + *{margin-top: 1.1em}.prose h2{font-family: var(--font-display);font-weight: 800;font-size: clamp(1.75rem,1.4rem + 1vw,2.25rem);line-height: 1.08;margin-top: 2em;padding-top: .2em}.prose h2::before{content: "";display: block;width: 44px;height: 6px;background: var(--c,var(--accent));transform: skewX(-20deg);margin-bottom: 14px}.prose h3{font-family: var(--font-display);font-weight: 800;font-size: 1.5rem;line-height: 1.15;margin-top: 1.6em}.prose h4{font-size: 1.125rem;margin-top: 1.4em}.prose a{color: var(--ink);font-weight: 600;text-decoration-thickness: 3px;text-decoration-color: var(--accent)}.prose a:hover{background: var(--accent-soft)}.prose ul,.prose ol{padding-left: 1.4em}.prose li + li{margin-top: .4em}.prose ul li::marker{color: var(--accent-ink)}.prose ol li::marker{color: var(--ink);font-weight: 700}.prose strong{font-weight: 700}.prose img{border-radius: var(--radius-sm);height: auto;margin-inline: auto}.prose figure{margin: 1.6em 0}.prose figcaption{font-size: .875rem;color: var(--ink-3);text-align: center;margin-top: 8px}.prose blockquote{margin: 1.6em 0;padding: 4px 0 4px 20px;border-left: 4px solid var(--c,var(--accent));font-size: 1.1875rem;font-style: italic;color: var(--ink-2)}.prose hr{border: 0;height: 1px;background: var(--line);margin: 2.5em 0}.prose details{background: var(--surface);border-radius: var(--radius-sm);padding: 12px 16px;box-shadow: inset 0 0 0 1px var(--line)}.prose summary{font-weight: 700;cursor: pointer}.ms-table{overflow-x: auto;margin: 1.6em 0;border-radius: var(--radius-sm);box-shadow: inset 0 0 0 1px var(--line);max-width: 100%}.prose table{width: 100%;border-collapse: collapse;font-size: .9375rem;line-height: 1.45;background: var(--surface)}.prose th,.prose td{padding: 10px 14px;text-align: left;border-bottom: 1px solid var(--line);vertical-align: top}.prose thead th{background: var(--ink);color: var(--bg);font-family: var(--font-display);font-weight: 800;text-transform: uppercase;letter-spacing: .03em;font-size: 1rem;white-space: nowrap}.prose tbody tr:nth-child(even){background: var(--surface-2)}.prose tbody tr:last-child td{border-bottom: 0}.ms-callout{--k: var(--c,var(--accent));--k-soft: var(--c-soft,var(--surface-2));background: var(--k-soft);border-radius: var(--radius);padding: 20px 22px;margin: 1.8em 0;border-left: 5px solid var(--k)}.ms-callout>* + *{margin-top: .7em}.ms-callout h3,.ms-callout h4{margin-top: 0;font-size: 1.375rem;color: var(--ink)}.ms-callout--alert{--k: var(--ink);--k-soft: var(--surface-2)}.ms-callout ul{padding-left: 1.2em}.ms-callout li::marker{color: var(--k)}.ms-sources{font-size: .8125rem;color: var(--ink-3);border-top: 1px solid var(--line);padding-top: 14px;margin-top: 2.5em !important;line-height: 1.55}.tags{display: flex;flex-wrap: wrap;gap: 8px}.tags a{font-size: .8125rem;padding: 4px 10px;border-radius: 999px;background: var(--surface-2);text-decoration: none;font-weight: 600;color: var(--ink-2)}.author-box{display: flex;gap: 18px;align-items: flex-start;background: var(--surface);border-radius: var(--radius);padding: 22px;box-shadow: var(--shadow);margin-top: 3em !important}.author-kicker{font-size: .75rem;text-transform: uppercase;letter-spacing: .08em;color: var(--ink-3);font-weight: 700}.author-name{font-family: var(--font-display);font-weight: 800;font-size: 1.5rem;line-height: 1.1}.author-bio{color: var(--ink-2);font-size: .9375rem;line-height: 1.55;margin-top: 6px !important}.post-nav{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px;padding-block: 8px 24px;max-width: 1100px}.post-nav-link{display: grid;gap: 4px;padding: 18px 20px;border-radius: var(--radius);background: var(--surface);box-shadow: var(--shadow);text-decoration: none;transition: transform .2s}.post-nav-link:hover{transform: translateY(-2px)}.post-nav-link span{font-size: .8125rem;color: var(--ink-3);font-weight: 600}.post-nav-link strong{font-family: var(--font-display);font-weight: 800;font-size: 1.25rem;line-height: 1.1}.post-nav-link.next{text-align: right;grid-column: 2}.related{background: var(--surface-2)}.comments-wrap{max-width: 820px;padding-block: 40px}.comments{display: grid;gap: 20px}.comment-list{list-style: none;display: grid;gap: 16px}.comment-list .children{list-style: none;padding-left: 24px;margin-top: 16px;display: grid;gap: 16px}.comment-body{background: var(--surface);border-radius: var(--radius);padding: 16px 18px;box-shadow: var(--shadow)}.comment-author{display: flex;align-items: center;gap: 10px;font-weight: 700}.comment-author img{border-radius: 50%}.comment-metadata{font-size: .8125rem;color: var(--ink-3)}.comment-form{display: grid;gap: 12px}.comment-form label{display: block;font-weight: 600;font-size: .875rem;margin-bottom: 4px}.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width: 100%;padding: 10px 14px;border-radius: var(--radius-sm);border: 1px solid var(--line);background: var(--surface)}.comment-reply-title{font-family: var(--font-display);font-weight: 800;font-size: 1.75rem;text-transform: uppercase}.author-hero{padding-block: clamp(28px,5vw,64px) 0;border-bottom: 1px solid var(--line)}.author-hero-grid{display: grid;grid-template-columns: 240px minmax(0,1fr);gap: clamp(24px,4vw,56px);align-items: center}.author-photo{position: relative;justify-self: center}.author-photo::before{content: "";position: absolute;inset: -10px -10px 10px 10px;border-radius: 50%;background: var(--accent);z-index: 0}.author-photo-img{position: relative;z-index: 1;display: grid;place-items: center;width: 220px;height: 220px;border-radius: 50%;object-fit: cover;background: var(--ink);color: var(--accent);font-family: var(--font-display);font-weight: 800;font-style: italic;font-size: 5.5rem;box-shadow: 0 0 0 6px var(--bg)}.author-intro{display: grid;gap: 14px;justify-items: start;min-width: 0}.author-role{font-weight: 700;color: var(--ink-2);font-size: var(--step-1)}.author-bio-long{max-width: 66ch;color: var(--ink-2);font-size: 1.0625rem;display: grid;gap: .8em}.author-links{display: flex;flex-wrap: wrap;gap: 10px}.author-links .btn{color: var(--on-accent)}.author-stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));margin: clamp(28px,4vw,48px) 0 0;border-top: 1px solid var(--line)}.author-stats div{padding: 20px 0;display: grid;gap: 2px}.author-stats div + div{padding-left: 24px;border-left: 1px solid var(--line)}.author-stats dt{font-size: .8125rem;text-transform: uppercase;letter-spacing: .08em;color: var(--ink-3);font-weight: 700}.author-stats dd{margin: 0;font-family: var(--font-display);font-weight: 800;font-size: clamp(2rem,1.5rem + 2vw,3rem);line-height: 1;font-variant-numeric: tabular-nums}.author-sites-band{background: var(--surface-2)}.author-sites{list-style: none;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px}.author-sites a{display: grid;gap: 6px;height: 100%;padding: 18px 20px;border-radius: var(--radius);background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);text-decoration: none;transition: transform .2s,box-shadow .2s}.author-sites a:hover{transform: translateY(-2px);box-shadow: inset 0 0 0 2px var(--accent)}.author-sites strong{font-family: var(--font-display);font-weight: 800;font-size: 1.375rem;line-height: 1.1}.author-sites span{color: var(--ink-2);font-size: .9375rem;line-height: 1.45}.author-sites em{font-style: normal;font-weight: 700;font-size: .8125rem;color: var(--accent-ink);margin-top: auto}.avatar.is-photo{object-fit: cover;padding: 0}a.byline-author{text-decoration: none}a.byline-author:hover{text-decoration: underline;text-decoration-color: var(--accent);text-decoration-thickness: 3px}.site-footer{background: #111214;color: #c9cfdb;margin-top: 0}.site-footer a{color: #eef1f7;text-decoration: none}.site-footer a:hover{text-decoration: underline}.footer-grid{display: grid;grid-template-columns: 1.4fr 1fr 1.3fr .8fr;gap: 40px;padding-block: 56px 40px}.footer-brand{display: grid;gap: 16px;align-content: start}.footer-brand p{font-size: .9375rem;max-width: 42ch}.site-footer .brand-tag{color: #8d9098}.site-footer .logo-plate{fill: #f2f2ee}.site-footer .logo-line{stroke: #f2f2ee}.site-footer .brand-name span{box-shadow: inset 0 -.32em 0 #ffc800;color: #f2f2ee}.site-footer .logo-road{stroke: #ffc800}.footer-title{font-family: var(--font-display);font-weight: 800;font-size: 1.125rem;text-transform: uppercase;letter-spacing: .06em;color: #ffc800;margin-bottom: 14px}.footer-col ul{list-style: none;display: grid;gap: 10px;font-size: .9375rem}.footer-col a{display: inline-flex;align-items: center;gap: 8px}.footer-col .dot{background: #ffc800}.footer-bottom{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 12px;padding-block: 20px calc(20px + env(safe-area-inset-bottom,0px));border-top: 1px solid #252b3a;font-size: .8125rem;color: #8a93a7}.alignleft{float: left;margin: .3em 1.4em 1em 0}.alignright{float: right;margin: .3em 0 1em 1.4em}.aligncenter{margin-inline: auto}.wp-caption-text{font-size: .875rem;color: var(--ink-3)}.bypostauthor>.comment-body{box-shadow: inset 0 0 0 2px var(--accent)}.sticky .card-title::before{content: "★ ";color: var(--accent)}@media (max-width: 1180px){.tiles{grid-template-columns: repeat(3,minmax(0,1fr))}.nav-list a{padding: 8px 8px;font-size: .875rem}}@media (max-width: 1080px){:root{--header-h: 72px}.header-inner{flex-wrap: nowrap}.menu-btn{display: inline-grid}.main-nav{order: 0;flex-basis: auto;border-top: 0;position: absolute;left: 0;right: 0;top: 100%;background: var(--surface);border-bottom: 1px solid var(--line);box-shadow: var(--shadow-lg);padding: 12px max(var(--gutter),env(safe-area-inset-right,0px)) 20px max(var(--gutter),env(safe-area-inset-left,0px));display: none}.main-nav.is-open{display: block}.nav-list{flex-direction: column;align-items: stretch;gap: 2px}.nav-list a{padding: 12px 14px;font-size: 1.0625rem;border-radius: 10px}.nav-list .dot{display: inline-block}.layout{grid-template-columns: minmax(0,1fr)}.layout-side{position: static;grid-template-columns: repeat(2,minmax(0,1fr))}.layout-side .about{grid-column: 1 / -1}.tools-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.tools-grid .about{grid-column: 1 / -1}.single-layout{grid-template-columns: minmax(0,1fr)}.toc{position: static;max-height: none}.footer-grid{grid-template-columns: 1fr 1fr}.author-sites{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.hero-grid,.cat-grid{grid-template-columns: minmax(0,1fr)}.grid-3{grid-template-columns: repeat(2,minmax(0,1fr))}.hero-main{min-height: 420px}}@media (max-width: 640px){:root{--header-h: 64px}.brand-logo{width: 38px;height: 38px}.brand-name{font-size: 1.375rem}.brand{gap: 8px}.header-inner{column-gap: 8px}.brand-tag{display: none}.header-tools{gap: 4px}.icon-btn{width: 40px;height: 40px}.ticker-label{font-size: .75rem;padding-inline: 8px}.tiles{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.tile{padding: 14px 12px}.tile-name{font-size: 1.1875rem}.grid-2,.grid-3{grid-template-columns: minmax(0,1fr)}.layout-side,.tools-grid{grid-template-columns: minmax(0,1fr)}.hero-main{min-height: 380px}.hero-excerpt{display: none}.hero-title{font-size: 2rem}.hero-kicker{font-size: 1.125rem}.post-row,.cat-list .post-row{grid-template-columns: 96px minmax(0,1fr)}.row-excerpt{display: none}.section-link{margin-left: 0}.post-nav{grid-template-columns: minmax(0,1fr)}.post-nav-link.next{grid-column: auto}.footer-grid{grid-template-columns: minmax(0,1fr);gap: 28px}.archive-icon{width: 52px;height: 52px}.author-box{flex-direction: column}.author-hero-grid{grid-template-columns: minmax(0,1fr)}.author-photo-img{width: 168px;height: 168px;font-size: 4rem}.author-sites{grid-template-columns: minmax(0,1fr)}.author-stats div + div{padding-left: 12px}.prose{font-size: 1rem}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}.ticker-list{animation: none}}