.news { min-width:0;max-width:100%;color:#e6d7c2; }
.news-heading { display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:20px;border-bottom:1px solid #655848; }
.news-heading h1 { margin:7px 0;font-size:clamp(30px,4vw,48px); }
.news-heading p { margin-bottom:0; }
.news-heading label,.news-settings label { display:grid;gap:6px;color:#cabb9f;font-size:12px; }
.news select,.news input,.news button { accent-color:#9aab80;font:inherit; }
.news select,.news button { min-height:36px;padding:6px 10px;border:1px solid #7e705f;background:#34312d;color:#f1e5d0; }
.news button { cursor:pointer; }
.news-reader-tools { display:flex;flex-wrap:wrap;justify-content:flex-end;margin:14px 0; }
.news-settings { display:flex;flex:1 0 100%;flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;margin-top:10px;padding:12px;border-block:1px solid #655848; }
.news-settings[hidden] { display:none; }
.news-filter { margin:18px 0;padding:10px 14px;border-left:3px solid #9aab80;background:#302e2a; }
.news-reading { width:100%;min-width:0;margin-inline:auto;font-family:Georgia,"Times New Roman",serif;overflow-wrap:anywhere; }
.news-feed { display:grid;grid-template-columns:minmax(0,1fr);gap:18px; }
.news-width-normal { max-width:900px; }
.news-width-wide { max-width:1180px; }
.news-width-max { max-width:none; }
.news-dark { color:#e5dccd; }
.news-light { padding:clamp(14px,3vw,32px);background:#eee4d2;color:#29251f; }
.news-post { min-width:0;max-width:100%;padding:clamp(20px,2.4vw,24px);border:1px solid #665b4c;background:#302e2a; }
.news-light .news-post { border-color:#b9ab95;background:#e5dac7; }
.news-post>header { display:flex;min-width:0;max-width:100%;justify-content:space-between;align-items:baseline;gap:20px; }
.news-post>header>* { min-width:0; }
.news-post h2 { margin:0;font-size:clamp(21px,2.5vw,30px);line-height:1.25; }
.news-post h2 a { text-decoration:none; }
.news-post h2 a:hover { text-decoration:underline;text-underline-offset:4px; }
.news-post time { flex:0 0 auto;color:#a99c88;font:13px Consolas,"Courier New",monospace; }
.news-post-body { min-width:0;max-width:100%;margin-top:18px; }
.news-post-body img { display:block;max-width:100%;height:auto;margin:18px auto; }
.news-post-body a { color:#afc894;overflow-wrap:anywhere; }
.news-post-body table { display:block;max-width:100%;overflow-x:auto; }
.news-post-body blockquote { margin:18px 0;padding:5px 18px;border-left:4px solid #8e9e75;color:#cabcaa; }
.news-light .news-post-body blockquote { color:#514a40; }
.news-post-body pre { width:100%;min-width:0;max-width:100%;overflow-x:auto;padding:14px;border:1px solid #625746;background:#201f1d;color:#e8ddca;font:14px/1.55 Consolas,"Courier New",monospace; }
.news-post-body code { padding:.12em .35em;background:#22211f;color:#d8c29d;font-family:Consolas,"Courier New",monospace; }
.news-post-body pre code { padding:0;background:none; }
.news-tags { margin-top:20px;font:13px/1.7 Consolas,"Courier New",monospace; }
.news-tags a { color:#aabd90;text-decoration:none;overflow-wrap:anywhere; }
.news-tags a:hover { text-decoration:underline; }
.news-pagination { display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:28px; }
.news-pagination a,.news-pagination span { display:grid;place-items:center;min-width:38px;height:38px;padding:4px;border:1px solid #716451;text-decoration:none; }
.news-pagination a[aria-current=page] { background:#657052;color:#fff; }
.news-pagination a[aria-disabled=true] { pointer-events:none;opacity:.35; }
.news-single-heading { margin-bottom:12px; }
.news-post-single { border-bottom:0; }
.news-loading,.news-empty,.news-error { padding:24px;text-align:center;color:#c8b89f; }
.news-body-loading,.news-body-error { margin:0;padding:11px 13px;border:1px dashed #665b4c;background:#292724;color:#c8b89f;font:14px/1.5 Consolas,"Courier New",monospace;text-align:left; }
.news-light .news-body-loading,.news-light .news-body-error { border-color:#b9ab95;background:#ddd1bd;color:#514a40; }
.news-post-retry { min-height:30px!important;margin-left:8px;padding:3px 8px!important; }
.news-top { position:fixed;z-index:19;right:calc(14px + env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));width:48px;height:48px;padding:0!important;border:2px solid #9b876b!important;background:#3a3732!important;color:#fff!important;font-size:24px!important;box-shadow:4px 4px 0 #171614; }
.news-top[hidden] { display:none; }

@media(max-width:650px){
  .news-heading { align-items:stretch;flex-direction:column; }
  .news-heading label,.news-heading select { width:100%; }
  .news-post>header { align-items:flex-start;flex-direction:column;gap:7px; }
  .news-settings { display:grid;justify-content:stretch; }
  .news-settings[hidden] { display:none; }
  .news-settings-toggle { width:100%; }
  .news-light { padding:12px 9px; }
  .news-feed { gap:16px; }
  .news-post { padding:18px 16px; }
  .news-top { right:calc(7px + env(safe-area-inset-right));bottom:calc(62px + env(safe-area-inset-bottom));width:46px;height:46px; }
}