:root {
  --ink: #152120;
  --ink-soft: #31423f;
  --deep: #12201f;
  --deep-2: #1b2d2a;
  --aqua: #56ddcf;
  --aqua-dark: #087b70;
  --aqua-pale: #dff8f4;
  --paper: #fbfcfa;
  --canvas: #eef2ef;
  --white: #fff;
  --muted: #5b6b68;
  --line: #cbd6d2;
  --line-dark: #78908a;
  --good: #116a4f;
  --warn: #8a4c08;
  --critical: #a1332e;
  --font-body: "Barlow", Arial, sans-serif;
  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --content: 1180px;
  --reading: 760px;
  --gutter: clamp(1rem, 4vw, 3rem);
  --section-gap: clamp(5rem, 10vw, 9rem);
  --ease: cubic-bezier(.16, 1, .3, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-body); font-size: 1.0625rem; line-height: 1.65; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }
a { color: inherit; }
button { font: inherit; }
code { color: var(--ink-soft); font-size: .9em; overflow-wrap: anywhere; }
h1, h2, h3, h4, h5 { margin: 0; line-height: 1.08; text-wrap: balance; }
p { max-width: 72ch; margin: 0 0 1rem; text-wrap: pretty; }
ul, ol { margin: .75rem 0 1.4rem; padding-left: 1.3rem; }
li + li { margin-top: .55rem; }
.wrap { width: min(100% - (2 * var(--gutter)), var(--content)); margin-inline: auto; }
:focus-visible { outline: 3px solid var(--aqua-dark); outline-offset: 4px; }

.skip-link { position: fixed; z-index: 100; top: -5rem; left: 1rem; background: var(--aqua); color: var(--deep); font-weight: 700; padding: .75rem 1rem; text-decoration: none; transition: top .2s ease; }
.skip-link:focus { top: 1rem; }

