:root{--paper:#f2eee5;--ink:#302b25;--accent:#b44b35;--muted:#75695d;--line:#88755d36;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#302b25;background:#f2eee5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#a74430;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b44b35;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:#a74430;color:#fff8ed;z-index:9}.skip:focus{top:16px}.site-header{max-width:1360px;padding:29px 38px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #88755d36}.wordmark{font-size:19px;font-weight:850;letter-spacing:3px;color:#302b25}.wordmark span{font-size:10px;letter-spacing:2px;margin-left:17px;color:#75695d}.site-header nav{display:flex;gap:28px;font-size:13px}.library{max-width:1284px;margin:auto;padding:64px 0 90px}.eyebrow{font:11px ui-monospace,SFMono-Regular,monospace;letter-spacing:2px;color:#9b4431;text-transform:uppercase;line-height:1.8}.library-intro{max-width:840px}.library-intro h1{font-size:clamp(42px,6vw,72px);line-height:1.08;letter-spacing:-3px;margin:22px 0}.library-intro h1 span{color:#b44b35}.library-intro>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#75695d;max-width:720px}.stats{display:flex;gap:36px;margin:32px 0 48px;color:#75695d;font-size:13px}.stats b{display:block;font-size:28px;color:#302b25;margin-bottom:5px}.library-controls{margin:0 0 28px;padding:24px;background:#fbf8f1;border:1px solid #88755d36;border-radius:14px}.library-controls label{display:block;font-weight:650;font-size:14px;margin-bottom:12px}input{width:100%;border:1px solid #b6a58a;border-radius:8px;background:#fffdf7;color:#302b25;padding:14px 16px;font:inherit;font-size:15px}.filter-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.filter-buttons button{background:#b44b3505;border:1px solid #88755d45;border-radius:24px;color:#75695d;padding:9px 15px;font:inherit;font-size:12px;cursor:pointer}.filter-buttons button[aria-pressed=true]{background:#b44b35;color:#fff8ed;border-color:#b44b35}#guide-count{font-size:12px;color:#75695d;margin:17px 0 0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #88755d36;background:#fbf8f1;border-radius:14px;transition:transform .15s,border-color .15s;color:inherit}.guide-card:hover{transform:translateY(-3px);border-color:#b44b3580;text-decoration:none}.card-image{background:#e9e1d3;aspect-ratio:14/9;border-bottom:1px solid #88755d26;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-body .eyebrow{font-size:9px;letter-spacing:1.1px;margin:0 0 12px}.card-body h2{font-size:21px;line-height:1.35;margin:0 0 12px;color:#302b25}.card-body>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#75695d;margin:0 0 24px}.meta{font-size:12px;color:#75695d;line-height:1.8}.card-body .meta{margin-top:auto}.meta b{float:right;color:#b44b35}.site-footer{max-width:1360px;margin:auto;border-top:1px solid #88755d36;padding:28px 38px;display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.8;color:#9db49f}.article-layout{max-width:1160px;margin:auto;display:grid;grid-template-columns:230px minmax(0,820px);gap:65px;padding:64px 0 80px;align-items:start}.toc{position:sticky;top:32px;font-size:12px;line-height:1.8}.toc ol{padding-left:18px;display:grid;gap:14px}.toc a{color:#75695d}.toc .back-link{display:block;margin-top:32px;color:#b44b35}.article-layout article{min-width:0}.article-layout h1{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-1.5px;margin:15px 0 18px;color:#302b25}.article-layout article>p:not(.eyebrow):not(.meta){font-size:17px;line-height:1.9;color:#51463a;margin:20px 0}.article-layout article>p:first-of-type{font-size:18px}.article-layout h2{font-size:26px;line-height:1.3;color:#43372c;margin:42px 0 18px;scroll-margin-top:30px}.article-layout figure{margin:32px 0;border:1px solid #88755d36;border-radius:12px;overflow:hidden;background:#f7f2e8}.article-layout figure img{display:block;width:100%;height:auto}.article-layout figcaption{padding:14px 18px;font-size:12px;line-height:1.8;color:#75695d;background:#ede5d7}.pagination{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #88755d36;margin-top:38px;padding-top:25px;font-size:15px;line-height:1.7}.pagination small{display:block;letter-spacing:2px;font-size:10px;color:#75695d;margin-bottom:7px}.pagination a:last-child{text-align:right}.related ul{padding-left:20px;line-height:2}.related h2{font-size:22px}#empty{padding:30px;text-align:center;color:#75695d}@media(max-width:1360px){.library{padding:48px 32px 75px}.article-layout{padding:48px 32px 75px;gap:40px}}@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.article-layout article>p:not(.eyebrow):not(.meta){font-size:16px}}@media(max-width:720px){.site-header{padding:22px 20px;gap:20px}.wordmark{font-size:16px}.wordmark span{display:none}.site-header nav{gap:17px;font-size:11px}.library{padding:35px 20px 55px}.library-intro h1{letter-spacing:-1.8px}.library-intro>p:not(.eyebrow){font-size:16px}.stats{gap:24px;flex-wrap:wrap}.stats b{font-size:24px}.stats span{font-size:11px}.guide-grid{grid-template-columns:1fr}.library-controls{padding:18px}.article-layout{display:block;padding:32px 20px 60px}.toc{position:static;padding:0 0 25px;margin-bottom:30px;border-bottom:1px solid #88755d36}.toc ol{gap:5px}.toc .back-link{margin-top:15px}.article-layout h1{letter-spacing:-1px}.article-layout h2{font-size:23px}.site-footer{padding:22px 20px;flex-direction:column;gap:8px}.pagination{font-size:13px}}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;line-height:1.8;color:#75695d;margin-bottom:24px}.breadcrumbs a{color:#a74430}.breadcrumbs [aria-current=page]{max-width:100%;overflow-wrap:anywhere}

/* Match the homepage paper, ink, and vermilion palette. */
.skip{background:var(--accent);color:#fff8ed}.guide-card{box-shadow:0 5px 20px #5b483808}.guide-card:hover{box-shadow:0 12px 25px #5b483812}.library-controls{box-shadow:0 5px 20px #5b483806}.filter-buttons button{transition:background .15s,color .15s,border-color .15s}.filter-buttons button:hover{border-color:#b44b3580;background:#b44b350a}.filter-buttons button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff8ed}.meta b{color:var(--accent)}.wordmark:hover{color:var(--accent);text-decoration:none}.article-layout article>p:not(.eyebrow):not(.meta){color:#51463a}input::placeholder{color:#8b7d6d}.article-layout figure{background:#f2eee5}.related a,.pagination a{color:#a74430}@media(prefers-reduced-motion:reduce){.guide-card,.filter-buttons button{transition:none}.guide-card:hover{transform:none}}
