*{box-sizing:border-box}body{margin:0;color:#213b45;background:linear-gradient(135deg,#f7f4e9,#edf4f2);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,select{font:inherit;color:inherit;border:1px solid #bbcdcc;border-radius:12px;padding:10px 16px;background:white;min-height:44px;cursor:pointer}button:hover{background:#e8efeb}button:disabled{opacity:.55;cursor:wait}a{color:#245d69}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #b08337;outline-offset:3px}[hidden]{display:none!important}.news-shell{max-width:1080px;margin:auto;padding:28px 22px 36px}.news-hero{position:relative;overflow:hidden;padding:30px 36px;margin-bottom:26px;background:linear-gradient(115deg,#153e4c,#347e7c);color:#fffaf0;border-radius:12px 40px 12px 40px;border-left:5px solid #d9b56d;box-shadow:0 12px 30px #123e4920}.news-hero:after{content:'';position:absolute;width:220px;height:220px;right:-35px;top:-55px;border:36px solid #f4dc9f14;border-radius:50%;pointer-events:none}.news-hero h1{font:700 clamp(32px,6vw,48px)/1.1 Georgia,serif;margin:10px 0}.news-hero p{margin:4px 0}.news-hero p:first-child{font-size:12px;letter-spacing:3px;color:#edcc8b}.news-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.news-toolbar label{font-weight:700}#refresh{margin-left:auto}#offline-hint,footer,#article-date{color:#667d81;font-size:14px}#news-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.news-card{background:#fffefa;border:1px solid #dbe4df;border-radius:20px;overflow:hidden;box-shadow:0 6px 22px #173f490a;display:flex;flex-direction:column}.news-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.news-card img{width:100%;height:210px;object-fit:cover;background:#e0ebe6}.news-card:first-child img{height:100%;min-height:280px}.news-card-content{padding:23px;display:flex;flex-direction:column;align-items:start}.news-card time{color:#8a682d;font-size:13px;font-weight:650}.news-card h2{font:700 23px/1.25 Georgia,serif;margin:10px 0}.news-card p{margin:0 0 18px;color:#657578;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card button{margin-top:auto;background:#1f5560;color:#fff9e9;border:0}.primary{background:#1f5560;color:#fff9e9;display:block;margin:26px auto}.primary:hover{background:#326d75}#news-reader{max-width:800px;margin:auto;padding:24px 32px;background:#fffefa;border-radius:22px}#article-title{font:700 clamp(28px,5vw,40px)/1.2 Georgia,serif;overflow-wrap:anywhere}#article-body{font:19px/1.85 Georgia,serif;margin-top:30px;overflow-wrap:anywhere}#article-body img{max-width:100%;height:auto;border-radius:10px}#article-body figure{margin:24px 0}#article-body iframe{display:none}#article-body table{display:block;max-width:100%;overflow:auto}#article-body video,#article-body audio{max-width:100%}#article-body h1,#article-body h2,#article-body h3{line-height:1.3}#news-status{padding:8px 0}footer{margin-top:28px}body[data-theme=dark]{background:#15252d;color:#e5eeec}body[data-theme=dark] .news-card,body[data-theme=dark] #news-reader{background:#233943;border-color:#37515a}body[data-theme=dark] .news-card p,body[data-theme=dark] #offline-hint,body[data-theme=dark] #article-date{color:#bed0cc}body[data-theme=dark] a{color:#e2c995}@media(max-width:620px){.news-shell{padding:16px 14px 28px}.news-hero{padding:24px}.news-card:first-child{display:flex}.news-card:first-child img{min-height:0;height:220px}#news-cards{grid-template-columns:1fr;gap:18px}.news-card img{height:190px}.news-card-content{padding:20px}.news-card h2{font-size:24px}#news-reader{padding:20px}#article-body{font-size:18px}.news-toolbar{gap:8px}.news-toolbar button,.news-toolbar select{padding:9px 11px}}
/* Explicit control colors also apply to native mobile select menus. */
body[data-theme=dark] .news-toolbar select,
body[data-theme=dark] .news-toolbar button,
body[data-theme=dark] #back-news {
  color-scheme: dark;
  color: #f3f7f5;
  background: #294752;
  border-color: #6d8992;
}
body[data-theme=dark] .news-toolbar select option {
  color: #f3f7f5;
  background: #294752;
}
body[data-theme=dark] .news-toolbar button:hover,
body[data-theme=dark] #back-news:hover {
  background: #365d69;
}
body[data-theme=dark] .news-toolbar button:disabled,
body[data-theme=dark] .news-toolbar select:disabled {
  opacity: 1;
  color: #b9c9ce;
  background: #243b45;
  cursor: wait;
}
