/* Evidico magazine: appearance and public controls, 13 November 2026. */
:root {
  --page:#f3f6f7; --paper:#fff; --paper-soft:#eef4f4; --paper-warm:#f5f8f5;
  --ink:#182e3c; --ink-soft:#455b69; --muted:#566c79;
  --line:#d7e2e5; --line-strong:#b6cbd0; --brand:#12384b; --brand-deep:#092b3d;
  --accent:#096e5e; --accent-soft:#e7f4ef; --brand-accent:#36aa92;
  --action:#123e50; --action-hover:#1b5262; --on-action:#fff; --focus:#087c68;
  --field:#fff; --scroll-track:#edf2f3; --scroll-thumb:#91a7af; --scroll-hover:#657f89;
  --good-bg:#e8f4ec; --good-ink:#235d44; --good-line:#a9cdb7;
  --warn-bg:#fff4dc; --warn-ink:#785100; --warn-line:#dcc38a;
  --bad-bg:#fbe8e8; --bad-ink:#893b3e; --bad-line:#d9a9ab;
  --neutral-bg:#eaf0f6; --neutral-ink:#385671; --neutral-line:#b9cadb;
  --shadow:0 16px 36px rgba(15,48,62,.09); --shadow-soft:0 4px 16px rgba(15,48,62,.045);
  --logo-radius:8px; --masthead-logo:210px; --appearance-radius:10px;
}
html { color-scheme:light; scrollbar-color:var(--scroll-thumb) var(--scroll-track); scrollbar-width:thin; }
html[data-evidico-theme="dark"] {
  color-scheme:dark; --page:#0e1822; --paper:#172430; --paper-soft:#1c2e3a; --paper-warm:#1b302f;
  --ink:#e5edf1; --ink-soft:#bbcbd4; --muted:#a2b7c2;
  --line:#304651; --line-strong:#48616b; --brand:#d3eae8; --brand-deep:#e1f4ef;
  --accent:#90dcc3; --accent-soft:#1c3935; --brand-accent:#5dbfa5;
  --action:#a6dfcc; --action-hover:#c0eddd; --on-action:#102e28; --focus:#96e6cc;
  --field:#101e29; --scroll-track:#101c27; --scroll-thumb:#4c6570; --scroll-hover:#76929c;
  --good-bg:#17392e; --good-ink:#b1e6c7; --good-line:#3e745d;
  --warn-bg:#40351f; --warn-ink:#ffe0a3; --warn-line:#877146;
  --bad-bg:#40292e; --bad-ink:#ffc2c7; --bad-line:#8b5863;
  --neutral-bg:#25384a; --neutral-ink:#c0daf0; --neutral-line:#536e86;
  --shadow:0 18px 40px rgba(0,0,0,.22); --shadow-soft:0 5px 20px rgba(0,0,0,.14);
}
html[data-evidico-theme="paper"] {
  color-scheme:light; --page:#eee9de; --paper:#fbf7ed; --paper-soft:#f1ecdf; --paper-warm:#f4eedf;
  --ink:#332f28; --ink-soft:#5b5548; --muted:#6a6254;
  --line:#dcd3c1; --line-strong:#c5b99f; --brand:#35463c; --brand-deep:#263c32;
  --accent:#386d53; --accent-soft:#e7eddc; --brand-accent:#6f9c7d;
  --action:#364e41; --action-hover:#496452; --on-action:#fffdf6; --focus:#4b7752;
  --field:#fffcf5; --scroll-track:#e9e2d3; --scroll-thumb:#b1a48c; --scroll-hover:#8b7c63;
  --shadow:0 16px 36px rgba(74,56,26,.08); --shadow-soft:0 4px 16px rgba(74,56,26,.04);
}
*, *::before, *::after { scrollbar-color:var(--scroll-thumb) var(--scroll-track); }
::-webkit-scrollbar { width:11px; height:11px; }
::-webkit-scrollbar-track { background:var(--scroll-track); }
::-webkit-scrollbar-thumb { background:var(--scroll-thumb); border:3px solid var(--scroll-track); border-radius:999px; }
::-webkit-scrollbar-thumb:hover { background:var(--scroll-hover); }
::-webkit-scrollbar-corner { background:var(--scroll-track); }
body { background:var(--page); color:var(--ink); }
::selection { background:var(--accent); color:var(--paper); }
:focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
.site-main a:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible,.site-header summary:focus-visible,.site-footer a:focus-visible { outline-color:var(--focus); }

