:root { --paper:#fff1e5; --ink:#262a33; --red:#a8202d; --rule:#b8afa7; --muted:#66615e; font-family: Georgia, 'Times New Roman', serif; color:var(--ink); background:var(--paper); }
* { 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; }.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; } }
.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; } }