:root { --paper:#fff1e5; --ink:#262a33; --red:#a8202d; --rule:#b8afa7; --muted:#66615e; font-family: Georgia, 'Times New Roman', serif; color:var(--ink); background:var(--paper); }
.admin-tabs { justify-content:flex-start; flex-wrap:wrap; gap:8px; margin-bottom:34px; }
.contact-page { max-width:900px; }.contact-page h1 { margin:8px 0 18px; font-size:clamp(2.6rem,6vw,4.8rem); letter-spacing:-.06em; line-height:.95; }.contact-options { display:grid; grid-template-columns:1fr 1fr; gap:0; margin:34px 0 42px; border-top:4px solid var(--ink); border-bottom:1px solid var(--rule); }.contact-options article { padding:26px 28px 28px 0; border-right:1px solid var(--rule); }.contact-options article+article { padding-left:28px; padding-right:0; border-right:0; }.contact-options h2,.contact-details h2 { margin:0 0 10px; font-size:1.7rem; }.contact-options p:not(.kicker) { margin:0; color:var(--muted); line-height:1.5; }.contact-details { max-width:620px; padding-top:22px; border-top:1px solid var(--rule); }.contact-details p { display:flex; gap:22px; margin:12px 0; font-size:1.1rem; }.contact-details strong { width:90px; font:700 .78rem Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; }.contact-details a { color:var(--red); font-weight:700; text-decoration:none; }.contact-details a:hover { color:var(--ink); text-decoration:none; } @media(max-width:700px) { .contact-options { grid-template-columns:1fr; }.contact-options article,.contact-options article+article { padding:22px 0; border-right:0; border-bottom:1px solid var(--rule); }.contact-options article:last-child { border-bottom:0; }.contact-details p { display:block; }.contact-details strong { display:block; margin-bottom:5px; } }
.admin-actions { display:flex; flex-wrap:wrap; gap:6px; margin-left:auto; }.admin-actions a { padding:7px 9px; border:1px solid #cfc6bc; border-radius:5px; background:#fff; color:inherit; font:700 .76rem Arial,sans-serif; text-decoration:none; }.admin-actions button { margin-left:0; font-size:.76rem; }.admin-actions button[data-action="delete"] { color:#a8202d; }
.admin-tabs button,.admin-tabs a,.trend-controls button,#pagination button { border:1px solid #cfc6bc; border-radius:6px; background:#fffdfb; padding:9px 12px; font:700 .82rem Arial,sans-serif; cursor:pointer; text-decoration:none; }
.admin-tabs button.active,.admin-tabs a.active,.trend-controls button.active,#pagination button[aria-current="page"] { color:#fff; background:var(--red); border-color:var(--red); }
.api-token-label { display:block; max-width:360px; font:700 .8rem Arial,sans-serif; }.api-token-label input { display:block; width:100%; margin-top:8px; padding:11px; border:1px solid #cfc6bc; border-radius:7px; background:#fff; }
.api-token-label, label:has(#publish-token), #publish-token { display:none!important; }
.trends-intro { max-width:720px; color:#615c57; line-height:1.5; }
.trends-heading { margin:34px 0 12px; font:700 1.4rem Georgia,serif; }
.trend-controls { display:flex; gap:9px; margin:24px 0 14px; }
.trends-list { border-top:3px solid var(--ink); }
.trend-item { padding:20px 0; border-bottom:1px solid #ddd5ca; max-width:820px; }
.trend-item p { margin:0 0 7px; color:var(--red); font:700 .75rem Arial,sans-serif; text-transform:uppercase; letter-spacing:.04em; }
.trend-item h2 { margin:0 0 8px; font:700 1.35rem/1.1 Georgia,serif; }.trend-item h2 a { text-decoration:none; }
.trend-item div { color:#615c57; line-height:1.45; }
.draft-button { margin-top:14px; padding:9px 12px; border:1px solid var(--red); border-radius:6px; background:var(--red); color:#fff; font:700 .78rem Arial,sans-serif; cursor:pointer; }
.draft-button:disabled { opacity:.62; cursor:wait; }
.verification-trends { margin-top:48px; }.verification-trends h2 { margin-bottom:8px; font:700 1.8rem Georgia,serif; }
#pagination { display:flex; gap:7px; margin-top:18px; }
* { box-sizing:border-box; } body { margin:0; } a { color:inherit; } .masthead, main, footer { max-width:1180px; margin:auto; padding-inline:26px; }.masthead { text-align:center; }.topline { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--rule); font:600 .75rem/1 Arial,sans-serif; text-transform:uppercase; letter-spacing:.06em; }.topline a { color:var(--red); text-decoration:none; }.brand { display:block; width:max-content; margin:22px auto 16px; color:var(--ink); text-decoration:none; font-size:clamp(2.2rem,6vw,4.5rem); font-weight:700; letter-spacing:-.07em; }.brand span { color:var(--red); } nav { display:flex; justify-content:center; gap:30px; border-block:1px solid var(--rule); padding:11px; font:bold .9rem Arial,sans-serif; } nav a { text-decoration:none; } nav a:hover, nav .active { color:var(--red); } main { padding-top:44px; min-height:70vh; }.edition { margin:0; color:var(--red); font:bold .74rem Arial,sans-serif; letter-spacing:.14em; }.edition + h1 { margin:8px 0 38px; font-size:clamp(2.5rem,6vw,5rem); letter-spacing:-.05em; line-height:.92; }.section-block { border-top:4px solid var(--ink); margin:38px 0 60px; }.section-heading { display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px solid var(--rule); }.section-heading h2 { font-size:2rem; margin:12px 0; }.section-heading a, .source { color:var(--red); font:bold .78rem Arial,sans-serif; text-decoration:none; }.news-layout { display:grid; grid-template-columns:2fr 1fr 1fr; }.story { padding:22px; border-right:1px solid var(--rule); }.story:last-child { border-right:0; }.story--lead { padding-left:0; }.kicker { margin:0 0 10px; color:var(--red); font:bold .72rem Arial,sans-serif; letter-spacing:.05em; text-transform:uppercase; }.kicker span { color:var(--muted); }.story h2, .story h3 { margin:0 0 12px; font-size:1.48rem; line-height:1.04; letter-spacing:-.025em; }.story--lead h2 { font-size:clamp(2rem,3.2vw,3.3rem); }.standfirst { color:#4d4946; line-height:1.4; margin:0 0 18px; }.source span { font-size:1.2em; }.section-intro { max-width:650px; padding:0 0 28px; color:var(--muted); font-size:1.15rem; line-height:1.45; }.category-list { border-top:4px solid var(--ink); }.category-list .story { display:grid; grid-template-columns:155px 1fr 1.1fr; gap:20px; padding:24px 0; border-right:0; border-bottom:1px solid var(--rule); }.category-list .story h2 { font-size:1.8rem; }.category-list .kicker { padding-top:4px; } footer { border-top:1px solid var(--rule); padding-block:24px; color:var(--muted); font:.78rem Arial,sans-serif; }.notice { color:var(--muted); }
.story-image { display:block; margin:0 0 15px; overflow:hidden; background:#ded6cf; }.story-image img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; transition:transform .25s ease; }.story-image:hover img { transform:scale(1.03); }.story h2 a,.story h3 a { text-decoration:none; }.category-list .story .story-image { grid-row:span 3; margin:0; }.category-list .story--without-image { grid-template-columns:1fr 2fr; }.category-list .story--without-image .kicker { grid-column:1; grid-row:1; }.category-list .story--without-image h2,.category-list .story--without-image h3 { grid-column:2; grid-row:1; }.category-list .story--without-image .standfirst { grid-column:2; grid-row:2; }.category-list .story--without-image .source { grid-column:2; grid-row:3; }.article-page { max-width:850px; }.article-page h1 { font-size:clamp(2.5rem,6vw,4.7rem); letter-spacing:-.055em; line-height:.95; margin:12px 0 20px; }.article-excerpt { font-size:1.35rem; line-height:1.4; color:#4d4946; }.byline { font: .8rem Arial,sans-serif; font-weight:bold; margin:25px 0 14px; }.article-image { width:100%; display:block; max-height:470px; object-fit:cover; }.article-content { max-width:680px; font-size:1.25rem; line-height:1.65; margin:30px auto; }.attribution { border-top:1px solid var(--rule); padding-top:16px; color:var(--muted); font:.82rem/1.45 Arial,sans-serif; }
@media (max-width:700px) { .masthead,main,footer { padding-inline:18px; }.news-layout { grid-template-columns:1fr; }.story,.story--lead { padding:22px 0; border-right:0; border-bottom:1px solid var(--rule); }.category-list .story { display:block; }.category-list .story h2 { font-size:1.5rem; } }
.publish-panel #image-preview { display:block; width:100%; max-width:100%; max-height:220px; margin:12px 0 0; border-radius:8px; object-fit:cover; box-sizing:border-box; }
.publish-panel #image-preview[hidden] { display:none; }
.admin-header .brand { font-size:clamp(2.4rem,5vw,3.5rem)!important; }.admin-logout { color:var(--red); font-size:.85rem; font-weight:bold; text-decoration:none; }
.publish-panel .verification-check { text-transform:none!important; letter-spacing:normal!important; font-size:.82rem!important; line-height:1.45; }.publish-panel .verification-check input { width:auto; margin:0 7px 0 0; padding:0; vertical-align:middle; }
.publish-panel input[type="file"] { width:100%; max-width:100%; overflow:hidden; }
.admin-article { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #ddd5ca; }
.admin-article img { width:72px; height:54px; flex:0 0 72px; object-fit:cover; border-radius:5px; background:#e7e0d8; }
.admin-article small { display:block; margin-top:4px; color:#756e68; }
.admin-article button { margin-left:6px; padding:7px 9px; border:1px solid #cfc6bc; border-radius:5px; background:#fff; cursor:pointer; }
@media (max-width:560px) { .admin-article { align-items:flex-start; flex-wrap:wrap; }.admin-article>div:last-child { width:100%; margin-left:84px; } }
.admin-body { background:#f4f0e9; font-family:Arial,sans-serif; }.admin-header { max-width:1240px; margin:auto; padding:16px 32px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ddd5ca; }.admin-header .brand { margin:0; font-family:Georgia,serif; font-size:2rem; }.admin-header>a:last-child { color:var(--red); font-size:.85rem; font-weight:bold; text-decoration:none; }.admin-shell { max-width:1240px; padding:54px 32px 80px; }.admin-intro { max-width:690px; }.admin-intro h1 { font-family:Georgia,serif; font-size:clamp(2.4rem,5vw,4.3rem); letter-spacing:-.06em; margin:8px 0 13px; }.admin-intro>p:last-child { color:#615c57; font-size:1.05rem; line-height:1.5; }.publisher { margin-top:35px; display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:22px; align-items:start; }.editor-main,.publish-panel,.publish-result { background:#fff; border:1px solid #dfd8cf; border-radius:14px; box-shadow:0 8px 25px #2a21140b; }.editor-main { padding:30px; }.publisher label { display:block; margin:0 0 8px; color:#37322f; font-size:.78rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }.publisher input,.publisher textarea,.publisher select { width:100%; padding:12px; border:1px solid #cfc6bc; border-radius:7px; font:inherit; background:#fffdfb; }.publisher textarea { min-height:90px; resize:vertical; }.two-cols { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:20px 0; }.editor-main>label { margin-top:20px; }.editor-label { display:flex; justify-content:space-between; align-items:baseline; margin-top:22px; }.editor-label span { color:#817971; font-size:.8rem; }.toolbar { display:flex; gap:7px; padding:9px; border:1px solid #cfc6bc; border-bottom:0; border-radius:8px 8px 0 0; background:#f6f3ef; }.toolbar button { margin:0; min-width:32px; padding:6px 9px; border:1px solid #cfc6bc; border-radius:5px; color:#37322f; background:#fff; font-size:.78rem; }.rich-editor { min-height:290px; padding:18px; border:1px solid #cfc6bc; border-radius:0 0 8px 8px; outline:none; line-height:1.65; }.rich-editor:empty:before { content:attr(data-placeholder); color:#98908a; }.publish-panel { padding:25px; position:sticky; top:20px; }.publish-panel h2 { margin:0 0 23px; font-family:Georgia,serif; font-size:1.65rem; }.publish-panel label:not(.upload-label) { margin-top:18px; }.media-box { margin-top:25px; padding-top:20px; border-top:1px solid #e3ddd5; }.media-box h3 { margin:0 0 7px; font-size:.95rem; }.media-box p { color:#716b65; font-size:.8rem; line-height:1.4; }.upload-label { padding:11px 12px; border:1px dashed #ad9d91; border-radius:7px; color:var(--red)!important; text-align:center; text-transform:none!important; cursor:pointer; }.upload-status { min-height:18px; }.media-box img { width:100%; max-height:170px; object-fit:cover; border-radius:7px; }.publish-button,.publish-result button { width:100%; margin-top:21px; padding:13px 15px; border:0; border-radius:7px; background:var(--red); color:white; font-weight:700; cursor:pointer; }.publish-result { margin-top:28px; padding:25px; }.publish-result h2 { margin:7px 0; font-family:Georgia,serif; }.publish-result code,.publish-result pre { display:block; overflow:auto; white-space:pre-wrap; background:#f6f3ef; padding:12px; border-radius:7px; font-size:.78rem; }.publish-result button { width:auto; margin:8px 0; } @media(max-width:800px) { .publisher { grid-template-columns:1fr; }.publish-panel { position:static; }.admin-header,.admin-shell { padding-inline:18px; }.two-cols { grid-template-columns:1fr; } }