@font-face{font-family:DM Sans;src:url('/fonts/dm-sans-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Newsreader;src:url('/fonts/newsreader-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#173244;--muted:#526572;--paper:#fafaf6;--white:#fff;--line:#d5dedd;--yellow:#e9e72b;--blue:#e7eef1;--serif:'Newsreader',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--width:1280px;--space:clamp(22px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:hover{color:#285872}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #3768a7;outline-offset:5px}img{display:block;width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;text-wrap:balance;font-weight:600;letter-spacing:-.025em}p{margin-bottom:1em}p:last-child{margin-bottom:0}h1 a,h2 a,h3 a{text-decoration:none}a,button,input{caret-color:var(--ink)}[hidden]{display:none!important}.wrap{width:min(var(--width),calc(100% - var(--space)*2));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;padding:12px 20px;background:var(--yellow);z-index:20}.skip-link:focus{top:15px}main:focus{outline:none}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{width:min(var(--width),calc(100% - var(--space)*2));margin:auto;min-height:96px;display:flex;align-items:center;gap:44px}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:29px;letter-spacing:-.045em;font-weight:750;line-height:1;white-space:nowrap}.brand-mark{width:38px;height:38px;flex:none}.site-header nav{display:flex;align-items:center;justify-content:center;gap:27px;margin-left:auto}.site-header nav a{font-size:15px;font-weight:650;text-decoration:none;position:relative;padding:14px 0}.search-link{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;font-weight:650;padding:12px 0 12px 22px;border-left:1px solid var(--line)}.menu-toggle{display:none}.home-heading{display:block;padding:57px 0 40px}.home-heading h1{font-size:clamp(38px,4.4vw,65px);font-weight:600;letter-spacing:-.035em;line-height:1.04}.home-heading h1 em{font-family:var(--serif);font-weight:500;font-style:italic;letter-spacing:-.025em}.home-heading>div{max-width:420px;padding-bottom:5px}.home-heading p{font-size:17px;line-height:1.65;margin-bottom:12px}.text-link,.read-link{display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:14px;text-decoration:none}.editorial-lead{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:36px;padding-bottom:54px;border-bottom:1px solid var(--ink)}.feature-image{display:block;overflow:hidden;background:var(--blue);aspect-ratio:1.68}.feature-image img{height:100%;object-fit:cover}.feature-copy{padding-top:20px;max-width:700px}.story-meta{font-size:12px;line-height:1.45;font-weight:650;letter-spacing:.015em;display:flex;gap:8px;align-items:center;margin-bottom:10px}.story-meta span{color:var(--muted)}.feature h2{font-family:var(--serif);font-size:clamp(29px,2.8vw,42px);font-weight:500;line-height:1.08;max-width:650px;margin-bottom:12px}.feature-copy>p{font-size:16px;color:var(--muted);max-width:640px;margin-bottom:14px}.lead-side>h2{font-size:17px;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid var(--line)}.story.compact{display:grid;grid-template-columns:128px 1fr;gap:18px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.compact .story-image{aspect-ratio:1;align-self:start}.story-image{display:block;background:var(--blue);overflow:hidden}.story-image img{height:100%;object-fit:cover}.compact h3{font-size:21px;font-family:var(--serif);font-weight:500;line-height:1.17;letter-spacing:-.02em}.compact .story-meta{font-size:11px;margin-bottom:8px}.compact .read-link{margin-top:10px;font-size:12px}.method-note{background:var(--yellow);padding:22px 24px;display:grid;grid-template-columns:42px 1fr;gap:8px 16px}.method-note p{font-size:22px;line-height:1.15;letter-spacing:-.02em}.method-note p strong{font-weight:600}.method-note a{grid-column:2;font-size:12px;display:flex;align-items:center;gap:5px;text-decoration:none}.method-note a svg{width:17px}.note-symbol{grid-row:span 2}.section{padding:56px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.section-heading h2{font-size:34px;font-family:var(--serif);font-weight:500}.section-heading p{color:var(--muted);font-size:15px;max-width:620px;margin-top:12px}.section-heading>.text-link{flex-shrink:0;margin-bottom:4px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}.story-grid .story-image{aspect-ratio:1.5}.story-grid .story-copy{padding-top:16px}.story-grid h3{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.15;margin-bottom:12px}.story-grid .story-copy>p{font-size:14px;color:var(--muted);line-height:1.6}.story-grid .read-link{font-size:12px}.topic-band{background:var(--ink);color:white;padding:42px 0;margin:15px 0}.topic-band h2{font-size:31px;font-family:var(--serif);font-weight:500;margin-bottom:28px}.topic-links{display:flex;flex-wrap:wrap;gap:12px}.topic-links a{display:flex;align-items:center;gap:25px;text-decoration:none;border:1px solid #6c7e89;padding:14px 18px;font-size:14px}.topic-links svg{width:17px}.category-section+.category-section{border-top:1px solid var(--line)}.closing-note{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 60px;background:var(--blue);padding:40px;margin:10px 0 64px}.closing-note h2{grid-row:span 2;font-size:36px;font-family:var(--serif);font-weight:500}.closing-note p{font-size:15px;margin:0}.closing-note .button{justify-self:start}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:48px;padding:12px 20px;background:var(--ink);color:white;font-size:14px;font-weight:650;text-decoration:none;border:1px solid var(--ink);border-radius:0}.button-light{background:var(--paper);color:var(--ink)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin:26px 0 0;color:var(--muted)}.breadcrumbs a{text-decoration:none}.page-heading{padding:44px 0 38px;max-width:880px}.page-heading h1{font-size:clamp(38px,5vw,62px);font-family:var(--serif);font-weight:500;margin-bottom:20px}.page-heading p{font-size:18px;color:var(--muted);max-width:700px}.hub-grid{padding-bottom:80px}.article-heading{max-width:980px;margin:40px auto 34px;text-align:center}.article-category{font-size:13px;font-weight:650;margin-bottom:18px}.article-heading h1{font-family:var(--serif);font-weight:500;font-size:clamp(35px,4.8vw,62px);line-height:1.05;max-width:950px;margin:auto}.dek{font-size:19px;color:var(--muted);max-width:800px;margin:23px auto 0;line-height:1.6}.article-byline{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin-top:25px;font-size:12px;color:var(--muted)}.article-cover{width:100%;max-height:580px;aspect-ratio:2.15;overflow:hidden;background:var(--blue);margin-bottom:50px}.article-cover img{height:100%;object-fit:cover}.reading-layout{max-width:750px;margin-inline:auto}.reading-main{min-width:0}.toc{position:relative}.toc details{position:sticky;top:28px}.toc summary{font-size:14px;font-weight:700;margin-bottom:16px;cursor:pointer;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc nav{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:10px;max-height:80vh;overflow:auto}.toc a{font-size:12px;text-decoration:none;color:var(--muted);padding:7px 10px 7px 0;line-height:1.4}.toc .toc-level-3{padding-left:12px}.toc a.is-active{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--ink)}.quick-answer{background:var(--yellow);padding:25px 28px;margin-bottom:20px}.quick-answer h2{font-size:19px;letter-spacing:-.015em;margin-bottom:12px}.quick-answer p{font-size:17px;line-height:1.65}.shopping-note{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 32px}.article-body{font-family:var(--serif);font-size:20px;line-height:1.72;max-width:70ch}.article-body p{margin:0 0 1.2em}.article-body h2{font-family:var(--sans);font-size:29px;line-height:1.22;margin:1.9em 0 .7em;font-weight:600;scroll-margin-top:28px}.article-body h3{font-family:var(--sans);font-size:22px;line-height:1.3;margin:1.6em 0 .65em;font-weight:600;scroll-margin-top:28px}.article-body ul,.article-body ol{padding-left:1.35em;margin:0 0 1.2em}.article-body li{padding-left:.2em;margin-bottom:.5em}.article-body strong{font-weight:650}.article-body a{text-decoration-color:#7191a2}.article-body blockquote{margin:25px 0;padding:20px 25px;background:var(--blue)}.table-block{margin:30px 0;font-family:var(--sans)}.table-scroll{overflow-x:auto;scrollbar-color:var(--ink) var(--blue);scrollbar-width:thin}.article-body table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5;text-align:left}.article-body td,.article-body th{padding:12px 14px;border-bottom:1px solid var(--line);min-width:140px;vertical-align:top}.article-body th{background:var(--blue);font-weight:650}.table-hint{font-family:var(--sans);font-size:12px;color:var(--muted);margin-bottom:8px!important}.shopping-end{background:var(--blue);padding:28px;margin:45px 0 32px}.shopping-end h2{font-size:25px;margin-bottom:12px}.shopping-end p{font-size:15px}.shopping-end .button{margin-top:4px}.sources{font-size:14px;line-height:1.65;border-top:1px solid var(--line);padding-top:28px;margin-bottom:24px}.sources h2{font-size:22px;margin-bottom:15px}.sources p{color:var(--muted)}.sources ul{padding-left:20px}.sources li{margin-bottom:9px;overflow-wrap:anywhere}.service-content{max-width:760px;margin:42px auto 80px;font-size:18px;line-height:1.75}.service-content h1{font-family:var(--serif);font-size:48px;font-weight:500;margin-bottom:32px}.service-content h2{font-size:26px;margin:38px 0 16px}.draft-note{padding:18px;background:var(--yellow);font-size:14px}.site-footer{border-top:1px solid var(--line);padding:40px var(--space) 26px}.footer-top,.footer-bottom{max-width:var(--width);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top{padding-bottom:36px}.footer-top p{color:var(--muted);font-size:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;align-items:flex-start}.footer-bottom nav{display:flex;gap:15px 23px;flex-wrap:wrap}.footer-bottom a,.footer-bottom>span{font-size:11px;color:var(--muted);text-decoration:none}.footer-bottom>span{white-space:nowrap}.search-page{max-width:1000px;padding-bottom:80px}.search-form>label{display:block;font-weight:650;font-size:14px;margin-bottom:8px}.search-control{display:flex;border:1px solid var(--ink);background:white}.search-control input{width:100%;min-width:0;border:0;padding:15px 18px;font-size:17px;background:white;color:var(--ink)}.search-control input::placeholder{color:var(--muted)}.search-control .button{border:0;flex-shrink:0}.search-status{margin:28px 0 12px;font-size:14px;color:var(--muted)}.search-results article{border-bottom:1px solid var(--line);padding:25px 0}.search-results h2{font-size:28px;font-family:var(--serif);font-weight:500;margin-bottom:12px}.search-results p{color:var(--muted);font-size:15px;max-width:750px}.text-button{border:0;background:var(--yellow);padding:12px 16px;color:var(--ink);font-weight:650}.article-directory{list-style:none;padding:0;margin:25px 0}.article-directory li{border-bottom:1px solid var(--line)}.article-directory a{padding:18px 0;display:flex;justify-content:space-between;gap:20px;text-decoration:none;font-size:17px}#search-fallback h2{margin-top:35px}.empty-search{padding:25px;background:var(--blue);font-size:18px;max-width:750px}.not-found{padding-block:90px;min-height:50vh}.not-found h1{font-family:var(--serif);font-size:52px;margin-bottom:25px}.not-found p{font-size:19px}.not-found .text-link{margin-left:25px}
@media(min-width:1600px){.home-heading{padding-top:70px}.header-inner{min-height:108px}}
@media(max-width:1150px){.header-inner{gap:25px}.site-header nav{gap:18px}.brand{font-size:26px}.search-link span{display:none}.editorial-lead{gap:26px;grid-template-columns:1.5fr 1fr}.story.compact{grid-template-columns:100px 1fr;gap:15px}.compact h3{font-size:19px}.reading-layout{gap:35px;grid-template-columns:190px minmax(0,700px)}}
@media(max-width:850px){.header-inner{min-height:82px;gap:20px;flex-wrap:wrap}.brand{font-size:27px}.header-inner nav{order:4;flex-basis:100%;justify-content:flex-start;margin:0;gap:28px;border-top:1px solid var(--line);padding-bottom:6px}.search-link{margin-left:auto;border:0;padding-left:0}.enhanced .menu-toggle{display:flex;align-items:center;gap:7px;background:none;border:0;padding:12px 0;font-size:13px;margin-left:auto;color:var(--ink)}.enhanced .search-link{margin-left:0}.enhanced .header-inner nav{display:none}.enhanced .header-inner nav.is-open{display:flex}.home-heading{grid-template-columns:1fr 1fr;gap:30px;padding-top:38px}.home-heading p{font-size:14px}.home-heading .text-link{font-size:12px}.editorial-lead{grid-template-columns:1fr}.lead-side{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lead-side>h2{grid-column:1/-1;margin-bottom:0}.story.compact{grid-template-columns:90px 1fr;border:0;margin:0;padding:0}.method-note{grid-column:1/-1;grid-template-columns:45px 1fr auto;align-items:center;padding:20px}.method-note p{font-size:20px}.method-note a{grid-column:auto}.note-symbol{grid-row:auto}.story-grid{gap:28px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{display:block;max-width:750px;margin:auto}.toc{margin-bottom:27px}.toc details{position:static;background:var(--blue);padding:17px 20px}.toc summary{margin-bottom:0}.toc details[open] summary{margin-bottom:12px}.toc nav{max-height:210px;grid-template-columns:1fr 1fr;gap:0 15px}.toc a{font-size:12px}.article-cover{margin-bottom:30px}.closing-note{gap:20px 30px;padding:28px}.closing-note h2{font-size:30px}.footer-top{align-items:flex-start;flex-direction:column;gap:18px}.footer-bottom{flex-direction:column}.article-heading{margin-top:32px}.article-byline{gap:8px 15px}}
@media(max-width:600px){:root{--space:22px}.header-inner{min-height:76px;gap:16px}.brand{font-size:25px;gap:6px}.brand-mark{width:32px;height:32px}.menu-toggle span{display:none}.header-inner nav{gap:4px!important;flex-direction:column;align-items:stretch;padding:12px 0!important}.site-header nav a{padding:11px 0}.search-link{padding:10px 0}.home-heading{display:block;padding:32px 0 27px}.home-heading h1{font-size:42px;line-height:1.03}.home-heading>div{margin-top:22px;max-width:350px}.home-heading p{font-size:15px;line-height:1.6;margin-bottom:12px}.home-heading .text-link{font-size:12px}.feature-image{aspect-ratio:1.35}.feature h2{font-size:31px}.feature-copy{padding-top:17px}.feature-copy>p{font-size:15px}.feature-copy .read-link{font-size:13px}.editorial-lead{padding-bottom:30px;gap:28px}.lead-side{display:block}.lead-side>h2{margin-bottom:18px}.story.compact{grid-template-columns:104px 1fr;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line);gap:17px}.compact h3{font-size:22px}.method-note{display:grid;grid-template-columns:35px 1fr;gap:10px 15px;padding:20px}.method-note .brand-mark{width:32px}.method-note a{grid-column:2}.method-note p{font-size:21px}.section{padding:35px 0}.section-heading{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:22px}.section-heading h2{font-size:31px}.section-heading p{font-size:14px}.section-heading>.text-link{font-size:12px}.story-grid{grid-template-columns:1fr;gap:30px}.story-grid .story-image{aspect-ratio:1.5}.story-grid h3{font-size:28px;line-height:1.14}.story-grid .story-copy>p{font-size:14px}.story-grid .story-meta{font-size:11px}.topic-band{padding:30px 0}.topic-band h2{font-size:29px;margin-bottom:20px}.topic-links{display:block}.topic-links a{padding:12px 0;justify-content:space-between;border:0;border-top:1px solid #607480}.closing-note{display:block;margin-bottom:40px;padding:25px}.closing-note h2{font-size:31px;margin-bottom:20px}.closing-note p{font-size:14px;margin-bottom:22px}.page-heading{padding:30px 0}.page-heading h1{font-size:39px}.page-heading p{font-size:16px}.breadcrumbs{font-size:11px;margin-top:20px}.article-heading{text-align:left;margin:28px 0 25px}.article-category{font-size:11px;margin-bottom:13px}.article-heading h1{font-size:37px;line-height:1.06}.dek{font-size:17px;margin-top:19px}.article-byline{justify-content:flex-start;font-size:10px;gap:7px 13px;margin-top:22px}.article-cover{aspect-ratio:1.4;margin-bottom:25px}.quick-answer{padding:21px}.quick-answer p{font-size:16px}.quick-answer h2{font-size:18px}.toc nav{grid-template-columns:1fr}.article-body{font-size:19px;line-height:1.7}.article-body h2{font-size:26px}.article-body h3{font-size:21px}.shopping-end{padding:23px}.shopping-end h2{font-size:23px}.shopping-end .button{font-size:12px;width:100%;gap:9px;padding-inline:12px}.sources{font-size:13px}.service-content{font-size:17px;margin-top:30px}.service-content h1{font-size:38px}.service-content h2{font-size:24px}.site-footer{padding-top:30px}.footer-top .brand{font-size:26px}.footer-top p{font-size:13px}.footer-bottom nav{gap:12px 20px}.footer-bottom a{font-size:11px}.search-control{flex-wrap:wrap}.search-control input{font-size:16px;min-height:54px}.search-control .button{width:100%;min-height:46px}.search-results h2{font-size:27px}.article-directory a{font-size:16px}.not-found h1{font-size:39px}.not-found .text-link{display:flex;margin:20px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(forced-colors:active){.quick-answer,.method-note,.button,.toc details,.shopping-end{border:1px solid CanvasText}.brand-mark circle{fill:Highlight}.story-image{border:1px solid CanvasText}}

.brand>img{width:240px;height:auto;display:block}@media(max-width:1150px){.brand>img{width:215px}}@media(max-width:600px){.brand>img{width:190px}}

h1,h2,h3{overflow-wrap:break-word;hyphens:auto}


.home-intro-note{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0;margin:8px 0 24px;border-block:1px solid var(--line)}.home-intro-note p{max-width:650px;margin:0;font-size:16px;line-height:1.65}.home-intro-note .text-link{flex-shrink:0}@media(max-width:700px){.home-intro-note{display:block;padding:24px 0}.home-intro-note p{margin-bottom:18px;font-size:15px}.home-intro-note .text-link{max-width:100%}}

/* Daheimfokus: registration corners, indexed tabs and split editorial actions. */
:root {
  --feedback-fast: 120ms;
  --feedback-frame: 220ms;
  --feedback-ease: cubic-bezier(.2,.75,.25,1);
  --corner-frame:
    linear-gradient(currentColor 0 0) left top / 11px 2px no-repeat,
    linear-gradient(currentColor 0 0) left top / 2px 11px no-repeat,
    linear-gradient(currentColor 0 0) right top / 11px 2px no-repeat,
    linear-gradient(currentColor 0 0) right top / 2px 11px no-repeat,
    linear-gradient(currentColor 0 0) left bottom / 11px 2px no-repeat,
    linear-gradient(currentColor 0 0) left bottom / 2px 11px no-repeat,
    linear-gradient(currentColor 0 0) right bottom / 11px 2px no-repeat,
    linear-gradient(currentColor 0 0) right bottom / 2px 11px no-repeat;
}

a:focus-visible, button:focus-visible, input:focus-visible,
summary:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 5px;
}

/* A single native heading link owns the entire teaser. No JS click handlers. */
.story, .feature, .search-results article { position: relative; isolation: isolate; }
.story::before, .feature::before, .search-results article::before {
  content: "";
  position: absolute;
  inset: -10px;
  background: var(--corner-frame);
  color: var(--ink);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--feedback-frame) var(--feedback-ease);
}
.story h3 a::after, .feature h2 a::after, .search-results h2 a::after {
  content: "";
  position: absolute;
  inset: -10px;
  z-index: 2;
  outline: 0 solid transparent;
  outline-offset: 4px;
}
.story h3 a:focus-visible, .feature h2 a:focus-visible,
.search-results h2 a:focus-visible { outline: none; }
.story h3 a:focus-visible::after, .feature h2 a:focus-visible::after,
.search-results h2 a:focus-visible::after { outline: 3px solid var(--ink); }
.story:focus-within::before, .feature:focus-within::before,
.search-results article:focus-within::before { opacity: 1; }
.story h3 a, .feature h2 a, .search-results h2 a { color: var(--ink); }
.story-image img, .feature-image img { transform: none; transition: none; }
.read-link {
  gap: 9px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .07em;
  text-transform: uppercase;
  border-bottom: 2px solid var(--yellow);
  padding: 5px 0;
}
.read-link svg, .text-link svg { width: 21px; height: 21px; transform: none; }
.read-link svg { color: var(--ink); }
.story:focus-within .read-link, .feature:focus-within .read-link { background: var(--yellow); }

/* An outlined label and a separate citron direction cell replace the solid CTA. */
.button {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0;
  min-height: 54px;
  padding: 0;
  border: 2px solid var(--ink);
  background: var(--paper);
  color: var(--ink);
  text-decoration: none;
  overflow: visible;
  transition: color var(--feedback-fast), background-color var(--feedback-fast);
}
.button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--yellow);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform var(--feedback-frame) var(--feedback-ease);
}
.action-label { display: flex; align-items: center; padding: 12px 18px; }
.action-glyph {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 52px;
  border-left: 2px solid var(--ink);
  background: var(--yellow);
  color: var(--ink);
}
.action-glyph svg { width: 24px; height: 24px; transform: none; }
.button:active { background: var(--ink); color: var(--paper); }
.button:active::before { transform: scaleX(0); transition: none; }
.button:disabled { cursor: wait; opacity: .6; }
.button-light { background: var(--paper); color: var(--ink); }
.text-link {
  min-height: 44px;
  padding: 7px 10px;
  border-left: 2px solid var(--ink);
  border-right: 2px solid var(--ink);
  gap: 12px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--feedback-fast), color var(--feedback-fast);
}
.text-link:active { background: var(--ink); color: var(--paper); }
.text-button {
  min-height: 46px;
  padding: 10px 16px;
  border: 2px solid var(--ink);
  border-left-width: 7px;
  background: var(--paper);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.text-button:active { background: var(--yellow); }

/* Navigation reads like indexed journal tabs, with an enduring current marker. */
.site-header nav a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 9px 0;
  font-size: 14px;
  color: var(--ink);
}
.site-header nav a::after {
  content: "";
  position: absolute;
  inset: 3px -9px;
  background: var(--corner-frame);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--feedback-fast);
}
.nav-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border: 1px solid var(--line);
  font-size: 9px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.site-header nav a[aria-current] .nav-index { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.site-header nav a:focus-visible::after { opacity: 1; }
.brand { position: relative; }
.brand::after {
  content: "";
  position: absolute;
  inset: -9px;
  background: var(--corner-frame);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--feedback-frame);
}
.brand:focus-visible::after { opacity: 1; }
.search-link, .enhanced .menu-toggle {
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 10px;
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  transition: border-color var(--feedback-fast), background-color var(--feedback-fast);
}
.search-link:active, .menu-toggle[aria-expanded="true"] { background: var(--yellow); border-color: var(--ink); }
.menu-stroke { transform-origin: 12px 12px; transition: transform var(--feedback-frame), opacity var(--feedback-fast); }
.menu-toggle[aria-expanded="true"] .menu-stroke-top { transform: rotate(45deg) translateY(5px); }
.menu-toggle[aria-expanded="true"] .menu-stroke-middle { opacity: 0; }
.menu-toggle[aria-expanded="true"] .menu-stroke-bottom { transform: rotate(-45deg) translateY(-5px); }

