:root{--bg: #f8f7f4;--surface: #ffffff;--text: #1a1a1a;--text-secondary: #5c5c5c;--text-tertiary: #999;--accent: #c45d2c;--accent-light: #fdf0ea;--accent-dark: #a34a1f;--border: #e8e6e1;--border-hover: #ccc9c2;--blue: #2b5ea7;--blue-light: #eef3fb;--green: #2a7d4f;--green-light: #eaf5ef;--red: #c0392b;--red-light: #fdf0ef;--purple: #6b5ce7;--purple-light: #f0eeff;--section-bg: #f3f1ed;--shadow: 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--radius: 14px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Instrument Serif", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}.skip-link{position:absolute;top:-100%;left:1rem;z-index:200;background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:0 0 var(--radius) var(--radius);font-size:.9rem;font-weight:600;text-decoration:none;transition:top .15s}.skip-link:focus{top:0}.top-nav{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 1.5rem;position:sticky;top:0;z-index:50}.top-nav-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:1rem}.top-nav-home{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:.02em;flex-shrink:0;transition:color .15s}.top-nav-home:hover{color:var(--accent-dark)}.top-nav-back{font-size:.9rem;color:var(--text-tertiary);text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:color .15s;margin-left:auto}.top-nav-back:hover{color:var(--text-secondary)}.hero{background:var(--surface);padding:3rem 1.5rem 2.5rem;border-bottom:1px solid var(--border)}.hero-inner{max-width:720px;margin:0 auto}.hero-tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .8rem;border-radius:100px;background:var(--accent-light);color:var(--accent);margin-bottom:1.25rem}.hero h1{font-family:var(--font-serif);font-size:clamp(2rem,5vw,2.8rem);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin-bottom:.25rem}.hero .subtitle{font-family:var(--font-serif);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:400;color:var(--text-secondary);margin-bottom:1.25rem;font-style:italic}.hero .meta{font-size:.85rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hero .meta a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-hover)}.hero .meta a:hover{text-decoration-color:var(--accent)}.byline{font-size:.95rem;color:var(--text-secondary);margin-top:.25rem}.byline a{color:var(--text);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-hover);transition:text-decoration-color .15s}.byline a:hover{text-decoration-color:var(--accent);color:var(--accent)}.cover-image{max-width:720px;margin:0 auto;padding:2rem 1.5rem 0}.cover-image img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);display:block}.content{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.prose{font-size:1.05rem;line-height:1.85;color:var(--text)}.prose p{margin-bottom:1.4rem}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{text-decoration-color:var(--accent-dark)}.prose em{font-style:italic}.prose strong{font-weight:600}.prose ul,.prose ol{margin-bottom:1.4rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose code{background:var(--section-bg);color:var(--text);padding:.2em .4em;border-radius:3px;font-size:.87em;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace}.section-title{font-family:var(--font-serif);font-size:1.65rem;font-weight:400;letter-spacing:-.01em;margin-top:3rem;margin-bottom:1.25rem;padding-top:2rem;border-top:1px solid var(--border);line-height:1.25}.pullquote{border-left:3px solid var(--accent);padding:1.25rem 0 1.25rem 1.75rem;margin:2rem 0;font-family:var(--font-serif);font-size:1.35rem;line-height:1.5;color:var(--text);font-style:italic}.shift-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.75rem;margin:1.75rem 0;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.shift-side{text-align:center}.shift-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.shift-old .shift-label{color:var(--text-tertiary)}.shift-new .shift-label{color:var(--accent)}.shift-value{font-family:var(--font-serif);font-size:1.15rem;line-height:1.35}.shift-old .shift-value{text-decoration:line-through;text-decoration-color:var(--border-hover);color:var(--text-tertiary)}.shift-arrow{font-size:1.4rem;color:var(--accent);font-weight:300}.callout{background:var(--accent-light);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:1.25rem 1.5rem;margin:2rem 0;font-size:.95rem;line-height:1.7;color:var(--text)}.callout strong{font-weight:600;color:var(--accent-dark)}.site-footer{max-width:720px;margin:0 auto;padding:2rem 1.5rem 3.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-tertiary)}.site-footer a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--accent)}.footer-links{display:flex;gap:1.25rem}.post-nav{max-width:720px;margin:0 auto;padding:0 1.5rem 2rem}.post-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid var(--border);padding-top:2rem}.post-nav-link{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:inherit;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .2s,box-shadow .2s}.post-nav-link:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.post-nav-next{text-align:right}.post-nav-direction{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.post-nav-title{font-family:var(--font-serif);font-size:.95rem;color:var(--text);line-height:1.4}[id]{scroll-margin-top:80px}.anchor-copy-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;opacity:0;transition:opacity .15s,color .15s;padding:.15rem;color:var(--text-tertiary);line-height:1;vertical-align:middle;border-radius:4px}.anchor-copy-btn svg{width:15px;height:15px}.section-title,.section-label,.section-header,.group-label{position:relative}.section-title>.anchor-copy-btn,.section-label>.anchor-copy-btn,.section-header>.anchor-copy-btn,.group-label>.anchor-copy-btn{position:absolute;left:-1.6rem;top:50%;transform:translateY(-50%)}.section-title:hover>.anchor-copy-btn,.section-label:hover>.anchor-copy-btn,.section-header:hover>.anchor-copy-btn,.group-label:hover>.anchor-copy-btn,[data-expandable]:hover>[data-expandable-trigger]>.anchor-copy-btn,.anchor-copy-btn:focus-visible{opacity:.3}.anchor-copy-btn:hover{opacity:1!important;color:var(--accent)}.anchor-copy-btn.copied{opacity:1!important;color:var(--green)}[data-expandable-trigger]>.anchor-copy-btn{flex-shrink:0}[data-expandable-trigger]{cursor:pointer;user-select:none;-webkit-user-select:none}@media(max-width:600px){.top-nav{padding:.75rem 1.25rem}.hero{padding:2.5rem 1.25rem 2rem}.hero h1{font-size:1.8rem}.content{padding:2rem 1.25rem 3rem}.shift-box{grid-template-columns:1fr;gap:.5rem;text-align:center}.shift-arrow{transform:rotate(90deg)}.site-footer{flex-direction:column;gap:.5rem;text-align:center}.cover-image{padding:1.5rem 1.25rem 0}.post-nav-inner{grid-template-columns:1fr}.post-nav-next{text-align:left}.section-title>.anchor-copy-btn,.section-label>.anchor-copy-btn,.section-header>.anchor-copy-btn,.group-label>.anchor-copy-btn{position:static;transform:none;margin-left:.5rem}}