@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-bg:#fafaf7;--color-bg-rgb:250,250,247;--color-surface:#f0ede8;--color-surface-hover:#e8e4de;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-primary:#0f1f3c;--color-accent:#c4841d;--color-accent-hover:#a86e14;--color-accent-light:rgba(196,132,29,.08);--color-border:#e0dcd5;--color-border-light:#edeae5;--color-divider:#d4cfc7;--color-cat-stories:#6d28d9;--color-cat-news:#059669;--color-cat-trends:#c4841d;--font-display:"Playfair Display",Georgia,"Times New Roman",serif;--font-body:"Source Sans 3","Source Sans Pro",-apple-system,BlinkMacSystemFont,sans-serif;--font-ui:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-xs:0.64rem;--text-sm:0.79rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-4xl:3.052rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--content-width:680px;--page-width:1200px;--nav-height:68px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms;--progress-height:2px;--progress-color:var(--color-accent);font-size:19px}[data-theme=dark]{--color-bg:#111318;--color-bg-rgb:17,19,24;--color-surface:#1a1d24;--color-surface-hover:#22262e;--color-text:#e4e2de;--color-text-muted:#9ca3af;--color-text-faint:#6b7280;--color-primary:#c8d6ec;--color-accent:#e5a84b;--color-accent-hover:#f0be6e;--color-accent-light:rgba(229,168,75,.08);--color-border:#2a2d35;--color-border-light:#1f2229;--color-divider:#2a2d35;--color-cat-stories:#a78bfa;--color-cat-news:#34d399;--color-cat-trends:#e5a84b}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + var(--space-xl));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}.reading-progress{position:fixed;top:0;left:0;height:var(--progress-height);background:var(--color-accent);z-index:1000;transition:width .1s linear;will-change:width}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--nav-height);background:rgba(var(--color-bg-rgb),.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);transition:background-color var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}.nav-inner{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-lg);height:100%;justify-content:space-between}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{gap:var(--space-sm);text-decoration:none;color:var(--color-text)}.nav-logo{width:36px;height:36px;background:var(--color-primary);color:var(--color-bg);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:-.02em;line-height:1;transition:transform var(--duration-base) var(--ease-out)}.nav-brand:hover .nav-logo{transform:scale(1.05)}.nav-brand-text{font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);letter-spacing:.02em}.nav-brand-text span{color:var(--color-text-muted);font-weight:400}.nav-links{gap:var(--space-lg);list-style:none}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{font-family:var(--font-ui);text-decoration:none;flex-direction:column;gap:1px;position:relative}.nav-link,.nav-link-label{transition:color var(--duration-fast) var(--ease-out)}.nav-link-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);letter-spacing:.01em}.nav-link-sub{font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:lowercase;color:var(--color-text-faint);opacity:.5;transition:opacity var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out);font-feature-settings:"smcp";font-variant:small-caps}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:1.5px;background:var(--color-accent);transition:width var(--duration-base) var(--ease-out)}.nav-link:hover .nav-link-label{color:var(--color-text)}.nav-link:hover .nav-link-sub{opacity:1;color:var(--color-accent)}.nav-link:hover:after{width:100%}.nav-subscribe{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);text-decoration:none;padding:var(--space-xs) var(--space-md);border:1.5px solid var(--color-accent);border-radius:4px;transition:all var(--duration-base) var(--ease-out)}.nav-subscribe:hover{background:var(--color-accent);color:var(--color-bg)}@media (max-width:768px){.nav-links{gap:var(--space-md)}.nav-brand-text,.nav-link-sub,.nav-link.hide-mobile{display:none}}.page-container{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-lg)}.content-container,.hero{max-width:var(--content-width);margin:0 auto}.hero{padding:var(--space-4xl) 0 var(--space-3xl)}.hero-eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-md)}.hero-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-lg)}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-md);line-height:1.6;color:var(--color-text-muted);max-width:540px}.hero-divider{width:48px;height:2px;background:var(--color-accent);margin-top:var(--space-2xl)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md)}.section-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.section-link{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast)}.section-link:hover{color:var(--color-accent-hover)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);margin-bottom:var(--space-3xl)}.article-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);border-radius:8px;background:transparent;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out);text-decoration:none;color:inherit}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.06);background:var(--color-surface)}.article-card-meta{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-ui);font-size:var(--text-xs)}.category-badge{font-weight:600;letter-spacing:.08em;text-transform:uppercase}.category-badge.stories{color:var(--color-cat-stories)}.category-badge.news{color:var(--color-cat-news)}.category-badge.trends{color:var(--color-cat-trends)}.article-card-meta .separator{color:var(--color-text-faint)}.article-card-meta .date,.article-card-meta .reading-time{color:var(--color-text-muted)}.article-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--color-text)}.article-card-excerpt{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;color:var(--color-text-muted)}.article-card.featured{grid-column:1/-1;padding:var(--space-2xl);background:var(--color-surface);border-radius:10px;border:1px solid var(--color-border-light)}.article-card.featured .article-card-title{font-size:var(--text-2xl);font-weight:700}.article-card.featured .article-card-excerpt{font-size:var(--text-base);max-width:560px}.article-header{max-width:var(--content-width);margin:0 auto;padding:var(--space-3xl) 0 var(--space-xl)}.article-back{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-xl);transition:color var(--duration-fast)}.article-back:hover{color:var(--color-accent)}.article-category-badge{display:inline-block;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-md)}.article-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.12;letter-spacing:-.025em;color:var(--color-text);margin-bottom:var(--space-lg)}.article-subtitle{font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.article-byline{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-family:var(--font-ui);font-size:var(--text-sm)}.article-author-name{font-weight:600;color:var(--color-text)}.article-author-title,.article-byline-right{color:var(--color-text-muted);font-size:var(--text-xs)}.article-byline-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-md)}.key-points{max-width:var(--content-width);margin:var(--space-xl) auto var(--space-2xl);padding:var(--space-lg) var(--space-xl);background:var(--color-accent-light);border-left:3px solid var(--color-accent);border-radius:0 6px 6px 0}.key-points-title{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.key-points ul{list-style:none;padding:0}.key-points li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.55;color:var(--color-text)}.key-points li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:600}.key-points li:last-child{margin-bottom:0}.prose{max-width:var(--content-width);margin:0 auto;padding-bottom:var(--space-3xl)}.prose h2{font-size:var(--text-xl);font-weight:700;line-height:1.25;letter-spacing:-.015em;margin:var(--space-3xl) 0 var(--space-lg)}.prose h2,.prose h3{font-family:var(--font-display);color:var(--color-text)}.prose h3{font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:var(--space-2xl) 0 var(--space-md)}.prose p{margin-bottom:var(--space-lg);line-height:1.7}.prose a{color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:rgba(196,132,29,.3);text-decoration-color:rgba(196,132,29,.3);text-underline-offset:3px;transition:-webkit-text-decoration-color var(--duration-fast);transition:text-decoration-color var(--duration-fast);transition:text-decoration-color var(--duration-fast),-webkit-text-decoration-color var(--duration-fast)}.prose a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.prose strong{font-weight:600;color:var(--color-text)}.prose blockquote{margin:var(--space-2xl) 0;padding:var(--space-lg) var(--space-xl);border-left:3px solid var(--color-primary);background:var(--color-surface);border-radius:0 6px 6px 0;font-style:italic}.prose blockquote p{margin-bottom:0;color:var(--color-text-muted)}.prose ol,.prose ul{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.prose li{margin-bottom:var(--space-sm);line-height:1.6}.prose code{font-size:.85em;background:var(--color-surface);padding:2px 6px;border-radius:3px;color:var(--color-primary)}.prose code,.prose pre{font-family:var(--font-mono)}.prose pre{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--color-primary);color:#e4e2de;border-radius:6px;overflow-x:auto;font-size:var(--text-sm);line-height:1.6}.prose pre code{background:none;padding:0;color:inherit}.prose hr{border:none;height:1px;background:var(--color-border);margin:var(--space-3xl) auto;max-width:120px}.prose sup{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-accent);font-weight:600}.newsletter-section{max-width:var(--content-width);margin:0 auto var(--space-4xl);padding:var(--space-2xl) var(--space-xl);background:var(--color-primary);border-radius:10px;text-align:center}.newsletter-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.newsletter-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:#fff;margin-bottom:var(--space-sm)}.newsletter-desc{font-family:var(--font-body);font-size:var(--text-sm);color:#a0aec0;margin-bottom:var(--space-lg);max-width:420px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;gap:var(--space-sm);max-width:400px;margin:0 auto}.newsletter-input{flex:1 1;padding:var(--space-sm) var(--space-md);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;background:hsla(0,0%,100%,.08);color:#fff;font-family:var(--font-body);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast)}.newsletter-input::placeholder{color:#718096}.newsletter-input:focus{border-color:var(--color-accent)}.newsletter-button{padding:var(--space-sm) var(--space-lg);background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color var(--duration-fast);white-space:nowrap}.newsletter-button:hover{background:var(--color-accent-hover)}@media (max-width:480px){.newsletter-form{flex-direction:column}}.footer{border-top:1px solid var(--color-border);padding:var(--space-2xl) 0;margin-top:var(--space-3xl)}.footer-inner{max-width:var(--page-width);margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.footer-text{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--space-md);list-style:none}.footer-link{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast)}.footer-link:hover{color:var(--color-accent)}.about-header{max-width:var(--content-width);margin:0 auto;padding:var(--space-4xl) 0 var(--space-xl)}.about-page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.about-role{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl)}.about-divider{width:48px;height:2px;background:var(--color-accent)}.standards-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-accent);border-radius:4px;margin-bottom:var(--space-lg)}.listing-header{max-width:var(--page-width);margin:0 auto;padding:var(--space-3xl) var(--space-lg) var(--space-xl)}.listing-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-sm)}.listing-desc{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-muted);max-width:540px}.settings-page{max-width:800px;margin:0 auto;padding:var(--space-3xl) var(--space-lg)}.settings-gate{max-width:400px;margin:var(--space-4xl) auto;text-align:center}.settings-gate-title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-md)}.settings-gate-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);margin-bottom:var(--space-md);outline:none;text-align:center}.settings-gate-input:focus{border-color:var(--color-accent)}.settings-section{margin-bottom:var(--space-3xl)}.settings-section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.settings-section-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light)}.setting-label{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500}.setting-desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.toggle{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:12px;cursor:pointer;transition:background var(--duration-fast);flex-shrink:0}.toggle.active{background:var(--color-accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--duration-base) var(--ease-out);box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle.active .toggle-knob{transform:translateX(20px)}.setting-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-ui);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);outline:none;cursor:pointer}.color-picker-row{display:flex;gap:var(--space-sm);align-items:center}.color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast)}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--color-text)}.settings-preview{padding:var(--space-lg);background:var(--color-surface);border-radius:8px;margin-top:var(--space-lg);border:1px solid var(--color-border-light)}.settings-preview-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-md)}.author-box{max-width:var(--content-width);margin:0 auto var(--space-3xl);padding:var(--space-xl);background:var(--color-surface);border-radius:8px;display:flex;gap:var(--space-lg);align-items:flex-start}.author-avatar{width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:var(--color-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);flex-shrink:0}.author-box-name{font-family:var(--font-ui);font-weight:600;font-size:var(--text-base);margin-bottom:2px}.author-box-role{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.author-box-bio{font-size:var(--text-sm);line-height:1.55;color:var(--color-text-muted)}.author-box-links{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.author-box-link{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-accent);text-decoration:none}.author-box-link:hover{text-decoration:underline}.related-section{max-width:var(--content-width);margin:0 auto var(--space-3xl)}@media (max-width:768px){:root{font-size:17px}.hero{padding:var(--space-2xl) 0}.article-title,.hero-title{font-size:var(--text-2xl)}.article-grid{grid-template-columns:1fr}.article-card.featured{padding:var(--space-lg)}.article-byline{flex-direction:column;gap:var(--space-sm)}.article-byline-right{margin-left:0}.author-box{flex-direction:column;align-items:center;text-align:center}.newsletter-section{padding:var(--space-xl) var(--space-md)}}@media (max-width:480px){:root{font-size:16px}.hero-title{font-size:var(--text-xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.article-card:first-child{animation-delay:0ms}.article-card:nth-child(2){animation-delay:60ms}.article-card:nth-child(3){animation-delay:.12s}.article-card:nth-child(4){animation-delay:.18s}.article-card:nth-child(5){animation-delay:.24s}.article-card:nth-child(6){animation-delay:.3s}