/* Decorative theme layer. Base dimensions, spacing, grids and breakpoints stay untouched. */

.vp-admin-status-filter {display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;font-weight:700}
.vp-admin-status-filter select {height:28px;max-width:155px;padding:0 25px 0 8px;border:1px solid #bfcbd9;border-radius:8px;background:#fff}
:root[data-vp-theme]:not([data-vp-theme="current"]) .vp-admin-status-filter select {color:var(--vp-menu-text);border-color:var(--vp-control-line);background:var(--vp-control)}
@media (width<=1050px) {.vp-admin-status-filter {width:100%}.vp-admin-status-filter select {height:40px;max-width:none;flex:1;font-size:14px}}

:root[data-vp-theme="current"] {
  --vp-switch-bg:linear-gradient(180deg,#fff,#f5f7fa);--vp-switch-line:#c6d0dc;--vp-switch-text:#60748a;
  --vp-switch-hover:#e9eef3;--vp-switch-active:#ff5a5f;--vp-switch-active-text:#fff;
  --vp-switch-shadow:inset 0 1px 0 #fff,0 2px 7px rgba(38,55,74,.12);
  --vp-menu-bg:#fff;--vp-menu-text:#17233c;
  --vp-scroll-thumb:#b8c2cd;--vp-scroll-thumb-hover:#8fa0b1;
}

:root[data-vp-theme="graphite"] {
  --navy:#f4f6f8;--muted:#a9b1bc;--line:#3d424a;--panel:#202328;--app-bg:#111317;
  --coral:#8fb8da;--coral-dark:#729cbe;--coral-soft:#203241;
  --vp-accent:#8fb8da;--vp-accent-dark:#729cbe;--vp-accent-soft:#203241;--vp-accent-contrast:#111820;
  --vp-header:linear-gradient(180deg,#25282d,#16181c);--vp-toolbar:#1a1d21;--vp-rail:#121418;
  --vp-article:linear-gradient(145deg,#24272c,#17191d 55%,#202328);--vp-footer:#17191d;
  --vp-control:linear-gradient(#30343a,#1e2126);--vp-control-line:#4a5059;--vp-text:#f5f7f9;
  --vp-subtle:#bac1ca;--vp-rule:#3d4249;--vp-card:linear-gradient(145deg,#303338,#15171a 58%,#24272b);
  --vp-card-selected:linear-gradient(145deg,#41454b,#1c1f23 58%,#30343a);--vp-card-text:#fff;
  --vp-card-muted:#c7ced7;--vp-card-line:#050506;
  --vp-card-shadow:0 0 0 1px #292c31,0 0 0 2px #08090a,4px 6px 0 #33373c,6px 9px 15px rgba(0,0,0,.28);
  --vp-source:linear-gradient(145deg,#30343a,#1b1e22);--vp-note:#1b2a35;
  --vp-related:linear-gradient(145deg,#303338,#15171a 58%,#24272b);
  --vp-related-shadow:0 0 0 1px #292c31,0 0 0 2px #08090a,3px 5px 0 #33373c,5px 8px 13px rgba(0,0,0,.25);
  --vp-switch-bg:linear-gradient(180deg,#30343a,#17191d);--vp-switch-line:#050506;--vp-switch-text:#dce2e8;
  --vp-switch-hover:#3b4047;--vp-switch-active:#8fb8da;--vp-switch-active-text:#111820;
  --vp-switch-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px #34383e,3px 4px 8px rgba(0,0,0,.3);
  --vp-menu-bg:#202328;--vp-menu-text:#f5f7f9;
  --vp-scroll-thumb:#555c66;--vp-scroll-thumb-hover:#8fb8da;
}

:root[data-vp-theme="champagne"] {
  --navy:#302d2a;--muted:#736c64;--line:#bcb1a3;--panel:#eee7dd;--app-bg:#d7d0c7;
  --coral:#946832;--coral-dark:#755024;--coral-soft:#eee0c9;
  --vp-accent:#946832;--vp-accent-dark:#755024;--vp-accent-soft:#eee0c9;--vp-accent-contrast:#fffaf2;
  --vp-header:linear-gradient(110deg,#d9d1c6,#fffaf2 25%,#cfc5b8 70%,#eee7dc);--vp-toolbar:#eee7dd;--vp-rail:#d5cdc2;
  --vp-article:linear-gradient(130deg,#f7f2eb,#e5ddd2 80%);--vp-footer:#e8e0d6;
  --vp-control:linear-gradient(#fffaf3,#ded5c9);--vp-control-line:#a99d8f;--vp-text:#302d2a;
  --vp-subtle:#686159;--vp-rule:#c7bcaf;
  --vp-card:linear-gradient(115deg,#d8d0c5,#f7f2eb 22%,#c9c0b4 50%,#eee7dc 78%,#c7bcae);
  --vp-card-selected:linear-gradient(115deg,#e4d9ca,#fffaf2 22%,#d8ccbd 50%,#f6eee3 78%,#d2c4b3);
  --vp-card-text:#292a2d;--vp-card-muted:#625f5b;--vp-card-line:#a99d8e;
  --vp-card-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(105,88,68,.28),0 7px 16px rgba(73,62,50,.15);
  --vp-source:linear-gradient(120deg,#fffaf2,#d8cec1);--vp-note:#eadfcf;
  --vp-related:linear-gradient(115deg,#d8d0c5,#f7f2eb 22%,#c9c0b4 50%,#eee7dc 78%,#c7bcae);
  --vp-related-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(105,88,68,.25),0 6px 12px rgba(73,62,50,.16);
  --vp-switch-bg:linear-gradient(110deg,#d8d0c5,#fffaf2 28%,#c9c0b4 72%,#eee7dc);--vp-switch-line:#9f9385;--vp-switch-text:#4d453d;
  --vp-switch-hover:rgba(255,250,242,.62);--vp-switch-active:#946832;--vp-switch-active-text:#fffaf2;
  --vp-switch-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(105,88,68,.25),0 3px 8px rgba(73,62,50,.18);
  --vp-menu-bg:#eee7dd;--vp-menu-text:#302d2a;
  --vp-scroll-thumb:#a99d8f;--vp-scroll-thumb-hover:#946832;
}

:root[data-vp-theme="steel"] {
  --navy:#182330;--muted:#566575;--line:#a0a9b2;--panel:#dbe0e4;--app-bg:#c9d0d6;
  --coral:#356b98;--coral-dark:#285578;--coral-soft:#d5e5f1;
  --vp-accent:#356b98;--vp-accent-dark:#285578;--vp-accent-soft:#d5e5f1;--vp-accent-contrast:#fff;
  --vp-header:linear-gradient(105deg,#aab2ba,#f9fbfc 22%,#c6cdd3 58%,#eef1f3);--vp-toolbar:#dbe0e4;--vp-rail:#bcc4cb;
  --vp-article:linear-gradient(125deg,#f8fafb,#cfd5da 88%);--vp-footer:#d8dde1;
  --vp-control:linear-gradient(#fff,#cbd2d8);--vp-control-line:#8e99a3;--vp-text:#182330;
  --vp-subtle:#526273;--vp-rule:#aab3bc;
  --vp-card:linear-gradient(115deg,#aeb5bc,#f9fbfc 18%,#c4cbd1 42%,#fff 64%,#aeb6bd 88%,#eef1f3);
  --vp-card-selected:linear-gradient(115deg,#c2c9ce,#fff 18%,#d8dde1 42%,#fff 64%,#bbc3c9 88%,#f7f9fa);
  --vp-card-text:#17202b;--vp-card-muted:#566576;--vp-card-line:#89929b;
  --vp-card-shadow:inset 0 0 0 1px rgba(255,255,255,.8),inset 0 -2px 1px rgba(36,45,54,.25),0 7px 17px rgba(53,66,80,.17);
  --vp-source:linear-gradient(115deg,#b8c0c7,#fff 20%,#d3d9de 60%,#eef1f3);--vp-note:#d8e3eb;
  --vp-related:linear-gradient(115deg,#aeb5bc,#f9fbfc 18%,#c4cbd1 42%,#fff 64%,#aeb6bd 88%,#eef1f3);
  --vp-related-shadow:inset 0 1px 0 #fff,inset 0 -2px 1px rgba(36,45,54,.22),0 6px 13px rgba(53,66,80,.19);
  --vp-switch-bg:linear-gradient(110deg,#aeb6bd,#fff 24%,#c5ccd2 58%,#f5f7f8);--vp-switch-line:#818c96;--vp-switch-text:#344556;
  --vp-switch-hover:rgba(255,255,255,.66);--vp-switch-active:#356b98;--vp-switch-active-text:#fff;
  --vp-switch-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px rgba(36,45,54,.25),0 3px 8px rgba(53,66,80,.2);
  --vp-menu-bg:#dbe0e4;--vp-menu-text:#182330;
  --vp-scroll-thumb:#818c96;--vp-scroll-thumb-hover:#356b98;
}

:root[data-vp-theme="spectrum"] {
  --navy:#f5f7fa;--muted:#a5afbd;--line:#343a43;--panel:#191c21;--app-bg:#0c0e12;
  --coral:#69dbef;--coral-dark:#45b8d2;--coral-soft:#172e38;
  --vp-accent:#69dbef;--vp-accent-dark:#45b8d2;--vp-accent-soft:#172e38;--vp-accent-contrast:#0d171d;
  --vp-accent-gradient:linear-gradient(100deg,#42e8ff,#7068ff 48%,#f35bd2);
  --vp-header:linear-gradient(100deg,#20242a,#111318 60%,#252930);--vp-toolbar:#15181d;--vp-rail:#0e1014;
  --vp-article:linear-gradient(145deg,#20242a,#101216 65%,#1d2025);--vp-footer:#111318;
  --vp-control:linear-gradient(#292d34,#171a1f);--vp-control-line:#4b5260;--vp-text:#f7f9fb;
  --vp-subtle:#b6bfca;--vp-rule:#363b44;
  --vp-card:linear-gradient(145deg,#292c31,#141619 60%,#24272b) padding-box,conic-gradient(from 35deg,#42e8ff,#7068ff,#f35bd2,#ffb34d,#60f2d0,#42e8ff) border-box;
  --vp-card-selected:linear-gradient(145deg,#35393f,#1c1f23 60%,#2e3237) padding-box,conic-gradient(from 35deg,#42e8ff,#7068ff,#f35bd2,#ffb34d,#60f2d0,#42e8ff) border-box;
  --vp-card-text:#fff;--vp-card-muted:#c8d0da;--vp-card-line:transparent;--vp-card-shadow:0 8px 18px rgba(0,0,0,.3);
  --vp-source:linear-gradient(145deg,#292d33,#131519);--vp-note:#16262d;
  --vp-related:linear-gradient(145deg,#292c31,#141619 60%,#24272b) padding-box,conic-gradient(from 35deg,#42e8ff,#7068ff,#f35bd2,#ffb34d,#60f2d0,#42e8ff) border-box;
  --vp-related-shadow:0 8px 18px rgba(0,0,0,.3);
  --vp-switch-bg:linear-gradient(120deg,#242830,#101217 58%,#282c33);--vp-switch-line:#4b5260;--vp-switch-text:#d9e0e9;
  --vp-switch-hover:#30353e;--vp-switch-active:#69dbef;--vp-switch-active-text:#0d171d;
  --vp-switch-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 10px rgba(0,0,0,.34);
  --vp-menu-bg:#191c21;--vp-menu-text:#f7f9fb;
  --vp-scroll-thumb:#596170;--vp-scroll-thumb-hover:#69dbef;
}

/* All three desktop columns use the same compact, theme-aware scrollbar. */
:root[data-vp-theme] .feed-scroll,
:root[data-vp-theme] .article-panel,
:root[data-vp-theme] .related-panel,
:root[data-vp-theme] .comments-content {
  scrollbar-width:thin;
  scrollbar-color:var(--vp-scroll-thumb) transparent;
}
:root[data-vp-theme] .feed-scroll::-webkit-scrollbar,
:root[data-vp-theme] .article-panel::-webkit-scrollbar,
:root[data-vp-theme] .related-panel::-webkit-scrollbar,
:root[data-vp-theme] .comments-content::-webkit-scrollbar {width:8px;height:8px}
:root[data-vp-theme] .feed-scroll::-webkit-scrollbar-track,
:root[data-vp-theme] .article-panel::-webkit-scrollbar-track,
:root[data-vp-theme] .related-panel::-webkit-scrollbar-track,
:root[data-vp-theme] .comments-content::-webkit-scrollbar-track {background:transparent}
:root[data-vp-theme] .feed-scroll::-webkit-scrollbar-thumb,
:root[data-vp-theme] .article-panel::-webkit-scrollbar-thumb,
:root[data-vp-theme] .related-panel::-webkit-scrollbar-thumb,
:root[data-vp-theme] .comments-content::-webkit-scrollbar-thumb {
  min-height:34px;
  border:2px solid transparent;
  border-radius:999px;
  background:var(--vp-scroll-thumb);
  background-clip:padding-box;
}
:root[data-vp-theme] .feed-scroll::-webkit-scrollbar-thumb:hover,
:root[data-vp-theme] .article-panel::-webkit-scrollbar-thumb:hover,
:root[data-vp-theme] .related-panel::-webkit-scrollbar-thumb:hover,
:root[data-vp-theme] .comments-content::-webkit-scrollbar-thumb:hover {background-color:var(--vp-scroll-thumb-hover)}

:root[data-vp-theme]:not([data-vp-theme="current"]) body,
:root[data-vp-theme]:not([data-vp-theme="current"]) .app {color:var(--vp-text);background:var(--app-bg)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .app-header {background:var(--vp-header)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .brand {color:var(--vp-text)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .brand-mark {color:var(--vp-text);border:1px solid var(--vp-control-line);background:var(--vp-control);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 3px 8px rgba(0,0,0,.12)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .control-row {background:var(--vp-toolbar)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .tabs {border-color:var(--vp-rule);background:var(--vp-toolbar)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .control-row select,
:root[data-vp-theme]:not([data-vp-theme="current"]) .search,
:root[data-vp-theme]:not([data-vp-theme="current"]) .topics-search,
:root[data-vp-theme]:not([data-vp-theme="current"]) .topics-sort button {color:var(--vp-text);border-color:var(--vp-control-line);background:var(--vp-control)}
:root[data-vp-theme]:not([data-vp-theme="current"]) select {color:var(--vp-menu-text);border-color:var(--vp-control-line);background-color:var(--vp-menu-bg);background-image:var(--vp-control)}
:root[data-vp-theme] select option,
:root[data-vp-theme] select optgroup {color:var(--vp-menu-text);background:var(--vp-menu-bg)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .workspace,
:root[data-vp-theme]:not([data-vp-theme="current"]) .index-page {background:var(--vp-rail)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .feed-panel {border-color:var(--vp-rule);background:var(--vp-rail)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .related-panel {background:var(--vp-rail)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .article-panel {color:var(--vp-text);background:var(--vp-article)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .article-panel h1,
:root[data-vp-theme]:not([data-vp-theme="current"]) .article-body,
:root[data-vp-theme]:not([data-vp-theme="current"]) .source-card .source-name a {color:var(--vp-text)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .article-body,
:root[data-vp-theme]:not([data-vp-theme="current"]) .source-card .source-about,
:root[data-vp-theme]:not([data-vp-theme="current"]) .editorial-note-block {color:var(--vp-subtle)}

:root[data-vp-theme]:not([data-vp-theme="current"]) .feed-card {color:var(--vp-card-text);border-color:var(--vp-card-line);background:var(--vp-card);box-shadow:var(--vp-card-shadow)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .feed-card:hover {border-color:var(--coral)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .feed-card.selected {border-color:var(--coral);background:var(--vp-card-selected);box-shadow:var(--vp-card-shadow),inset 0 0 0 2px var(--vp-accent),0 0 0 1px var(--vp-accent-soft)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .feed-card .card-left strong {color:var(--vp-card-text)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .feed-card .card-summary,
:root[data-vp-theme]:not([data-vp-theme="current"]) .feed-card .card-stats {color:var(--vp-card-muted)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .feed-card.read strong,
:root[data-vp-theme]:not([data-vp-theme="current"]) .feed-card.read .card-summary {color:var(--vp-card-muted)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .source {color:var(--vp-accent);background:var(--vp-accent-soft)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .selected-check {color:var(--vp-accent)}

:root[data-vp-theme]:not([data-vp-theme="current"]) .mode-tabs button,
:root[data-vp-theme]:not([data-vp-theme="current"]) .back-button,
:root[data-vp-theme]:not([data-vp-theme="current"]) .original-button,
:root[data-vp-theme]:not([data-vp-theme="current"]) .share-button,
:root[data-vp-theme]:not([data-vp-theme="current"]) .report-error-btn,
:root[data-vp-theme]:not([data-vp-theme="current"]) .source-card .source-goto-btn {background:var(--vp-control)}

/* Both article modes use one visual system in every state. */
:root[data-vp-theme] .app .mode-tabs button {
  color:var(--vp-accent,var(--coral));
  border-color:var(--vp-accent,var(--coral));
  background:var(--vp-control,#fff);
  box-shadow:none;
  transition:color .15s,border-color .15s,background .15s,box-shadow .15s;
}
:root[data-vp-theme] .app .mode-tabs button:not(.active):not(:disabled):hover {
  color:var(--vp-accent-contrast,#fff);
  border-color:var(--vp-accent,var(--coral));
  background:var(--vp-accent,var(--coral));
  box-shadow:0 2px 7px color-mix(in srgb,var(--vp-accent,var(--coral)) 24%,transparent);
}
:root[data-vp-theme] .app .mode-tabs button.active {
  color:var(--vp-accent-contrast,#fff);
  border-color:var(--vp-accent,var(--coral));
  background:var(--vp-accent,var(--coral));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
:root[data-vp-theme] .app .mode-tabs button.active:not(:disabled):hover {
  color:var(--vp-accent-contrast,#fff);
  border-color:var(--vp-accent-dark,var(--coral-dark));
  background:var(--vp-accent-dark,var(--coral-dark));
}
:root[data-vp-theme] .app .mode-tabs button:disabled {
  opacity:.4;
  cursor:not-allowed;
  box-shadow:none;
}
:root[data-vp-theme]:not([data-vp-theme="current"]) .mode-tabs button.active,
:root[data-vp-theme]:not([data-vp-theme="current"]) .topics-sort button.active,
:root[data-vp-theme]:not([data-vp-theme="current"]) .comment-form button,
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-actions button[type="submit"],
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-done button {color:var(--vp-accent-contrast);border-color:var(--vp-accent);background:var(--vp-accent)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .mode-tabs button.active:hover,
:root[data-vp-theme]:not([data-vp-theme="current"]) .topics-sort button.active:hover,
:root[data-vp-theme]:not([data-vp-theme="current"]) .comment-form button:hover,
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-actions button[type="submit"]:hover,
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-done button:hover {border-color:var(--vp-accent-dark);background:var(--vp-accent-dark)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .source-card {border-color:var(--vp-control-line);background:var(--vp-source);box-shadow:var(--vp-related-shadow)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .sources-block,
:root[data-vp-theme]:not([data-vp-theme="current"]) .source-card .source-material,
:root[data-vp-theme]:not([data-vp-theme="current"]) .source-card .source-published-at {border-color:var(--vp-rule)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .editorial-note-block,
:root[data-vp-theme]:not([data-vp-theme="current"]) .key-points {background:var(--vp-note)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .site-footer {color:var(--muted);border-color:var(--vp-rule);background:var(--vp-footer)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .index-list button {color:var(--vp-text);border-color:var(--vp-control-line);background:var(--vp-control)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .comments-panel,
:root[data-vp-theme]:not([data-vp-theme="current"]) .comments-content,
:root[data-vp-theme]:not([data-vp-theme="current"]) .comment-form {color:var(--vp-text);background:var(--vp-rail)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .no-comments,
:root[data-vp-theme]:not([data-vp-theme="current"]) .comment,
:root[data-vp-theme]:not([data-vp-theme="current"]) .comment-form textarea {color:var(--vp-text);border-color:var(--vp-control-line);background:var(--vp-control)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .article-empty,
:root[data-vp-theme]:not([data-vp-theme="current"]) .static-page {color:var(--vp-text)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .detail-pending {color:var(--vp-text);background:var(--vp-note)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-modal {color:var(--vp-text);background:var(--vp-article)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-modal header {border-color:var(--vp-rule)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-modal header h2,
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-done {color:var(--vp-text)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-modal select,
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-modal input,
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-modal textarea,
:root[data-vp-theme]:not([data-vp-theme="current"]) .error-report-actions button[type="button"] {color:var(--vp-text);border-color:var(--vp-control-line);background:var(--vp-control)}
:root[data-vp-theme]:not([data-vp-theme="current"]) button:focus-visible,
:root[data-vp-theme]:not([data-vp-theme="current"]) input:focus-visible,
:root[data-vp-theme]:not([data-vp-theme="current"]) select:focus-visible,
:root[data-vp-theme]:not([data-vp-theme="current"]) textarea:focus-visible,
:root[data-vp-theme]:not([data-vp-theme="current"]) a:focus-visible {outline-color:var(--vp-accent)}

:root[data-vp-theme="spectrum"] .app .topics-sort button.active,
:root[data-vp-theme="spectrum"] .app .comment-form button,
:root[data-vp-theme="spectrum"] .app .error-report-actions button[type="submit"],
:root[data-vp-theme="spectrum"] .app .error-report-done button {border-color:transparent;background-color:transparent;background-image:var(--vp-accent-gradient)}
:root[data-vp-theme="spectrum"] .app .mode-tabs button.active,
:root[data-vp-theme="spectrum"] .app .mode-tabs button:not(.active):not(:disabled):hover {border-color:transparent;background-color:transparent;background-image:var(--vp-accent-gradient)}
:root[data-vp-theme="spectrum"] .app .mode-tabs button.active:not(:disabled):hover {filter:brightness(.88)}

/* Touch browsers keep :hover after a tap. Restore the real selected state. */
@media (hover:none), (width<=560px) {
  :root[data-vp-theme] .app .mode-tabs button:not(.active):not(:disabled):hover {
    color:var(--vp-accent,var(--coral));
    border-color:var(--vp-accent,var(--coral));
    background:var(--vp-control,#fff);
    box-shadow:none;
    filter:none;
  }
  :root[data-vp-theme] .app .mode-tabs button.active:not(:disabled):hover {
    color:var(--vp-accent-contrast,#fff);
    border-color:var(--vp-accent,var(--coral));
    background:var(--vp-accent,var(--coral));
    filter:none;
  }
  :root[data-vp-theme="spectrum"] .app .mode-tabs button.active:not(:disabled):hover {
    border-color:transparent;
    background-color:transparent;
    background-image:var(--vp-accent-gradient);
    filter:none;
  }
  :root[data-vp-theme="spectrum"] .app .mode-tabs button:not(.active):not(:disabled):hover {
    color:var(--vp-accent);
    border-color:var(--vp-accent);
    background:var(--vp-control);
    filter:none;
  }
}
/* Card-like related items without changing their box geometry. */
.related-panel {padding-top:10px}
:root[data-vp-theme]:not([data-vp-theme="current"]) .related-block li {position:relative;isolation:isolate;padding-left:10px;padding-right:7px;border-color:transparent}
:root[data-vp-theme]:not([data-vp-theme="current"]) .related-block li::before {content:"";position:absolute;z-index:-1;inset:-5px 0;border:1px solid var(--vp-card-line);border-radius:10px;background:var(--vp-related);box-shadow:var(--vp-related-shadow);pointer-events:none}
:root[data-vp-theme]:not([data-vp-theme="current"]) .related-block a {color:var(--vp-card-text)}
:root[data-vp-theme]:not([data-vp-theme="current"]) .related-meta {color:var(--vp-card-muted)}

/* Strong selected state. The inset ring and transformed children do not change line layout or card width. */
:root[data-vp-theme="current"] .feed-card.selected {box-shadow:inset 0 0 0 2px var(--coral)}
.feed-card.selected>.card-left,
.feed-card.selected>.card-summary {position:relative;z-index:1;transform:scale(1.025);transform-origin:center;transition:transform .18s ease}
.feed-card>.card-left,
.feed-card>.card-summary {transition:transform .18s ease}
.feed-card.selected>.selected-check {z-index:3}

/* 3.1: thicken the native black rim; a white highlight falls from the top-left. */
:root[data-vp-theme="graphite"] .app .feed-card.selected {border-color:#050506;box-shadow:var(--vp-card-shadow),inset 0 0 0 3px #050607,inset -2px -2px 0 rgba(0,0,0,.78),-2px -2px 0 rgba(255,255,255,.16)}
:root[data-vp-theme="graphite"] .app .feed-card.selected::before {content:"";position:absolute;z-index:2;inset:0;padding:4px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.62) 0,rgba(255,255,255,.2) 7%,#08090a 16%,#030405 76%,#000 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}

/* 4.4: thicken the original spectral rim instead of adding a cyan inset. */
:root[data-vp-theme="spectrum"] .app .feed-card.selected {border-color:transparent;box-shadow:var(--vp-card-shadow),0 0 12px rgba(112,104,255,.22)}
:root[data-vp-theme="spectrum"] .app .feed-card.selected::before {content:"";position:absolute;z-index:2;inset:0;padding:3px;border-radius:inherit;pointer-events:none;background:conic-gradient(from 35deg,#42e8ff,#7068ff,#f35bd2,#ffb34d,#60f2d0,#42e8ff);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}

.vp-back-home {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin:0 0 14px;
  padding:0 14px;
  color:var(--vp-accent,var(--coral));
  border:1px solid var(--vp-control-line,var(--line));
  border-radius:9px;
  background:var(--vp-control,var(--white));
  font-size:13px;
  font-weight:750;
}
.vp-back-home + .vp-back-home {margin-left:8px}
.vp-back-home:hover {
  border-color:var(--vp-accent,var(--coral));
  background:var(--vp-accent-soft,var(--coral-soft));
}
.vp-section-nav {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:0 0 0 auto;
}
.vp-section-nav .vp-back-home {
  margin:0;
  min-height:24px;
  padding:0 9px;
  font-size:11px;
  white-space:nowrap;
}
.vp-topic-context .control-row {display:none!important}
.vp-topic-header-actions {display:inline-flex;align-items:center;gap:6px;margin-left:4px}
.vp-topic-header-button {min-height:24px;padding:4px 10px;color:var(--vp-text,var(--navy));border:1px solid var(--vp-control-line,var(--line));border-radius:999px;background:var(--vp-control,var(--white));font:inherit;font-size:10px;font-weight:750;line-height:1;white-space:nowrap;cursor:pointer}
.vp-topic-header-button:hover {color:var(--vp-accent-dark,var(--coral-dark));border-color:var(--vp-accent,var(--coral));background:var(--vp-accent-soft,var(--coral-soft))}
.vp-topic-header-button:focus-visible {outline:2px solid var(--vp-accent,var(--coral));outline-offset:2px}
@media (max-width: 720px) {
  .vp-section-nav {
    width:100%;
    margin-left:0;
  }
}

.vp-theme-switcher {z-index:12;display:flex;flex:0 1 260px;align-items:center;min-width:210px;height:30px;margin-left:8px;padding:3px;color:var(--vp-switch-text);border:1px solid var(--vp-switch-line);border-radius:10px;background:var(--vp-switch-bg);box-shadow:var(--vp-switch-shadow);overflow:hidden}
.vp-theme-caption {display:none}
.vp-theme-rail {display:flex;flex:1;min-width:0;gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.vp-theme-rail::-webkit-scrollbar {display:none}
.vp-theme-option {scroll-snap-align:center;flex:1 0 42px;min-width:0;height:22px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--vp-switch-text);border:0;border-radius:7px;background:transparent;font-size:10px;font-weight:800;transition:color .15s,background .15s,box-shadow .15s}
.vp-theme-option:hover {background:var(--vp-switch-hover)}
.vp-theme-option.active {color:var(--vp-switch-active-text);background:var(--vp-switch-active);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
:root[data-vp-theme="spectrum"] body .vp-theme-option.active {background-color:transparent!important;background-image:var(--vp-accent-gradient)!important}
.vp-theme-swatch {width:8px;height:8px;flex:0 0 auto;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#ff5a5f}
.vp-theme-option[data-theme="graphite"] .vp-theme-swatch {background:linear-gradient(145deg,#4a4e54,#111)}
.vp-theme-option[data-theme="champagne"] .vp-theme-swatch {background:linear-gradient(145deg,#fff8ed,#b5a99a)}
.vp-theme-option[data-theme="steel"] .vp-theme-swatch {background:linear-gradient(145deg,#fff,#8e99a3)}
.vp-theme-option[data-theme="spectrum"] .vp-theme-swatch {background:conic-gradient(#42e8ff,#7068ff,#f35bd2,#ffb34d,#60f2d0,#42e8ff)}
.vp-theme-option:focus-visible {outline:2px solid var(--vp-switch-active);outline-offset:-2px}

@media (width<=560px){.vp-theme-switcher{flex-basis:210px;min-width:0}.vp-theme-option{flex-basis:36px}}
@media (width<=400px){.vp-theme-switcher{flex-basis:180px}.vp-theme-option{flex-basis:30px}.vp-theme-swatch{display:none}}
@media (prefers-reduced-motion:reduce){.vp-theme-rail{scroll-behavior:auto}}

/* Multi-select filters. Native selects remain mounted for app compatibility. */
.vp-native-filter {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}
.vp-multi-filter {position:relative;z-index:25;flex:0 1 150px;max-width:150px}
.vp-multi-button {display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:28px;padding:0 9px;color:var(--vp-text,var(--navy));border:1px solid var(--vp-control-line,#bfcbd9);border-radius:8px;background:var(--vp-control,#fff);font-size:11px;text-align:left}
.vp-multi-button span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vp-multi-button b {flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:700;transition:transform .15s}
.vp-multi-button[aria-expanded="true"] b {transform:rotate(180deg)}
.vp-multi-button.has-selection {color:var(--vp-accent,var(--coral));border-color:var(--vp-accent,var(--coral))}
.vp-multi-menu {position:absolute;z-index:1300;top:calc(100% + 5px);left:0;width:max(100%,230px);max-height:min(390px,60vh);padding:5px;color:var(--vp-menu-text,var(--navy));border:1px solid var(--vp-control-line,#c6d0dc);border-radius:10px;background:var(--vp-menu-bg,#fff);box-shadow:0 12px 28px rgba(8,15,24,.24);overflow-y:auto;overscroll-behavior:contain}
.vp-multi-menu[hidden] {display:none}
.vp-multi-option {display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border-radius:7px;cursor:pointer;font-size:11px;line-height:1.3}
.vp-multi-option:hover {background:var(--vp-accent-soft,var(--coral-soft))}
.vp-multi-option input {appearance:none;display:grid;place-content:center;flex:0 0 auto;width:14px;height:14px;margin:0;border:1px solid var(--vp-control-line,#9ba9b8);border-radius:3px;background:var(--vp-control,#fff)}
.vp-multi-option input::before {content:"";width:7px;height:4px;border-left:2px solid var(--vp-accent-contrast,#fff);border-bottom:2px solid var(--vp-accent-contrast,#fff);transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .1s}
.vp-multi-option input:checked {border-color:var(--vp-accent,var(--coral));background:var(--vp-accent,var(--coral))}
.vp-multi-option input:checked::before {transform:rotate(-45deg) scale(1)}
.vp-multi-option span {min-width:0;overflow-wrap:anywhere}
.vp-multi-all {margin-bottom:4px;border-bottom:1px solid var(--vp-rule,var(--line));border-radius:7px 7px 2px 2px;font-weight:750}
:root[data-vp-theme="spectrum"] .vp-multi-option input:checked {border-color:transparent;background-image:var(--vp-accent-gradient)}
@media (width<=1050px){.vp-multi-filter{flex:1;min-width:0;max-width:none}.vp-multi-button{height:40px;font-size:13px}}

/* Two-row filter toolbar: search above the three multi-select columns. */
.loaded {display:none!important}
.control-row {display:grid;grid-template-columns:150px 150px 150px auto minmax(0,1fr);grid-template-rows:28px 28px;grid-template-areas:"search search search find space" "country topic source reset space";align-items:center;column-gap:11px;row-gap:5px;padding-top:4px;padding-bottom:5px}
.control-row .vp-multi-filter[data-filter="country"] {grid-area:country}
.control-row .vp-multi-filter[data-filter="topic"] {grid-area:topic}
.control-row .vp-multi-filter[data-filter="source"] {grid-area:source}
.control-row .search {grid-area:search;width:100%;max-width:none}
.control-row .search-button {grid-area:find;justify-self:start}
.control-row .reset-button {grid-area:reset;justify-self:start}
.control-row .control-space {grid-area:space;display:block}

@media (width<=1050px){
  .control-row {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;grid-template-rows:40px 40px;grid-template-areas:"search search search find" "country topic source reset";column-gap:8px;row-gap:7px}
  .control-row .search {order:initial;height:40px}
  .control-row .vp-multi-filter {width:100%;max-width:none}
  .control-row .control-space {display:none}
}
@media (width<=560px){
  .control-row {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto}
  .control-row .search-button {display:grid;place-items:center;width:20px;padding:0;font-size:0}
  .control-row .search-button::before {content:"⌕";font-size:21px;line-height:1;font-weight:800}
  .control-row .reset-button {display:block;padding:0 3px;font-size:0}
  .control-row .reset-button::before {content:"×";font-size:20px;line-height:1}
}

/* Article footer: report first, then compact source and editorial note. */
.article-panel article {display:flex;flex-direction:column}
.article-panel article .report-error-row {order:10;margin-top:7px;margin-bottom:5px}
.article-panel article .sources-block {order:20;margin-top:7px;padding-top:8px}
.article-panel article .editorial-note-block {order:30;margin-top:7px;padding:8px 11px;font-size:11px;line-height:1.4}
.article-panel article .sources-block h3 {margin-bottom:6px;font-size:10px}
.article-panel article .source-card {margin-bottom:4px;padding:7px 10px}
.article-panel article .source-card .source-name {margin-bottom:1px;font-size:12px;line-height:1.25}
.article-panel article .source-card .source-about {margin:1px 0;font-size:11px;line-height:1.3}
.article-panel article .source-card .source-material {gap:5px;margin-top:2px;padding-top:3px;font-size:10px;line-height:1.25}
.article-panel article .source-card .source-goto-btn {display:none}
.article-panel article .source-card .source-published-at {margin-top:2px;padding-top:3px;font-size:10px;line-height:1.25}

@media (width<=1050px){
  .article-panel article .report-error-row {margin-top:8px;text-align:left}
  .article-panel article .report-error-btn {min-height:36px}
}

/* Original URL remains available in the source block; keep controls compact. */
.article-controls .original-button {display:none!important}
.article-controls .back-button {margin-left:auto}
.article-controls .share-button {margin-left:0}
@media (width<=1050px){
  .article-controls .back-button {order:initial;width:auto;min-width:100px;margin-left:auto}
  .article-controls .share-button {flex:0 0 auto;min-height:44px;font-size:13px}
}
@media (width<=560px){
  .article-controls .back-button,
  .article-controls .share-button {flex:1 1 0;min-width:0}
}

/* Admin: block-cell reasons, manual verdicts and mechanism switches. */
.vp-block-reason-pill {display:inline-flex;align-items:center;max-width:150px;margin-left:5px;padding:1px 6px;border:1px solid currentColor;border-radius:999px;font-size:8px;font-weight:750;line-height:1.35;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.vp-block-reason-pill[data-reason-type="tag"],.vp-block-reason-pill[data-reason-type="other"] {color:#69727d;background:rgba(105,114,125,.11)}
.vp-block-reason-pill[data-reason-type="check"] {color:#896900;background:rgba(255,204,45,.18)}
.vp-block-reason-pill[data-reason-type="combo"] {color:#a84c00;background:rgba(255,132,34,.16)}
.vp-block-reason-pill[data-reason-type="manual"] {color:#1265b7;background:rgba(54,142,228,.15)}
.vp-block-reason-pill[data-reason-type="llm"] {color:#b62e43;background:rgba(225,63,86,.14)}
.vp-block-reason-pill[data-reason-type="source"] {color:#7043ad;background:rgba(126,79,190,.14)}
:root[data-vp-theme="graphite"] .vp-block-reason-pill {filter:saturate(.8) brightness(1.35)}
:root[data-vp-theme="spectrum"] .vp-block-reason-pill {color:var(--vp-card-text);border-color:var(--vp-accent);background:var(--vp-accent-soft)}

.vp-block-cells-panel {order:0;margin:8px 0 5px;padding:12px 14px;color:var(--vp-text,var(--navy));border:1px solid var(--vp-card-line,var(--line));border-radius:12px;background:var(--vp-card,var(--white));box-shadow:var(--vp-card-shadow,0 2px 8px rgba(22,39,62,.06));font-size:12px}
.vp-block-cells-panel.loading {opacity:.72}
.vp-block-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.vp-block-heading h3 {margin:0;font-size:13px;text-transform:none;letter-spacing:0}
.vp-effective-status {flex:0 0 auto;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:850}
.vp-status-ready {color:#15723b;background:rgba(43,178,94,.13)}
.vp-status-review {color:#856400;background:rgba(232,180,0,.16)}
.vp-status-block {color:#aa263c;background:rgba(226,61,84,.13)}
.vp-status-legacy {color:#69727d;background:rgba(105,114,125,.12)}
.vp-effective-reason {margin:0 0 8px;color:var(--vp-card-muted,var(--muted));font-size:11px}
.vp-block-cells-list,.vp-manual-current {display:grid;gap:4px}
.vp-manual-current {margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid var(--vp-rule,var(--line))}
.vp-block-cell {display:grid;grid-template-columns:20px minmax(105px,1fr) auto minmax(90px,1.3fr) auto auto;align-items:center;gap:6px;min-height:29px;padding:4px 6px;border-radius:7px;background:color-mix(in srgb,var(--vp-card,var(--white)) 86%,var(--vp-canvas,var(--bg)))}
.vp-cell-icon {text-align:center}
.vp-cell-name {font-weight:750}
.vp-cell-verdict {font-size:9px;font-weight:850;letter-spacing:.02em}
.vp-cell-reason {min-width:0;color:var(--vp-card-muted,var(--muted));font-size:10px;overflow-wrap:anywhere}
.vp-cell-disabled {color:#8b6d32;font-size:9px;white-space:nowrap}
.vp-cell-countdown {color:#986800;font-size:10px;font-weight:750;white-space:nowrap}
.vp-cell-remove {min-width:26px;height:25px;padding:0 6px;color:var(--vp-accent,var(--coral));border:1px solid currentColor;border-radius:6px;background:transparent;font-size:10px;font-weight:750}
.vp-cell-remove:hover {color:var(--vp-accent-contrast,#fff);background:var(--vp-accent,var(--coral))}
.vp-cells-empty {margin:3px 0;color:var(--vp-card-muted,var(--muted));font-size:11px}
.vp-manual-actions {margin-top:9px;padding-top:9px;border-top:1px solid var(--vp-rule,var(--line))}
.vp-manual-actions>strong {display:block;margin-bottom:6px;font-size:11px}
.vp-manual-buttons {display:flex;gap:7px}
.vp-manual-buttons button {min-height:30px;padding:4px 12px;border:1px solid var(--vp-control-line,var(--line));border-radius:8px;background:var(--vp-control,var(--white));font-size:10px;font-weight:800}
.vp-manual-buttons .vp-manual-ready {color:#16733c;border-color:#3d9b62}
.vp-manual-buttons .vp-manual-review {color:#806000;border-color:#b7962b}
.vp-manual-buttons .vp-manual-block {color:#ad2940;border-color:#c75467}
.vp-manual-buttons button:hover {color:var(--vp-accent-contrast,#fff);background:var(--vp-accent,var(--coral));border-color:var(--vp-accent,var(--coral))}
.vp-manual-actions small {display:block;margin-top:6px;color:var(--vp-card-muted,var(--muted));font-size:9px}
.vp-block-message {margin:7px 0 0;padding:6px 8px;border-radius:7px;background:var(--vp-accent-soft,var(--coral-soft));font-size:10px}
.vp-block-message.error {color:#aa263c;background:rgba(226,61,84,.13)}
.vp-switches-nav {display:grid;place-items:center;text-decoration:none}

.vp-switches-page {position:fixed;z-index:5000;inset:0;padding:28px;color:var(--vp-text,var(--navy));background:var(--vp-canvas,var(--bg));overflow:auto}
.vp-switches-card {width:min(720px,100%);margin:0 auto;padding:20px;border:1px solid var(--vp-card-line,var(--line));border-radius:16px;background:var(--vp-card,var(--white));box-shadow:var(--vp-card-shadow,0 12px 30px rgba(22,39,62,.12))}
.vp-switches-header {display:flex;align-items:center;gap:16px;margin-bottom:14px}
.vp-switches-header h1 {margin:0;font-size:22px}
.vp-switches-back {color:var(--vp-accent,var(--coral));font-size:12px;font-weight:750;text-decoration:none}
.vp-switches-warning {margin:0 0 15px;padding:10px 12px;color:#765a11;border:1px solid rgba(188,146,25,.35);border-radius:9px;background:rgba(245,196,51,.14);font-size:11px;line-height:1.45}
.vp-switches-list {display:grid;gap:7px}
.vp-switch-row {display:grid;grid-template-columns:minmax(0,1fr) auto 38px;grid-template-areas:"copy state toggle";align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--vp-rule,var(--line));border-radius:10px;background:color-mix(in srgb,var(--vp-card,var(--white)) 88%,var(--vp-canvas,var(--bg)));cursor:pointer}
.vp-switch-copy {grid-area:copy;display:grid;gap:2px}
.vp-switch-copy strong {font-size:12px}
.vp-switch-copy code {color:var(--vp-card-muted,var(--muted));font-size:9px}
.vp-switch-state {grid-area:state;color:var(--vp-card-muted,var(--muted));font-size:10px}
.vp-switch-input {position:absolute;opacity:0;pointer-events:none}
.vp-switch-visual {grid-area:toggle;position:relative;width:38px;height:22px;border-radius:999px;background:var(--vp-control-line,#aab4c0);transition:.16s}
.vp-switch-visual::after {content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.16s}
.vp-switch-input:checked+.vp-switch-visual {background:var(--vp-accent,var(--coral))}
:root[data-vp-theme="spectrum"] .vp-switch-input:checked+.vp-switch-visual {background-image:var(--vp-accent-gradient)}
.vp-switch-input:checked+.vp-switch-visual::after {transform:translateX(16px)}
.vp-switch-input:focus-visible+.vp-switch-visual {outline:2px solid var(--vp-accent,var(--coral));outline-offset:2px}

@media (width<=720px){
  .vp-switches-nav {font-size:0}
  .vp-switches-nav::before {content:"⚙";font-size:15px}
  .vp-block-cells-panel {padding:10px}
  .vp-block-cell {grid-template-columns:20px 1fr auto;grid-template-areas:"icon name remove" "icon verdict remove" "reason reason reason" "disabled countdown countdown";gap:3px 6px}
  .vp-cell-icon {grid-area:icon}.vp-cell-name{grid-area:name}.vp-cell-verdict{grid-area:verdict}.vp-cell-reason{grid-area:reason}.vp-cell-disabled{grid-area:disabled}.vp-cell-countdown{grid-area:countdown}.vp-cell-remove{grid-area:remove}
  .vp-manual-buttons {display:grid;grid-template-columns:1fr 1fr 1fr}
  .vp-manual-buttons button {padding-inline:5px}
  .vp-switches-page {padding:12px}
  .vp-switches-card {padding:14px}
  .vp-switch-row {grid-template-columns:minmax(0,1fr) 38px;grid-template-areas:"copy toggle" "state toggle"}
}

/* Public publication counters below the primary filters. */
.news-added-counters {display:flex;align-items:center;gap:8px;padding:0 18px 8px;color:var(--vp-card-muted,var(--muted));font-size:10px;line-height:1}
.news-added-counter {display:inline-flex;align-items:baseline;gap:5px;padding:5px 9px;border:1px solid var(--vp-control-line,var(--line));border-radius:999px;background:color-mix(in srgb,var(--vp-control,var(--white)) 88%,transparent);white-space:nowrap}
.news-added-counter strong {color:var(--vp-text,var(--navy));font-size:12px;font-variant-numeric:tabular-nums}
.news-added-counters.is-unavailable {opacity:.55}
:root[data-vp-theme="spectrum"] .news-added-counter {border-color:color-mix(in srgb,var(--vp-accent) 30%,var(--vp-control-line,var(--line)));background:var(--vp-accent-soft)}
@media (width<=720px){
  .news-added-counters {gap:5px;padding:0 10px 7px;overflow-x:auto;scrollbar-width:none}
  .news-added-counters::-webkit-scrollbar {display:none}
  .news-added-counter {gap:4px;padding:5px 7px;font-size:9px}
  .news-added-counter strong {font-size:11px}
  .vp-topic-header-actions {gap:5px;margin-left:2px}
  .vp-topic-header-button {padding:5px 8px;font-size:9px}
}
/* Reader-facing hashtags and grouped multi-tag search results.
   Positioning: .article-panel article is a flex column with report-error(10),
   sources-block(20), editorial-note-block(30). Tag block is inserted right
   after .sources-block by tag-search.js, but flex `order` here re-parks it
   below the editorial note so it becomes the very last article element. */
.article-panel article .vp-news-tags {
  /* font-family/size/line-height/color заполняет tag-search.js инлайном,
     копируя реальный computed style у .article-body. Здесь только layout. */
  order: 40;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 6px;
  align-items: center;
  margin: 12px 0 4px;
  padding: 0;
}

.article-panel article .vp-news-tags-note {
  flex-basis: 100%;
  margin: 0 0 4px;
  padding: 0;
  color: var(--vp-subtle, var(--muted, #6b7280));
  font-size: .9em;
  line-height: 1.35;
}

/* Tag pill: matches article body font, subtle themed pill under the text. */
.article-panel article .vp-news-tag {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 2px 9px;
  border: 1px solid var(--vp-rule, var(--line, rgba(0, 0, 0, .12)));
  border-radius: 999px;
  background: var(--vp-accent-soft, var(--coral-soft, rgba(0, 0, 0, .05)));
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.4;
  cursor: pointer;
  transition: color .15s, background .15s, border-color .15s;
}

.article-panel article .vp-news-tag:hover,
.article-panel article .vp-news-tag:focus-visible {
  color: var(--vp-accent-contrast, #fff);
  background: var(--vp-accent, var(--coral, #ff5a5f));
  border-color: var(--vp-accent, var(--coral, #ff5a5f));
  text-decoration: none;
  outline: none;
}

/* Spectrum theme uses a gradient accent everywhere else — mirror it here. */
:root[data-vp-theme="spectrum"] .article-panel article .vp-news-tag:hover,
:root[data-vp-theme="spectrum"] .article-panel article .vp-news-tag:focus-visible {
  background-image: var(--vp-accent-gradient);
  border-color: transparent;
}

.vp-tag-result-heading {
  box-sizing: border-box;
  color: var(--vp-subtle, var(--muted, #6b7280));
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 13px 14px 7px;
  text-transform: uppercase;
}

/* Экспериментальные рекламные слоты (ads-slots.js). Пустой слот не рисуется
   вовсе — контейнер появляется в DOM только когда сервер уже вернул
   объявление, так что здесь стилизуем только заполненное состояние. */
.vp-ad-slot {
  box-sizing: border-box;
  margin: 10px 0;
}
.vp-ad-slot-short_list {
  margin: 0 14px 10px;
}
.vp-ad-card-link {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 12px;
  border: 1px solid var(--vp-card-line, var(--line, rgba(0, 0, 0, .12)));
  border-radius: 12px;
  background: var(--vp-card, var(--white, #fff));
  box-shadow: var(--vp-card-shadow, 0 2px 8px rgba(22, 39, 62, .06));
  color: inherit;
  text-decoration: none;
  transition: border-color .15s, box-shadow .15s;
}
.vp-ad-card-link:hover,
.vp-ad-card-link:focus-visible {
  border-color: var(--vp-accent, var(--coral, #ff5a5f));
}
.vp-ad-image {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  object-fit: cover;
}
.vp-ad-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.vp-ad-label {
  align-self: flex-start;
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--vp-accent-soft, var(--coral-soft, rgba(0, 0, 0, .06)));
  color: var(--vp-accent, var(--coral, #ff5a5f));
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.vp-ad-title {
  color: var(--vp-card-text, var(--vp-text, inherit));
  font-size: 13px;
  line-height: 1.3;
}
.vp-ad-text {
  margin: 0;
  color: var(--vp-card-muted, var(--vp-subtle, var(--muted, #6b7280)));
  font-size: 12px;
  line-height: 1.35;
}
/* article_end садится между sources-block(order 20) и editorial-note-block
   (order 30) в flex-колонке .article-panel article, независимо от того,
   куда именно вставлен узел в DOM. */
.article-panel article .vp-ad-slot-article_end {
  order: 25;
}

/* comments-слот: физически внутри списка рекомендаций (.related-block ul),
   li без буллита; сбрасываем декоративную подложку темы у .related-block li
   (::before), чтобы карточка рекламы не задваивалась своей же рамкой. */
.related-block li.vp-ad-slot {
  list-style: none;
  padding: 0;
}
.related-block li.vp-ad-slot::before {
  content: none;
}