/* Keep the approved editorial layout and full wordmark. */
.site-header { background:var(--paper); border-top-color:#0c3044; box-shadow:0 3px 16px rgba(9,41,67,.05); }
.site-ticker { background:#0b3045; color:#e7f4f4; border-bottom-color:#3fae98; }
.site-header .masthead { gap:18px; }
.site-header .brand-logo { width:var(--masthead-logo); border-radius:var(--logo-radius); }
body[data-evidico-page="article"] { --masthead-logo:202px; }
.site-footer .footer-brand-logo { border-radius:var(--logo-radius); }
.site-header .nav-shell { margin-left:auto; }
.site-header .site-nav { gap:1px; }
.site-header .site-nav > a,.site-header .category-menu-button { padding-left:9px; padding-right:9px; }
.site-header .category-panel { background:var(--paper); border-color:var(--line); }
.site-header .category-panel-grid a:hover { background:var(--paper-soft); }
.header-tools { display:flex; flex:0 0 auto; align-items:center; gap:7px; }
.header-icon,.site-header .nav-toggle {
  width:42px; height:42px; min-width:42px; min-height:42px;
  display:inline-flex; align-items:center; justify-content:center; padding:0;
  border:1px solid var(--line); border-radius:var(--appearance-radius);
  background:var(--paper); color:var(--brand); text-decoration:none; cursor:pointer;
  box-shadow:0 1px 2px rgba(9,41,67,.025); transition:background-color .16s,border-color .16s,color .16s;
}
.header-icon:hover,.header-icon:focus-visible,.appearance-switcher[open]>.header-icon,.site-header .nav-toggle:hover { background:var(--accent-soft); color:var(--accent); border-color:var(--line-strong); }
.header-icon svg,.site-header .nav-toggle svg { width:20px; height:20px; display:block; flex:none; }
.header-search.is-active { background:var(--accent-soft); border-color:var(--accent); }
.site-header .nav-toggle { display:none; }
.site-header .nav-toggle::before { content:none; }
.appearance-switcher { position:relative; }
.appearance-switcher>summary { list-style:none; }
.appearance-switcher>summary::-webkit-details-marker { display:none; }
[data-theme-mark] { display:none!important; }
[data-theme-mark="light"] { display:block!important; }
html[data-evidico-theme="dark"] [data-theme-mark="light"],html[data-evidico-theme="paper"] [data-theme-mark="light"] { display:none!important; }
html[data-evidico-theme="dark"] [data-theme-mark="dark"],html[data-evidico-theme="paper"] [data-theme-mark="paper"] { display:block!important; }
.appearance-panel {
  position:absolute; z-index:55; right:0; top:calc(100% + 12px); width:234px; max-width:calc(100vw - 28px);
  padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--paper); color:var(--ink); box-shadow:var(--shadow);
}
.appearance-heading { margin:1px 6px 8px; font:750 .76rem/1.5 var(--font-display); letter-spacing:.055em; text-transform:uppercase; color:var(--muted); }
.appearance-choice {
  display:flex; gap:11px; width:100%; align-items:center; text-align:left; min-height:51px; margin:3px 0; padding:8px 10px;
  border:1px solid transparent; border-radius:9px; background:transparent; color:var(--ink); cursor:pointer;
}
.appearance-choice>svg { width:20px; height:20px; flex:none; color:var(--accent); }
.appearance-choice strong { display:block; font:700 .92rem/1.3 var(--font-display); }
.appearance-choice small { display:block; font-size:.79rem; line-height:1.45; color:var(--muted); }
.appearance-choice::after { content:'✓'; margin-left:auto; font-weight:750; opacity:0; color:var(--accent); }
.appearance-choice:hover,.appearance-choice[aria-pressed="true"] { background:var(--accent-soft); border-color:var(--line); }
.appearance-choice[aria-pressed="true"]::after { opacity:1; }
.appearance-note { margin:10px 7px 2px; padding-top:10px; border-top:1px solid var(--line); font-size:.76rem; line-height:1.45; color:var(--muted); }

/* Unified public form controls; native field semantics are retained. */
.site-main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]),select,textarea) {
  min-height:46px; padding:10px 13px; border:1px solid var(--line-strong); border-radius:10px;
  background:var(--field); color:var(--ink); font:inherit; line-height:1.5; caret-color:var(--accent);
  box-shadow:0 1px 2px rgba(9,41,67,.025); transition:border-color .15s,box-shadow .15s;
}
.site-main :where(input,select,textarea):hover { border-color:var(--muted); }
.site-main :where(input,select,textarea):focus-visible { border-color:var(--focus); outline:2px solid var(--focus); outline-offset:2px; box-shadow:0 0 0 4px var(--accent-soft); }
.site-main :where(input,textarea)::placeholder { color:var(--muted); opacity:1; }
.site-main :where(input[type="checkbox"],input[type="radio"],input[type="range"]) { accent-color:var(--accent); }
.site-main :where(input,select,textarea):disabled { color:var(--muted); background:var(--paper-soft); cursor:not-allowed; opacity:.8; }
.site-main textarea { resize:vertical; }
.button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--action); border-radius:10px; background:var(--action); color:var(--on-action); line-height:1.4; }
.button:hover { background:var(--action-hover); border-color:var(--action-hover); color:var(--on-action); }
.button-light,.button.button-light { background:var(--paper); border-color:var(--line-strong); color:var(--brand); }
.button-light:hover,.button.button-light:hover { background:var(--accent-soft); border-color:var(--accent); color:var(--accent); }
.public-pagination a,.public-pagination-current { min-width:42px; min-height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; border-color:var(--line-strong); }
.public-pagination-current { background:var(--action); color:var(--on-action); }
.public-pagination a:hover { background:var(--accent-soft); border-color:var(--accent); color:var(--accent); }
.site-main details>summary { border-radius:5px; text-underline-offset:.2em; }
.site-main details>summary:focus-visible { outline:3px solid var(--focus); outline-offset:5px; }
.site-main table { border-color:var(--line); }
.site-main th { background:var(--paper-soft); color:var(--brand); }
.site-main :where(th,td) { border-color:var(--line); }

