:root{--ink: #1b1712;--ink-soft: #4a433a;--paper: #f3eadb;--paper-deep: #e7dcc8;--amber: #c9841a;--amber-deep: #8a5a10;--signal: #8f2d24;--line: rgba(27, 23, 18, .14);--shadow: 0 24px 60px rgba(48, 32, 10, .08);--serif: "Amiri", "Times New Roman", serif;--sans: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(rgba(27,23,18,.045) .7px,transparent .7px),var(--paper);background-size:4px 4px,auto;font-family:var(--sans);font-size:18px;line-height:1.85}a{color:inherit;text-decoration:none}.progress{position:fixed;inset-inline:0;top:0;z-index:20;height:4px;background:#1b171214}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--signal),var(--amber))}.hero{position:relative;padding:72px 8vw 0;background:linear-gradient(180deg,rgba(243,234,219,0) 0%,var(--paper) 100%),#221c16;color:#f6efe4;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-18deg,transparent 0 22px,rgba(201,132,26,.05) 22px 23px);pointer-events:none}.hero-mark,.hero h1,.hero .dek,.road-strip{position:relative;z-index:1}.hero-mark{display:flex;align-items:center;gap:16px;margin-bottom:28px}.stamp{display:inline-flex;align-items:center;justify-content:center;min-width:116px;padding:8px 12px 6px;border:2px solid #e2b15a;color:#e2b15a;font-size:14px;font-weight:700;letter-spacing:0;transform:rotate(-2deg)}.eyebrow{margin:0;color:#f6efe4b8;font-size:14px}.hero h1{max-width:11ch;margin:0;font-family:var(--serif);font-size:clamp(52px,8vw,92px);font-weight:700;line-height:1.15}.hero h1 em{display:block;font-style:italic;font-weight:400;color:#e7c27a}.dek{max-width:42rem;margin:22px 0 0;color:#f6efe4db;font-size:18px}.road-strip{display:flex;gap:18px;margin-top:48px;height:54px;background:#2a241c;border-block-start:8px solid #1a1612;align-items:center;padding-inline:8vw;margin-inline:-8vw}.road-strip i{display:block;width:72px;height:8px;background:#e2b15a;transform:skew(-18deg)}.layout{display:grid;grid-template-columns:240px minmax(0,760px);justify-content:center;gap:48px;padding:48px 24px 80px}.rail{position:sticky;top:28px;align-self:start;padding-top:8px}.rail-label{margin:0 0 12px;color:var(--amber-deep);font-size:13px;font-weight:700}.rail ol{list-style:none;margin:0;padding:0;border-inline-start:1px solid var(--line)}.rail a{display:flex;gap:10px;padding:8px 14px;color:var(--ink-soft);font-size:14px;line-height:1.45}.rail a span{color:var(--amber-deep);font-variant-numeric:tabular-nums}.rail a.is-active{color:var(--ink);font-weight:600;background:linear-gradient(90deg,rgba(201,132,26,.16),transparent)}.essay .lede{font-family:var(--serif);font-size:28px;line-height:1.7;margin-top:0}.essay>p,.essay section p{margin:0 0 16px}.essay section{margin-top:56px;padding-top:8px;scroll-margin-top:28px}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:var(--signal);font-size:14px;font-weight:600}.kicker span{font-family:var(--serif);font-size:22px;color:var(--amber-deep)}h2{margin:0 0 16px;font-family:var(--serif);font-size:clamp(32px,4vw,44px);line-height:1.25;font-weight:700}blockquote{margin:22px 0 0;padding:16px 18px;background:#fffaf2;border-inline-start:4px solid var(--amber);box-shadow:var(--shadow);color:var(--ink);font-family:var(--serif);font-size:22px;line-height:1.7}blockquote span{display:block;margin-bottom:4px;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--amber-deep)}.closing{padding:28px 24px 8px;background:#241e18;color:#f6efe4}.closing .kicker,.closing .kicker span,.closing h2{color:#e7c27a}.habits{list-style:none;margin:8px 0 28px;padding:0;display:grid;gap:10px}.habits li{padding:12px 14px;background:#f6efe40f;border:1px solid rgba(231,194,122,.25)}footer{margin-top:28px;color:var(--ink-soft);font-size:14px}footer p{margin:0}@media(max-width:860px){.hero{padding:56px 22px 0}.hero h1{max-width:none}.road-strip{margin-inline:-22px;padding-inline:22px;overflow:hidden}.layout{grid-template-columns:1fr;gap:12px;padding:28px 18px 64px}.rail{position:static;overflow-x:auto}.rail ol{display:flex;gap:8px;border:0;padding-bottom:8px}.rail a{flex:0 0 auto;padding:8px 12px;background:#fffaf2b3;border:1px solid var(--line)}.essay .lede{font-size:24px}blockquote{font-size:20px}}