@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@400;500;600;700&family=Source+Serif+4:ital,wght@0,400;0,600;1,400&display=swap";*{box-sizing:border-box;margin:0}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-elevated: #1a1a1a;--bg-card: #141414;--bg-card-hover: #1e1e1e;--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-tertiary: #8a8a8a;--accent: #6b8f71;--accent-muted: rgba(107, 143, 113, .12);--border-primary: #2a2a2a;--border-secondary: #1e1e1e;--border-rule: #333333;--tag-bg: rgba(107, 143, 113, .1);--tag-text: #6b8f71;--about-bg: #0e1210;--about-text: #a8bdd0;--about-accent: #6b8f71;--footer-bg: #000000;--footer-text: #8a8a8a;--shadow-card: 0 1px 3px rgba(0,0,0,.3);--toggle-bg: #1a1a1a;--drop-cap-color: #6b8f71}:root[data-theme=light]{--bg-primary: #FAF7F2;--bg-secondary: #f0ede5;--bg-elevated: #e8ecf0;--bg-card: #ffffff;--bg-card-hover: #f5f7fa;--text-primary: #2C2824;--text-secondary: #4a4a4a;--text-tertiary: #5e5e5e;--accent: #4A7CB5;--accent-muted: rgba(74, 124, 181, .07);--border-primary: #e0e4e8;--border-secondary: #d8dce0;--border-rule: #d0d4d8;--tag-bg: rgba(74, 124, 181, .06);--tag-text: #3A6590;--about-bg: #edf1f5;--about-text: #3d3d3d;--about-accent: #4A7CB5;--footer-bg: #0a1628;--footer-text: #b0b0b0;--shadow-card: 0 1px 3px rgba(0,0,0,.08);--toggle-bg: #edf1f5;--drop-cap-color: #2C2824}body{background:var(--bg-primary);color:var(--text-primary);font-family:"Source Serif 4",Georgia,serif;line-height:1.65;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1020px;margin:0 auto;padding:0 32px}.article-masthead{border-bottom:1px solid var(--border-primary);padding:16px 0;position:sticky;top:0;z-index:100;background:var(--bg-primary);backdrop-filter:blur(8px)}.article-masthead .container{display:flex;justify-content:space-between;align-items:center}.masthead-home{font-family:Playfair Display,serif;font-size:24px;font-weight:900;letter-spacing:3px;color:var(--text-primary)}.masthead-home:hover{text-decoration:none;opacity:.8}.theme-toggle{background:var(--toggle-bg);border:1px solid var(--border-primary);color:var(--text-secondary);padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:5px}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent)}.breadcrumb{display:inline-block;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--text-tertiary);margin-bottom:24px;transition:color .2s}.breadcrumb:hover{color:var(--accent);text-decoration:none}.article-main{padding:48px 0 64px;min-height:80vh}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:60px}.article-content{max-width:640px}.article-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border-rule)}.article-meta-top{display:flex;align-items:center;gap:16px;margin-bottom:20px;font-family:Inter,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px}.article-tag{background:var(--tag-bg);color:var(--tag-text);padding:4px 10px;border-radius:3px;font-weight:600}.article-date{color:var(--text-secondary)}.article-title{font-family:Playfair Display,serif;font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.15;margin-bottom:20px;letter-spacing:-.5px;color:var(--text-primary)}.article-meta-bottom{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:13px;color:var(--text-secondary)}.meta-dot{color:var(--text-tertiary)}.article-body{font-size:18px;line-height:1.72;color:var(--text-primary);letter-spacing:-.003em}.article-body h2{font-family:Playfair Display,serif;font-size:26px;font-weight:700;margin:48px 0 16px;padding-top:8px;color:var(--text-primary);letter-spacing:-.3px}.article-body h3{font-family:Inter,sans-serif;font-size:18px;font-weight:700;margin:36px 0 12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.article-body p{margin-bottom:24px}.article-body>p:first-of-type:first-letter{font-family:Playfair Display,serif;font-size:3.5em;float:left;line-height:.82;padding:6px 10px 0 0;color:var(--drop-cap-color);font-weight:900}.article-body hr{display:none}.article-body blockquote{border-left:3px solid var(--accent);padding:14px 24px;margin:28px 0;font-style:italic;color:var(--text-secondary);background:var(--accent-muted);border-radius:0 4px 4px 0}.article-body ul,.article-body ol{margin:20px 0;padding-left:28px;color:var(--text-primary)}.article-body li{margin-bottom:10px;line-height:1.7}.article-body strong{color:var(--text-primary);font-weight:700}.article-body em{font-style:italic}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.article-body a:hover{text-decoration-thickness:2px}.article-body code{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.88em;background:var(--bg-elevated);padding:2px 6px;border-radius:3px;border:1px solid var(--border-primary);color:var(--text-primary)}.article-body pre{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:20px 24px;overflow-x:auto;margin:28px 0}.article-body pre code{background:none;padding:0;border:none;font-size:13px;line-height:1.6;color:var(--text-primary)}.article-body table{width:100%;border-collapse:collapse;margin:28px 0;font-family:Inter,sans-serif;font-size:14px}.article-body th,.article-body td{padding:10px 14px;text-align:left;border:1px solid var(--border-primary)}.article-body th{background:var(--bg-elevated);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}.article-body td{color:var(--text-secondary)}.article-share{display:flex;align-items:center;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-rule);font-family:Inter,sans-serif}.share-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-weight:600}.share-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-primary);border-radius:4px;background:var(--bg-card);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;text-decoration:none;font-family:Inter,sans-serif}.share-btn:hover{color:var(--text-primary);border-color:var(--accent);text-decoration:none}.share-icon{font-size:14px}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-rule)}.nav-link{padding:20px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-card);transition:all .2s;display:flex;flex-direction:column;gap:8px}.nav-link:hover{border-color:var(--accent);background:var(--bg-card-hover);text-decoration:none}.nav-direction{font-family:Inter,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:600}.nav-title{font-family:Playfair Display,serif;font-size:15px;font-weight:700;line-height:1.3;color:var(--text-primary)}.nav-prev{text-align:left}.nav-next{text-align:right;grid-column:2}.article-sidebar{position:sticky;top:80px;align-self:start;max-height:calc(100vh - 96px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.article-sidebar::-webkit-scrollbar{display:none}.sidebar-section{margin-bottom:32px}.sidebar-section h4,.sidebar-about h4{font-family:Inter,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.sidebar-article{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--border-secondary);transition:all .2s}.sidebar-article:hover{text-decoration:none}.sidebar-article:hover .sidebar-title{color:var(--accent)}.sidebar-tag{font-family:Inter,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--tag-text);font-weight:600}.sidebar-title{font-family:Playfair Display,serif;font-size:14px;font-weight:700;line-height:1.3;color:var(--text-primary);transition:color .2s}.sidebar-about{background:var(--about-bg);padding:20px;border-radius:6px;margin-bottom:24px}.sidebar-about p{font-family:Inter,sans-serif;font-size:12.5px;line-height:1.6;color:var(--about-text);margin-bottom:10px}.sidebar-about a{color:var(--about-accent)}.sidebar-links{display:flex;gap:16px;margin-top:12px;font-family:Inter,sans-serif;font-size:12px}.sidebar-links a{color:var(--about-accent)}.sidebar-home{display:block;font-family:Inter,sans-serif;font-size:13px;color:var(--accent);padding:12px 0}.article-footer{background:var(--footer-bg);padding:32px 0;text-align:center;font-family:Inter,sans-serif;font-size:12px;color:var(--footer-text);border-top:1px solid var(--border-primary)}@media(max-width:900px){.container{padding:0 24px}.article-layout{grid-template-columns:1fr;gap:40px}.article-content{max-width:640px}.article-sidebar{position:static;max-width:640px;border-top:1px solid var(--border-rule);padding-top:32px}}@media(max-width:600px){.article-sidebar{display:none}.article-title{font-size:26px}.article-nav{grid-template-columns:1fr}.nav-next{text-align:left;grid-column:1}.article-body{font-size:17px;line-height:1.75}.article-header{margin-bottom:32px;padding-bottom:24px}}.share-btn.copied{border-color:#4caf50;color:#4caf50}