/* Replace fixed light surfaces with theme-aware editorial colors. */
.front-intro { background:linear-gradient(112deg,var(--paper) 32%,var(--paper-soft)); }
.lead-story,.featured-card { border-color:var(--line-strong); }
.methodology-hero { background:linear-gradient(180deg,var(--paper),var(--paper-warm)); }
.methodology-steps>div,.privacy-note { background:var(--paper-soft); }
.article-overview,.article-overview-links a { border-color:var(--line-strong); }
.article-overview-links a:hover,.audio-mode-button:hover,.audio-mode-button:focus-visible { background:var(--paper); }
.lead-image-source { background:var(--paper-soft); color:var(--muted); }
.verdict-richtig,.verdict-ueberwiegend_richtig,.success-message,.flash-success { background:var(--good-bg); color:var(--good-ink); border-color:var(--good-line); }
.verdict-teilweise_richtig,.verdict-kontext_fehlt { background:var(--warn-bg); color:var(--warn-ink); border-color:var(--warn-line); }
.verdict-irrefuehrend,.verdict-falsch,.error-message,.flash-error { background:var(--bad-bg); color:var(--bad-ink); border-color:var(--bad-line); }
.verdict-unbelegt,.verdict-nicht_ueberpruefbar { background:var(--neutral-bg); color:var(--neutral-ink); border-color:var(--neutral-line); }
.back-to-top { background:var(--action); color:var(--on-action); border-color:var(--line-strong); border-radius:12px; box-shadow:var(--shadow); }
.back-to-top:hover { background:var(--action-hover); color:var(--on-action); }