.topic-links { counter-reset: topic; gap: 16px; }
.topic-links a {
  position: relative;
  counter-increment: topic;
  border: 0;
  border-left: 2px solid var(--yellow);
  padding: 14px 16px;
  min-height: 50px;
  color: var(--paper);
}
.topic-links a::before { content: counter(topic, decimal-leading-zero); color: var(--yellow); font-size: 10px; font-variant-numeric: tabular-nums; }
.topic-links a:focus-visible { outline-color: var(--yellow); }
.topic-links a:active { background: var(--yellow); color: var(--ink); }
.topic-links a:active::before { color: var(--ink); }

/* Inline reading links retain conventional underlines and gain a bounded ink mark. */
:is(.article-body,.sources,.service-content,.shopping-note) a {
  color: var(--ink);
  text-decoration-color: var(--ink);
  text-decoration-thickness: 1px;
  text-underline-offset: .22em;
  background-image: linear-gradient(var(--yellow),var(--yellow));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% .12em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  transition: background-size var(--feedback-frame) var(--feedback-ease);
}
:is(.article-body,.sources,.service-content,.shopping-note) a:focus-visible { background-size: 100% 100%; }
.breadcrumbs a, .footer-bottom a, .method-note a {
  padding: 5px 0;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: .35em;
  text-decoration-thickness: 1px;
  transition: background-color var(--feedback-fast);
}
.footer-bottom a { min-height: 32px; display: inline-flex; align-items: center; color: var(--ink); }
.method-note a { text-decoration-style: solid; min-height: 44px; }
.breadcrumbs a:active, .footer-bottom a:active { background: var(--yellow); }
.article-directory a { min-height: 54px; padding: 18px 12px; border-left: 3px solid transparent; }
.article-directory a:focus-visible { border-left-color: var(--ink); background: var(--yellow); }
.search-results article { padding: 25px 12px; margin-inline: -12px; }
.search-results article::before, .search-results h2 a::after { inset: 0; }

