:root{--ink:#101316;--muted:#697179;--line:#e7e9eb;--paper:#f8f8f6;--accent:#e24a34;--card:#fff;--shadow:0 12px 30px rgba(16,19,22,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:auto;padding:0 24px}.topbar{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Playfair Display',serif;font-size:34px;letter-spacing:-1.8px}.brand span{color:var(--accent);font-size:.45em;letter-spacing:1.2px;margin-left:7px;vertical-align:middle}.brand.small{font-size:24px}.menu-btn,.search-btn,.theme-btn{background:none;border:0;font-size:23px;cursor:pointer;padding:8px;color:var(--ink)}.header-actions{display:flex;gap:8px}.nav{display:flex;gap:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:50px;align-items:center;overflow:auto;white-space:nowrap}.nav a{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.nav a.active,.nav a:hover{color:var(--accent)}.ticker{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);height:47px;font-size:13px}.ticker strong{color:var(--accent);font-size:11px;letter-spacing:1px}.ticker #tickerText{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticker button{margin-left:auto;border:0;background:none;font-size:24px;cursor:pointer}.live-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(226,74,52,.12)}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;padding:42px 0 56px}.hero-card{background:var(--card);box-shadow:var(--shadow)}.hero-image{height:300px;position:relative}.gradient-one{background:linear-gradient(135deg,#233b55,#d27d45 58%,#f0c17b)}.gradient-two{background:linear-gradient(135deg,#537f6f,#d6b267)}.gradient-three{background:linear-gradient(135deg,#5a356f,#d889ae)}.gradient-four{background:linear-gradient(135deg,#1e4d78,#57a3c6)}.category{display:inline-block;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.2px}.hero-image .category{position:absolute;left:22px;bottom:20px;background:#fff;padding:7px 10px}.hero-copy{padding:25px 27px 29px}.hero-copy h1{font-family:'Playfair Display',serif;font-size:36px;line-height:1.12;margin:8px 0 13px}.dek{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 20px}.meta{font-size:12px;color:var(--muted)}.side-stories{display:flex;flex-direction:column;gap:22px}.story.compact{display:grid;grid-template-columns:125px 1fr;gap:17px;padding-bottom:22px;border-bottom:1px solid var(--line)}.thumb{height:95px}.story h2{font-family:'Playfair Display',serif;font-size:19px;line-height:1.2;margin:7px 0 10px}.section-heading,.rail-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);padding-bottom:11px;margin-bottom:20px}.section-heading h2,.rail-heading h2{font-family:'Playfair Display',serif;font-size:27px;margin:0}.section-heading a,.rail-heading span{color:var(--accent);font-size:12px;font-weight:700}.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:60px;margin-bottom:80px}.feed{display:flex;flex-direction:column}.feed-item{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.feed-image{height:120px}.feed-item h3{font-family:'Playfair Display',serif;font-size:22px;line-height:1.2;margin:7px 0 9px}.feed-item p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 10px}.popular{list-style:none;padding:0;margin:0}.popular li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.popular span{font-family:'Playfair Display',serif;color:#b8bdc0;font-size:20px}.popular a{font-family:'Playfair Display',serif;font-size:17px;line-height:1.22}.newsletter{background:var(--ink);color:#fff;margin-top:30px;padding:25px}.newsletter .category{color:#ff846f}.newsletter h3{font-family:'Playfair Display',serif;font-size:24px;margin:10px 0 6px}.newsletter p{color:#b7bdc2;font-size:13px;margin:0 0 18px}.newsletter form{display:flex;gap:7px}.newsletter input{min-width:0;flex:1;padding:11px;border:0;font:inherit}.newsletter button{background:var(--accent);border:0;color:#fff;padding:0 14px;font-weight:700;cursor:pointer}.newsletter small{display:block;color:#ffb0a4;margin-top:10px}.footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:22px}.footer p{margin:8px 0 0}@media(max-width:800px){.hero-grid,.content-grid{grid-template-columns:1fr;gap:28px}.hero-copy h1{font-size:30px}.feed-item{grid-template-columns:120px 1fr}.footer-inner{align-items:flex-start;gap:22px;flex-direction:column}.top-links{display:none}.nav{gap:18px}.site-header{height:84px}}

.account-btn{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:9px 14px;border-radius:999px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.story-actions{display:flex;gap:8px;margin-top:12px}.story-actions button,.logout{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 11px;font:inherit;font-size:11px;cursor:pointer}.workspace{background:var(--card);box-shadow:var(--shadow);padding:26px;margin:0 0 70px}.workspace-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.workspace h2,.workspace h3{font-family:'Playfair Display',serif;margin:7px 0}.muted{color:var(--muted);font-size:13px}.post-form{display:flex;flex-direction:column;gap:13px;max-width:760px}.post-form label,.modal-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.post-form input,.post-form textarea,.modal-card input,.modal-card select{border:1px solid var(--line);padding:11px;font:inherit;background:var(--paper);color:var(--ink);border-radius:4px}.form-grid{display:grid;grid-template-columns:1fr 2fr;gap:13px}.primary{border:0;background:var(--accent);color:#fff;padding:11px 16px;border-radius:4px;font-weight:700;cursor:pointer;align-self:flex-start}.form-message,.form-error{color:var(--accent);margin-top:5px}.member-note{padding:20px 0;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(16,19,22,.52);display:grid;place-items:center;padding:20px;z-index:10}.modal[hidden],.workspace[hidden]{display:none}.modal-card{position:relative;background:var(--card);width:min(440px,100%);padding:28px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--muted)}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px;gap:18px}.auth-tabs button{border:0;background:none;padding:0 0 10px;font-weight:700;color:var(--muted);cursor:pointer}.auth-tabs button.selected{color:var(--accent);border-bottom:2px solid var(--accent)}#authForm{display:flex;flex-direction:column;gap:13px}.dark{--ink:#f4f5f6;--muted:#aeb5ba;--line:#343b40;--paper:#16191b;--card:#202528;--shadow:0 12px 30px rgba(0,0,0,.2)}.dark .account-btn{border-color:var(--line)}
@media(max-width:600px){.form-grid{grid-template-columns:1fr}.workspace-head{gap:15px;flex-direction:column}.account-btn{padding:8px 11px}}
.topic-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 58px}.topic-strip article{background:var(--card);padding:20px;border-top:3px solid var(--accent);box-shadow:var(--shadow);scroll-margin-top:20px}.topic-strip h3{font-family:'Playfair Display',serif;font-size:21px;margin:8px 0}.topic-strip p{font-size:13px;color:var(--muted);line-height:1.45;min-height:38px}.topic-strip a,.text-link{font-size:12px;font-weight:700;color:var(--accent)}.page-section{margin:70px 0;scroll-margin-top:25px}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.page-card{min-height:250px;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;background-size:cover;box-shadow:var(--shadow)}.page-card .category{color:#fff;opacity:.85}.page-card h3{font-family:'Playfair Display',serif;font-size:24px;line-height:1.15;margin:8px 0}.page-card p{font-size:13px;margin:0;color:rgba(255,255,255,.8)}.play{position:absolute;top:18px;right:18px;border:1px solid rgba(255,255,255,.6);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:13px}.split-section{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:center;background:var(--card);padding:30px;box-shadow:var(--shadow)}.split-section h2,.info-section h2{font-family:'Playfair Display',serif;font-size:34px;margin:8px 0 12px}.large-copy{font-size:17px;line-height:1.55;color:var(--muted);max-width:520px}.magazine-cover{min-height:260px;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.magazine-cover strong{font-size:12px;letter-spacing:2px}.magazine-cover span{font-family:'Playfair Display',serif;font-size:30px;line-height:1.1;max-width:220px}.info-section{max-width:820px}.info-section>p{color:var(--muted);font-size:16px;line-height:1.7}.contact-form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.contact-form input,.contact-form textarea{padding:11px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}.contact-form .primary{align-self:flex-start}
+@media(max-width:800px){.topic-strip,.page-grid{grid-template-columns:1fr 1fr}.split-section{grid-template-columns:1fr}}
+@media(max-width:520px){.topic-strip,.page-grid{grid-template-columns:1fr}.split-section h2,.info-section h2{font-size:28px}}
.dashboard-stats{margin:22px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card{background:var(--paper);border:1px solid var(--line);padding:16px}.stat-card strong{display:block;font-family:'Playfair Display',serif;font-size:27px}.stat-card span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.activity-panel{border-top:1px solid var(--line);padding-top:16px}.activity-panel h3{margin-top:0}.activity-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.activity-row small{color:var(--muted)}.status-published{color:#2a8a57}.status-pending{color:#c17b19}.status-rejected{color:var(--accent)}.loading-card{color:var(--muted);padding:14px 0}@media(max-width:700px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
.account-page{padding-bottom:70px}.account-page-head{height:104px;display:flex;align-items:center;justify-content:space-between}.account-layout{display:grid;grid-template-columns:260px 1fr;gap:38px;border-top:1px solid var(--line);padding-top:34px}.account-sidebar{background:var(--card);padding:24px;box-shadow:var(--shadow);align-self:start}.account-sidebar h1{font-family:'Playfair Display',serif;font-size:27px;margin:8px 0}.account-nav{display:flex;flex-direction:column;gap:5px;margin-top:26px}.account-nav button{text-align:left;border:0;background:none;padding:11px 10px;color:var(--muted);font:inherit;cursor:pointer;border-left:2px solid transparent}.account-nav button.selected,.account-nav button:hover{color:var(--accent);border-left-color:var(--accent);background:var(--paper)}.account-content{background:var(--card);padding:30px;min-height:480px;box-shadow:var(--shadow)}.account-content h2{font-family:'Playfair Display',serif;font-size:32px;margin:8px 0 10px}.message-card{display:flex;align-items:center;gap:14px;background:var(--paper);padding:18px;margin:22px 0}.message-card strong{font-family:'Playfair Display',serif;font-size:32px}.message-card span{color:var(--muted)}@media(max-width:750px){.account-layout{grid-template-columns:1fr}.account-page-head{height:84px}.account-nav{display:grid;grid-template-columns:repeat(2,1fr)}}