/* Reader-facing guides use the same palette; branded purchase actions remain distinct. */
html[data-evidico-theme] .ratgeber-page .site-main :where(.guide-hub-card,.guide-index-card,.guide-product) { background:var(--paper); border-color:var(--line); box-shadow:var(--shadow-soft); }
html[data-evidico-theme] .ratgeber-page .site-main :where(.guide-hub-header h1,.guide-intro:not(.guide-intro-with-image) h1,.guide-card-body h2 a,.guide-card-body h3 a,.guide-grid-label,.guide-product h3,.guide-allocation strong,.guide-hub-note strong) { color:var(--brand); }
html[data-evidico-theme] .ratgeber-page .site-main :where(.guide-hub-lead,.guide-card-summary,.guide-product-limit) { color:var(--ink-soft); }
html[data-evidico-theme] .ratgeber-page .site-main :where(.guide-hub-note,.guide-breadcrumb,.guide-small,.guide-sources li p,.guide-ad-label,.guide-infographic figcaption,.guide-product-visual figcaption,.guide-allocation span,.guide-variant) { color:var(--muted); }
html[data-evidico-theme] .ratgeber-page .site-main .guide-intro:not(.guide-intro-with-image) .guide-meta { color:var(--muted); }
html[data-evidico-theme] .ratgeber-page .site-main :where(.guide-transparency,.guide-notice,.guide-hub-method,.guide-copy th) { background:var(--paper-soft); border-color:var(--line-strong); }
html[data-evidico-theme] .ratgeber-page .site-main :where(.guide-usecase,.guide-port-chip,.guide-tags a,.guide-taxonomy-nav a,.guide-card-body .guide-tags a) { background:var(--accent-soft); border-color:var(--line); color:var(--accent); }
html[data-evidico-theme] .ratgeber-page .site-main .guide-taxonomy-nav a[aria-current="page"] { background:var(--action); border-color:var(--action); color:var(--on-action); }
html[data-evidico-theme] .ratgeber-page .site-main :where(.guide-method-heading h2,.guide-method-grid h3,.guide-method-grid>div>span,.guide-eyebrow) { color:var(--accent); }
html[data-evidico-theme] .ratgeber-page .site-main .guide-method-grid p { color:var(--ink-soft); }
html[data-evidico-theme] .ratgeber-page .site-main .guide-button-secondary { color:var(--brand)!important; background:var(--paper-soft); border-color:var(--line-strong); }

@media(min-width:941px) and (max-width:1130px) {
  :root { --masthead-logo:176px; }
  body[data-evidico-page="article"] { --masthead-logo:168px; }
  .site-header .masthead { gap:12px; padding-left:20px; padding-right:20px; }
  .site-header .site-nav>a,.site-header .category-menu-button { padding-left:7px; padding-right:7px; font-size:.83rem; }
}
@media(max-width:940px) {
  :root { --masthead-logo:174px; }
  body[data-evidico-page="article"] { --masthead-logo:166px; }
  .site-header .masthead { gap:12px; padding-left:18px; padding-right:18px; }
  .site-header .nav-shell { margin-left:0; background:var(--paper); border-radius:12px; border-color:var(--line); }
  .site-header .nav-toggle { display:inline-flex; }
  .header-tools { margin-left:auto; }
  .site-header .site-nav>a.is-active,.site-header .site-nav>a:hover,.site-header .category-menu-button:hover,.site-header .category-menu-button[aria-expanded="true"] { background:var(--accent-soft); }
}
@media(max-width:460px) {
  :root { --masthead-logo:164px; }
  body[data-evidico-page="article"] { --masthead-logo:156px; }
  .site-header .masthead { gap:8px; padding-left:14px; padding-right:14px; }
  .header-tools { gap:5px; }
  .header-icon,.site-header .nav-toggle { width:40px; height:40px; min-width:40px; min-height:40px; }
}
@media(max-width:360px) {
  :root { --masthead-logo:136px; }
  body[data-evidico-page="article"] { --masthead-logo:132px; }
  .site-header .masthead { gap:6px; padding-left:12px; padding-right:12px; }
  .header-tools { gap:4px; }
  .header-icon,.site-header .nav-toggle { width:38px; height:40px; min-width:38px; }
}
@media(prefers-reduced-motion:reduce) { .header-icon,.appearance-choice,.button,.site-main :where(input,select,textarea) { transition:none; } }
@media(forced-colors:active) { html,* { scrollbar-color:auto; } .appearance-choice[aria-pressed="true"] { border:2px solid Highlight; } }
@media print { .header-tools { display:none; } html[data-evidico-theme] { color-scheme:light; --page:#fff; --paper:#fff; --ink:#111; --ink-soft:#333; --brand:#111; --muted:#444; --line:#aaa; } }

html[data-evidico-theme] .ratgeber-page .site-main .guide-intro-with-image .guide-eyebrow{color:#a0ead5}
@media(max-width:940px){.ratgeber-page .site-header .masthead{padding-left:18px;padding-right:18px}}@media(max-width:460px){.ratgeber-page .site-header .masthead{padding-left:14px;padding-right:14px}}@media(max-width:360px){.ratgeber-page .site-header .masthead{padding-left:12px;padding-right:12px}}