@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";body{margin:0;min-width:320px;font-family:IBM Plex Sans,Arial,Helvetica,sans-serif}#root{min-height:100vh}:root{--bg: #faf7f2;--surface: #ffffff;--surface-alt: #fff1d6;--surface-soft: #fff8eb;--ink: #121212;--muted: #5a5a5a;--line: #131313;--brand: #e7212e;--brand-dark: #bf1722;--accent: #ffd43b;--green: #0f9d58;--pink: #f45c93;--shadow: 0 12px 0 rgba(18, 18, 18, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}a,button,input,textarea{font:inherit}button{cursor:pointer}body{color:var(--ink);background:radial-gradient(circle at top left,rgba(255,212,59,.28),transparent 20%),linear-gradient(180deg,#fffdf7,#fff8e7 48%,#faf7f2)}.app-shell{min-height:100vh;padding:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;margin:0 auto 1rem;border:3px solid var(--line);background:var(--surface);box-shadow:var(--shadow);max-width:1380px}.topbar-brand{display:grid;gap:.15rem}.topbar-label,.brand-kicker,.banner-kicker,.eyebrow,.section-header span,.rail-heading span,.article-meta-text,.promo-copy span,.cta-card span,.trending-item span,.story-card-body .story-badge,.lead-story-copy .story-badge{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.topbar strong{font-size:1.5rem;font-weight:900;text-transform:uppercase;font-family:Archivo Black,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.topbar nav{display:flex;gap:.75rem;flex-wrap:wrap}.topbar nav button,.ghost-button,.primary-button,.status-switches button,.story-link,.read-more-button,.back-link{padding:.8rem 1rem;border:3px solid var(--line);font-weight:800;text-transform:uppercase;background:var(--surface);transition:transform .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.topbar nav button.active,.primary-button,.read-more-button{color:#fff;background:var(--brand)}.ghost-button:hover,.topbar nav button:hover,.status-switches button:hover,.story-link:hover,.back-link:hover,.trending-item:hover,.draft-row:hover,.option-grid button:hover{background:var(--accent)}button:hover,.promo-card:hover,.story-card:hover,.related-card:hover,.cta-card:hover{transform:translateY(-2px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.network-shell,.article-layout,.studio-layout{display:grid;gap:1rem;width:100%;max-width:1380px;margin:0 auto}.homepage-grid,.article-grid,.studio-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:1rem;align-items:start}.feed-column,.editor-panel{display:grid;gap:1rem}.brand-ribbon,.lead-story,.story-card,.rail-panel,.article-lead,.article-body,.draft-list,.studio-panel,.studio-banner,.related-card,.promo-card,.cta-card{border:3px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:.35rem}.brand-ribbon,.studio-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.1rem;background:linear-gradient(90deg,var(--brand) 0%,var(--brand) 55%,var(--accent) 55%,var(--accent) 100%);overflow:hidden}.brand-ribbon strong,.studio-banner h1{margin:0;color:#fff}.brand-ribbon>div:first-child{display:grid;gap:.2rem}.brand-ribbon strong{font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.05;max-width:28ch}.brand-ribbon span,.studio-banner .banner-kicker{color:#ffffffe6}.brand-stats{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.brand-stats span{padding:.45rem .7rem;border:2px solid var(--line);font-size:.78rem;font-weight:700;color:var(--ink);background:#ffffffeb}.lead-story{display:grid;grid-template-columns:minmax(280px,.84fr) minmax(0,1.16fr);overflow:hidden;min-height:300px}.lead-story img,.story-card img,.article-hero,.promo-card img,.related-card img{width:100%;height:100%;display:block;object-fit:cover}.lead-story img,.story-card img{object-position:center 6%}.lead-story img{height:100%;min-height:100%;aspect-ratio:4 / 5}.lead-story-copy,.story-card-body,.article-lead,.article-body,.draft-list,.studio-panel,.rail-panel,.promo-copy,.cta-card,.related-card div{padding:1rem}.lead-story-copy h1,.article-lead h1,.studio-banner h1,.story-card h2{margin:.4rem 0 .75rem;font-family:Archivo Black,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;line-height:.95;letter-spacing:.01em}.lead-story-copy h1,.article-lead h1{font-size:clamp(2rem,4.1vw,3.8rem)}.lead-story-copy{display:grid;align-content:start;align-self:center;gap:.4rem;min-width:0}.lead-story-copy h1{max-width:9ch;font-size:clamp(1.95rem,3.2vw,3.2rem);line-height:.9;text-wrap:balance}.story-card h2{font-size:clamp(1.25rem,1.8vw,1.9rem)}.lead-story-copy p,.story-card p,.article-lead p,.article-section p,.cta-card p,label,.draft-row span,.json-preview{color:var(--muted);line-height:1.6}.lead-story-copy p,.story-card p,.article-lead p{max-width:62ch}.lead-story-copy p{max-width:34ch}.category-row{display:flex;gap:.75rem;flex-wrap:wrap}.story-grid,.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.story-card{overflow:hidden;align-self:start}.story-card img{aspect-ratio:16 / 10}.feature-card{display:grid;grid-template-columns:minmax(220px,.88fr) minmax(280px,1.12fr)}.feature-card img{height:100%}.feature-card .story-card-body{display:grid;align-content:center}.feature-card{grid-column:span 2}.story-link,.read-more-button,.back-link{display:inline-flex;align-items:center;gap:.4rem}.story-link{margin-top:.4rem}.right-rail,.sidebar-promos{display:grid;gap:1rem;align-content:start}.sidebar-promos{position:sticky;top:1rem;height:fit-content}.rail-heading strong,.section-header h2,.section-header h3{display:block;margin:.15rem 0 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;line-height:.95}.rail-heading{display:grid;gap:.3rem}.rail-heading strong{margin:0}.trending-list,.rail-promo-stack{display:grid;gap:.75rem}.trending-item,.draft-row,.option-grid button{display:grid;grid-template-columns:auto 1fr;gap:.75rem;width:100%;padding:.9rem;border:2px solid var(--line);text-align:left;background:var(--surface);border-radius:.35rem}.trending-item em{align-self:start;color:var(--brand);font-style:normal;font-size:1.1rem;font-weight:900}.trending-item strong,.draft-row strong,.promo-copy strong,.related-card strong,.cta-card strong{display:block;margin-top:.2rem;font-weight:900}.trending-item>div{min-width:0}.trending-item strong{line-height:1.08}.promo-card{display:grid;overflow:hidden;text-decoration:none;color:inherit}.promo-card.compact{grid-template-columns:96px 1fr}.promo-card:not(.compact) img{aspect-ratio:16 / 10}.promo-card.compact img{height:100%;min-height:100%}.promo-copy{display:grid;align-content:center;gap:.35rem}.niche-chip,.story-badge,.mini-badge{display:inline-flex;padding:.35rem .55rem;border:2px solid var(--line);font-size:.74rem;font-weight:900;text-transform:uppercase}.niche-chip{justify-content:center;max-width:100%;text-align:center;white-space:normal}.mint{background:#d8f8e3}.sun{background:#fff0a4}.rose{background:#ffd7e6}.sky{background:#d8ecff}.amber{background:#ffe7b8}.article-meta,.article-kicker-row,.studio-banner-actions,.status-switches,.studio-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.article-kicker-row{justify-content:space-between;padding:.85rem 1rem;border:2px solid var(--line);background:var(--surface-alt);border-radius:.35rem;font-size:.88rem}.article-body{display:grid;gap:1rem}.article-lead h1,.article-lead p,.article-body,.cta-stack,.related-reads{max-width:100%}.article-body>*{max-width:760px}.article-body>.article-hero,.article-body>.article-kicker-row,.article-body>.related-reads,.article-body>.cta-stack{max-width:none}.article-section{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:.9rem 0 0;border-top:2px solid #ddd;align-items:start}.section-number{width:2.1rem;height:2.1rem;display:grid;place-items:center;border:2px solid var(--line);font-weight:900;background:var(--accent)}.article-section h2{margin:0 0 .35rem;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:900}.mobile-inline-promo{display:none;margin-top:1rem}.cta-stack{display:grid;gap:.75rem}.cta-card{text-decoration:none;color:inherit}.cta-card.primary{background:linear-gradient(135deg,#fff0a4,#ffd0d5)}.cta-card.secondary{background:linear-gradient(135deg,#ffe6b2,#fff7df)}.related-card{display:grid;gap:0;padding:0;text-align:left;overflow:hidden;background:var(--surface);border-radius:.35rem}.related-card img{aspect-ratio:16 / 10}.studio-banner{align-items:end}.studio-banner-actions{justify-content:flex-end}.draft-list,.studio-panel,.editor-panel{display:grid;gap:1rem}.draft-list{position:sticky;top:5.75rem;height:fit-content;max-height:calc(100vh - 7rem);overflow:auto}.draft-counter{padding:.55rem .7rem;border:2px solid var(--line);font-size:.8rem;font-weight:800;background:var(--surface-alt)}.draft-row{grid-template-columns:1fr}.draft-row.active,.option-grid button.selected,.status-switches button.active{color:#fff;background:var(--brand)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.full-span{grid-column:1 / -1}label{display:grid;gap:.45rem;font-size:.95rem;font-weight:700}input,textarea{width:100%;padding:.9rem 1rem;border:2px solid var(--line);color:var(--ink);background:#fffdf9;border-radius:.35rem}textarea{min-height:120px;resize:vertical}.selection-block{display:grid;gap:.75rem}.option-grid{display:flex;flex-wrap:wrap;gap:.75rem}.option-grid button{width:auto;grid-template-columns:1fr}.error-callout{margin:0;padding:.8rem 1rem;border:2px solid var(--brand-dark);font-weight:700;color:var(--brand-dark);background:#ffe3e5}.suggestion-list{display:flex;gap:.5rem;flex-wrap:wrap}.suggestion-list span{padding:.45rem .65rem;border:2px solid var(--line);font-size:.8rem;font-weight:700;background:var(--surface-alt)}.json-preview{overflow:auto;padding:1rem;border:2px solid var(--line);background:#fffdf9;max-height:28rem;border-radius:.35rem}@media(max-width:1180px){.homepage-grid,.article-grid,.studio-grid{grid-template-columns:minmax(0,1fr) 320px}.lead-story{min-height:260px;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}}@media(max-width:980px){.homepage-grid,.article-grid,.studio-grid,.lead-story,.form-grid,.topbar,.brand-ribbon,.studio-banner{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.story-grid,.related-grid{grid-template-columns:1fr}.feature-card{grid-column:auto}.feature-card,.lead-story{grid-template-columns:1fr}.lead-story img,.feature-card img{max-height:220px;object-position:center 4%}.lead-story-copy h1{max-width:100%}.right-rail,.sidebar-promos{position:static}.draft-list{position:static;max-height:none}.brand-ribbon,.studio-banner{background:linear-gradient(180deg,var(--brand) 0%,var(--brand) 58%,var(--accent) 58%,var(--accent) 100%)}.brand-ribbon{grid-template-columns:1fr}.studio-banner-actions{width:100%;justify-content:flex-start}}@media(max-width:720px){.app-shell{padding:.75rem}.topbar nav{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.topbar nav button,.ghost-button,.primary-button,.status-switches button,.story-link,.read-more-button,.back-link{width:100%;justify-content:center}.mobile-inline-promo{display:block}.sidebar-promos{display:none}.article-section{grid-template-columns:1fr}.lead-story-copy,.story-card-body,.article-lead,.article-body,.draft-list,.studio-panel,.rail-panel,.promo-copy,.cta-card,.related-card div{padding:.85rem}.promo-card.compact{grid-template-columns:88px 1fr}.lead-story-copy h1,.article-lead h1{font-size:clamp(1.8rem,10vw,2.6rem)}.story-card h2{font-size:clamp(1.1rem,6.5vw,1.55rem)}.article-section{gap:.75rem}.article-body>*{max-width:100%}}@media(max-width:560px){.app-shell{padding:.5rem}.topbar{padding:.8rem}.brand-stats{justify-content:flex-start}.category-row,.article-meta,.article-kicker-row,.studio-banner-actions,.status-switches{gap:.5rem}.niche-chip,.story-badge,.mini-badge{font-size:.68rem}.article-kicker-row{align-items:flex-start}.section-number{width:2rem;height:2rem}}