:root{--paper:#f8f7ef;--cream:#fffcf2;--ink:#22251f;--muted:#565b4f;--line:#d5d6c8;--green:#dff38c;--forest:#365231;--display:Impact,"Arial Black",system-ui,sans-serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 var(--sans)}[hidden]{display:none!important}a{color:var(--forest);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,input,summary{font:inherit}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #50743d;outline-offset:4px}img{display:block;max-width:100%;height:auto}figure,h1,h2,h3,p{margin:0}p+ p{margin-top:1em}.frame{max-width:1280px;margin:auto;padding-inline:44px}.skip{position:absolute;left:1rem;top:-4rem;background:white;z-index:5;padding:10px}.skip:focus{top:1rem}.header{border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:2}.nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:950;font-size:17px;letter-spacing:-.045em;white-space:nowrap}.brand-nen{color:var(--forest);margin-left:2px}.desktop-nav{display:flex;align-items:center;gap:23px}.desktop-nav a,.mobile-nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:680}.desktop-nav a:hover,.desktop-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;gap:14px;min-height:46px;padding:10px 16px;border-radius:6px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-weight:790;white-space:nowrap}.button:hover{box-shadow:2px 2px var(--ink);text-decoration:none}.play{background:var(--green)}.secondary{background:var(--cream)}.mobile-nav{display:none}.home-hero{border-bottom:1px solid var(--line);background-image:radial-gradient(#c4c7b4 1px,transparent 1px);background-size:20px 20px}.hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px;align-items:center;padding-top:53px;padding-bottom:53px}.release,.kicker,.cover figcaption,.cover-top,.hero-meta,.tile-num,.tag,.guide-aside strong,.next small{font:750 12px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase}.release{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--line);background:var(--cream);border-radius:4px}.release i{width:8px;height:8px;background:#648947;border-radius:50%}.release span{color:#69715d}.hero-copy h1{font:900 clamp(76px,9.6vw,139px)/.83 var(--display);letter-spacing:-.028em;margin:23px 0 21px}.hero-copy h1>span{display:block}.period{color:#537842}.hero-copy>p{font-size:18px;color:#3c4235;max-width:39ch;font-weight:520}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 15px;color:#51594b;font-size:10px;margin-top:19px}.cover{background:#23251f;color:#f7f6eb;border-radius:11px;border:1px solid var(--ink);box-shadow:9px 9px 0 #d0d4ba;overflow:hidden}.cover img{width:100%;aspect-ratio:16/9;object-fit:cover}.cover-top,.cover figcaption{display:flex;justify-content:space-between;gap:8px;padding:13px 15px;font-size:10px}.cover-top{color:var(--green)}.index{padding-block:44px 64px}.index-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:20px}.index-heading p{color:var(--muted)}.index-heading h2,.guide-body h2{font-size:clamp(25px,4vw,45px);line-height:1.13;letter-spacing:-.045em;margin-top:8px}.spark{color:#51763a;margin-right:4px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tile{display:flex;flex-direction:column;min-height:188px;padding:16px 17px;color:var(--ink);text-decoration:none;background:var(--cream);border:1px solid var(--line);border-radius:9px;transition:background .16s,border-color .16s}.tile:hover{background:#f1f6da;border-color:#89976f}.tile-top{display:flex;justify-content:space-between;align-items:center}.tile-num{color:var(--muted)}.tile-icon{display:grid;place-items:center;width:36px;height:36px;background:#e9edd8;color:#344931;border-radius:7px}.tile:first-child .tile-icon{background:var(--green)}.tile-icon svg{width:23px;height:23px}.tile h3{font-size:19px;line-height:1.18;margin:13px 0 6px;letter-spacing:-.024em}.tile p{font-size:14px;line-height:1.45;color:var(--muted);margin-bottom:13px}.tile-link{font-weight:720;font-size:13px;display:flex;justify-content:space-between;gap:8px;margin-top:auto;color:var(--forest)}.island-band{background:#e7ebd9;padding-block:36px}.island-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.island-grid h2{font-size:clamp(24px,3.4vw,37px);letter-spacing:-.04em;line-height:1.16;margin:.4em 0}.island-grid p{margin-bottom:16px}.island-grid figure{border:1px solid #a8b095;border-radius:9px;overflow:hidden}.island-grid img{width:100%}.island-grid figcaption{font-size:12px;padding:8px 12px;color:#3b4536}
.guide-top{background:#ecefde;border-bottom:1px solid var(--line);padding-block:22px 40px;background-image:radial-gradient(#c9cfb9 1px,transparent 1px);background-size:20px 20px}.crumb{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:24px}.guide-title h1{font-size:clamp(38px,6.1vw,76px);line-height:1.01;letter-spacing:-.062em;max-width:20ch;margin:10px 0 13px}.guide-title>p{font-size:18px;max-width:65ch;color:#3e4738}.article-grid{display:grid;grid-template-columns:205px minmax(0,820px);gap:34px;padding-block:36px 62px}.guide-aside{padding-top:5px}.guide-aside nav{display:grid;gap:6px}.guide-aside strong{margin-bottom:5px;color:var(--muted)}.guide-aside a{font-size:14px;padding:5px 0}.backlink{display:inline-block;margin-top:16px}.guide-body{min-width:0}.guide-body section+section{margin-top:37px;padding-top:24px;border-top:1px solid var(--line)}.guide-body h2{font-size:clamp(25px,4vw,35px);margin:0 0 13px}.guide-body h3{font-size:20px;margin:17px 0 7px}.guide-body p{max-width:75ch}.guide-body section{scroll-margin-top:15px}.updated,.filter-status,.fine{font-size:13px;color:var(--muted)}.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.code-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--cream);border:1px solid var(--line);padding:13px;border-radius:8px}.code-item .tag{display:block;color:var(--forest);font-size:10px;margin-bottom:5px}.code-item code{font:800 clamp(13px,2vw,18px)/1.2 var(--mono);display:block;overflow-wrap:anywhere}.code-item p{font-size:13px;color:var(--muted);margin-top:3px}.copy,.filter button,.checklist button{min-height:39px;border:1px solid #a9b398;background:#eef2de;border-radius:5px;color:var(--ink);padding:6px 11px;font-size:13px;font-weight:720}.copy:hover,.filter button:hover,.checklist button:hover{background:var(--green)}.copy-status{font-size:13px;margin-top:8px;color:var(--forest);min-height:1.5em}.article-image{margin-top:18px;max-width:670px}.article-image img{border-radius:7px;border:1px solid var(--line);width:100%}.article-image figcaption{font-size:12px;color:var(--muted);margin-top:5px}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{position:relative;padding:0 0 15px 47px;counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);display:grid;place-items:center;position:absolute;left:0;top:0;width:31px;height:31px;background:var(--green);border-radius:4px;font:800 13px var(--mono)}.steps strong{font-size:17px}.steps p{margin-top:3px}.callout{background:#eef2db;border-left:4px solid #6c874c;padding:13px 16px;margin:16px 0;border-radius:0 6px 6px 0}.callout p{margin-top:3px}.guide-body dl{margin:0}.guide-body dt{font-weight:780;margin-top:12px}.guide-body dd{margin:3px 0 12px}.next{margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #a8b395;padding:14px;background:#eef2db;border-radius:8px;color:var(--ink);text-decoration:none}.next small,.next b{display:block}.next small{color:var(--forest);margin-bottom:4px}.next:hover{background:var(--green)}.table-wrap{overflow:auto;max-width:100%;margin-top:14px;background:var(--cream);border:1px solid var(--line);border-radius:8px}.table-wrap table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}.table-wrap caption{text-align:left;padding:9px 12px;font-weight:740;color:var(--forest);font-size:13px}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);padding:10px 12px;vertical-align:top;overflow-wrap:anywhere}.table-wrap thead{background:#e9edd8}.table-wrap tbody tr:last-child>*{border-bottom:none}.filter{margin-top:13px}.filter label{display:block;font-weight:730}.filter-row{display:flex;gap:8px;align-items:center}.filter input{min-width:0;width:min(100%,410px);min-height:42px;padding:6px 10px;border:1px solid #a9b398;border-radius:5px;background:var(--cream);color:var(--ink)}.filter-status{min-height:20px;margin:5px 0}.checklist{margin:16px 0;padding:15px;background:var(--cream);border:1px solid var(--line);border-radius:8px}.checklist legend{font-weight:750}.checklist label{display:flex;gap:8px;align-items:center;min-height:34px}.checklist input{width:18px;height:18px;accent-color:var(--forest)}.checklist output{display:inline-block;margin-right:12px;font-size:13px;color:var(--forest)}kbd{font:700 13px var(--mono);background:#eff0e5;border:1px solid #d1d6c6;border-bottom-width:2px;border-radius:4px;padding:1px 5px}.footer{border-top:1px solid var(--line);background:#eef0e5}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding-block:29px}.footer p{font-size:13px;color:var(--muted);margin-top:6px}.footer nav{display:flex;flex-wrap:wrap;justify-content:end;align-content:start;gap:9px 15px;font-size:14px}.fine{grid-column:1/-1}.notfound{padding-block:65px}.notfound p{margin:12px 0}
@media(max-width:1050px){.frame{padding-inline:30px}.desktop-nav{gap:13px}.hero-grid{gap:34px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.desktop-nav,.nav-row>.play{display:none}.mobile-nav{display:block}.mobile-nav summary{list-style:none;border:1px solid var(--line);padding:7px 11px;border-radius:6px;font-weight:700}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary:after{content:' +';margin-left:5px}.mobile-nav[open] summary:after{content:' −'}.mobile-nav nav{position:absolute;top:calc(100% + 3px);right:16px;background:var(--cream);border:1px solid var(--line);border-radius:8px;display:grid;min-width:185px;box-shadow:0 8px 18px #22251f24;padding:6px}.mobile-nav a{padding:9px 10px}.mobile-nav a[aria-current]{background:#e8efcc}.article-grid{grid-template-columns:158px minmax(0,1fr);gap:20px}.nav-row{min-height:63px}}
@media(max-width:620px){.frame{padding-inline:17px}.hero-grid,.article-grid,.island-grid{grid-template-columns:minmax(0,1fr);gap:22px}.hero-grid{padding-block:28px 29px}.hero-copy h1{font-size:clamp(66px,15vw,95px);margin-block:17px}.hero-copy>p,.guide-title>p{font-size:16px}.hero-meta{margin-top:13px}.actions{margin-top:17px}.cover{box-shadow:4px 4px 0 #d0d4ba}.cover-top,.cover figcaption{padding:8px 10px}.index{padding-block:28px 38px}.index-heading{align-items:start;flex-direction:column}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile{padding:12px;min-height:169px}.tile h3{font-size:16px}.tile p{font-size:13px}.guide-top{padding-block:17px 25px}.crumb{margin-bottom:13px}.article-grid{padding-block:17px 42px}.guide-aside nav{display:flex;flex-wrap:wrap;gap:5px 10px}.guide-aside strong{flex-basis:100%;margin:0}.guide-aside a{padding:2px 0}.guide-aside .backlink{display:none}.code-grid{grid-template-columns:minmax(0,1fr)}.table-wrap th,.table-wrap td{padding:7px 8px}.footer-grid{grid-template-columns:1fr}.footer nav{justify-content:start}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}