.site-header { position: sticky; z-index: 30; top: 0; border-bottom: 1px solid rgba(86, 221, 207, .25); background: rgba(18, 32, 31, .97); color: var(--white); }
.header-inner { min-height: 4.75rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: flex; align-items: center; gap: .8rem; text-decoration: none; }
.brand-mark { display: grid; width: 2.55rem; height: 2.55rem; place-items: center; border: 1px solid var(--aqua); border-radius: 50%; color: var(--aqua); font-family: var(--font-display); font-size: 1.15rem; font-weight: 700; letter-spacing: .04em; }
.brand-copy { font-family: var(--font-display); font-size: 1.35rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.brand-copy small { display: block; color: #b9d6d0; font-family: var(--font-body); font-size: .68rem; font-weight: 500; letter-spacing: .08em; text-transform: none; }
.header-nav { display: flex; align-items: center; gap: .2rem; }
.header-nav a { color: #d9e7e4; font-size: .9rem; font-weight: 600; padding: .65rem .75rem; text-decoration: none; }
.header-nav a:hover, .header-nav a[aria-current="location"], .header-nav a[aria-current="page"] { color: var(--white); text-decoration: underline; text-decoration-color: var(--aqua); text-decoration-thickness: 2px; text-underline-offset: .45rem; }

.report-chooser { position: relative; min-height: calc(100vh - 4.75rem); overflow: hidden; background: var(--deep); color: var(--white); }
.report-chooser::before { content: ""; position: absolute; inset: 0 52% 0 0; background: linear-gradient(90deg, rgba(18,32,31,.52), rgba(18,32,31,.94)), url("../evidence/yana-report-portrait.webp") center / cover no-repeat; opacity: .72; filter: saturate(.82); }
.chooser-layout { position: relative; z-index: 1; }
.chooser-layout { min-height: calc(100vh - 4.75rem); display: grid; grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr); gap: clamp(3rem, 8vw, 8rem); align-items: center; padding-block: clamp(4rem, 8vw, 7rem); }
.chooser-intro h1 { max-width: 8ch; font-family: var(--font-display); font-size: clamp(4rem, 8vw, 6rem); font-weight: 700; letter-spacing: -.025em; text-transform: uppercase; }
.chooser-intro p { max-width: 38ch; margin: 1.8rem 0 2.3rem; color: #c9d8d4; font-size: clamp(1.05rem, 1.7vw, 1.25rem); }
.chooser-intro span { color: var(--aqua); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.chooser-list { border-top: 1px solid rgba(86, 221, 207, .55); }
.chooser-list a { display: grid; grid-template-columns: 4.25rem minmax(0, 1fr) 2.5rem; gap: clamp(1rem, 3vw, 2rem); align-items: center; min-height: 9.5rem; padding: 1.5rem .25rem; border-bottom: 1px solid rgba(255,255,255,.18); text-decoration: none; transition: background .3s var(--ease); }
.chooser-list a:hover { background: var(--deep-2); }
.chooser-list a > span { color: var(--aqua); font-family: var(--font-display); font-size: 2.5rem; font-weight: 700; }
.chooser-list strong, .chooser-list small { display: block; }
.chooser-list strong { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1; text-transform: uppercase; }
.chooser-list small { max-width: 56ch; margin-top: .55rem; color: #bed0cb; font-size: .95rem; line-height: 1.45; }
.chooser-list b { justify-self: end; color: var(--aqua); font-family: var(--font-display); font-size: 2rem; font-weight: 600; }

.page-hero { position: relative; overflow: hidden; background: var(--deep); color: var(--white); }
.page-hero::after { content: ""; position: absolute; width: 24rem; height: 24rem; right: -8rem; top: -13rem; border: 1px solid rgba(86, 221, 207, .18); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(86, 221, 207, .025), 0 0 0 9rem rgba(86, 221, 207, .018); }
.page-hero-layout { position: relative; z-index: 1; display: grid; width: 100%; max-width: none; grid-template-columns: minmax(0, 1.05fr) minmax(24rem, .95fr); gap: 0; align-items: stretch; padding: 0; }
.page-hero-copy { display: grid; grid-template-columns: clamp(4rem, 8vw, 7rem) minmax(0, 1fr); gap: .6rem clamp(1.5rem, 4vw, 3.25rem); align-content: center; align-items: start; padding: clamp(3.5rem, 7vw, 6rem) var(--gutter); padding-left: max(var(--gutter), calc((100vw - var(--content)) / 2 + var(--gutter))); }
.page-hero-copy .page-number { grid-row: 1 / 4; }
.hero-kicker { color: var(--aqua); font-size: .73rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.page-hero-photo { position: relative; min-height: clamp(32rem, 48vw, 43rem); margin: 0; overflow: hidden; }
.page-hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,32,31,1) 0, rgba(18,32,31,.94) 10%, rgba(18,32,31,.68) 28%, rgba(18,32,31,.16) 58%, transparent 78%), linear-gradient(180deg, transparent 45%, rgba(18,32,31,.82)); pointer-events: none; }
.page-hero-photo img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.page-hero-photo figcaption { position: absolute; z-index: 1; right: 1rem; bottom: .85rem; left: 1rem; color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.page-number { color: var(--aqua); font-family: var(--font-display); font-size: clamp(3rem, 6vw, 5rem); font-weight: 700; line-height: .9; }
.page-hero h1 { max-width: 13ch; font-family: var(--font-display); font-size: clamp(3.8rem, 8vw, 6rem); font-weight: 700; letter-spacing: -.025em; text-transform: uppercase; }
.page-hero p { max-width: 58ch; margin: 1.4rem 0 0; color: #c9d8d4; font-size: clamp(1.05rem, 1.7vw, 1.25rem); }

.document-shell { display: grid; grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; padding-block: var(--section-gap); }
.toc { position: sticky; top: 7rem; }
.toc > p { margin-bottom: .8rem; color: var(--muted); font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.toc ol { margin: 0 0 1.5rem; padding: 0; list-style: none; counter-reset: toc; }
.toc li { counter-increment: toc; margin: 0; border-top: 1px solid var(--line); }
.toc li:last-child { border-bottom: 1px solid var(--line); }
.toc a { display: grid; grid-template-columns: 2.1rem 1fr; gap: .5rem; padding: .8rem .1rem; color: var(--muted); font-size: .9rem; line-height: 1.35; text-decoration: none; }
.toc a::before { content: counter(toc, decimal-leading-zero); color: var(--aqua-dark); font-family: var(--font-display); font-size: 1rem; font-weight: 700; }
.toc a:hover, .toc a[aria-current="location"] { color: var(--ink); }
.toc a[aria-current="location"] { font-weight: 700; }
.print-button { width: 100%; border: 1px solid var(--line-dark); background: transparent; color: var(--ink); cursor: pointer; font-weight: 700; padding: .7rem .8rem; text-align: left; }
.print-button:hover { background: var(--deep); color: var(--white); }
.mobile-print { display: none; margin: 0 0 2rem; border: 1px solid var(--line-dark); background: transparent; color: var(--ink); cursor: pointer; font-weight: 700; padding: .7rem .8rem; }
.mobile-print:hover { background: var(--deep); color: var(--white); }
.document { min-width: 0; }
.major-section { padding-bottom: var(--section-gap); scroll-margin-top: 6rem; }
.page-section { padding-top: 0; }
.major-section + .major-section { padding-top: var(--section-gap); border-top: 1px solid var(--line); }
.verdict-band { margin: 0 0 clamp(2.5rem, 6vw, 4.5rem); padding: clamp(1.4rem, 3vw, 2.2rem); background: var(--deep); color: #e5efec; }
.verdict-band p { max-width: 66ch; margin: 0; font-size: 1.12rem; }
.verdict-band strong { display: block; margin-bottom: .4rem; color: var(--aqua); font-family: var(--font-display); font-size: 1.4rem; letter-spacing: .04em; text-transform: uppercase; }
.signal-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(2rem, 6vw, 5rem); margin-bottom: clamp(3rem, 7vw, 6rem); }
.signal-stack { margin-bottom: 0; }
.signal-columns h2 { margin-bottom: 1.3rem; font-family: var(--font-display); font-size: 1.75rem; text-transform: uppercase; }
.signal-list { padding: 0; list-style: none; }
.signal-list li { position: relative; margin: 0; padding: .9rem 0 .9rem 1.4rem; border-top: 1px solid var(--line); }
.signal-list li:last-child { border-bottom: 1px solid var(--line); }
.signal-list li::before { content: ""; position: absolute; top: 1.55rem; left: 0; width: .55rem; height: .55rem; background: var(--line-dark); }
.signal-list li > strong { display: block; margin-bottom: .15rem; color: var(--ink); }
.signal-list.positive li::before { background: var(--good); border-radius: 50%; }
.signal-list.attention li::before { background: var(--warn); transform: rotate(45deg); }
.redirect-example { display: flex; flex-wrap: wrap; gap: .35rem .6rem; align-items: center; margin: .45rem 0; }
.redirect-example a, .issue-url-pair a { color: var(--aqua-dark); font-size: .84rem; font-weight: 700; overflow-wrap: anywhere; text-underline-offset: .18em; }
.redirect-example span { color: var(--muted); font-size: .78rem; }
.issue-url-pair { display: grid; gap: .2rem; margin: .4rem 0 .7rem; }
.page-shot-pair { display: flex; flex-wrap: wrap; gap: .65rem; margin: .7rem 0; }
.page-shot-pair a { display: grid; gap: .3rem; color: var(--ink-soft); font-size: .72rem; font-weight: 700; text-decoration: none; }
.page-shot-pair img { display: block; width: 9rem; aspect-ratio: 16 / 9; border: 1px solid var(--line-dark); object-fit: cover; object-position: top; }
.page-shot-pair a:hover small { color: var(--aqua-dark); text-decoration: underline; text-underline-offset: .18em; }
.page-shot-single { margin-bottom: .5rem; }
.page-shot-single img { width: 10rem; }
.metadata-example { display: grid; gap: .35rem; margin-top: .75rem; border-block: 1px solid var(--line); padding-block: .75rem; font-size: .84rem; }
.metadata-example span { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: .75rem; overflow-wrap: anywhere; }
.metadata-example b { color: var(--aqua-dark); }

.finding-stack { border-top: 1px solid var(--line); }
.section-controls { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; justify-content: flex-end; margin: 0 0 1.25rem; }
.section-controls span { margin-right: auto; color: var(--muted); font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.section-controls button { min-height: 2.5rem; border: 1px solid var(--line-dark); border-radius: 999px; padding: .45rem .9rem; background: var(--white); color: var(--aqua-dark); font-size: .78rem; font-weight: 700; cursor: pointer; }
.section-controls button:hover { border-color: var(--aqua-dark); background: var(--aqua-pale); }
.section-controls button:focus-visible { outline: 3px solid var(--aqua); outline-offset: 3px; }
.finding { border-bottom: 1px solid var(--line); }
.finding summary { display: grid; grid-template-columns: 4rem minmax(0, 1fr) 2rem; gap: 1rem; align-items: baseline; padding: clamp(1.5rem, 3vw, 2.3rem) 0; cursor: pointer; list-style: none; }
.finding summary::-webkit-details-marker { display: none; }
.finding summary::after { content: "↓"; justify-self: end; color: var(--aqua-dark); font-family: var(--font-body); font-size: 1.7rem; font-weight: 700; line-height: .8; }
.finding[open] summary::after { content: "↑"; }
.finding summary > span { color: var(--aqua-dark); font-family: var(--font-display); font-weight: 700; }
.finding summary h2 { font-family: var(--font-display); font-size: clamp(1.75rem, 3.2vw, 2.65rem); text-transform: uppercase; }
.finding summary p { margin: .45rem 0 0; color: var(--muted); font-size: .95rem; }
.finding-body { padding: 0 0 clamp(3rem, 6vw, 5rem) 5rem; }
.finding-body h3 { margin: 2rem 0 .7rem; font-size: 1.12rem; }
.collapse-section { display: flex; gap: .45rem; align-items: center; justify-content: center; width: fit-content; min-height: 2.75rem; margin: clamp(2rem, 5vw, 3.5rem) auto 0; border: 1px solid var(--line-dark); border-radius: 999px; padding: .55rem 1rem; background: var(--white); color: var(--aqua-dark); font: 700 .78rem/1 var(--font-body); cursor: pointer; }
.collapse-section svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.collapse-section:hover { border-color: var(--aqua-dark); background: var(--aqua-pale); }
.collapse-section:focus-visible { outline: 3px solid var(--aqua); outline-offset: 3px; }
.evidence-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin: 1rem 0 2rem; background: var(--line); border: 1px solid var(--line); }
.evidence-grid > div { padding: 1.3rem; background: var(--white); }
.evidence-grid strong { display: block; margin-bottom: .45rem; color: var(--aqua-dark); font-family: var(--font-display); font-size: 1.15rem; text-transform: uppercase; }
.evidence-grid p { margin: 0; }
.evidence-grid-single { grid-template-columns: 1fr; }
.source-note { margin: 1.5rem 0 0; border: 1px solid #9dcfc7; background: var(--aqua-pale); color: #24423e; padding: 1rem 1.15rem; font-size: .93rem; }
.evidence-ref { margin: 1.2rem 0 0; color: var(--muted); font-size: .82rem; }
.evidence-ref a { color: var(--aqua-dark); font-weight: 600; text-underline-offset: .18em; }
.plan-ref { margin: .35rem 0 0; color: var(--muted); font-size: .82rem; }
.plan-ref a { color: var(--aqua-dark); font-weight: 600; text-underline-offset: .18em; }
.data-table-wrap { max-width: 100%; margin: 1.6rem 0; overflow-x: auto; border-block: 1px solid var(--line); }
.report-evidence-visual { margin: 2rem 0 1rem; border-block: 1px solid var(--line); padding-block: 1.25rem; }
.evidence-image-link { display: block; background: var(--canvas); }
.report-evidence-visual img { display: block; width: 100%; height: auto; border: 1px solid var(--line); }
.report-evidence-visual figcaption { max-width: 72ch; padding-top: 1.2rem; }
.report-evidence-visual h3 { margin: 0 0 .55rem; font-family: var(--font-display); font-size: clamp(1.45rem, 3vw, 2rem); text-transform: uppercase; }
.report-evidence-visual p { margin-bottom: .8rem; color: var(--ink-soft); font-size: .94rem; }
.evidence-links { display: flex; flex-wrap: wrap; gap: .55rem 1.3rem; }
.evidence-links a { color: var(--aqua-dark); font-weight: 700; text-underline-offset: .2em; }
.table-scroll-instruction { margin: 1.1rem 0 .45rem; color: var(--muted); font-size: .82rem; }
.table-scroll-top { max-width: 100%; height: 1.15rem; overflow-x: auto; overflow-y: hidden; border-block: 1px solid var(--line); background: var(--canvas); scrollbar-color: var(--aqua-dark) var(--canvas); }
.table-scroll-top > div { height: 1px; }
.paired-table-scroll { margin-top: .55rem; scrollbar-color: var(--aqua-dark) var(--canvas); }
.psi-score { display: inline-flex; align-items: center; gap: .45rem; font-weight: 700; }
.psi-score::before { content: ""; width: .7rem; height: .7rem; flex: 0 0 auto; border-radius: 50%; background: #fbbc04; box-shadow: 0 0 0 3px rgba(251, 188, 4, .16); }
.psi-score.score-poor::before { background: #ea4335; box-shadow: 0 0 0 3px rgba(234, 67, 53, .16); }
.psi-score.score-good::before { background: #34a853; box-shadow: 0 0 0 3px rgba(52, 168, 83, .16); }
.table-hint { display: none; margin: 0 0 -.8rem; color: var(--muted); font-size: .82rem; }
table { width: 100%; min-width: 42rem; border-collapse: collapse; font-size: .93rem; }
th, td { padding: .9rem .75rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
thead th { background: var(--deep); color: var(--white); font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
tbody th { color: var(--ink-soft); }
.hierarchy-demo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 1.7rem 0; }
.hierarchy-demo-single { grid-template-columns: 1fr; }
.hierarchy-demo > div { padding: 1.3rem; border: 1px solid var(--line); background: var(--canvas); }
.hierarchy-demo strong { display: block; margin-bottom: .9rem; font-family: var(--font-display); font-size: 1.15rem; text-transform: uppercase; }
.hierarchy-demo span { display: block; padding: .35rem 0; border-top: 1px solid var(--line); font-size: .9rem; }
.hierarchy-demo span:first-of-type { font-weight: 700; }
.number-list { max-width: 72ch; padding: 0; list-style: none; counter-reset: item; }
.number-list li { counter-increment: item; position: relative; margin: 0; padding: 1rem 0 1rem 3rem; border-top: 1px solid var(--line); }
.number-list li:last-child { border-bottom: 1px solid var(--line); }
.number-list li::before { content: counter(item, decimal-leading-zero); position: absolute; left: 0; color: var(--aqua-dark); font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; }
.metric-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 1rem 0 2rem; background: var(--line); border: 1px solid var(--line); }
.metric-strip div { padding: 1.2rem; background: var(--white); }
.metric-strip strong { display: block; color: var(--aqua-dark); font-family: var(--font-display); font-size: clamp(1.5rem, 2.5vw, 2.2rem); line-height: 1; }
.metric-strip span { display: block; margin-top: .45rem; color: var(--muted); font-size: .8rem; line-height: 1.35; }

.crawl-visual { margin: 0 0 clamp(3rem, 7vw, 6rem); border: 1px solid var(--line); background: var(--canvas); padding: clamp(1.25rem, 3vw, 2rem); }
.crawl-visual-inline { margin: 0 0 2rem; }
.crawl-visual-inline h3 { margin: 0; font-family: var(--font-display); font-size: clamp(1.65rem, 3vw, 2.4rem); text-transform: uppercase; }
.crawl-visual-heading { display: flex; gap: 1rem; align-items: flex-start; }.crawl-visual-heading > span { display: grid; flex: 0 0 auto; width: 2.3rem; height: 2.3rem; place-items: center; background: var(--deep); color: var(--aqua); border-radius: 50%; font-size: 1.2rem; }.crawl-visual h2, .tool-card-title h3 { font-family: var(--font-display); text-transform: uppercase; }.crawl-visual h2 { font-size: clamp(2rem, 4vw, 3rem); }.crawl-visual-heading p { margin: .35rem 0 0; color: var(--muted); }
.crawl-scoreboard { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 1.5rem 0; background: var(--line-dark); border: 1px solid var(--line-dark); }.crawl-scoreboard div { padding: 1rem; background: var(--white); }.crawl-scoreboard strong { display: block; color: var(--aqua-dark); font-family: var(--font-display); font-size: clamp(1.55rem, 3vw, 2.5rem); line-height: 1; }.crawl-scoreboard span { display: block; margin-top: .45rem; color: var(--muted); font-size: .8rem; line-height: 1.35; }
.crawl-scoreboard-two { grid-template-columns: repeat(2, 1fr); }
.crawl-status-note { max-width: 68ch; margin: 0; color: var(--ink-soft); font-size: .9rem; }
.browser-evidence { border: 1px solid var(--line-dark); background: var(--white); }.browser-evidence-bar { display: flex; gap: .8rem; align-items: center; min-width: 0; padding: .65rem .8rem; background: var(--deep); color: #cde2dd; font-size: .82rem; }.browser-evidence-bar > span { flex: 0 0 auto; color: var(--aqua); letter-spacing: .12em; }.browser-evidence-bar code { min-width: 0; flex: 1; color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.browser-evidence-bar b { flex: 0 0 auto; padding: .16rem .38rem; background: var(--good); color: var(--white); font-size: .72rem; }.browser-evidence p { max-width: none; margin: 0; padding: 1rem; font-size: .92rem; }
.metadata-guide .document { max-width: 100%; }
.metadata-status { display: flex; flex-wrap: wrap; gap: .65rem 1.4rem; margin-top: 1.6rem; color: #d7ebe6; font-size: .88rem; }.metadata-status span { display: inline-flex; align-items: baseline; gap: .35rem; }.metadata-status strong { color: var(--aqua); font-family: var(--font-display); font-size: 1.6rem; line-height: 1; }
.metadata-lab > h2 { margin-bottom: 1rem; font-family: var(--font-display); font-size: clamp(2.4rem, 5vw, 4rem); text-transform: uppercase; }.metadata-page { border-top: 1px solid var(--line); }.metadata-page:last-child { border-bottom: 1px solid var(--line); }.metadata-page summary { display: grid; grid-template-columns: minmax(8rem, .55fr) minmax(0, 1.45fr) 2rem; gap: 1rem; align-items: center; padding: 1.35rem 0; cursor: pointer; list-style: none; }.metadata-page summary::-webkit-details-marker { display: none; }.metadata-page-route { color: var(--aqua-dark); font-family: ui-monospace, monospace; font-size: .88rem; overflow-wrap: anywhere; }.metadata-page summary strong, .metadata-page summary small { display: block; }.metadata-page summary strong { font-family: var(--font-display); font-size: clamp(1.7rem, 3vw, 2.5rem); text-transform: uppercase; }.metadata-page summary small { margin-top: .25rem; color: var(--muted); }.metadata-page summary b { justify-self: end; color: var(--aqua-dark); font-family: var(--font-display); font-size: 2rem; font-weight: 400; }.metadata-page[open] summary b { transform: rotate(45deg); }.metadata-page-body { padding: 0 0 2.5rem; }.metadata-brief { padding: 1.35rem; background: var(--aqua-pale); color: #24423e; }.metadata-brief strong { display: block; margin-top: 1rem; font-family: var(--font-display); font-size: 1.25rem; text-transform: uppercase; }.metadata-brief strong:first-child { margin-top: 0; }.metadata-brief p { margin: .3rem 0 0; font-size: .92rem; line-height: 1.5; }
.metadata-preview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 3rem); }
.metadata-preview { min-width: 0; border: 1px solid var(--line); background: var(--white); }
.metadata-preview-head { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid var(--line); background: var(--canvas); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.metadata-preview-head span:last-child { color: var(--aqua-dark); }
.browser-mock { padding: 1rem; background: #fff; color: #202124; font-family: var(--font-body); }
.browser-mock-top { display: flex; gap: .45rem; align-items: center; padding-bottom: .7rem; border-bottom: 1px solid #e3e6e8; }
.browser-mock-top i { width: .55rem; height: .55rem; border-radius: 50%; background: #c7cbd0; }.browser-mock-top b { min-width: 0; margin-left: .35rem; overflow: hidden; color: #5f6368; font-size: .76rem; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.browser-address { margin: .7rem 0 1rem; overflow: hidden; border-radius: 1rem; padding: .45rem .7rem; background: #f1f3f4; color: #5f6368; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.serp-brand { display: flex; align-items: center; gap: .4rem; color: #4d5156; font-size: .78rem; }.serp-title { margin: .35rem 0 .35rem; color: #1a0dab; font-size: 1.2rem; line-height: 1.25; }.serp-copy { margin: .2rem 0 0; color: #4d5156; font-size: .86rem; line-height: 1.45; }
.serp-explainer { margin: 0 0 1rem; color: #5f6368; font-family: var(--font-body); font-size: .76rem; line-height: 1.4; }
.crawl-details { padding: 0; background: var(--white); }
.crawl-detail { border-bottom: 1px solid var(--line); }
.crawl-detail:last-child { border-bottom: 0; }
.crawl-detail summary { display: grid; grid-template-columns: minmax(0, 1fr) auto 1.2rem; gap: .75rem; align-items: center; padding: 1rem; cursor: pointer; list-style: none; }
.crawl-detail summary::-webkit-details-marker { display: none; }
.crawl-detail summary::after { content: "+"; color: var(--aqua-dark); font-family: var(--font-display); font-size: 1.5rem; line-height: 1; }
.crawl-detail[open] summary::after { content: "−"; }
.crawl-detail summary span strong { margin: 0; color: var(--ink); font-size: 1.05rem; }
.crawl-detail summary small { display: block; margin-top: .2rem; color: var(--muted); font-size: .72rem; line-height: 1.35; }
.crawl-detail summary > b { border-radius: 999px; padding: .24rem .5rem; background: var(--aqua-pale); color: var(--aqua-dark); font-size: .68rem; white-space: nowrap; }
.crawl-detail-body { padding: 0 1rem 1.15rem; }
.crawl-detail-body > p { margin: 0 0 .8rem; color: var(--muted); font-size: .84rem; }
.url-list, .baseline-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.url-list li, .baseline-list li { min-width: 0; border-top: 1px solid var(--line); padding: .48rem 0; }
.url-list code, .baseline-list code, .duplicate-groups code { overflow-wrap: anywhere; font-size: .72rem; }
.baseline-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .65rem; align-items: center; }
.baseline-list span { color: var(--good); font-size: .68rem; font-weight: 700; text-align: right; }
.duplicate-groups { display: grid; gap: 1rem; }
.duplicate-groups > div { min-width: 0; border-top: 1px solid var(--line); padding-top: .8rem; }
.duplicate-groups > div:first-child { border-top: 0; padding-top: 0; }
.duplicate-groups strong { margin: 0 0 .45rem; color: var(--ink); font-family: var(--font-body); font-size: .8rem; line-height: 1.4; text-transform: none; }
.duplicate-groups code { display: block; margin-top: .3rem; border-radius: .25rem; padding: .38rem .45rem; background: var(--canvas); }
.meta-code { margin: 0; padding: 1rem; overflow-x: auto; background: var(--deep); color: #d8efea; font-family: ui-monospace, monospace; font-size: .82rem; line-height: 1.55; }.meta-code em { color: var(--aqua); font-style: normal; }.meta-code .warn { color: #ffd086; }.meta-code .good { color: #92e6bd; }
.meta-route { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: .75rem; align-items: center; padding: 1rem; }.meta-route code { display: block; padding: .7rem; border: 1px solid var(--line); background: var(--canvas); }.meta-route strong { color: var(--critical); font-size: 1.3rem; }.meta-route .recommended code { border-color: #74b79f; background: var(--aqua-pale); }
.guide-rule { margin: 1.2rem 0 0; color: var(--muted); font-size: .9rem; }
.metadata-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: .5rem 0 2rem; border: 1px solid var(--line-dark); background: var(--line-dark); }
.metadata-kpis > div { min-width: 0; padding: 1rem; background: var(--deep); color: var(--white); }
.metadata-kpis strong { display: block; color: var(--aqua); font-family: var(--font-display); font-size: clamp(1.55rem, 2.8vw, 2.4rem); line-height: 1; }
.metadata-kpis span { display: block; margin-top: .5rem; color: #c9d8d4; font-size: .78rem; line-height: 1.35; }
.guide-section { padding: clamp(2.5rem, 6vw, 4.5rem) 0; border-top: 1px solid var(--line); }
.guide-section:last-child { padding-bottom: 0; }
.guide-heading { display: grid; grid-template-columns: 2.7rem minmax(0, 1fr); gap: 1rem; align-items: start; margin-bottom: 1.5rem; }
.guide-heading > span { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: 50%; background: var(--deep); font-size: 1.1rem; }
.guide-heading h3 { margin: 0; font-family: var(--font-display); font-size: clamp(1.8rem, 3.6vw, 2.8rem); text-transform: uppercase; }
.guide-heading p { margin: .4rem 0 0; color: var(--muted); }
.status { display: inline-flex; width: fit-content; align-items: center; gap: .4rem; border-radius: 999px; padding: .22rem .55rem; font-size: .7rem; font-weight: 800; letter-spacing: .035em; line-height: 1.2; text-transform: uppercase; white-space: nowrap; }
.status::before { content: ""; width: .48rem; height: .48rem; border-radius: 50%; background: currentColor; }
.status-present { background: #e4f4ec; color: var(--good) !important; }
.status-review { background: #fff0da; color: var(--warn) !important; }
.status-missing { background: #f9e7e5; color: var(--critical) !important; }
.status-unknown { background: #e8eceb; color: #52615e !important; }
.icon-demo { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
.browser-preview-caption { margin: 0 0 .65rem; color: var(--ink-soft); font-size: .84rem; font-weight: 700; }
.browser-tab-demo { overflow: hidden; border: 1px solid #b8bec3; border-radius: .75rem; background: #dee1e6; box-shadow: 0 .8rem 2rem rgba(18,32,31,.12); color: #202124; font-family: system-ui, sans-serif; }
.browser-titlebar { display: grid; grid-template-columns: 4.25rem minmax(0, 30rem); gap: .4rem; align-items: end; min-height: 2.85rem; padding: .35rem .6rem 0; background: #dfe3e8; }
.window-controls { display: flex; gap: .38rem; align-self: center; padding-bottom: .3rem; }
.window-controls i { width: .66rem; height: .66rem; border-radius: 50%; background: #ff5f57; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.window-controls i:nth-child(2) { background: #febc2e; }
.window-controls i:nth-child(3) { background: #28c840; }
.tab-pill { display: grid; grid-template-columns: 1.1rem minmax(0, 1fr) 1rem; gap: .55rem; align-items: center; min-height: 2.35rem; border-radius: .65rem .65rem 0 0; padding: .55rem .8rem; background: #fff; font-size: .78rem; }
.tab-pill img, .mini-favicon { width: 1rem; height: 1rem; object-fit: contain; }
.tab-pill span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tab-pill svg { width: .85rem; height: .85rem; fill: none; stroke: #5f6368; stroke-linecap: round; stroke-width: 1.6; }
.browser-toolbar { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) 1.25rem; gap: .65rem; align-items: center; padding: .55rem .7rem; border-top: 1px solid #c7ccd1; background: #fff; }
.toolbar-icons { display: flex; gap: .55rem; align-items: center; }
.toolbar-icons svg, .menu-icon { width: 1rem; height: 1rem; fill: none; stroke: #5f6368; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.address-pill { display: flex; gap: .55rem; align-items: center; min-width: 0; border-radius: 999px; padding: .48rem .75rem; background: #f1f3f4; color: #3c4043; font-size: .76rem; }
.address-pill svg { width: .9rem; height: .9rem; flex: 0 0 auto; fill: none; stroke: #5f6368; stroke-width: 1.5; }
.address-pill span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-icon circle { fill: #5f6368; stroke: none; }
.favicon-file { display: flex; align-items: center; gap: 1rem; margin-top: .85rem; border-top: 1px solid var(--line); padding-top: .85rem; }
.favicon-file > img { width: 3rem; height: 3rem; flex: 0 0 auto; border: 1px solid #b9c2c7; border-radius: .5rem; background: #263134; image-rendering: auto; }
.favicon-file strong, .favicon-file small { display: block; }
.favicon-file strong { color: var(--ink); font-family: var(--font-display); font-size: 1.1rem; text-transform: uppercase; }
.favicon-file small { margin-top: .15rem; color: #606a6f; font-size: .72rem; }
.status-list { border-top: 1px solid var(--line); }
.status-list > div { display: grid; grid-template-columns: auto minmax(8rem, .35fr) minmax(0, 1fr); gap: .8rem; align-items: start; padding: .85rem 0; border-bottom: 1px solid var(--line); }
.status-list strong { font-family: var(--font-display); font-size: 1.05rem; text-transform: uppercase; }
.status-list p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.45; }
.status-copy { min-width: 0; }
.field-label { display: block; margin: .7rem 0 .3rem; color: #5f6368; font-family: var(--font-body); font-size: .66rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.field-label:first-child { margin-top: 0; }
.field-label-title { width: fit-content; border-radius: 999px; background: #e8f0fe; color: #174ea6; padding: .25rem .55rem; }
.social-preview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 3rem); margin-bottom: 1.7rem; }
.social-card { overflow: hidden; border: 1px solid #ccd2d6; border-radius: .65rem; background: #fff; color: #1c1e21; box-shadow: 0 .6rem 1.5rem rgba(18,32,31,.08); font-family: system-ui, sans-serif; }
.share-image { aspect-ratio: 1.91 / 1; overflow: hidden; background: var(--canvas); }
.share-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.social-copy { position: relative; padding: .9rem 1rem 1rem; }
.social-copy small { display: block; color: #65676b; font-size: .67rem; letter-spacing: .04em; }
.social-copy strong { display: block; margin: .25rem 0; font-size: 1rem; line-height: 1.3; }
.social-copy p { margin: .25rem 0 0; color: #65676b; font-size: .82rem; line-height: 1.38; }
.preview-caption { border-top: 1px solid #d8dde0; padding: .65rem 1rem; color: var(--aqua-dark); font-family: var(--font-body); font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.x-card { border-radius: 1rem; }
.x-card .social-copy strong { font-size: .95rem; }
.compact-table { min-width: 46rem; }
.compact-table th:first-child { width: 28%; }
.share-policy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 1.6rem; border: 1px solid var(--line); background: var(--line); }
.share-policy > div { padding: 1.1rem; background: var(--canvas); }
.share-policy > div > span { font-size: 1.25rem; }
.share-policy strong { display: block; margin: .4rem 0; font-family: var(--font-display); font-size: 1.2rem; text-transform: uppercase; }
.share-policy p { margin: 0; color: var(--ink-soft); font-size: .86rem; line-height: 1.5; }
.route-visuals { display: grid; grid-template-columns: 1fr; gap: .85rem; }
.route-card { display: grid; grid-template-columns: minmax(13rem, .75fr) minmax(0, 1.25fr); gap: 1rem 1.5rem; align-items: center; border: 1px solid var(--line); padding: 1.15rem; background: var(--white); }
.route-card-head { align-self: start; }
.route-card-head strong { display: block; margin-top: .45rem; font-family: var(--font-display); font-size: 1.2rem; line-height: 1.15; text-transform: uppercase; }
.route-path { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: .65rem; align-items: center; }
.route-path code { min-width: 0; overflow-wrap: anywhere; border: 1px solid var(--line); background: var(--canvas); padding: .65rem; text-align: center; }
.route-path span { color: var(--muted); font-size: .72rem; line-height: 1.2; text-align: center; }
.route-card p { grid-column: 2; margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.5; }
.metadata-inventory { min-width: 68rem; }
.metadata-inventory th:first-child { width: 17%; }
.metadata-inventory td:nth-child(2) { width: 31%; }
.metadata-inventory .status { margin: 0 .25rem .25rem 0; }
.th-explainer, .th-explainer small { display: block; }
.th-explainer small { max-width: 18rem; margin-top: .3rem; color: #c9d8d4; font-size: .68rem; font-weight: 500; letter-spacing: 0; line-height: 1.35; text-transform: none; }
.cell-explainer { display: block; margin-top: .35rem; color: var(--muted); font-size: .72rem; line-height: 1.4; }
.share-thumb { display: inline-flex; gap: .3rem; align-items: center; color: var(--aqua-dark); font-size: .68rem; font-weight: 700; text-decoration: none; }
.share-thumb img { display: block; width: 3.25rem; height: 2rem; border: 1px solid var(--line-dark); object-fit: cover; }
.share-thumb:hover span { text-decoration: underline; text-underline-offset: .18em; }
.tool-evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 3rem); }.tool-evidence-card { border: 1px solid var(--line); padding: .85rem; }.tool-card-title { display: flex; gap: .7rem; align-items: center; margin: 0 0 .8rem; }.tool-card-title > span { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; border-radius: 50%; background: var(--aqua); color: var(--deep); font-size: .8rem; }.tool-card-title h3 { margin: 0; font-size: 1.55rem; }.tool-evidence-card img { display: block; width: 100%; border: 1px solid var(--line); }.tool-evidence-card p { margin: 1rem 0 0; color: var(--ink-soft); font-size: .93rem; }
.crawl-proof { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: 1rem; align-items: start; margin-top: 2rem; padding: 1.1rem; background: var(--aqua-pale); border: 1px solid #9dcfc7; }.crawl-proof > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--good); color: var(--white); font-weight: 700; }.crawl-proof p { margin: 0; }

.roadmap { border-top: 1px solid var(--line); }
.phase { border-bottom: 1px solid var(--line); }
.phase > summary { display: grid; grid-template-columns: 4rem minmax(0, 1fr) 2rem; gap: 1rem; align-items: baseline; padding: clamp(1.6rem, 4vw, 2.5rem) 0; cursor: pointer; list-style: none; }
.phase > summary::-webkit-details-marker { display: none; }
.phase > summary::after { content: "↓"; justify-self: end; color: var(--aqua-dark); font-size: 1.6rem; font-weight: 700; }
.phase[open] > summary::after { content: "↑"; }
.phase > summary > span { color: var(--aqua-dark); font-size: .75rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.phase > summary h2 { font-family: var(--font-display); font-size: clamp(1.75rem, 3.2vw, 2.65rem); text-transform: uppercase; }
.phase-body { padding: 0 0 clamp(2.5rem, 6vw, 4rem); }
.phase-body > ol { margin: 0; padding: 0; list-style: none; counter-reset: phase; }
.phase-body > ol > li { counter-increment: phase; position: relative; margin: 0; padding: 0 0 1.4rem 3rem; }
.phase-body > ol > li + li { padding-top: 1.4rem; border-top: 1px solid var(--line); }
.phase-body > ol > li::before { content: counter(phase, decimal-leading-zero); position: absolute; left: 0; color: var(--aqua-dark); font-family: var(--font-display); font-weight: 700; }
.phase-body > ol > li + li::before { top: 1.4rem; }
.action-title { max-width: 30ch; font-family: var(--font-display); font-size: clamp(1.55rem, 2.8vw, 2.1rem); text-transform: uppercase; }
.phase-body > ol > li > p { margin: .3rem 0 0; color: var(--muted); font-size: .95rem; }
.step-link { display: inline-block; margin: .55rem 1rem 0 0; color: var(--aqua-dark); font-size: .82rem; font-weight: 700; text-underline-offset: .2em; }
.phase li[id] { scroll-margin-top: 7rem; }
.phase li[id]:target { background: var(--aqua-pale); outline: .45rem solid var(--aqua-pale); }
.squarespace-runbook { margin: 0 0 var(--section-gap); border-bottom: 1px solid var(--line); }
.runbook-intro { display: grid; grid-template-columns: 4rem minmax(0, 1fr) 2rem; gap: 1rem; align-items: baseline; padding: clamp(1.6rem, 4vw, 2.5rem) 0; cursor: pointer; list-style: none; }
.runbook-intro::-webkit-details-marker { display: none; }
.runbook-intro::after { content: "↓"; grid-column: 3; grid-row: 1 / 3; align-self: center; justify-self: end; color: var(--aqua-dark); font-size: 1.7rem; font-weight: 700; }
.squarespace-runbook[open] > .runbook-intro::after { content: "↑"; }
.runbook-intro > span { grid-row: 1 / 3; color: var(--aqua-dark); font-size: .75rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.runbook-intro h2 { grid-column: 2; margin: 0; font-family: var(--font-display); font-size: clamp(1.75rem, 3.2vw, 2.65rem); text-transform: uppercase; }
.runbook-intro p { grid-column: 2; margin: .45rem 0 0; color: var(--muted); font-size: .95rem; }
.runbook-body { padding-bottom: clamp(2.5rem, 6vw, 4rem); border-top: 1px solid var(--line); }
.runbook-note { max-width: 72ch; margin: 0 0 1rem; padding: 1.2rem 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .92rem; }
.procedure { border-bottom: 1px solid var(--line); }
.procedure > summary { display: grid; grid-template-columns: 2.8rem minmax(0, 1fr) 2rem; gap: 1rem; align-items: start; padding: 1.5rem 0; cursor: pointer; list-style: none; }
.procedure > summary::-webkit-details-marker { display: none; }
.procedure > summary::after { content: "↓"; justify-self: end; color: var(--aqua-dark); font-size: 1.4rem; font-weight: 700; }
.procedure[open] > summary::after { content: "↑"; }
.procedure > summary > span { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: 50%; background: var(--deep); color: var(--aqua); font-family: var(--font-display); font-weight: 700; }
.procedure h3 { font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 2.25rem); text-transform: uppercase; }
.procedure summary p { margin: .35rem 0 0; color: var(--muted); font-size: .9rem; }
.procedure-body { padding: .25rem 0 clamp(2.5rem, 6vw, 4rem) 3.8rem; }
.procedure-body h4, .procedure-body h5 { margin: 1.6rem 0 .55rem; color: var(--aqua-dark); font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.procedure-body ol { max-width: 74ch; margin: .5rem 0 1.5rem; padding-left: 1.35rem; }
.procedure-body li { padding-left: .3rem; }
.inline-procedure { margin-top: 1rem; border-top: 1px solid var(--line); border-bottom: 0; scroll-margin-top: 7rem; }
.inline-procedure + .inline-procedure { margin-top: 0; }
.inline-procedure > summary { grid-template-columns: minmax(0, 1fr) 2.15rem; grid-template-rows: 1fr 1fr; column-gap: .45rem; row-gap: 0; padding: 1rem 0; align-items: center; }
.inline-procedure > summary::before { content: "Open"; grid-column: 2; grid-row: 1; align-self: end; justify-self: center; margin-bottom: .04rem; color: var(--muted); font-size: .58rem; font-weight: 700; line-height: 1; letter-spacing: .03em; text-transform: uppercase; }
.inline-procedure[open] > summary::before { content: "Close"; grid-row: 2; align-self: start; margin-top: .04rem; margin-bottom: 0; }
.inline-procedure > summary::after { content: ""; grid-column: 2; grid-row: 2; align-self: start; justify-self: center; width: 0; height: 0; border-right: .38rem solid transparent; border-left: .38rem solid transparent; border-top: .52rem solid var(--aqua-dark); font-size: 0; }
.inline-procedure[open] > summary::after { content: ""; grid-row: 1; align-self: end; border: 0; border-right: .38rem solid transparent; border-left: .38rem solid transparent; border-bottom: .52rem solid var(--aqua-dark); }
.inline-procedure > summary > div { grid-column: 1; grid-row: 1 / 3; min-width: 0; }
.inline-procedure h4 { font-family: var(--font-body); font-size: 1rem; font-weight: 750; line-height: 1.25; text-transform: none; }
.inline-procedure .procedure-body { padding: .15rem 0 1.6rem; }
.action-example { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; max-width: 58rem; margin: 1rem 0 .35rem; border-block: 1px solid var(--line); padding: .85rem 0; color: var(--ink-soft); font-size: .8rem; line-height: 1.4; }
.action-example b, .action-example strong, .action-example small { display: block; }
.action-example small { color: var(--muted); font-size: .72rem; }
.action-example i { color: var(--aqua-dark); font-style: normal; font-weight: 800; }
.action-example code { border: 1px solid var(--line); border-radius: .2rem; background: var(--canvas); padding: .22rem .42rem; font-size: .72rem; }
.analytics-example { display: block; padding-left: 1rem; border-left: .25rem solid var(--aqua-dark); }
.analytics-example > strong { color: var(--aqua-dark); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.analytics-example > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: .55rem; }
.analytics-example span { padding-right: .8rem; }
.analytics-example span + span { border-left: 1px solid var(--line); padding-left: 1rem; }
.route-choice-example { display: grid; grid-template-columns: 1fr; }
.route-choice-example > div { display: grid; grid-template-columns: 6.5rem minmax(9rem, 1fr) 3rem minmax(9rem, 1fr) 4.25rem; gap: .5rem; align-items: center; width: 100%; }
.route-choice-example > div > span { color: var(--aqua-dark); font-size: .68rem; font-weight: 800; text-align: center; text-transform: uppercase; }
.flow-example span, .citation-example span { border: 1px solid var(--line); background: var(--white); padding: .45rem .65rem; font-weight: 650; }
.missing-page-example { display: grid; grid-template-columns: 1fr auto 1fr; }
.missing-page-example > div { min-width: 0; border-left: .25rem solid var(--line-dark); padding-left: .65rem; }
.missing-page-example > div:last-child { border-left-color: var(--aqua-dark); }
.missing-page-example span { display: block; color: var(--muted); font-size: .66rem; font-weight: 700; text-transform: uppercase; }
.sample-page-card { display: inline-flex; max-width: 23rem; margin: .8rem 0 .2rem; align-items: center; gap: .8rem; border: 1px solid var(--line); border-radius: .35rem; padding: .45rem; background: var(--white); color: var(--ink); text-decoration: none; }
.sample-page-card:hover { border-color: var(--aqua-dark); }
.sample-page-card img { width: 8.5rem; aspect-ratio: 16 / 10; border-radius: .2rem; object-fit: cover; object-position: center; }
.sample-page-card span, .sample-page-card strong, .sample-page-card small { display: block; }
.sample-page-card small { margin-top: .2rem; color: var(--aqua-dark); font-size: .72rem; font-weight: 700; }
.missing-page-example code { display: block; width: fit-content; margin: .25rem 0; }
.outline-example { display: grid; align-items: stretch; }
.outline-example span { display: flex; gap: .45rem; align-items: center; border-left: .2rem solid var(--aqua-dark); padding-left: .55rem; }
.outline-example span:nth-child(2) { margin-left: 1rem; border-left-color: #35a99d; }
.outline-example span:nth-child(3) { margin-left: 2rem; border-left-color: #75c9c0; }
.outline-example b { color: var(--aqua-dark); font-size: .66rem; }
.search-result-example { display: block; max-width: 34rem; border: 1px solid var(--line); border-radius: .55rem; background: var(--white); padding: .8rem 1rem; }
.search-result-example > span { color: var(--good); font-size: .72rem; }
.search-result-example > strong { margin: .12rem 0; color: #174ea6; font-size: 1rem; font-weight: 500; }
.search-result-example > p { margin: 0; color: var(--ink-soft); font-size: .76rem; line-height: 1.45; }
.identity-example { display: grid; grid-template-columns: auto minmax(8rem, .7fr) minmax(12rem, 1.3fr); }
.mini-favicon { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .4rem; background: var(--deep); color: var(--aqua); font-family: var(--font-display); font-weight: 800; }
.mini-share { min-height: 3.4rem; padding: .55rem .75rem; background: linear-gradient(110deg, var(--deep), var(--aqua-dark)); color: var(--white); }
.mini-share small { color: #d9ebe7; }
.metric-example > div { display: grid; grid-template-columns: auto auto; gap: 0 .4rem; align-items: center; }
.metric-example small { grid-column: 1 / -1; }
.score-dot { display: block; width: .62rem; height: .62rem; border-radius: 50%; }
.score-orange { background: #f9ab00; }
.score-blue { background: #4285f4; }
.hub-example { display: grid; grid-template-columns: 8rem minmax(0, 1fr); }
.hub-example > strong { color: var(--aqua-dark); }
.hub-example > div { display: flex; flex-wrap: wrap; gap: .35rem; }
.hub-example span, .story-example span, .checklist-example span { border: 1px solid var(--line); padding: .3rem .5rem; background: var(--white); }
.archive-example { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.archive-example > span { border-left: .22rem solid var(--good); padding-left: .65rem; }
.archive-example > span:last-child { border-left-color: var(--warn); }
.archive-example code { display: inline-block; margin: .2rem 0; }
.review-example { display: grid; grid-template-columns: auto minmax(0, 1fr); }
.review-example > span { grid-row: 1 / 3; border-radius: 999px; background: var(--aqua-pale); padding: .35rem .6rem; color: var(--aqua-dark); font-weight: 700; }
.image-alt-example { display: grid; grid-template-columns: auto minmax(0, 1fr); }
.image-alt-example > span { font-size: 1.5rem; }
.weight-example { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.weight-example span { border-left: .2rem solid var(--aqua-dark); padding-left: .55rem; }
.weight-example b { color: var(--aqua-dark); font-size: 1rem; }
.keyword-example { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.citation-example { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.story-example, .checklist-example { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.platform-note, .verify-step { max-width: 76ch; margin: 1.2rem 0; border: 1px solid #9dcfc7; padding: .8rem 1rem; background: var(--aqua-pale); font-size: .9rem; }
.verify-step { border-color: #acd2c1; background: #e7f5ee; }
.official-links { display: flex; flex-wrap: wrap; gap: .45rem .65rem; margin: 1.2rem 0 0; }
.official-links a { border: 1px solid var(--line); border-radius: 999px; padding: .35rem .7rem; color: var(--aqua-dark); font-size: .76rem; font-weight: 700; text-decoration: none; }
.official-links a:hover { border-color: var(--aqua-dark); background: var(--aqua-pale); }
.priority-board { margin-top: clamp(4rem, 8vw, 7rem); }
.priority-board > h2 { margin-bottom: 1.3rem; font-family: var(--font-display); font-size: clamp(2.2rem, 4vw, 3.5rem); text-transform: uppercase; }
.priority { display: inline-block; min-width: 5.5rem; padding: .25rem .45rem; color: var(--white); font-size: .72rem; font-weight: 700; text-align: center; text-transform: uppercase; }
.priority.urgent { background: var(--critical); }
.priority.high { background: var(--warn); }
.priority.planned { background: var(--aqua-dark); }
.measurement-panel { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(2rem, 6vw, 5rem); margin-top: clamp(4rem, 8vw, 7rem); padding: clamp(2rem, 5vw, 4rem); background: var(--deep); color: var(--white); }
.measurement-panel h2 { font-family: var(--font-display); font-size: clamp(2.2rem, 4vw, 3.5rem); text-transform: uppercase; }
.measurement-panel p { margin-top: 1rem; color: #bdd0cb; }
.measurement-panel ul { margin: 0; padding: 0; list-style: none; }
.measurement-panel li { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; margin: 0; padding: .9rem 0; border-top: 1px solid rgba(255,255,255,.18); }
.measurement-panel li:last-child { border-bottom: 1px solid rgba(255,255,255,.18); }
.measurement-panel li strong { color: var(--aqua); }
.measurement-panel li span { color: #dce7e4; }
.section-controls-bottom { margin: clamp(3rem, 7vw, 5rem) 0 0; padding-top: 1.25rem; border-top: 1px solid var(--line); }

.source-group + .source-group { margin-top: clamp(3rem, 6vw, 5rem); }
.source-disclosure + .source-disclosure { margin-top: 0; }
.source-disclosure { border-bottom: 1px solid var(--line); }
.source-disclosure > summary { display: grid; grid-template-columns: minmax(0, 1fr) 2rem; gap: 1rem; align-items: center; padding: clamp(1.6rem, 4vw, 2.5rem) 0; cursor: pointer; list-style: none; }
.source-disclosure > summary::-webkit-details-marker { display: none; }
.source-disclosure > summary::after { content: "↓"; justify-self: end; color: var(--aqua-dark); font-size: 1.6rem; font-weight: 700; }
.source-disclosure[open] > summary::after { content: "↑"; }
.source-disclosure > summary h2, .evidence-library h2 { margin: 0; font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3.2rem); text-transform: uppercase; }
.source-disclosure > summary:hover h2 { color: var(--aqua-dark); }
.source-disclosure > summary:focus-visible { outline: 3px solid var(--aqua); outline-offset: 4px; }
.source-body { padding: 0 0 clamp(2.5rem, 6vw, 4rem); }
.source-body > :first-child { margin-top: 0; }
.source-links { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); }
.source-links a { position: relative; min-height: 8rem; padding: 1.3rem 2.7rem 1.3rem 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.source-links a:nth-child(odd) { padding-right: 2rem; border-right: 1px solid var(--line); }
.source-links a:nth-child(even) { padding-left: 2rem; }
.source-links a::after { content: "↗"; position: absolute; top: 1.3rem; right: 1rem; color: var(--aqua-dark); font-family: var(--font-display); font-size: 1.4rem; }
.source-links a:hover strong { color: var(--aqua-dark); text-decoration: underline; text-underline-offset: .2em; }
.source-links strong, .source-links span { display: block; }
.source-links strong { font-size: 1.05rem; }
.source-links span { margin-top: .35rem; color: var(--muted); font-size: .9rem; line-height: 1.45; }
.anchor-target { display: block; height: 0; scroll-margin-top: 6rem; }
.crawl-table-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.5rem 0; border-top: 1px solid var(--line); }
.crawl-table-index a { display: block; min-height: 7rem; padding: 1.15rem; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.crawl-table-index a:nth-child(odd) { border-right: 1px solid var(--line); }
.crawl-table-index a:hover, .crawl-table-index a[aria-current="true"] { background: var(--aqua-pale); }
.crawl-table-index strong, .crawl-table-index span { display: block; }
.crawl-table-index strong { font-size: 1rem; }
.crawl-table-index span { margin-top: .35rem; color: var(--muted); font-size: .84rem; line-height: 1.4; }
.crawl-table-embed { overflow: hidden; border: 1px solid var(--line-dark); background: var(--white); }
.crawl-table-embed-head { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: .8rem 1rem; background: var(--deep); color: var(--white); }
.crawl-table-embed-head strong, .crawl-table-embed-head span { display: block; }
.crawl-table-embed-head span { color: #b9d6d0; font-size: .72rem; }
.crawl-table-embed-head a { color: var(--aqua); font-size: .78rem; font-weight: 700; }
.crawl-table-embed iframe { display: block; width: 100%; height: min(76vh, 54rem); border: 0; background: var(--paper); }
.crawl-source .source-intro { margin-bottom: 1rem; }
.crawl-source .crawl-table-embed { border-radius: .35rem; }
.table-popout { margin: .7rem 0 0; text-align: right; font-size: .8rem; font-weight: 700; }
.source-links.compact a { min-height: 7.25rem; }
.evidence-library { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; margin-top: clamp(4rem, 8vw, 7rem); padding: clamp(2rem, 5vw, 4rem); background: var(--aqua); color: var(--deep); }
.evidence-library h2 { margin-bottom: .8rem; }
.evidence-library p { margin: 0; }
.secondary-link { display: inline-flex; align-items: center; gap: .75rem; border: 1px solid var(--deep); padding: .8rem 1rem; font-weight: 700; text-decoration: none; }
.secondary-link:hover { background: var(--deep); color: var(--white); }
.scope-note { margin-top: clamp(3rem, 6vw, 5rem); border-top: 1px solid var(--line); }
.source-disclosure.scope-note { margin-top: 0; }
.scope-note > summary h2 { font-size: 1.6rem; }
.scope-note p { color: var(--muted); }
.source-intro { margin: -0.35rem 0 1.5rem; color: var(--muted); }
.report-route-list { border-top: 1px solid var(--line-dark); }
.report-route { display: grid; grid-template-columns: minmax(13rem, .75fr) minmax(0, 1.25fr) auto; gap: clamp(1.5rem, 5vw, 4rem); align-items: center; padding: clamp(1.5rem, 3vw, 2.2rem) 0; border-bottom: 1px solid var(--line); }
.report-route h3 { font-family: var(--font-display); font-size: clamp(1.55rem, 3vw, 2.15rem); text-transform: uppercase; }
.report-route code { display: block; margin-top: .35rem; color: var(--muted); font-size: .78rem; }
.score-pair { display: flex; gap: clamp(1.5rem, 4vw, 3rem); margin: 0; }
.score-pair div { min-width: 5rem; }
.score-pair dt { color: var(--muted); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.score-pair dd { margin: .2rem 0 0; color: var(--ink); font-family: var(--font-display); font-size: 2rem; font-weight: 700; line-height: 1; }
.report-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; }
.report-actions a, .download-link { display: inline-flex; align-items: center; min-height: 2.75rem; border: 1px solid var(--line-dark); padding: .55rem .8rem; color: var(--ink); font-size: .82rem; font-weight: 700; text-decoration: none; }
.report-actions a:hover, .download-link:hover { border-color: var(--deep); background: var(--deep); color: var(--white); }
.summary-download { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 1.5rem; padding: 1.25rem 0; }
.summary-download p { margin: 0; color: var(--muted); font-size: .9rem; }
.download-link { flex: 0 0 auto; border-color: var(--aqua-dark); color: var(--aqua-dark); }

.site-footer { background: var(--deep); color: var(--white); }
.footer-inner { min-height: 10rem; display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.footer-inner p { margin: 0; }
.footer-inner strong, .footer-inner span { display: block; }
.footer-inner strong { font-family: var(--font-display); font-size: 1.35rem; text-transform: uppercase; }
.footer-inner span { color: #b9cbc6; font-size: .85rem; }
.footer-inner a { color: var(--aqua); font-weight: 700; text-decoration: none; }
.footer-links { display: flex; align-items: center; gap: 2.25rem; }
.footer-links a + a { padding-left: 2.25rem; border-left: 1px solid rgba(86, 221, 207, .35); }
.footer-links a > span { display: inline; }
.footer-links a:hover { color: var(--white); text-decoration: underline; text-underline-offset: .25em; }

@media (max-width: 920px) {
  .page-hero-layout { grid-template-columns: 1fr; }
  .page-hero-photo { min-height: 25rem; }
  .chooser-layout { grid-template-columns: 1fr; gap: 3rem; }
  .chooser-intro h1 { max-width: 12ch; }
  .document-shell { grid-template-columns: 1fr; }
  .toc { position: static; display: block; }
  .toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .toc li:nth-child(even) { padding-left: 1rem; border-left: 1px solid var(--line); }
  .mobile-print { display: inline-block; }
  .table-hint { display: block; }
  .metric-strip { grid-template-columns: repeat(2, 1fr); }
  .crawl-scoreboard { grid-template-columns: repeat(2, 1fr); }
  .measurement-panel { grid-template-columns: 1fr; }
  .phase > summary h2 { max-width: none; }
  .report-route { grid-template-columns: minmax(12rem, .8fr) minmax(0, 1.2fr); }
  .report-actions { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 700px) {
  body { font-size: 1rem; }
  html { scroll-padding-top: 4.5rem; }
  .site-header { position: static; }
  .header-inner { min-height: 0; align-items: flex-start; flex-direction: column; gap: .45rem; padding-block: .75rem; }
  .header-nav { display: flex; width: 100%; overflow-x: auto; padding-bottom: .15rem; white-space: nowrap; }
  .header-nav a { flex: 0 0 auto; }
  .chooser-layout { min-height: auto; padding-block: 3.5rem 4.5rem; }
  .chooser-intro h1 { font-size: clamp(3.5rem, 17vw, 5rem); }
  .chooser-list a { grid-template-columns: 3.25rem minmax(0, 1fr) 1.5rem; min-height: 8.5rem; gap: .75rem; }
  .chooser-list a > span { font-size: 2rem; }
  .chooser-list strong { font-size: clamp(1.8rem, 9vw, 2.6rem); }
  .page-hero-layout { grid-template-columns: 1fr; gap: 0; padding: 0; }
  .page-hero-copy { grid-template-columns: 3.25rem minmax(0, 1fr); gap: .55rem 1rem; padding: 3rem var(--gutter); }
  .page-hero-photo { min-height: 22rem; }
  .page-hero h1 { font-size: clamp(3.2rem, 15vw, 4.6rem); }
  .signal-columns, .evidence-grid, .hierarchy-demo, .source-links, .tool-evidence-grid, .metadata-preview-grid, .social-preview-grid, .icon-demo { grid-template-columns: 1fr; }
  .finding summary { grid-template-columns: 3.2rem minmax(0, 1fr) 1.5rem; gap: .6rem; }
  .finding-body { padding-left: 0; }
  .procedure-body { padding-left: 0; }
  .source-links a:nth-child(odd), .source-links a:nth-child(even) { min-height: 0; padding: 1.2rem 2.5rem 1.2rem 0; border-right: 0; }
  .crawl-table-index { grid-template-columns: 1fr; }
  .crawl-table-index a { min-height: 0; padding: 1rem 0; }
  .crawl-table-index a:nth-child(odd) { border-right: 0; }
  .crawl-table-embed-head { align-items: flex-start; flex-direction: column; }
  .crawl-table-embed iframe { height: 72vh; }
  .phase > summary, .runbook-intro { grid-template-columns: 3.4rem minmax(0, 1fr) 1.5rem; gap: .7rem; }
  .phase-body { padding-left: 0; }
  .phase-body > ol > li { padding-left: 2.35rem; }
  .analytics-example > div, .archive-example, .weight-example, .story-example, .checklist-example { grid-template-columns: 1fr; gap: .55rem; }
  .analytics-example span + span { border-top: 1px solid var(--line); border-left: 0; padding-top: .55rem; padding-left: 0; }
  .route-choice-example > div { grid-template-columns: 1fr auto; border-top: 1px solid var(--line); padding-top: .55rem; }
  .route-choice-example > div > b { grid-column: 1 / -1; }
  .route-choice-example > div > code { min-width: 0; }
  .route-choice-example > div > span { text-align: right; }
  .missing-page-example, .keyword-example, .citation-example { grid-template-columns: 1fr; }
  .missing-page-example > i, .keyword-example > i, .citation-example > i { justify-self: center; transform: rotate(90deg); }
  .identity-example { grid-template-columns: auto minmax(0, 1fr); }
  .identity-example .mini-share { grid-column: 1 / -1; }
  .hub-example { grid-template-columns: 1fr; }
  .evidence-library { grid-template-columns: 1fr; }
  .secondary-link { width: fit-content; }
  .footer-inner { align-items: flex-start; flex-direction: column; justify-content: center; }
  .footer-links { flex-wrap: wrap; gap: 1.25rem; }
  .footer-links a + a { padding-left: 1.25rem; }
  .metadata-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .share-policy, .route-visuals { grid-template-columns: 1fr; }
  .route-card { grid-template-columns: 1fr; gap: .85rem; }
  .route-card p { grid-column: 1; }
  .route-path { grid-template-columns: 1fr; }
  .status-list > div { grid-template-columns: auto minmax(0, 1fr); }
  .status-list p { grid-column: 1 / -1; }
  .favicon-status-item .status-copy { grid-column: 1 / -1; }
  .browser-titlebar { grid-template-columns: 3.5rem minmax(0, 1fr); }
  .browser-toolbar { grid-template-columns: 3.5rem minmax(0, 1fr) 1rem; gap: .45rem; }
  .toolbar-icons { gap: .35rem; }
  .crawl-detail summary { grid-template-columns: minmax(0, 1fr) auto 1rem; gap: .5rem; }
  .report-route { grid-template-columns: 1fr; }
  .summary-download { align-items: flex-start; flex-direction: column; }
  .report-actions { grid-column: auto; }
}

@media (max-width: 440px) {
  .brand-copy { font-size: 1.15rem; }
  .metric-strip { grid-template-columns: 1fr; }
  .crawl-scoreboard { grid-template-columns: 1fr; }
  .measurement-panel li { grid-template-columns: 1fr; gap: .2rem; }
  .toc ol { grid-template-columns: 1fr; }
  .toc li:nth-child(even) { padding-left: 0; border-left: 0; }
  .report-actions { display: grid; grid-template-columns: 1fr; }
  .report-actions a { justify-content: center; }
  .metadata-kpis { grid-template-columns: 1fr; }
  .guide-heading { grid-template-columns: 2.15rem minmax(0, 1fr); gap: .7rem; }
  .guide-heading > span { width: 2rem; height: 2rem; font-size: .9rem; }
  .guide-heading h3 { font-size: 1.6rem; }
  .window-controls { display: none; }
  .browser-titlebar { grid-template-columns: minmax(0, 1fr); padding-left: .45rem; }
  .browser-toolbar { grid-template-columns: 2.25rem minmax(0, 1fr) .9rem; padding-inline: .5rem; }
  .toolbar-icons svg:nth-child(2), .toolbar-icons svg:nth-child(3) { display: none; }
  .crawl-detail summary { grid-template-columns: minmax(0, 1fr) 1rem; }
  .crawl-detail summary > b { display: none; }
  .baseline-list li { grid-template-columns: 1fr; gap: .2rem; }
  .baseline-list span { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .skip-link, .finding summary::after, .chooser-list a { transition: none; }
}

@media print {
  @page {
    margin: 1.5cm 1.5cm 1.9cm;
    @bottom-left { content: "Yana Immis · Website SEO Audit"; color: #52605d; font-family: "Barlow", sans-serif; font-size: 7.5pt; }
    @bottom-right { content: counter(page) " / " counter(pages); color: #52605d; font-family: "Barlow", sans-serif; font-size: 7.5pt; }
  }
  body { background: #fff; color: #000; font-size: 10pt; }
  .site-header, .toc, .print-button, .mobile-print, .skip-link, .site-footer, .collapse-section { display: none !important; }
  .wrap { width: 100%; }
  .page-hero { background: #fff; color: #000; }
  .page-hero::after { display: none; }
  .page-hero-layout { grid-template-columns: 2cm 1fr; padding-block: 0 2cm; }
  .page-number { color: #08685f; font-size: 30pt; }
  .page-hero h1 { max-width: 15cm; font-size: 36pt; }
  .page-hero p { color: #333; }
  .document-shell { display: block; padding: 0; }
  .major-section { padding: 1cm 0; break-before: page; }
  .major-section + .major-section { padding-top: 1cm; }
  .measurement-panel, .evidence-library { break-inside: avoid; }
  .finding, .phase, .source-group { break-inside: auto; }
  .finding-body { display: block !important; }
  .finding summary::after { display: none; }
  .verdict-band, .measurement-panel { background: #eee; color: #000; }
  .verdict-band strong, .measurement-panel li strong { color: #08685f; }
  .measurement-panel p, .measurement-panel li span { color: #222; }
  a { text-decoration: none; }
  .source-links a::after { display: none; }
  .source-links a[href^="http"]::before { content: attr(href); display: block; margin-top: .35rem; color: #333; font-size: 7.5pt; line-height: 1.35; overflow-wrap: anywhere; }
  #sources .source-group + .source-group { margin-top: 1.2rem; }
  #sources .source-disclosure > summary { padding-block: .8rem; }
  #sources .source-links a, #sources .source-links.compact a { min-height: 0; padding-top: .65rem; padding-bottom: .65rem; }
  #sources .evidence-library { margin-top: 1.2rem; padding: 1rem; }
  #sources .scope-note { margin-top: 1.2rem; padding-top: .8rem; break-inside: avoid; }
}