/* Source marker component (Design SPEC tooltip-marker, variant A, 2026-10-23; gate 4b4e764 fixes); markup: templates/_source_marker.html.j2,
   behaviour: marker.js. Black/white/grey only; page tokens with fallbacks so the component works on every Hollsteen page. */
.mk{position:relative;font:inherit;color:inherit;background:none;border:0;padding:0 1px;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none}
main a.mk{border-bottom:0}
/* 44x44 hit area, no layout shift; one marker per block (paragraph, list item, table row) keeps two hit areas from overlapping */
.mk::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.mk:focus{outline:none}
/* focus ring: 2px + 1px offset; margin-inline 4px + padding 1px keep it off the neighbouring glyphs */
.mk:focus-visible{outline:2px solid var(--focus,var(--ink));outline-offset:1px;border-radius:2px}
/* A: superscript "*" / 1..n in text colour */
.mk-a{display:inline;font-size:max(10px,min(.66em,13px));font-weight:600;line-height:1;position:relative;top:-.5em;margin-inline:4px;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
@media (hover:hover){.mk-a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}}
/* open state: solid outline, 1px offset (Design, same as the site-wide marker on design/source-markers); forced colors below keep it */
.mk-a[aria-expanded=true]{background:var(--inv-bg,var(--ink));color:var(--inv-fg,var(--bg));outline:2px solid var(--ink);outline-offset:1px;border-radius:2px;text-decoration:none}
.mk-a[aria-expanded=true]:focus-visible{outline-color:var(--focus,var(--ink))}
@media (forced-colors:active){.mk-a[aria-expanded=true]{outline:2px solid CanvasText;outline-offset:1px;forced-color-adjust:none;background:Highlight;color:HighlightText}}
td .mk-a,th .mk-a{margin-inline-end:0}
.nw{white-space:nowrap}
/* rows that carry a marker are at least 44 px high (marker centres >= 44 px apart) */
tr:has(.mk-a)>td,tr:has(.mk-a)>th{height:44px}
ul:has(.mk-a)>li{margin-bottom:18px}
.mk-missing{cursor:help;border:1px dashed var(--rule,currentColor);padding:0 2px}
.mk-missing::after{content:none}
/* toggletip panel (DOM sibling right after the marker); text <= 300 characters (footnotes.short_tip), so it never scrolls: no max-height/overflow */
.tt{position:fixed;z-index:80;max-width:min(300px,calc(100vw - 32px));padding:8px 10px;border-radius:4px;background:var(--inv-bg,var(--ink));color:var(--inv-fg,var(--bg));font:400 13px/1.45 "IBM Plex Sans",system-ui,sans-serif;letter-spacing:0;text-transform:none;text-align:left;white-space:normal;font-style:normal;font-variant-numeric:tabular-nums;box-shadow:var(--shadow,0 2px 8px rgba(0,0,0,.25));overflow-wrap:anywhere}
.tt[hidden]{display:none}
/* forced colors: background becomes Canvas and the shadow disappears, so the panel needs a visible edge (Design gate F5) */
@media (forced-colors:active){.tt{border:1px solid CanvasText}}
/* note list ("Sources") under a section: numbered like the markers; the no-JS target, also for touch and print */
.fn-wrap{margin:16px 0 0;padding:10px 0 0;border-top:1px solid var(--hair,var(--rule))}
.fn-h{margin:0 0 6px;font-size:var(--fs-s,13px);font-weight:600;color:var(--sec);letter-spacing:.02em}
.fn-list{margin:0;padding:0;list-style:none;font-size:var(--fs-s,13px);line-height:1.5;color:var(--sec)}
.fn-list li{margin:0 0 8px;overflow-wrap:anywhere;display:grid;grid-template-columns:1.6em 1fr;column-gap:4px}
.fn-list li>.fn-p,.fn-list li>.fn-back{grid-column:2}
.fn-list li:target,.fn-p:target{color:var(--ink);outline:2px solid var(--focus,var(--ink));outline-offset:2px}
.fn-list .fn-n{grid-column:1;font-weight:600;color:var(--ink)}
.fn-list .fn-p{display:block}
.fn-list .fn-id{display:inline-block;min-width:2.4em;font-weight:600;color:var(--ink)}
.fn-list a{color:var(--sec)}
.fn-list a.acc,td>a.acc:not(.src){display:inline-block;min-height:24px;line-height:24px}
.fn-list .fn-back{display:inline-block;justify-self:start;min-width:24px;min-height:24px;text-align:center;text-decoration:none}
@media print{.tt{display:none!important}.fn-list{color:#000}}