/* The contents use the same index, with a clear marker independent of motion. */
.toc { margin: 0 0 24px; }
.toc details { position: static; top: auto; padding: 0; background: transparent; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line); }
.toc summary { display: flex; align-items: center; gap: 16px; position: relative; min-height: 56px; margin: 0; padding: 14px 28px 14px 0; border: 0; }
.toc details[open] summary { margin: 0; border-bottom: 1px solid var(--line); }
.toc-count { margin-left: auto; font-size: 11px; font-weight: 500; color: var(--muted); white-space: nowrap; }
.toc summary::after { content: ""; position: absolute; right: 4px; top: 21px; width: 9px; height: 9px; border: 0; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: rotate(45deg); transition: transform var(--feedback-fast); }
.toc details[open] summary::after { background: transparent; transform: rotate(225deg); }
.toc nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 18px; padding: 14px 0; border: 0; max-height: none; overflow: visible; }
.toc a { display: flex; gap: 9px; align-items: baseline; min-height: 44px; padding: 9px 7px; border-left: 2px solid transparent; }
.toc-index { font-size: 9px; font-variant-numeric: tabular-nums; flex: none; color: var(--muted); }
.toc a.is-active { background: var(--yellow); color: var(--ink); border-left-color: var(--ink); text-decoration: none; }
.toc a:focus-visible { background: var(--blue); }
.search-control { border: 2px solid var(--ink); }
.search-control:focus-within { outline: 3px solid var(--ink); outline-offset: 5px; }
.search-control input:focus-visible { outline: none; }
.search-control .button { border: 0; border-left: 2px solid var(--ink); }
.search-control .action-glyph { border-left-width: 1px; }
.table-scroll:focus-visible { outline-offset: 3px; }

