.news-page { background:
  radial-gradient(circle at 78% 2%, rgba(30,67,111,.2), transparent 31rem),
  radial-gradient(circle at 7% 34%, rgba(255,182,0,.055), transparent 24rem),
  #07111f; }
.news-page [hidden] { display: none !important; }
.news-shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:34px 0 96px; min-height:75vh; }
.news-masthead { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:48px; padding:28px 0 34px; border-bottom:1px solid rgba(186,217,252,.14); }
.news-kicker { margin:0 0 13px; color:#ffb600; font-size:11px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.news-masthead h1 { margin:0; max-width:800px; color:#f5f9ff; font-family:Georgia,serif; font-size:clamp(2.8rem,5vw,4.8rem); font-weight:500; letter-spacing:-.05em; line-height:.96; text-wrap:balance; }
.news-masthead p:not(.news-kicker) { margin:22px 0 0; color:#8fa5bd; font-size:15px; font-weight:650; letter-spacing:.01em; }
.news-live { display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid rgba(34,197,94,.2); border-radius:999px; background:rgba(34,197,94,.07); white-space:nowrap; color:#a8bad0; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.news-live span { display:block; width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 16px rgba(34,197,94,.9); }
.news-tabs { display:flex; gap:8px; margin:22px 0 28px; padding:5px; width:max-content; max-width:100%; border:1px solid rgba(186,217,252,.1); border-radius:12px; background:rgba(5,15,28,.55); overflow-x:auto; }
.news-tab { appearance:none; border:0; border-radius:8px; background:none; color:#71859e; padding:10px 15px; font:750 12px/1 inherit; white-space:nowrap; cursor:pointer; transition:background .18s ease,color .18s ease; }
.news-tab:hover { color:#dce8f6; }
.news-tab.active { color:#111827; background:#ffb600; box-shadow:0 5px 18px rgba(255,182,0,.16); }
.news-status { padding:54px 0; color:#8398b0; text-align:center; }
.news-view-heading { display:flex; align-items:end; justify-content:space-between; gap:36px; margin:0 0 20px; padding:0 2px 20px; border-bottom:1px solid rgba(186,217,252,.09); }
.news-view-heading h2 { margin:0; color:#f4f8fe; font:500 clamp(26px,3vw,36px)/1.1 Georgia,serif; }
.news-view-heading>p { max-width:480px; margin:0; color:#71869f; font-size:13px; line-height:1.6; text-align:right; }
.news-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:18px; align-items:stretch; }
.news-card { position:relative; isolation:isolate; display:flex; flex-direction:column; min-height:300px; padding:28px; overflow:hidden; border:1px solid rgba(140,178,220,.14); border-radius:18px; background:linear-gradient(145deg,rgba(17,39,65,.98),rgba(8,22,39,.98)); box-shadow:0 18px 50px rgba(0,0,0,.16); color:inherit; text-decoration:none; cursor:pointer; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.news-card::before { content:""; position:absolute; z-index:-1; width:320px; height:320px; right:-150px; top:-190px; border-radius:50%; background:radial-gradient(circle,rgba(255,182,0,.13),rgba(255,182,0,0) 68%); transition:transform .25s ease; }
.news-card:hover { transform:translateY(-4px); border-color:rgba(255,182,0,.42); box-shadow:0 24px 65px rgba(0,0,0,.25); }
.news-card:hover::before { transform:scale(1.15); }
.news-card-top { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.news-card-publication { color:#ffbd18; font-size:10px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.news-card-edition { padding:6px 9px; border:1px solid rgba(163,190,222,.13); border-radius:999px; color:#7890aa; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.news-card-copy { width:min(100%,790px); padding:20px 0 14px; }
.news-card h2 { margin:0 0 12px; color:#f5f8fd; font-family:Georgia,serif; font-size:clamp(27px,3vw,36px); line-height:1.05; font-weight:500; letter-spacing:-.025em; text-wrap:balance; }
.news-card-excerpt { max-width:720px; color:#8fa5bd; font-size:13px; line-height:1.65; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.news-card-meta { margin-top:auto; padding-top:20px; border-top:1px solid rgba(163,190,222,.1); display:flex; align-items:center; gap:14px; color:#6f849d; font-size:11px; }
.news-card-byline { margin-right:auto; }
.news-price,.news-free { padding:6px 9px; border-radius:999px; font-weight:800; }
.news-price { background:rgba(34,197,94,.1); color:#8ee3a7; }
.news-free { background:rgba(163,190,222,.08); color:#a5b8cc; }
.news-card-cta { display:flex; align-items:center; gap:7px; color:#d9e5f3; font-weight:800; }
.news-card-cta span { color:#ffbd18; font-size:15px; transition:transform .18s ease; }
.news-card:hover .news-card-cta span { transform:translateX(3px); }
.news-primary,.news-secondary { border:0; border-radius:9px; padding:11px 17px; background:#ffb600; color:#161006; font-weight:800; cursor:pointer; }
.news-secondary { display:block; margin:28px auto 0; background:rgba(186,217,252,.1); color:#dcecff; border:1px solid rgba(186,217,252,.15); }
.newsroom-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:28px; }
.newsroom-heading h2 { margin:0; color:#fff; font-size:30px; }
.newsroom-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(250px,1fr); gap:24px; }
.news-section-title { color:rgba(186,217,252,.8); font-size:13px; text-transform:uppercase; letter-spacing:.1em; }
.draft-list { display:grid; gap:10px; }
.draft-row { width:100%; padding:18px; text-align:left; border:1px solid rgba(186,217,252,.12); border-radius:12px; background:rgba(16,33,54,.72); color:#fff; cursor:pointer; }
.draft-row:hover { border-color:rgba(255,182,0,.35); }
.draft-row strong { display:block; font-size:16px; }
.draft-row span { display:block; margin-top:7px; color:rgba(186,217,252,.48); font-size:12px; }
.newsroom-guide { align-self:start; padding:22px; border-left:3px solid #ffb600; border-radius:0 12px 12px 0; background:rgba(255,182,0,.07); color:rgba(186,217,252,.66); font-size:13px; line-height:1.65; }
.newsroom-guide strong { color:#fff; font-size:15px; }
.news-dialog { position:fixed; inset:0; width:min(760px,calc(100% - 28px)); max-height:88dvh; margin:auto; overflow:auto; padding:34px; border:1px solid rgba(186,217,252,.18); border-radius:18px; background:#0b1a2d; color:#eaf4ff; box-shadow:0 30px 100px rgba(0,0,0,.6); }
.news-dialog::backdrop { background:rgba(1,7,14,.78); backdrop-filter:blur(5px); }
.dialog-close { position:absolute; top:13px; right:16px; border:0; background:none; color:rgba(255,255,255,.6); font-size:28px; cursor:pointer; }
.article-headline { margin:4px 0 12px; color:#fff; font-family:Georgia,serif; font-size:clamp(30px,5vw,52px); line-height:1.02; font-weight:500; }
.article-byline { padding-bottom:22px; border-bottom:1px solid rgba(186,217,252,.14); color:rgba(186,217,252,.52); font-size:12px; }
.article-body { margin-top:28px; color:rgba(229,240,252,.86); font-family:Georgia,serif; font-size:17px; line-height:1.75; overflow-wrap:anywhere; }
.article-body h2,.article-body h3 { color:#fff; line-height:1.2; }
.article-body .article-paragraph { margin:0 0 1.05em; }
.article-body blockquote { margin:1.35em 0; padding:3px 0 3px 20px; border-left:3px solid #ffb600; color:#b8c8da; font-style:italic; }
.article-body ul,.article-body ol { margin:.55em 0 1em; padding-left:1.5em; }
.article-body li { margin:.25em 0; }
.article-body a { color:#ffca43; text-decoration-thickness:1px; text-underline-offset:3px; }
.article-body code { padding:.1em .35em; border:1px solid rgba(186,217,252,.12); border-radius:5px; background:#06111f; color:#ffcf55; font:0.88em/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.article-body pre { padding:16px; overflow:auto; border:1px solid rgba(186,217,252,.12); border-radius:10px; background:#06111f; }
.article-body pre code { padding:0; border:0; background:none; color:#d8e7f8; }
.article-spoiler { padding:0 .2em; border-radius:3px; background:#2b3441; color:transparent; cursor:help; transition:color .15s ease,background .15s ease; }
.article-spoiler:hover,.article-spoiler:focus { background:#394657; color:inherit; outline:none; }
.article-paywall { margin-top:28px; padding:28px; border:1px solid rgba(255,182,0,.24); border-radius:12px; background:rgba(255,182,0,.06); text-align:center; }
.article-paywall .news-primary { margin-top:10px; }
#purchaseStatus { min-height:20px; margin-top:14px; color:rgba(186,217,252,.66); font-size:12px; }
.composer-dialog h2 { margin:0 0 24px; color:#fff; font-size:30px; }
.composer-dialog form { display:grid; gap:17px; }
.composer-dialog label { display:grid; gap:7px; color:rgba(186,217,252,.7); font-size:12px; font-weight:700; }
.composer-dialog input,.composer-dialog select,.composer-dialog textarea { width:100%; box-sizing:border-box; border:1px solid rgba(186,217,252,.16); border-radius:9px; background:#071321; color:#edf6ff; padding:12px; font:inherit; }
.composer-dialog textarea { min-height:280px; resize:vertical; line-height:1.55; }
.markdown-composer { overflow:hidden; border:1px solid rgba(186,217,252,.16); border-radius:10px; background:#071321; }
.markdown-toolbar { display:flex; flex-wrap:wrap; gap:4px; padding:7px; border-bottom:1px solid rgba(186,217,252,.12); background:rgba(186,217,252,.035); }
.markdown-toolbar button { min-width:34px; height:31px; padding:0 9px; border:1px solid transparent; border-radius:6px; background:transparent; color:#aabed4; font:700 12px/1 inherit; cursor:pointer; }
.markdown-toolbar button:hover { border-color:rgba(255,182,0,.3); background:rgba(255,182,0,.08); color:#fff; }
.markdown-composer textarea { min-height:320px; border:0; border-radius:0; outline:none; }
.markdown-help { padding:8px 11px; border-top:1px solid rgba(186,217,252,.09); color:#647991; font-size:11px; line-height:1.45; }
.draft-preview { padding:18px; border:1px solid rgba(186,217,252,.11); border-radius:10px; background:rgba(10,27,46,.58); }
.draft-preview .article-body { margin-top:0; min-height:90px; }
.preview-empty { color:#687e97; font-family:inherit; font-size:13px; font-style:italic; }
.form-error { color:#fda4af; font-size:13px; }
.draft-success { margin-top:20px; padding:17px; border:1px solid rgba(34,197,94,.25); border-radius:10px; background:rgba(34,197,94,.08); color:#c5f6d2; font-size:13px; line-height:1.55; }
.draft-success a { color:#ffcf55; font-weight:800; }
.publish-options { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.article-image { margin:24px 0; }
.article-image img { display:block; width:100%; max-height:720px; object-fit:contain; border-radius:12px; background:#071321; }
.article-image figcaption { margin-top:8px; color:#91a6bd; font-size:14px; }
.check-row { display:flex!important; grid-auto-flow:column; justify-content:start; align-items:center; gap:9px!important; }
.check-row input { width:auto; }
.moderation-layout { display:grid; gap:24px; }
.moderation-panel { padding:24px; border:1px solid rgba(186,217,252,.12); border-radius:16px; background:rgba(7,19,33,.55); }
.moderation-panel-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.moderation-panel-heading h3 { margin:5px 0 0; color:#fff; font-family:Georgia,serif; font-size:clamp(1.5rem,3vw,2.1rem); }
.moderation-panel-heading>p { max-width:520px; margin:0; color:#8297ae; font-size:13px; line-height:1.55; text-align:right; }
.publication-ban-form { display:grid; grid-template-columns:minmax(180px,.75fr) minmax(260px,1.25fr) auto; gap:14px; align-items:end; padding:18px; margin-bottom:18px; border:1px solid rgba(255,191,37,.16); border-radius:12px; background:rgba(255,191,37,.035); }
.publication-ban-form label { display:grid; gap:7px; color:#9fb1c5; font-size:12px; font-weight:800; }
.publication-ban-form input,.publication-ban-form textarea { box-sizing:border-box; width:100%; min-height:44px; border:1px solid rgba(186,217,252,.16); border-radius:9px; background:rgba(5,15,28,.8); color:#fff; padding:11px 13px; font:inherit; resize:vertical; }
.publication-ban-form textarea { height:44px; min-height:44px; max-height:130px; }
.publication-ban-form .news-primary { min-height:44px; }
.publication-ban-form .form-error { grid-column:1/-1; }
.restriction-list { display:grid; gap:9px; }
.restriction-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; padding:15px 17px; border:1px solid rgba(239,68,68,.16); border-radius:11px; background:rgba(82,20,27,.13); }
.restriction-row strong { display:block; color:#fff; }
.restriction-row span { display:block; margin-top:4px; color:#9caec2; font-size:12px; line-height:1.45; }
.restriction-row .news-secondary { margin:0; color:#ffd0d5; border-color:rgba(239,68,68,.25); }
.moderation-search { display:flex; gap:10px; margin-bottom:22px; }
.moderation-search input { flex:1; border:1px solid rgba(186,217,252,.16); border-radius:9px; background:rgba(5,15,28,.8); color:#fff; padding:12px 14px; }
.moderation-search .news-secondary { margin:0; }
.moderation-list { display:grid; gap:10px; }
.moderation-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; padding:18px 20px; border:1px solid rgba(186,217,252,.12); border-radius:12px; background:rgba(12,29,49,.8); color:inherit; text-decoration:none; }
.moderation-row strong { display:block; color:#fff; margin-bottom:5px; }
.moderation-row span { color:rgba(186,217,252,.48); font-size:12px; }
.moderation-state { padding:5px 9px; border-radius:999px; background:rgba(34,197,94,.12); color:#8bd6a2!important; font-weight:800; }
.moderation-state.removed { background:rgba(239,68,68,.13); color:#fca5a5!important; }
.audit-list { display:grid; gap:9px; margin:18px 0; }
.audit-entry { padding:12px; border:1px solid rgba(186,217,252,.1); border-radius:9px; color:rgba(186,217,252,.62); font-size:12px; }
.moderation-read { margin:18px 0 0; }
.moderation-article-meta { margin:20px 0 -8px; color:#ffbf25; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
#moderationArticleBody { margin:18px 0 24px; padding:20px; border:1px solid rgba(186,217,252,.12); border-radius:12px; background:#071321; }
@media (max-width:850px) {
  .news-masthead { grid-template-columns:1fr; gap:24px; }
  .news-live { width:max-content; }
  .news-grid { grid-template-columns:1fr; }
  .news-card { min-height:260px; }
  .newsroom-layout { grid-template-columns:1fr; }
  .publication-ban-form { grid-template-columns:1fr; }
  .moderation-panel-heading { display:block; }
  .moderation-panel-heading>p { margin-top:8px; text-align:left; }
}
@media (max-width:600px) {
  .news-shell { width:min(100% - 24px,1240px); padding:24px 0 64px; }
  .news-masthead { padding:26px 0 30px; }
  .news-masthead h1 { font-size:clamp(2.7rem,14vw,4rem); }
  .news-tabs { width:100%; box-sizing:border-box; }
  .news-card { min-height:0; padding:24px; }
  .news-view-heading { display:block; }
  .news-view-heading>p { margin-top:9px; text-align:left; }
  .news-card-edition { display:none; }
  .news-card-meta { flex-wrap:wrap; }
  .news-card-byline { width:100%; }
  .news-card-cta { margin-left:auto; }
  .news-dialog { padding:28px 18px; }
  .publish-options { grid-template-columns:1fr; }
}
