:root { --na-ink:#18334b; --na-muted:#586b7c; --na-line:#dce5ed; --na-green:#286859; --na-blue:#245dc1; --na-soft:#f0f7f4; --na-bg:#fbfcfd; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body.news-admin-page { margin:0; background:var(--na-bg); color:var(--na-ink); font:14px/1.65 "Segoe UI",Tahoma,sans-serif; }
.news-admin-page button,.news-admin-page input,.news-admin-page textarea,.news-admin-page select { font:inherit; }
.news-admin-page a { text-underline-offset:3px; }
.news-admin-page :focus-visible { outline:3px solid #477bbf; outline-offset:3px; }
.news-admin-header { min-height:74px; display:flex; align-items:center; gap:13px; padding:10px 28px; background:#fff; border-bottom:1px solid var(--na-line); }
.news-admin-brand { display:block; flex-shrink:0; width:200px; height:46px; overflow:hidden; line-height:0; }
.news-admin-brand img { display:block; width:210px; height:210px; transform:translate(-13px,-82px); }
.news-admin-badge { padding:2px 9px; border:1px solid #d7e6dd; border-radius:999px; font-size:11px; color:var(--na-green); background:var(--na-soft); font-weight:650; }
.news-admin-header nav { display:flex; flex-wrap:wrap; gap:5px; margin-left:auto; }
.news-admin-header nav a { display:inline-flex; align-items:center; min-height:44px; padding:9px 14px; border-radius:999px; color:var(--na-muted); text-decoration:none; font-size:13px; font-weight:600; }
.news-admin-header nav a:hover,.news-admin-header nav a[aria-current] { background:#edf2fa; color:var(--na-blue); }
.news-admin-wrap { width:min(1160px,calc(100% - 64px)); margin:38px auto 60px; }
.news-admin-intro { max-width:770px; margin-bottom:24px; }
.news-admin-eyebrow { margin:0 0 10px; font-size:11px; color:var(--na-green); font-weight:650; letter-spacing:.08em; text-transform:uppercase; }
.news-admin-intro h1 { margin:0 0 11px; font-size:clamp(30px,4vw,40px); font-weight:650; line-height:1.16; letter-spacing:-.035em; }
.news-admin-intro > p:last-child { color:var(--na-muted); margin:0; font-size:15px; }
.news-admin-message { min-height:24px; margin:0 0 18px; color:var(--na-muted); }
.news-admin-message[data-kind="error"] { border-left:3px solid #bc4651; padding:9px 13px; background:#fff4f4; color:#8b2530; }
.news-admin-message[data-kind="success"] { border-left:3px solid #74a790; padding:9px 13px; background:var(--na-soft); color:var(--na-green); }
.news-admin-watch { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 0 21px; border-top:1px solid var(--na-line); border-bottom:1px solid var(--na-line); }
.news-admin-watch p { margin:0; }
.news-admin-watch-title { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-weight:650; }
.news-admin-state { display:inline-flex; align-items:center; padding:2px 9px; border:1px solid #d7e6dd; border-radius:999px; color:var(--na-green); background:var(--na-soft); font-size:11px; font-weight:600; white-space:nowrap; }
.news-admin-state[data-kind="warning"] { background:#fff8ea; color:#856020; border-color:#eaddbd; }
.news-admin-muted { color:var(--na-muted); font-size:13px; }
.news-admin-small { margin:6px 0 0; color:var(--na-muted); font-size:12px; line-height:1.6; }
.news-admin-collection-errors { margin-top:14px; padding:12px 15px; border-left:3px solid #d2a54a; background:#fff9ec; color:#755222; font-size:13px; }
.news-admin-collection-errors p { margin:0 0 6px; }
.news-admin-collection-errors ul { margin:0; padding-left:19px; }
.news-admin-month-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; }
.news-admin-field { margin-bottom:17px; }
.news-admin-field label { display:block; margin-bottom:6px; font-weight:600; font-size:13px; }
.news-admin-field input,.news-admin-field textarea,.news-admin-field select { width:100%; padding:10px 12px; border:1px solid #cbd8e3; border-radius:10px; background:#fff; color:var(--na-ink); min-height:44px; }
.news-admin-field textarea { resize:vertical; line-height:1.55; }
.news-admin-field input:focus,.news-admin-field textarea:focus,.news-admin-field select:focus { border-color:#6996c8; }
.news-admin-month-field { min-width:210px; margin:0; }
.news-admin-text-link { color:var(--na-blue); font-size:13px; }
.news-admin-editor-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:43px; align-items:start; }
.news-admin-editor { min-width:0; }
.news-admin-editor-heading { display:flex; align-items:center; gap:12px; }
.news-admin-editor h2,.news-admin-published h2 { font-size:20px; font-weight:650; margin:0; letter-spacing:-.02em; }
.news-admin-editor > .news-admin-small { margin:7px 0 20px; }
.news-admin-editor fieldset { padding:0; margin:0; border:0; min-width:0; }
.news-admin-date-field { max-width:240px; }
.news-admin-save-row { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.news-admin-save-row .news-admin-small { margin:0; }
.news-admin-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 17px; border:1px solid var(--na-ink); border-radius:999px; background:var(--na-ink); color:#fff; font-weight:600 !important; font-size:13px !important; line-height:1.45 !important; cursor:pointer; }
.news-admin-button:hover { background:#274c69; border-color:#274c69; }
.news-admin-button-secondary { color:var(--na-ink); background:#fff; border-color:#cbd8e3; }
.news-admin-button-secondary:hover { background:#edf2fa; border-color:#9db7d1; }
.news-admin-button-green { background:var(--na-green); border-color:var(--na-green); }
.news-admin-button-green:hover { background:#1d5446; border-color:#1d5446; }
.news-admin-button-plain { border-color:transparent; background:transparent; color:var(--na-muted); }
.news-admin-button-plain:hover { background:#edf2fa; border-color:transparent; color:var(--na-ink); }
.news-admin-button:disabled { opacity:.5; cursor:default; }
.news-admin-publication { margin-top:26px; padding-top:23px; border-top:1px solid var(--na-line); }
.news-admin-publication h3 { font-size:15px; font-weight:650; margin:0 0 12px; }
.news-admin-review-label { display:flex; align-items:flex-start; gap:10px; cursor:pointer; color:var(--na-muted); font-size:13px; }
.news-admin-review-label input { margin:4px 0 0; width:17px; height:17px; flex-shrink:0; accent-color:var(--na-green); }
.news-admin-publication > .news-admin-button { margin-top:14px; }
.news-admin-inline-confirm { margin:17px 0; padding:13px 15px; border-left:3px solid #78a18f; background:var(--na-soft); }
.news-admin-inline-confirm p { margin:0 0 12px; font-size:13px; }
.news-admin-confirm-actions { display:flex; flex-wrap:wrap; gap:8px; }
.news-admin-reading { position:sticky; top:22px; min-width:0; border-left:1px solid var(--na-line); padding:6px 0 0 30px; }
#news-preview h2 { font-size:27px; font-weight:650; line-height:1.24; letter-spacing:-.025em; overflow-wrap:anywhere; margin:12px 0; }
#news-preview p { margin:0 0 16px; color:var(--na-muted); line-height:1.8; overflow-wrap:anywhere; }
#news-preview .news-admin-preview-teaser { color:var(--na-ink); font-size:15px; }
#news-preview .news-admin-preview-meta { color:var(--na-green); font-size:12px; margin:0; }
#news-preview h3 { font-size:14px; font-weight:650; margin:23px 0 9px; }
#news-preview ul { padding-left:19px; color:var(--na-muted); margin:0 0 20px; }
#news-preview li { margin-bottom:9px; overflow-wrap:anywhere; }
#news-preview .news-admin-preview-sources { padding:0; list-style:none; font-size:12px; }
#news-preview a { color:var(--na-green); overflow-wrap:anywhere; }
.news-admin-preview-note { color:var(--na-muted); font-size:11px; padding-top:14px; border-top:1px solid var(--na-line); }
.news-admin-candidate-note { margin:22px 0; padding-left:15px; border-left:3px solid #b6cbbf; color:var(--na-muted); }
.news-admin-candidate-note h3 { margin:0 0 7px; font-size:13px; font-weight:650; color:var(--na-green); }
.news-admin-candidate-note p { margin:0 0 8px; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.news-admin-candidate-note a { color:var(--na-green); font-size:12px; }
.news-admin-empty { padding:24px 0 36px; color:var(--na-muted); }
.news-admin-empty h2 { color:var(--na-ink); font-size:20px; font-weight:650; margin:0 0 10px; }
.news-admin-published { margin-top:35px; padding-top:24px; border-top:1px solid var(--na-line); }
.news-admin-published h2 { margin-bottom:13px; }
.news-admin-published article { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:12px 0; border-bottom:1px solid var(--na-line); }
.news-admin-published article p { margin:0; }
.news-admin-published article a { color:var(--na-blue); font-size:12px; white-space:nowrap; }
@media(max-width:860px) { .news-admin-editor-layout { grid-template-columns:minmax(0,1fr); gap:34px; } .news-admin-reading { position:static; border-left:0; border-top:1px solid var(--na-line); padding:25px 0 0; } }
@media(max-width:600px) { .news-admin-header { padding:9px 16px; flex-wrap:wrap; gap:8px; } .news-admin-brand { width:169px; height:40px; } .news-admin-brand img { width:180px; height:180px; transform:translate(-11px,-70px); } .news-admin-header nav { width:100%; margin-left:0; gap:3px; } .news-admin-header nav a { font-size:12px; padding:8px 11px; } .news-admin-wrap { width:calc(100% - 36px); margin-top:28px; } .news-admin-intro > p:last-child { font-size:14px; } .news-admin-watch { flex-direction:column; align-items:flex-start; gap:14px; } .news-admin-month-row { flex-wrap:wrap; gap:14px; } .news-admin-month-field { width:100%; } .news-admin-field input,.news-admin-field textarea,.news-admin-field select { font-size:16px; } .news-admin-save-row { align-items:flex-start; flex-direction:column; } .news-admin-publication > .news-admin-button { width:100%; } .news-admin-published article { flex-direction:column; gap:6px; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; } }