@media (hover:hover) and (pointer:fine) {
  .story:hover::before, .feature:hover::before, .search-results article:hover::before { opacity: 1; }
  .story:hover .read-link, .feature:hover .read-link { background: var(--yellow); }
  .button:not(:disabled):hover { color: var(--ink); background: var(--paper); }
  .button:not(:disabled):hover::before { transform: scaleX(1); }
  .text-link:hover, .text-button:hover { color: var(--ink); background: var(--yellow); }
  .site-header nav a:hover::after, .brand:hover::after { opacity: 1; }
  .site-header nav a:hover .nav-index { background: var(--yellow); border-color: var(--ink); color: var(--ink); }
  .search-link:hover, .menu-toggle:hover { background: var(--yellow); border-color: var(--ink); color: var(--ink); }
  .topic-links a:hover { color: var(--paper); background: transparent; outline: 1px solid var(--yellow); outline-offset: 3px; }
  :is(.article-body,.sources,.service-content,.shopping-note) a:hover { background-size: 100% 100%; color: var(--ink); }
  .breadcrumbs a:hover, .footer-bottom a:hover { background: var(--yellow); color: var(--ink); }
  .method-note a:hover { text-decoration-style: double; color: var(--ink); }
  .article-directory a:hover { border-left-color: var(--ink); background: var(--yellow); color: var(--ink); }
  .toc a:hover { background: var(--blue); color: var(--ink); border-left-color: var(--ink); }
}
.button:not(:disabled):active { background: var(--ink); color: var(--paper); }
.button:not(:disabled):active::before { transform: scaleX(0); transition: none; }
@media (max-width:1150px) {
  .site-header nav { gap: 19px; }
  .site-header nav a { font-size: 12px; gap: 5px; }
  .search-link { padding: 10px; }
}
@media (max-width:850px) {
  .site-header nav a { font-size: 14px; }
}
@media (max-width:600px) {
  .toc nav { grid-template-columns: 1fr; }
  .header-inner { gap: 12px; }
  .site-header nav a { padding: 10px 8px; gap: 12px; }
  .site-header nav a::after { inset: 3px 0; }
  .button { min-height: 52px; }
  .action-label { padding: 12px 14px; }
  .action-glyph { min-width: 46px; }
  .shopping-end .button { gap: 0; padding: 0; text-align: left; }
  .shopping-end .action-label { padding: 12px; }
  .topic-links a { border-top: 1px solid #607480; border-left: 2px solid var(--yellow); padding: 14px 12px; gap: 12px; }
  .topic-links a>span { margin-right: auto; }
  .search-control .button { border-left: 0; border-top: 2px solid var(--ink); }
  .search-control .action-label { flex: 1; justify-content: center; }
  .footer-bottom a { min-height: 40px; }
}
@media (max-width:370px) {
  .header-inner { gap: 10px; }
  .brand>img { width: 146px; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}
@media (forced-colors:active) {
  .story h3 a:focus-visible::after, .feature h2 a:focus-visible::after,
  .search-results h2 a:focus-visible::after { outline-color: Highlight; }
  .action-glyph, .nav-index, .toc summary::after { border-color: ButtonText; }
  .toc a.is-active { border-left-color: Highlight; text-decoration: underline; }
  .story:focus-within .read-link, .feature:focus-within .read-link { text-decoration: underline; }
}