:root{--bg:#fafaf7;--bg-card:#fff;--bg-code:#f4f1ec;--text:#1a1a1a;--text-secondary:#555;--text-muted:#888;--accent:#b04a2f;--accent-light:#e8d5cc;--accent2:#2f6b5e;--accent2-light:#d0e5df;--border:#e0ddd6;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 4px 12px #00000014;--radius:8px;--font-body:"DM Sans", sans-serif;--font-serif:"Source Serif 4", Georgia, serif;--font-mono:"JetBrains Mono", monospace;font:17px/1.6 var(--font-body);letter-spacing:.01em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);margin:0;padding-bottom:60px;line-height:1.65}a{color:var(--accent2)}#root,.app-shell{min-height:100vh}.app-main{max-width:900px;margin:0 auto;padding:0 20px}.site-footer{background:var(--bg-card);border-top:1px solid var(--border);color:var(--text-muted);z-index:100;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:.82rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000a}.site-footer-link{color:var(--accent);background-image:linear-gradient(var(--accent-light), var(--accent-light));background-position:0 92%;background-repeat:no-repeat;background-size:100% 1px;font-weight:600;text-decoration:none;transition:background-size .25s}.site-footer-link:hover,.site-footer-link:focus-visible{background-image:linear-gradient(var(--accent), var(--accent));background-size:100% 2px}h1,h2{color:var(--text);margin:0}h1{font-family:var(--font-serif);letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.05}h2{font-family:var(--font-serif);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.1}h3{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;line-height:1.3}p{margin:0 0 12px}button,select,input{font:inherit}code,.counter{font-family:var(--font-mono);color:var(--text);border-radius:4px;display:inline-flex}code{background:var(--bg-code);padding:4px 8px;font-size:.9rem;line-height:1.35}@media (width<=600px){:root{font-size:16px}body{padding-bottom:92px}.app-main{padding:0 16px}.site-footer{padding:10px 14px;font-size:.76rem;line-height:1.35}}.editorial-shell{max-width:900px;margin:0 auto}.editorial-hero{border-bottom:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#faf8f5 0%,#f0ede6 100%);padding:48px 24px 40px}.editorial-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);background:#2f6b5e12;border:1px solid #2f6b5e38;border-radius:999px;margin-bottom:16px;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-block}.editorial-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem}.editorial-lead{max-width:760px;color:var(--text-secondary);text-wrap:balance;margin:18px auto 0;font-size:1rem}.editorial-meta{max-width:720px;color:var(--text-secondary);margin:16px auto 0;font-size:.94rem}.editorial-meta a{color:var(--accent2);font-weight:600;text-decoration:none}.editorial-meta a:hover{text-underline-offset:3px;text-decoration:underline}.editorial-tabs{background:var(--border);border-radius:var(--radius);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;max-width:900px;margin:32px auto;padding:3px;display:flex;overflow-x:auto}.editorial-tabs::-webkit-scrollbar{display:none}.editorial-tab{font-family:var(--font-body);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;min-width:0;padding:10px 8px;font-size:.78rem;font-weight:600;transition:all .2s}.editorial-tab.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow)}.editorial-tab:hover:not(.active){color:var(--text)}.editorial-panel{padding:0 0 6px}.editorial-stack{gap:18px;display:grid}.editorial-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.editorial-note{border-radius:var(--radius);padding:14px 18px;font-size:.9rem}.editorial-note p{margin:0;line-height:1.7}.editorial-note.warm{color:#7a5c2e;background:#fff8f0;border:1px solid #f0d9b5}.editorial-note.cool{color:#2b5e4a;background:#f0f7f4;border:1px solid #b5d8c7}.concept-story{gap:20px}.concept-intro{margin-bottom:4px}.concept-intro p{color:var(--text-secondary);margin:0;line-height:1.7}.concept-block{border-bottom:1px solid var(--border);gap:16px;padding-bottom:18px;display:grid}.concept-block:last-of-type{border-bottom:0;padding-bottom:0}.concept-kicker{color:var(--accent2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:700;display:inline-block}.concept-main h3,.concept-reading h3{margin:0 0 12px}.concept-body{gap:6px;display:grid}.concept-body p,.concept-reading p{color:var(--text-secondary);line-height:1.74}.concept-side{gap:14px;display:grid}.concept-formula{background:var(--bg-code);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px}.concept-formula code{color:var(--text);background:0 0;padding:0;font-size:.92em;line-height:1.55}.concept-ref-list,.concept-reading-grid{gap:0;display:grid}.concept-ref-card{border-top:1px solid var(--border);padding:14px 0 0}.concept-ref-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.concept-ref-title{color:var(--text);margin:0 0 4px;font-size:.96rem;font-weight:700;line-height:1.35}.concept-ref-meta{color:var(--text-muted);font-size:.8rem;line-height:1.55}.concept-ref-note{color:var(--text-secondary);margin:8px 0 0;font-size:.84rem;line-height:1.7}.concept-ref-links{flex-wrap:wrap;gap:8px;display:flex}.concept-ref-link{color:var(--text-secondary);background:#ffffffb8;border:1px solid #00000014;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;line-height:1;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.concept-ref-link:hover{color:var(--text);background:#0000000a}.concept-reading{border-top:1px solid var(--border);gap:14px;padding-top:18px;display:grid}.concept-reading-head{max-width:760px}@media (width>=780px){.concept-block{grid-template-columns:minmax(0,1.4fr) minmax(240px,.85fr);gap:28px}}@media (width<=600px){.editorial-hero{padding-top:24px}.editorial-lead{font-size:.95rem}.editorial-tabs{scroll-snap-type:x proximity;border-radius:999px;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;gap:6px;margin:22px -4px 20px;padding:4px;display:grid}.editorial-tab{scroll-snap-align:start;flex:none;min-width:max-content;padding:9px 14px;font-size:.76rem}.editorial-panel{padding:0 0 6px}.editorial-note-grid{grid-template-columns:1fr}.concept-formula{padding:14px 16px}.concept-ref-link{font-size:.74rem}.concept-ref-top{flex-direction:column;align-items:stretch}}