Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
No edit summary
No edit summary
 
(79 intermediate revisions by the same user not shown)
Line 4:
Logged-in overrides live in MediaWiki:Group-user.css
MANAGED WHOLESALE: replace the entire page from the canonical file
(temptools/designwiki/common_css_cleanpages/MediaWiki-Common.css in the repo) — no incremental block pastes.
block pastes.
Color/typography authority: SECTION 12 owns all heading, link,
footer, table and AI-panel colors; earlier sections are structure.
Line 115 ⟶ 116:
by section 12) --- */
.infobox {
color: black; padding: 0.2em;
line-height: 1.5em; border-spacing: 3px;
}
Line 243 ⟶ 244:
font-weight: 700;
line-height: 1.4;
color: #202122var(--text-dark) !important;
text-decoration: none !important;
cursor: pointer;
Line 1,077 ⟶ 1,078:
(not baked inline), so a change applies to every class-based page, no re-render */
--wt-indent-step: 1.5em;
/* line/textNB: shadesthis usedblock byis theSTRUCTURAL tabletokens rulesonly — DEFAULTSevery (cool).color Sectiontoken 12(ink,
accent, --wt-th-bg) lives in section 12's :root, the single color
re-points these onto the warm ramp and adds --text-dark / --text-light /
--line-dark; keeping defaults here meansauthority. §11 stillno longer renders ifstandalone; §12the sheet is managed
deletedwholesale, so (the sameold standalone-then-theme split asis before)retired. */
--line-light: #eceef1; /* interior grid (was --wt-border) */
--line-medium: #72777d; /* frame + header-row rule (was --wt-rule) */
--text-medium: #54595d; /* table header text (was --wt-th-text)*/
--wt-th-bg: #f6f7f9; /* header fill tint (a surface, not a gray line/text) */
--wt-pad-y: 0.5em;
}
Line 1,090 ⟶ 1,087:
/* ── Theme: EVERY wikitable, any type ── */
.wikitable { width: 100% !important; }
 
/* ── Chunk Info (summary Phase 3): per-chunk tags + data-items box.
Infobox geometry — narrow right float in the data voice — as the
ONE exception to the full-width wikitable clamp above (higher
specificity carries the !important override). Emitted by the
summary renderer as class-only markup. ── */
.mw-parser-output table.chunkinfo {
width: var(--ed-infobox-w) !important;
min-width: 0 !important;
/* the list-geometry rule positions every li (for the ::before markers),
and positioned boxes paint ABOVE floats — bullets flowing beside the
box were swallowing its clicks. Lift the box one stacking level. */
position: relative;
z-index: 1;
}
@media (min-width: 640px) {
.mw-parser-output table.chunkinfo {
float: right; clear: right;
margin: 0.5em 0 0.5em 1em;
}
}
 
table.wikitable {
font-size: 0.85em;
border: 1px solid var(--text-dark);
background-color: #fff;
border: 1px solid var(--line-medium);
font-variant-numeric: tabular-nums;
margin-top: 0.3em;
margin-bottom: 2em;
}
/* (td/caption backgrounds + caption typography are owned by §12) */
table.wikitable td { background-color: #fff; }
table.wikitable caption {
text-align: left;
font-weight: bold;
background-color: #fff;
padding-bottom: 0.45em;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
Line 1,121 ⟶ 1,132:
}
table.wikitable > * > tr:first-child > th,
table.wikitable > * > tr:first-child > td { border-top: 1px solid var(--linetext-mediumdark); }
/* the ONE header divider — PURE header rows only (`:not(:has(> td))`).
table.wikitable > * > tr:has(> th):has(+ tr > td) > th { border-bottom: 1px solid var(--line-light); }
Transcript tables carry the printed row LABELS as <th> inside data rows;
without the guard every label cell drew its own dark underline (broken
segments down the first column). Interior all-<th> band rows (one framed
table with repeated section headers) still get the divider, as printed. */
table.wikitable > * > tr:has(> th):not(:has(> td)):has(+ tr > td) > th { border-bottom: 1px solid var(--text-dark); }
table.wikitable > * > tr:last-child > td,
table.wikitable > * > tr:last-child > th { border-bottom: 1px solid var(--linetext-mediumdark); }
/* a top rule ABOVE emphasized (strong/bold) rows — they are sums or section
headers, so a hairline above them improves readability. :has() gives it a
higher specificity than the base border:0, so it wins on the interior; the
first-row frame (--line-mediumink) still outranks it, so a strong first row
keeps the medium frame rather than a doubled line. Collapses cleanly with the
header divider (bothsame --line-lightink) when a strong row sits right under a header.
Every pipeline now marks a bold row the same way — '''bold''' -> <b>/<strong>
(wikitable.py wraps total rows; the SEC path no longer emits inline
Line 1,136 ⟶ 1,152:
table.wikitable > * > tr:has(b, strong) > th,
table.wikitable > * > tr:has(b, strong) > td {
border-top: 1px solid var(--linetext-lightdark);
}
 
Line 1,186 ⟶ 1,202:
left: 0;
z-index: 1;
box-shadow: 1px 0 0 var(--linetext-lightdark);
}
table.wikitable.fintable td:first-child,
Line 1,209 ⟶ 1,225:
left: var(--wt-xs);
z-index: 1;
box-shadow: 1px 0 0 var(--linetext-lightdark);
background-color: #fff;
}
Line 1,244 ⟶ 1,260:
 
/* =================================================================
12. EDITORIAL DESIGN SYSTEM v11v12 ("paperflat & inkmono")
Appended LAST deliberately: later rules of equal specificity win,
so this section restyles typography / color / spacing WITHOUT
editing sections 1-11. (itThis evensection re-pointsis sectionthe SINGLE COLOR 11'sAUTHORITY --wt-*—
every color variablestoken fromlives herein — a laterits :root; wins).sections Delete1-11 theare wholestructure.
v12: ONE font (STIX Two Text), ONE ink (#0d0d0d for all text AND
section to revert.
lines), coral for interaction only, square corners, flat controls.
v11: full-sheet cleanup — sections 7/8 stripped to structure (this
sectionThe isv11 thewarm-gray-ramp single+ colorserif/sans authority);split TOC blockwas consolidated away
2026-07 — see git history for the old system.
(numbers in a fixed right-aligned gutter, "0." on Beginning,
inline chevron, no rails).
================================================================= */
 
/* ── WebfontWebfonts: SourcePT Serif 4is (variable;THE ONEsite fileface covers(static 400-600)./700 + italics —
deliberately NO 600: semibold requests snap to true 700, giving
@font-face is safe anywhere in ResourceLoader output — never use
headers/totals/labels their firm contrast). STIX Two Text stays
@import here (gadget CSS is concatenated BEFORE Common.css and
breaksloaded it,as perglyph T165040)fallback. If the @font-face failsis tosafe load,anywhere Georgiain
ResourceLoader output — never use @import here (gadget CSS is
takes over seamlessly. Production hardening: copy the two woff2
concatenated BEFORE Common.css and breaks it, per T165040).
files to the S3 bucket and swap the URLs. ── */
Georgia is the offline fallback. Production hardening: self-host
the woff2 files on the S3 bucket. ── */
@font-face {
font-family: "SourcePT Serif 4";
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptserif/v19/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "PT Serif";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptserif/v19/EJRSQgYoZZY2vCFuvAnt66qSVys.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "PT Serif";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptserif/v19/EJRTQgYoZZY2vCFuvAFT_r21cg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "PT Serif";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ptserif/v19/EJRQQgYoZZY2vCFuvAFT9gaQZynfoA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "STIX Two Text";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/sourceserif4stixtwotext/v14v18/vEFF2_tTDB4M7-auWDN0ahZJW3IX2ih5nk3AucvUHf6kDXr4YA9Vr02F12Xkf5whdwKf11l0p76Miw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "SourceSTIX SerifTwo 4Text";
font-style: italic;
font-weight: 400 600700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/sourceserif4stixtwotext/v14v18/vEF02_tTDB4M7-auWDN0ahZJW1ge6NmXpVAHV83Bfb_US2D2QYxoUKIkn98pRl9tDMQCYA9Lr02F12Xkf5whdwKf11l0p7u8idfU.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 
/* ── Design knobs. THREE— textthe shadesv12 +FLAT THREEMONO linesystem. shadesONE font, region-basedONE ink, eachONE
accent:
with a plain light/medium/dark name.
TEXT: DARK --texted-darkfont = bodySTIX proseTwo +Text alleverywhere (prose, headings, data,
chrome). There is no serif/sans split anymore.
MEDIUM --text-medium = the structured-data regions (wikitable
--text-dark = THE ink: all text AND all lines/borders/frames.
cells, TOC, infobox) + labels/captions
Hierarchy is carried by size, weight, and space —
LIGHT --text-light = faint annotations (page-ref superscripts,
never by gray list markers, footnote chip)shades.
LINE: DARK --lineed-darkaccent = headingcoral, underlinesINTERACTION (h1ONLY: + h2 only) +link-underline footerhover,
focus rings, control hover & TOC-header rulesborders.
--ed-underline = the one non-ink gray: resting link underlines,
MEDIUM --line-medium = table + infobox OUTER borders, table
quiet by design so the coral hover reads as a header-row underline, container framesjump.
ONE body size, ONE small size. h3+ have NO rules (h1 carries the one
LIGHT --line-light = inside-table grid + panel interior dividers
ONEdark smalltitle size,rule). ONEHistorical sans.note: DARKv11 isran shareda (#2b2926);warm text3-mediumtext/3-lightline andgray
ramp and a serif/sans split — collapsed 2026-07 (see git history for
line-medium/-light are DIFFERENT hexes (readable label greys vs thin
hairlines).the h3old has NO underline (bold text onlyvalues). ── */
:root {
--ed-seriffont: "SourcePT Serif", "STIX Two 4Text", Georgia, "Times New Roman", serif;
--text-dark: #0d0d0d; /* THE ink: all text + all lines */
--ed-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Inter", Helvetica, Arial, sans-serif; /* = Vector/Codex chrome stack */
--text-dark: #2b2926; /* DARK text: body prose + all headings */
--text-medium: #66605c; /* MEDIUM text: data regions (table/TOC/infobox) + labels */
--text-light: #807973; /* LIGHT text: superscripts, list markers, footnote chip */
--line-dark: #2b2926; /* DARK line: h1/h2 underline + footer & TOC-header rules */
--line-medium: #b3aca3; /* MEDIUM line: table/infobox outer border, header-row, frames */
--line-light: #e7e2db; /* LIGHT line: inside-table grid + panel interior dividers */
--ed-link: #0d7680; /* interactive teal: links, focus, send */
--ed-underline: #ccc1b7; /* resting link underline tint */
--ed-accent: #f07662; /* house coral — hoverinteraction underline, sparingonly */
--ed-paper: #fff; /* page canvas — white (warm tint disabled) */
--ed-infobox-w: 18.5rem; /* infobox total width (border-box). */NB: prose
is FULL WIDTH (default MediaWiki flow around
--ed-measure: calc((100% - var(--ed-infobox-w)) * 0.9); /* prose stops ~10% short of
the infoboxfloat) — tighterthe readableold line + a gutter before the--ed-measure cardprose */cap
--ed-body: 1rem; /* body size (16px — the "90% zoom" preference) was retired 2026-07 */
--ed-smallbody: 01.8125rem0625rem; /* THE smallbody size: tables,— infobox17px, TOC,user-validated footerwith */PT Serif
(inherited from the STIX x-height compensation;
kept deliberately: "renders fine") */
--ed-small: 0.875rem; /* THE small size: tables, infobox, TOC, footer — 14px */
--ed-h-ratio: 1.15; /* HEADING LADDER — GEOMETRIC: each level is the
one below × this ratio (h6 = body ×1, h5 ×r,
h4 ×r², h3 ×r³, h2 ×r⁴ ≈ 17/19.6/22.5/25.9/
29.7px). A constant RATIO, not a constant
increment: size perception is ratio-based, so
an arithmetic ladder (+0.2 each) compresses at
the top — h2/h3 would sit only 12% apart while
h5/h6 sat 20% apart. h6 is anchored AT body
size (it is the chunk/unit heading, and table
captions twin it); h1 stays off the ladder at
2.4rem — page identity, with the one dark rule
(leaves h1/h2 ≈ 1.29 of separation).
Expressed as repeated multiplication of
--ed-body, NOT em: an em resolves against a
parent's size and would silently scale inside
tables/divs. */
--ed-title-gap: 2.1rem; /* CALIBRATION: moves the title rule DOWN */
--ed-heading-gap: 4rem; /* space BEFORE h2 AND h3 — the SAME for both (rem, not em,
Line 1,323 ⟶ 1,383:
resolve against each marker's own font-size. */
 
/* table header fill tint — awhite: warmheaders surface,carry notno part oftint; the grayheader-row line/textrule
+ semibold text do the work. NB: row-hover does NOT read this token
ramps (also consumed by the scrollbar thumb). The table line/text greys
(white would kill the highlight) — hover uses a literal neutral gray. */
now live in the --line-*/--text-* tokens above: warm finals that override
--wt-th-bg: #fff;
the §11 cool defaults. */
--wt-th-bg: #f3efe8;
}
 
/* ── Canvas: warm paper everywhere — page, the header band Vector
paints white on its own, the TOC column, and the TOC's
scroll-fade overlay ── */
Line 1,341 ⟶ 1,400:
background-color: transparent !important;
}
/* Scrollbars: everywherewebkit-styled match— thesquare wikitablethumb, scrollNO wrapperarrow — thinbuttons, light-graytransparent
track. Deliberately NO standard scrollbar-width/color in this sheet:
thumb (--line-light at rest, --line-medium on hover; the old --wt-th-bg tint
modern Chrome ignores every ::-webkit-scrollbar-* rule on an element that
disappeared once the page went white) on a transparent track. scrollbar-width/color are
also has a standard scrollbar property set, so the two systems cannot mix
INHERITED, so :root/body sets the baseline AND styles the window bar.
BUT(cost Vectortwo stylesdebugging rounds). EXCEPTION — the sticky TOC scrollscroller: container DIRECTLY with its ownVector
pins a standard scrollbar prop on it directly, locking it to the
(wider) scrollbar-width, and a direct rule beats an inherited value —
uncontrollable standard path (no square corners, no button removal
which is why the TOC bar stayed THICKER than the table's even after the
possible there) — so its bar is HIDDEN outright instead; wheel/trackpad
color matched (Vector sets width there but not color, so color inherited
scrolling is unaffected. Firefox gets UA-default scrollbars. */
through while width did not). The universal !important rule below FORCES
#vector-toc, .vector-toc { the same thin scrollbar-width: + warm color onto every element:none !important; outranks}
::-webkit-scrollbar { width: 5px !important; height: 5px !important; } /* discreet but still draggable */
any normal skin rule regardless of its selector specificity, so no scroll
::-webkit-scrollbar-track { background: transparent !important; }
container — named or not — can override it. */
::-webkit-scrollbar-button { /* no arrow buttons */
:root, body {
display: none !important;
scrollbar-width: thin;
width: 0 !important;
scrollbar-color: var(--line-light) transparent;
height: 0 !important;
}
* {
scrollbar-width: thin !important;
scrollbar-color: var(--line-light) transparent !important;
}
/* WebKit/Blink path. The standard properties above are IGNORED by Chrome for
any element a skin targets with ::-webkit-scrollbar (webkit pseudo-elements
take precedence) — that is why `* !important` above did NOT thin the TOC bar:
Vector styles the sticky TOC scroller with ::-webkit-scrollbar. So restyle
the webkit scrollbar globally to a matching thin warm bar; !important beats
any non-important skin ::-webkit-scrollbar rule regardless of its selector
specificity. Defining ANY ::-webkit-scrollbar rule switches every scrollbar
(table + window included) to this custom bar, so they all render identically:
8px, light-gray thumb (--line-light), transparent track. */
::-webkit-scrollbar { width: 8px !important; height: 8px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb {
background: var(--linetext-lightdark) !important;
border-radius: 4px0 !important; /* square, like the buttons */
}
::-webkit-scrollbar-thumb:hover { background: var(--line-medium) !important; }
::-webkit-scrollbar-corner { background: transparent !important; }
/* Minerva (mobile skin) paints its own white wrappers over body */
Line 1,395 ⟶ 1,439:
.vector-column-end { display: none !important; }
 
/* ── MobileONE (Minerva)font keepsfor ONEeverything: lightinterface linechrome, toneprose, inand tablesdata —all everyshare
--ed-font (form controls don't inherit it — they get it explicitly
structural table line consumes --line-medium, so one override
simplifieswhere frame,they're header rule, and side rails at oncestyled) ── */
.skin-minervabody { font--line-mediumfamily: var(--lineed-lightfont); }
 
/* ── Tagline ("Unleashing intelligence", the .mw-logo::after): NO underline
/* ── ONE sans: the whole interface (header, search, tagline, buttons,
and NO hover effect — it reads as branding, not a link (resting ink is
footer) and all data share the Codex stack; prose re-asserts the
serifset belowin §3; the logo still navigates home on click). ── */
body { font-family: var(--ed-sans); }
 
/* ── Logo on the titleTOC axis:. pushMeasured it right byon the TOClive columnDOM +(1120px gridviewport):
TOC label x=48, header-start x=44, Vector's default .mw-logo
gap at Vector's own grid breakpoints, so the logo + tagline sit
exactlymargin-left:20px aboveput the pagelogo titleat x=64. Below44 1120px+ the4 TOC= column48 does→ margin 4px.
Empirical at this breakpoint — re-measure if Vector's grid padding
not exist, so no offset. ── */
ever changes. (The old title-axis push is removed.) ── */
@media (min-width: 1120px) { .mw-logo { margin-left: calc(12.25rem + 24px); } }
.vector-header-start .mw-logo,
@media (min-width: 1680px) { .mw-logo { margin-left: calc(15.5rem + 24px); } }
.mw-logo { margin-left: 4px !important; } /* !important: Vector pins its own
20px on a more specific selector */
 
/* ── Prose voice: serif, warm ink (Minerva has no .mw-body-content —
Line 1,416 ⟶ 1,461:
.mw-body-content,
.skin-minerva #bodyContent.content {
font-family: var(--ed-seriffont);
font-size: var(--ed-body);
line-height: 1.6;
Line 1,422 ⟶ 1,467:
font-variant-numeric: lining-nums;
}
/* prose runs FULL WIDTH (default MediaWiki flow, wrapping around the
/* readable measure for prose; data/tables stay full width */
floated infobox) — the old --ed-measure cap is retired */
.mw-parser-output > p,
.mw-parser-output > ul,
.mw-parser-output > ol,
.mw-parser-output > dl { max-width: var(--ed-measure); }
/* nested paragraphs too (hand-written page structures); table cells released */
.mw-parser-output p { max-width: var(--ed-measure); }
.mw-parser-output table p { max-width: none; }
/* guards: the data voice stays sans at the ONE small size — otherwise the
serif body size would silently scale section 11's 0.85em tables (and
every em-based column width) */
table.wikitable, .infobox {
font-family: var(--ed-sansfont);
font-size: var(--ed-small);
color: var(--text-mediumdark); /* tablethe +data infoboxvoice textshares =the MEDIUMone (--text-light read too faint)ink */
}
/* lighter bold in tables: the browser default 700 (header th + the <b>/<strong>
Line 1,449 ⟶ 1,488:
in a FINTABLE only the sticky first column stays opaque (it
must cover scrolling content) in the paper color; hover warms.
2. Full frame in --line-mediumink. Sides: the RIGHT rail is a plain
border on the last-column cells. On a NEUTRAL table the LEFT
rail is a plain table border (nothing is sticky); on a
Line 1,460 ⟶ 1,499:
of "financial table", repeated verbatim.
3. The table's outer margins move to the scroll WRAPPER so the
horizontal scrollbar hugs the bottom rule,. and── the scrollbar*/
itself goes thin + warm. ── */
table.wikitable,
table.wikitable td,
table.wikitable caption { background-color: transparent; }
/* row hover comes from §11 (#f8f9fa); the frozen first column carries its
table.wikitable > tbody > tr:hover > td { background-color: var(--wt-th-bg); }
/* the frozen first column carries its own paper bg (below) at higher specificity, so it needs its OWN hover
specificity, so it needs its OWN hover rule to warmhighlight with the row */
table.wikitable.fintable > tbody > tr:hover > td:first-child,
table.wikitable:has(.col, .col-wide) > tbody > tr:hover > td:first-child {
background-color: var(--wt-th-bg)#f8f9fa;
}
 
Line 1,482 ⟶ 1,520:
table.wikitable:has(.col, .col-wide) td:first-child {
border-left: none;
box-shadow: inset 1px 0 0 var(--linetext-mediumdark), /* left rail — sticks with the cell */
1px 0 0 var(--linetext-lightdark); /* right edge of the frozen column */
}
/* LEFT + RIGHT frame edges drawn on the CELLS in --line-medium, matching the top/bottom
top/bottom edges (section 11). The left edge MUST be on the first cell, not only
only the table: with border-collapse a cell border outranks the table border,.
Fintable overrides first-child border-left → none + box-shadow rail
so the first column's --line-light (light) cell border would otherwise win the
(higher specificity, above). NB: in the v11 multi-shade system these
left edge and render it lighter than the other three sides. Fintable overrides
collapse ties could pick the WRONG (lighter) line — with one ink every
first-child border-left → none + box-shadow rail (higher specificity, above). */
tie resolves to the same color, so the old !important right-edge
enforcement rule is gone. */
.wikitable th:first-child,
.wikitable td:first-child { border-left: 1px solid var(--linetext-mediumdark); }
.wikitable th:last-child,
.wikitable td:last-child { border-right: 1px solid var(--linetext-mediumdark); }
/* the fintable's LAST column was rendering its right border as --line-light
(a border-collapse edge case — the LEFT rail is a box-shadow so it was
unaffected, but the right edge relies on border-right and something was
winning it light). Force the right outer edge to --line-medium, matching the
other three sides. Higher specificity + !important so it can't be overridden. */
table.wikitable > * > tr > th:last-child,
table.wikitable > * > tr > td:last-child { border-right: 1px solid var(--line-medium) !important; }
 
/* row labels MEET the bullets: the first column's text starts at the SAME indent
Line 1,521 ⟶ 1,554:
table.wikitable td.wt-indent-4 { padding-left: calc(var(--ed-list-indent) + var(--wt-indent-step) * 4); }
 
table.wikitable { margin: 0; border-left: 1px solid var(--linetext-mediumdark); }
table.wikitable.fintable,
table.wikitable:has(.col, .col-wide) { border-left: none; }
Line 1,532 ⟶ 1,565:
.copy-table-scroll {
margin: 1em 0 2em; /* reduced top gap before tables (was 1.8em) */
/* no standard scrollbar props here — they would knock these wrappers off
scrollbar-width: thin;
the webkit path (see the scrollbar block) */
scrollbar-color: var(--line-light) transparent;
}
/* the copy-table gadget nests .copy-table-scroll INSIDE the emitter's overflow-x
Line 1,540 ⟶ 1,573:
.mw-parser-output div[style*="overflow-x"] > .copy-table-scroll { margin-top: 0 !important; }
 
/* caption = the table's TITLE asin athe quieth6 EYEBROWvoice (thebold body sharedtext, kickerno
uppercase/letter-spacing — the old eyebrow treatment is retired here). */
treatment — breadcrumb / infobox header): uppercase sans, letter-spaced,
secondary ink, with air below before the grid. No glyph. */
table.wikitable caption {
font-family: var(--ed-sansfont);
font-size: 0.75remvar(--ed-body);
font-weight: 600700;
color: var(--text-dark);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-medium);
text-align: left;
padding-bottom: 0.7em5em; /* CALIBRATION: caption→grid air (~8.5px at 17px;
was 0.2em = too tight per user) */
}
 
Line 1,584 ⟶ 1,615:
.mw-parser-output li > ul { margin-top: 0.3em; }
 
/* per-level markers drawn as ::before at EXACT positions: each marker's LEFT edge
LEFT edge sits on its parent's text axis (level 1 on the heading axis), because
axis), because left: -indent lands on the container edge, which IS the parent text x.
ONE glyph (the round bullet) at EVERY level — depth is carried by
the parent text x. Shapes: bullet / house triangle (drivers, echoes
theindentation TOCalone prefix) / hairline en dash;(the per-level fontpadding-sizeleft +above). */
line-height keep the three optically equal and vertically centered */
.mw-parser-output ul { list-style: none !important; }
.mw-parser-output ul > li { position: relative; }
Line 1,597 ⟶ 1,627:
left: calc(-1 * var(--ed-list-indent));
color: var(--text-dark); /* markers match the body text */
font-family: var(--ed-sansfont);
font-size: 0.95em;
line-height: 1.68;
}
.mw-parser-output ul ul > li::before { content: "\25B8"; font-size: 0.7em; line-height: 2.29; }
.mw-parser-output ul ul ul > li::before { content: "\2013"; font-size: 0.95em; line-height: 1.68; }
 
/* page-reference superscripts — present everywhere, must whisper.
Line 1,610 ⟶ 1,638:
font-size: 68%;
line-height: 0;
font-family: var(--ed-sansfont);
color: var(--text-lightdark);
}
 
Line 1,617 ⟶ 1,645:
knob lands its rule on the CONTENTS rule's line ── */
h1#firstHeading, .mw-first-heading {
font-family: var(--ed-seriffont);
font-size: 2.4rem;
line-height: 1.15;
Line 1,623 ⟶ 1,651:
letter-spacing: -0.01em;
color: var(--text-dark) !important;
border-bottom: 2px solid var(--linetext-dark) !important;
margin-top: var(--ed-title-gap) !important;
padding-bottom: 0.3em;
Line 1,630 ⟶ 1,658:
/* breadcrumb under the title rule — the shared eyebrow treatment */
#contentSub .subpages {
font-family: var(--ed-sansfont);
font-size: 0.75remvar(--ed-small);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-mediumdark);
margin-bottom: 1.4em;
}
#contentSub .subpages a,
#contentSub .subpages a:visited { color: var(--text-mediumdark) !important; }
/* breadcrumb links join the house link convention (it sits among plain
text, so it must look clickable like body links do) */
#contentSub .subpages a {
text-decoration: underline;
text-decoration-color: var(--ed-underline);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
#contentSub .subpages a:hover {
text-decoration-color: var(--ed-accent);
text-decoration-thickness: 2px;
}
 
/* ── Section headings: sans semibold on the house rules. Scoped to
Line 1,647 ⟶ 1,687:
.mw-body-content h2, .mw-body-content .mw-heading2, .section-heading,
.skin-minerva .content h2 {
font-family: var(--ed-sansfont);
font-size: 1.875rem;calc(var(--ed-body) * var(--ed-h-ratio) /* 30px */var(--ed-h-ratio)
* var(--ed-h-ratio) * var(--ed-h-ratio)); /* r⁴ ≈ 30px */
line-height: 1.25;
font-weight: 600;
letter-spacing: -0.005em;
color: var(--text-dark) !important;
border-bottom: 1px solid var(--line-dark)none !important; /* NO rule — size/weight/space carry the boundary;
`none` must stay explicit or the skin's default
gray h2 border resurfaces. The h1 rule is now the
page's ONE dark heading rule. */
margin-top: var(--ed-heading-gap); /* same space before h2 and h3 */
margin-bottom: 0.7em;
padding-bottom: 0.3em;
}
.mw-body-content h3,
.skin-minerva .content h3 {
font-family: var(--ed-sansfont);
font-size: 1.5rem;calc(var(--ed-body) * var(--ed-h-ratio) /* 24px */var(--ed-h-ratio)
* var(--ed-h-ratio)); /* r³ ≈ 26px */
font-weight: 600;
color: var(--text-dark) !important;
/* NO underline — h3 is bold sans text only (the ONE dark heading rulesrule areis h1 + h2) */
margin-top: var(--ed-heading-gap); /* doubled vs the old 1.8em; same as h2 */
margin-bottom: 0.6em;
}
/* h4/h5: their own rungs on the ladder — at body size they were
indistinguishable from bold prose (and from h6) once the one-font
consolidation erased the old serif/sans distinction. Shared 2rem gap
above = half the h2/h3 gap (same shared-gap logic). */
.mw-body-content h4, .mw-body-content h5 {
font-family: var(--ed-sansfont);
font-sizeweight: 1rem700;
font-weight: 600;
color: var(--text-dark) !important;
margin-top: 2rem;
margin-bottom: 0.4em;
}
.mw-body-content h4 {
font-size: calc(var(--ed-body) * var(--ed-h-ratio) * var(--ed-h-ratio)); /* r² ≈ 22px */
}
.mw-body-content h5 {
font-size: calc(var(--ed-body) * var(--ed-h-ratio)); /* r ≈ 20px */
}
/* h6 = bold BODY text (serif, body size), not a sans heading */
.mw-body-content h6 {
font-family: var(--ed-seriffont);
font-size: var(--ed-body);
font-weight: 700;
color: var(--text-dark) !important;
}
/* h6 spacing: MORENORMAL paragraph spacing before, LESS after(0.5em, This wiki wraps headings inVector's ap
default), LESS after. The old "MORE before" (1.8em) predates the
.mw-heading<N> div that owns the layout margin (cf. the .mw-heading2 rule
chunk-page marker: the marker line now precedes every h6 and carries
above), so the margin MUST sit on the wrapper — also on the bare h6 as a
the visual separation itself, so a wide h6 top margin double-spaced
fallback for un-wrapped DOM. */
the sections (user rule 2026-07-20). This wiki wraps headings in a
.mw-heading<N> div that owns the layout margin (cf. the .mw-heading2
rule above), so the margin MUST sit on the wrapper — also on the
bare h6 as a fallback for un-wrapped DOM. */
.mw-body-content h6,
.mw-body-content .mw-heading6 {
margin: 10.8em5em 0 0.2em !important;
}
/* pull the block right after an h6 up close, so "less space after" holds even
Line 1,706 ⟶ 1,765:
.mw-headline, .mw-page-title-main { color: inherit !important; }
 
/* ── Links: FTdark teal;ink contentlike linksbody carrytext a— resting tintthe underline thatalone marks them
warms(was toFT teal; the houseresting coraltint onunderline hoverstill ──warms */to coral on
hover) ── */
a, a:visited,
.mw-parser-output a, .mw-parser-output a:visited,
.mw-body-content a.external, .mw-body-content a.external:visited,
.mw-collapsible-toggle-default .mw-collapsible-text {
color: var(--edtext-linkdark) !important;
}
.mw-parser-output a {
Line 1,728 ⟶ 1,788:
a.mw-ui-button, a.mw-ui-button:visited { color: #fff !important; }
.mw-editsection, .mw-editsection a, .mw-editsection a:visited {
color: var(--text-mediumdark) !important;
text-decoration: none;
opacity: 0.7;
Line 1,739 ⟶ 1,799:
.cdx-text-input__input:focus,
.cdx-text-input__input:enabled:focus {
border-color: var(--ed-linkaccent) !important; /* = the link hover-underline color */
box-shadow: inset 0 0 0 1px var(--ed-linkaccent) !important;
}
.cdx-button:enabled:focus,
.cdx-button--fake-button:focus {
box-shadow: inset 0 0 0 2px var(--ed-linkaccent) !important;
}
:focus-visible { outline-color: var(--ed-linkaccent); }
 
/* ── Header search. Resting border / font / radius come from the GENERIC
/* ── TOC sidebar — flat left-aligned design.
Codex input rules below — only the search-specific pieces live here. ── */
Every entry, ANY level, starts on ONE left axis: the section
/* search bar on the BODY-TEXT axis. Measured on the live DOM (1120px
number is INLINE (Vector ships it display:none; we re-show it)
viewport): form x=294, title/body axis x=264 → pull 30px left (24px is
flowing straight into the title as a single text run, so "2.1.
Codex's typeahead inset inside #p-search + 6px container offset). The
Press release" reads as one string. Depth is carried by the
typeahead dropdown lives inside the form, so suggestions move with it.
number itself plus a lighter ink on child rows — NO indentation,
Calibrated against the rendered logo+tagline width — re-measure if the
NO number gutter, NO absolute positioning (the old gutter geometry
tagline or its font ever changes. */
is gone). The ONE structural rule is a hanging indent on every li
#p-search #searchform { margin-left: -30px; }
(--toc-hang): the first line outdents to the axis, wrapped lines
.cdx-search-input { border-radius: 0 !important; } /* the outer assembly layer */
align under the TITLE. Nested <ul>s are pulled back by the same
/* the bar hovers as ONE unit — pointing at the attached Search button warms
--toc-hang so level-2+ numbers land on the level-1 axis (flat, no
the input border too. !important is required: the generic input rules pin
staircase). "Beginning" (the one entry MediaWiki leaves unnumbered)
border-color with !important, and only equal importance + higher
gets a generated inline "0.". Expand/collapse is the house triangle
specificity beats them. */
▸/▾ INLINE after the heading. The CONTENTS header left-aligns with
.cdx-search-input:hover .cdx-text-input__input {
the number axis.
border-color: var(--ed-accent) !important;
CALIBRATION: --toc-hang is the wrap-indent / number budget — size
}
it to the title-start of the entries that actually wrap (level-2,
.cdx-search-input .cdx-search-input__end-button,
~"2.2. "); the 0.22rem row rhythm is unchanged. ── */
.cdx-search-input .cdx-search-input__end-button:hover,
.cdx-search-input .cdx-search-input__end-button:active,
.cdx-search-input .cdx-search-input__end-button:focus {
background-color: var(--text-dark) !important;
border-color: var(--text-dark) !important;
color: #fff !important;
box-shadow: none !important;
border-radius: 0 !important; /* square corners */
font-family: var(--ed-font); /* buttons don't inherit the page font */
}
/* ── ALL Codex form inputs (Special:UserLogin etc.) follow the search-bar
design: square, ink resting border, coral on hover; the generic
:focus rule above already paints the thick coral focus. The AI
composer's borderless-input exemption later in this section still
wins via !important. ── */
/* Codex pins input colors on :enabled state selectors — restate at that
specificity with !important or the gray/rounded defaults win the tie.
The AI composer exemption still outranks all of these (higher
specificity + !important). */
.cdx-text-input, /* the WRAPPER carries its own 2px
radius — measured on #wpName1 */
.cdx-text-input__input,
.cdx-text-input__input:enabled {
border-radius: 0 !important;
}
.cdx-text-input__input,
.cdx-text-input__input:enabled {
border-color: var(--text-dark) !important;
font-family: var(--ed-font);
}
.cdx-text-input__input:hover,
.cdx-text-input__input:enabled:hover { border-color: var(--ed-accent) !important; }
/* Codex checkboxes ("Keep me logged in"): ink border, square; checked fill
goes ink too — Codex's progressive blue would break the mono theme */
.cdx-checkbox__icon {
border-color: var(--text-dark) !important;
border-radius: 0 !important;
}
.cdx-checkbox__input:checked + .cdx-checkbox__icon {
background-color: var(--text-dark) !important;
border-color: var(--text-dark) !important;
}
/* form links ("Help with logging in", "Forgot your password?") follow the
house link convention — special-page forms sit outside .mw-parser-output */
.mw-htmlform a {
text-decoration: underline;
text-decoration-color: var(--ed-underline);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
.mw-htmlform a:hover {
text-decoration-color: var(--ed-accent);
text-decoration-thickness: 2px;
}
/* primary action buttons (e.g. the "Log in" submit) = the Search button:
flat ink, white label, square, every state pinned so Codex's progressive
blue never flashes through */
.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button--weight-primary.cdx-button--action-progressive:enabled:hover,
.cdx-button--weight-primary.cdx-button--action-progressive:enabled:active {
background-color: var(--text-dark) !important;
border-color: var(--text-dark) !important;
color: #fff !important;
border-radius: 0 !important;
font-family: var(--ed-font);
}
/* the TOC "hide" / "move to sidebar" pill (pin/unpin) joins the same flat
treatment — one class covers both buttons */
.vector-pinnable-header-toggle-button,
.vector-pinnable-header-toggle-button:hover,
.vector-pinnable-header-toggle-button:active,
.vector-pinnable-header-toggle-button:focus {
background-color: var(--text-dark) !important;
border-color: var(--text-dark) !important;
color: #fff !important;
box-shadow: none !important;
border-radius: 0 !important; /* square corners */
font-family: var(--ed-font); /* buttons don't inherit the page font */
font-size: var(--ed-small); /* joins the ONE small size */
}
 
/* ── TOC sidebar — flat left-aligned design, NO section numbers.
Every entry, ANY level, starts on ONE left axis. Depth is carried by
an inline en-dash marker generated per Vector level class: top level
bare, children "–", grandchildren "––" — flowing straight into the
title as one text run. NO indentation, NO gutter, NO absolute
positioning. Titles wrap under themselves (the marker is its own
flex item, so wrapped lines align after it). Expand/collapse is the
house triangle ▸/▾ INLINE after the heading. The CONTENTS header
left-aligns with the same axis. ── */
.vector-toc {
font-family: var(--ed-sansfont);
--toc-header-inset: 0; /* CONTENTS label sits on the numberentry axis */
}
 
Line 1,775 ⟶ 1,928:
rule only), inset onto the number axis */
.vector-toc .vector-pinnable-header {
border-bottom: 1px solid var(--linetext-lightdark) !important; /* = the table header-row divider */
padding-top: 0.35rem;
padding-bottom: calc(0.95rem - 3px); /* calibrated against the title rule:
-2px measured (157 vs 159), then -1px
user fine-tune */
margin-bottom: 0.9rem;
padding-left: 0 !important;
Line 1,783 ⟶ 1,938:
}
.vector-toc .vector-pinnable-header-label { /* the shared uppercase eyebrow */
font-size: 0.75remvar(--ed-small);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-mediumdark) !important;
margin-left: 0;
}
 
/* entries: ALLONE levelsink uniformat LIGHTall levels — the TOCdepth is acarried databy region;the depthnumbers. is carriedHover
feedback = the house link convention (grey underline → coral); the
by the numbers, not colour. The ONLY emphasis is the current section: active =
current section = the one bold row. */
dark + bold, and hover darkens to dark as pointer feedback (a wide light→dark
jump).
CASCADE: base is (0,2,0) non-visited + (0,3,0) :visited; hover/active are
(0,3,0) !important and sit AFTER the base so source order hands them the tie
for a hovered/active row. Keep this order: base → hover → active. */
.vector-toc .vector-toc-link,
.vector-toc .vector-toc-link:visited {
color: var(--text-lightdark) !important;
font-size: var(--ed-small);
text-decoration: none; /* the underline lives on the TITLE SPAN below,
so the depth dash marker stays bare */
}
.vector-toc .vector-toc-text > span:not(.vector-toc-numb) {
text-decoration: underline;
text-decoration-color: var(--ed-underline);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
.vector-toc .vector-toc-link:hover .vector-toc-text > span:not(.vector-toc-numb) {
text-decoration-color: var(--ed-accent);
text-decoration-thickness: 2px;
}
.vector-toc .vector-toc-link:hover { color: var(--text-dark) !important; }
.vector-toc .vector-toc-list-item-active > .vector-toc-link {
font-weight: 500 !important; /* the "current" cue (one bold row) */
color: var(--text-dark) !important;
font-weight: 500 !important; /* the "current" cue (dark + bold on one row) */
}
/* NB: hiding h6 from the TOC is done in Common.js (pruneTocH6) — MediaWiki's
Line 1,834 ⟶ 1,994:
line-height: 1.5; /* = the infobox / wikitable line-height */
}
/* level-2+ sits flush under level-1 (numbersmarkers aligned on one axis); flex-basis
100% drops the sublist onto its own row below the parent's title + chevron */
.vector-toc .vector-toc-list-item > .vector-toc-list {
Line 1,841 ⟶ 2,001:
}
 
/* HANG-UNDER-TITLE: the numberdepth marker and the title share a flex row, so the title is
a wrapping block whose 2nd+ lines align under the TITLE (after the number).
Because the numbermarker is its own flex item, this holds for any numbermarker width
("3."one vsdash "12."or two), which a fixed text-indent could not. The link is a flex item
of the row; grow:0 so a short title doesn't stretch (the chevron stays right
after it), shrink:1 + min-width:0 so a long title wraps. */
Line 1,859 ⟶ 2,019:
Zeroed so the li's 2×--wt-pad-y is the ONE rhythm. */
}
.vector-toc/* NO section numbers — Vector ships .vector-toc-numb {display:none and we no
longer re-show it. Depth is carried by TREE markers instead, generated as
flex: 0 0 auto; /* the number column = its own width */
display: inline;the first flex item of the text row /* defeatoff Vector's display:noneper-level li */classes:
a CSS BORDER-DRAWN squared elbow (└ shape) — vertical stub into a
horizontal arm, ONE continuous 1px ink stroke by construction. Glyph
attempts ("|–" pipes, U+2514 └ from a fallback font) were rejected: two
fonts never join their strokes. Depth = the ARM LENGTH (child short,
grandchild longer). Top-level entries carry no marker. */
.vector-toc .vector-toc-level-2 > .vector-toc-link .vector-toc-text::before,
.vector-toc .vector-toc-level-3 > .vector-toc-link .vector-toc-text::before,
.vector-toc .vector-toc-level-4 > .vector-toc-link .vector-toc-text::before {
content: "";
flex: 0 0 auto;
height: 0.55em; /* vertical stub height */
border-left: 1px solid currentColor;
border-bottom: 1px solid currentColor;
position: relative;
bottom: 0.28em; /* CALIBRATION: lifts the arm off the text
baseline onto the dash axis (an empty flex
item baseline-aligns its bottom edge) */
margin-right: 0.4em;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.vector-toc .vector-toc-numblevel-2 > .vector-toc-link .vector-toc-text::afterbefore { contentwidth: "0."6em; }
.vector-toc .vector-toc-level-3 > .vector-toc-link .vector-toc-text::before { width: 1.05em; }
.vector-toc .vector-toc-level-4 > .vector-toc-link .vector-toc-text::before { width: 1.5em; }
/* the title span is unclassed in Vector's DOM; it is the wrapping block */
.vector-toc .vector-toc-text > span:not(.vector-toc-numb) {
flex: 1 1 auto;
min-width: 0; /* allow the title to wrap inside the row */
}
 
/* "0." for Beginning — it has no numb span, so generate it as the FIRST flex
item of its text row; same number voice, ink + medium when active */
.vector-toc #toc-mw-content-text .vector-toc-text::before {
content: "0.";
flex: 0 0 auto;
margin-right: 0.4em;
white-space: nowrap;
font-variant-numeric: tabular-nums;
color: var(--text-light);
}
.vector-toc #toc-mw-content-text.vector-toc-list-item-active .vector-toc-text::before {
font-weight: 500;
}
 
Line 1,929 ⟶ 2,092:
content: "▸"; /* collapsed — the house triangle */
font-size: 0.65rem;
color: var(--text-lightdark);
}
.vector-toc .vector-toc-list-item-expanded > .vector-toc-toggle::before {
content: "▾"; /* expanded */
}
.vector-toc .vector-toc-toggle:hover::before { color: var(--text-dark); }
 
/* ── Infobox: the page's ONE white card, in the data voice; its width
ENFORCED with !important so inline widths cannot break it — and
is the SAME token the prose measure subtracts, ENFORCED with
pinned class-generically so ANY infobox markup (table or div)
!important so inline widths cannot break the axis — and pinned
class-genericallyobeys. soProse ANYflows infoboxfull-width markuparound (tablethe orfloat div)(default obeysMediaWiki). ── */
.mw-parser-output .infobox { /* class-generic: any infobox markup */
width: var(--ed-infobox-w) !important;
Line 1,945 ⟶ 2,107:
}
.mw-parser-output table.infobox {
font-family: var(--ed-sansfont);
font-size: var(--ed-small);
background-color: #fff !important;
border: 1px solid var(--linetext-mediumdark) !important; /* infobox OUTER border = medium */
border-spacing: 0; /* kill §1's 3px so the row rhythm is EXACTLY the
cell padding — shared with the wikitable below */
Line 1,956 ⟶ 2,118:
.infobox .infobox-above { /* the shared uppercase eyebrow */
background-color: #fff !important; /* beats the template's inline #cee0f2 */
color: var(--text-mediumdark) !important; /* beats inline color:inherit */
text-align: left !important;
font-size: 0.75remvar(--ed-small); /* the shared eyebrow size */
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
border-bottom: 1px solid var(--linetext-lightdark); /* header-row divider — kept LIGHT (looks good) */
padding: 0.2em 0.2em 0.55em;
}
.infobox .infobox-label {
color: var(--text-mediumdark);
font-weight: 600; /* semibold labels, like the band variant and table headers */
font-weight: 400;
padding: var(--wt-pad-y) 0.8em var(--wt-pad-y) 0.2em; /* row rhythm = the wikitable's */
}
.infobox .infobox-data { color: var(--text-mediumdark); padding: var(--wt-pad-y) 0.2em; }
 
/* ── Infobox BAND variant — Template:Infobox doc archive `wide=yes` wraps
/* ── Blockquotes: coral bar, serif italic (future-proofing — the emitter
the card in .ed-infobox-band. Same card language, re-flowed as a
currently renders quotes as "> ..." list items) ── */
full-width horizontal "dateline" strip for TABLE-FIRST pages
(financial supplements): no float, label-OVER-value pairs in a
responsive grid, content resumes full-width right below.
DESKTOP-ONLY enhancement: below 769px — and on Minerva, excluded via
body:not(.skin-minerva) because the host pins a 1120px viewport meta
on phones so width queries alone can't target them — every band rule
goes inert and the infobox falls back to the DEFAULT design (which
the existing mobile rules already render full-width). ── */
@media (min-width: 769px) {
body:not(.skin-minerva) .ed-infobox-band .infobox,
body:not(.skin-minerva) .ed-infobox-band table.infobox {
float: none !important;
clear: none !important;
width: 100% !important;
margin: 0.8em 0 1.8em !important;
/* inner text on the BULLET-TEXT axis (= the wikitable row-label axis):
1px frame + this padding = --ed-list-indent, so "Organization" starts
exactly where list text and table labels start */
padding-left: calc(var(--ed-list-indent) - 1px);
padding-right: calc(var(--ed-list-indent) - 1px);
}
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
gap: 0.7em 1.6em;
}
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody > tr {
display: block;
min-width: 0;
}
/* the DOCUMENT INFO eyebrow row spans the full band */
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody > tr:has(.infobox-above) {
grid-column: 1 / -1;
}
body:not(.skin-minerva) .ed-infobox-band .infobox .infobox-above {
display: block;
padding-left: 0; /* the card variant insets the eyebrow 0.2em — in the
band the field cells have zero padding, so the
eyebrow must drop its inset to share their axis */
padding-right: 0;
}
/* each field = its two table cells stacked: small muted label over value */
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody > tr > th.infobox-label,
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody > tr > td.infobox-data {
display: block;
padding: 0;
overflow-wrap: anywhere;
}
body:not(.skin-minerva) .ed-infobox-band .infobox > tbody > tr > th.infobox-label {
font-size: var(--ed-small); /* the ONE small size — semibold weight alone
distinguishes labels from values */
font-weight: 600;
color: var(--text-dark);
margin-bottom: 0.15em;
}
}
 
/* ── Blockquotes: ink bar, serif italic. The quote TEXT sits on the body-
text axis (x=0); the bar HANGS LEFT of it like the list markers do —
the negative margin pulls the whole box left by exactly the inset
(border 3px + padding), so bar and bullets share the hanging gutter
and the text aligns with paragraphs. The !important overrides
MediaWiki/Parsoid core styles that otherwise indent the blockquote. ── */
.mw-parser-output blockquote {
border-left: 3px solid var(--edtext-accentdark);
padding: 0.2em 0 0.2em 1.2emcalc(var(--ed-list-indent) - 3px);
margin: 1.2em 0;
margin-left: 2pxcalc(-1 * var(--ed-list-indent)) !important; /* sit the coral bar on the bullet axis. Two jobs:
color: var(--text-dark);
(1) override MediaWiki/Parsoid core content
styles that otherwise indent the blockquote;
(2) +2px optical nudge so the straight 3px bar's
left edge lines up with the round bullet's visual
left edge (a bar and a dot share no geometric
edge). Dial to 1px if it ever overshoots */
color: var(--text-medium);
font-style: italic;
}
/* the attribution line ("(Name, title)") ships in <small> — §1 shrinks it
to 85%; keep the whole quote ONE size */
.mw-parser-output blockquote small { font-size: 100%; }
 
/* ── Thumbnails/framed images on the theme: ONE ink hairline frame on a
white ground (replaces MediaWiki's gray border + #f8f9fa fill); the
image itself loses its inner border (the figure frame is the line).
Caption in the data voice. Covers Parsoid figures + legacy .thumb. ── */
.mw-parser-output figure[typeof~="mw:File/Thumb"],
.mw-parser-output figure[typeof~="mw:File/Frame"],
.thumbinner {
border: 1px solid var(--text-dark) !important;
border-radius: 0 !important;
background-color: #fff !important;
}
.mw-parser-output figure[typeof~="mw:File/Thumb"] img.mw-file-element,
.mw-parser-output figure[typeof~="mw:File/Frame"] img.mw-file-element,
.thumbinner img { border: none !important; background-color: #fff; }
.mw-parser-output figure[typeof~="mw:File/Thumb"] > figcaption,
.mw-parser-output figure[typeof~="mw:File/Frame"] > figcaption,
.thumbcaption {
background-color: #fff;
color: var(--text-dark);
font-family: var(--ed-font);
font-size: var(--ed-small);
border: none !important; /* MW core frames the caption in gray #c8ccd1 —
the figure's ink frame is the only line */
}
 
Line 1,997 ⟶ 2,244:
}
#footer, .mw-footer, .minerva-footer {
font-family: var(--ed-sansfont);
color: var(--text-lightdark);
border-top: 1px solid var(--linetext-dark) !important;
}
#footer li, .mw-footer li { font-size: var(--ed-small); }
#footer a, #footer a:visited,
.mw-footer a, .mw-footer a:visited { color: var(--text-mediumdark) !important; }
/* footer links follow the house link convention: grey resting underline
warming to coral on hover (the .mw-parser-output rule doesn't reach here) */
#footer a, .mw-footer a {
text-decoration: underline;
text-decoration-color: var(--ed-underline);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
#footer a:hover, .mw-footer a:hover {
text-decoration-color: var(--ed-accent);
text-decoration-thickness: 2px;
}
 
/* ── AI assistant panel on the theme: warm card, serif answers,
teal send button (later !important wins the ties vs section 8) ── */
.ext-aiassistant-panel { border: 1px solid var(--linetext-mediumdark) !important; }
/* ONE sans for the whole panel UI (the extension ships its own stack);
the assistant-message serif rule below this still wins for answers */
Line 2,013 ⟶ 2,272:
.ext-aiassistant-panel input,
.ext-aiassistant-panel textarea,
.ext-aiassistant-panel button { font-family: var(--ed-sansfont) !important; }
.ext-aiassistant-header { border-bottom: 1px solid var(--linetext-lightdark) !important; }
.ext-aiassistant-message-user .ext-aiassistant-message__content {
background-color: var(--text-dark) !important;
}
.ext-aiassistant-message-assistant {
font-family: var(--ed-seriffont) !important;
color: var(--text-dark) !important;
}
/* whole panel on white — header and body included (the extension tints them) */
.ext-aiassistant-panel,
.ext-aiassistant-header,
.ext-aiassistant-body { background-color: #fff !important; }
.ext-aiassistant-footer {
border-top: 1px solid var(--line-light)none !important; /* the composer's own frame is the line here —
a footer border doubles it into a fake 2px */
background-color: var(--ed-paper) !important;
background-color: #fff !important;
/* inset the composer from the panel edges — flush, its 1px frame sits
against the panel's 1px border and reads as 2px on left/right/bottom */
padding: 12px !important;
}
/* the composer is the "search bar" of the panel — same mechanism: resting
/* ONE focus ring around the whole composer (input + send button); the
ink border, coral on hover, coral + inner ring (reads as 2px) on focus.
text field itself stays borderless — the panel's input is exempted
The inner text field stays borderless; the frame lives on the composer. */
from the generic Codex focus rule above */
.ext-aiassistant-panel .cdx-text-input__input,
.ext-aiassistant-panel .cdx-text-input__input:focus,
Line 2,037 ⟶ 2,304:
outline: none !important;
}
.ext-aiassistant-prompt-composer { box-shadow: none !important; }
border: 1px solid var(--text-dark) !important;
.ext-aiassistant-prompt-composer:focus-within {
outlineborder-radius: 1px solid var(--ed-link)0 !important;
outline-offset: -1px;
box-shadow: none !important;
outline: none !important;
}
.ext-aiassistant-prompt-composer__sendcomposer:not(:disabled)hover {
backgroundborder-color: var(--ed-linkaccent) !important;
border-color: var(--ed-link) !important;
}
.ext-aiassistant-prompt-composer:focus-within {
border-color: var(--ed-accent) !important;
box-shadow: inset 0 0 0 1px var(--ed-accent) !important; /* = search focus */
outline: none !important;
}
/* the composer pads 20px on the sides but 10px at the bottom (section 8) —
pull the send button 10px right so its gap to the right line equals its
gap to the bottom line */
.ext-aiassistant-prompt-composer__send { margin-right: -10px !important; }
/* send button: flat ink, white arrow, SAME in every state — disabled
included — like the Search button. The :disabled selectors must be
restated at equal specificity to beat section 8's grey disabled icon. */
.ext-aiassistant-prompt-composer__send,
.ext-aiassistant-prompt-composer__send:hover,
.ext-aiassistant-prompt-composer__send:focus,
.ext-aiassistant-prompt-composer__send:disabled {
background-color: var(--linetext-lightdark) !important;
border-color: var(--linetext-lightdark) !important;
}
.ext-aiassistant-prompt-composer__send .cdx-icon,
.ext-aiassistant-prompt-composer__send .cdx-icon svg,
.ext-aiassistant-prompt-composer__send:disabled .cdx-icon svg {
color: #fff !important;
fill: #fff !important;
}
.ext-aiassistant-panel .cdx-button--weight-quiet:not(.cdx-button--icon-only)::before {
color: var(--edtext-linkdark) !important;
}
/* citation chips in the theme's interactive tealink, like article links */
.ext-aiassistant-cite,
.ext-aiassistant-cite a { color: var(--edtext-linkdark) !important; }
 
/* ── Inline footnotes ({{footnote}} → <span class="ed-fn" title="…">).
Line 2,072 ⟶ 2,359:
.ed-fn-chip::after {
content: "note";
font-family: var(--ed-sansfont);
font-size: 0.7em;
vertical-align: super;
color: var(--text-lightdark);
/* the house link convention: grey resting underline → coral on hover */
text-decoration: underline dotted;
text-underline-offsetdecoration: 2pxunderline;
text-decoration-color: var(--ed-underline);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
white-space: nowrap;
}
.ed-fn:hover .ed-fn-chip::after { color: var(--ed-link); }
text-decoration-color: var(--ed-accent);
text-decoration-thickness: 2px;
}
 
/* in the DOM for the bot; never shown to readers as inline text */
Line 2,102 ⟶ 2,395:
background: rgba(20, 18, 16, 0.92); /* near-black, slightly transparent */
color: #fff;
font-family: var(--ed-sansfont);
font-size: 0.95rem;
line-height: 1.5;
Line 2,110 ⟶ 2,403:
white-space: pre-line;
}
 
/* ── Reference-preview bubble (Popups extension; .rt-* = the Reference
Tooltips gadget variant, covered in case it's the active one) on the
theme: ink frame, square corners. The extension draws its gray outline
as a 1px ring INSIDE box-shadow (not a border) — so the shadow is
re-declared with only its soft depth layer, and a real ink border is
added. The pointer triangle is a border-drawn pseudo-element, recolored
per direction class. ── */
.mwe-popups {
border: none !important; /* the frame lives on the CONTAINER — unclipped,
it overpaints the root's bottom border */
border-radius: 0 !important;
box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3) !important;
}
.mwe-popups .mwe-popups-container {
border: 1px solid var(--text-dark) !important;
border-radius: 0 !important;
background: #fff !important;
box-sizing: border-box !important;
}
/* NO pointer triangle — a 1px diagonal outline anti-aliases to a washed-out
gray no matter its color, so the tail is dropped for a clean square
bubble (matches the footnote popover, which has no pointer either).
TWO mechanisms to kill: the legacy :before/:after border-triangles AND
the clip-path polygon this Popups version carves the tail (and fake
rounded corners) into the container with. */
.mwe-popups:before,
.mwe-popups:after { display: none !important; }
.mwe-popups .mwe-popups-container { clip-path: none !important; }
 
/* The desktop hover popover (also created in Common.js, appended to <body>).
Line 2,122 ⟶ 2,444:
background: #fff;
color: var(--text-dark);
border: 1px solid var(--linetext-mediumdark); /* flat: one hairline ink frame, no
coral spine, square corners */
border-left: 3px solid var(--ed-accent);
border-radius: 4px0;
box-shadow: 0 4px 16px rgba(43, 41, 38, 0.18);
font-family: var(--ed-seriffont);
font-size: 0.9rem;
line-height: 1.45;
Line 2,138 ⟶ 2,460:
/* ── Mobile ── */
@media screen and (max-width: 768px) {
:root.mw-parser-output .infobox { --ed-measurewidth: 100% !important; } /* infobox is full-width on mobile */
.mw-parser-output .infobox { width: 100% !important; }
h1#firstHeading, .mw-first-heading { font-size: 1.7rem; }
/* the WHOLE ladder tightens on narrow screens via one ratio override.
.mw-body-content h2, .mw-body-content .mw-heading2 { font-size: 1.22rem; }
(Was an h2-only 1.22rem override, which INVERTED the hierarchy: h3
.ext-aiassistant-prompt-composer { border-bottom: 1px solid var(--line-light) !important; }
kept its desktop size and rendered bigger than h2.) */
:root { --ed-h-ratio: 1.08; }
.ext-aiassistant-prompt-composer { border-bottom: 1px solid var(--text-dark) !important; }
/* restate the mobile keyboard clearance — the desktop 12px inset above
would otherwise override section 9's padding-bottom (later source wins) */
.ext-aiassistant-footer {
padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important;
}
}
 
Line 2,152 ⟶ 2,481:
padding: 1px 9px;
border-radius: 999px;
font-family: var(--ed-sansfont);
font-size: 0.82em;
white-space: nowrap;
background: var(--wt-th-bg);
color: var(--text-mediumdark);
}
.rt-status-confirmed { background: #e6f3ea; color: #137333; }
Line 2,165 ⟶ 2,494:
 
.rt-btn {
font-family: var(--ed-sansfont);
font-size: 0.95em;
line-height: 1;
padding: 5px 12px;
border: 1px solid var(--linetext-mediumdark);
border-radius: 5px;
background: #fff;
color: var(--text-mediumdark);
cursor: pointer;
}
.rt-btn:hover { background: var(--wt-th-bg); border-color: var(--text-lightdark); }
.rt-btn:active { transform: translateY(0.5px); }
.rt-btn.is-active.rt-btn--confirm { background: #137333; border-color: #137333; color: #fff; }
Line 2,193 ⟶ 2,522:
box-sizing: border-box;
width: var(--ed-infobox-w);
border: 1px solid var(--linetext-mediumdark); /* = infobox OUTER border (medium) */
border-collapse: separate; /* the INFOBOX box model: separate + table
padding (collapse ignores table padding) —
Line 2,201 ⟶ 2,530:
padding: 0.55em 0.9em 0.75em; /* = table.infobox padding */
background: #fff;
font-family: var(--ed-sansfont);
font-size: var(--ed-small);
line-height: 1.5;
Line 2,213 ⟶ 2,542:
.key-figures .key-figures-above { /* = .infobox-above eyebrow — an INSIDE cell now */
text-align: left;
color: var(--text-mediumdark);
font-size: 0.75remvar(--ed-small);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
border-bottom: 1px solid var(--linetext-lightdark); /* the ONE divider, under the title */
padding: 0.2em 0.2em 0.55em; /* = .infobox-above padding */
}
.key-figures th { /* = .infobox-label */
text-align: left;
color: var(--text-mediumdark);
font-weight: 400600; /* semibold labels — tracks .infobox-label */
padding: var(--wt-pad-y) 0.8em var(--wt-pad-y) 0.2em; /* = .infobox-label (wikitable rhythm) */
vertical-align: top;
Line 2,230 ⟶ 2,559:
.key-figures td { /* = .infobox-data (left-aligned value) */
text-align: left;
color: var(--text-mediumdark);
padding: var(--wt-pad-y) 0.2em; /* = .infobox-data (wikitable rhythm) */
vertical-align: top;
}
 
/* ── Proofread loop — Original-transcript page furniture (Template:Pdf page,
Template:Fn ref, Template:Fn note, chart-description blocks). The page
IS the source of truth; these mark machine-emitted structure the
deriver maps back to the Original .md. One ink, hairlines, coral on
interaction only. ── */
 
/* PDF page marker: a quiet LEFT-aligned "[p. N]" folio deep-linking the
source PDF at that page (#page=N) — no rule; the link's resting-grey /
coral-on-hover underline is the only ornament (house link convention).
Left, not right: right-side placement collided with the infobox and
other right floats; on the left the marker is always alone on its
line (user rule 2026-07-20). */
.ed-pdfpage {
/* same true-center trick as .ed-chunk: shrink-wrap + auto margins
center on the full body width even beside the infobox float */
display: block;
width: max-content;
margin: 1.4em auto 0.9em;
font-size: var(--ed-small);
line-height: 1.7;
}
.ed-pdfpage a,
.mw-parser-output .ed-pdfpage a.external {
color: var(--text-dark);
background-image: none; /* no external-link arrow on the folio */
padding-right: 0;
text-decoration: underline;
text-decoration-color: var(--ed-underline);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
/* hover must carry the SAME strengthened selector as the resting rule
above — a bare `.ed-pdfpage a:hover` (0,2,1) loses to the resting
`.mw-parser-output .ed-pdfpage a.external` (0,3,1) and the coral
never shows */
.ed-pdfpage a:hover,
.mw-parser-output .ed-pdfpage a.external:hover {
text-decoration-color: var(--ed-accent);
text-decoration-thickness: 2px;
}
 
/* Chunk/page provenance marker on SUMMARY pages (Template:Chunk):
"[c. 20; p. 3]" LEFT-aligned on its own line above the chunk heading,
p. 3 linking the Document: transcript's page anchor — same quiet
folio treatment as .ed-pdfpage. Left, not floated right: floats
collided with the infobox / {{Indexing}} key-figures boxes (user
rule 2026-07-20). The link is INTERNAL (no a.external specificity
war), but the strengthened selector is kept for symmetry/safety. */
.ed-chunk {
/* center on the FULL body width, floats ignored: text-align centers
within the float-narrowed line box (drifted left beside the
infobox / key-figures boxes); a shrink-wrapped block with auto
margins centers against the containing block itself. */
display: block;
width: max-content;
margin: 0 auto;
font-size: var(--ed-small);
line-height: 1.7;
}
.ed-chunk a,
.mw-parser-output .ed-chunk a {
color: var(--text-dark);
background-image: none;
padding-right: 0;
text-decoration: underline;
text-decoration-color: var(--ed-underline);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
.ed-chunk a:hover,
.mw-parser-output .ed-chunk a:hover {
text-decoration-color: var(--ed-accent);
text-decoration-thickness: 2px;
}
 
/* Footnote reference: the PRINTED marker as the superscript cue (vs the
generic "note" chip of Template:Footnote) — same hover machinery. */
sup.ed-fn-ref {
font-size: 0.75em;
color: var(--text-dark);
text-decoration: underline;
text-decoration-color: var(--ed-underline);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
white-space: nowrap;
}
.ed-fn:hover sup.ed-fn-ref {
text-decoration-color: var(--ed-accent);
text-decoration-thickness: 2px;
}
 
/* Footnote definition line ({{fn note}}): small, hanging indent on the
(N) marker — a printed footnote block, not body prose. */
.ed-fn-note {
font-size: var(--ed-small);
line-height: 1.55;
margin: 0.15em 0;
padding-left: 1.7em;
text-indent: -1.7em;
}
.ed-fn-note-marker { font-weight: 600; }
 
/* Chart/image description block: the transcript's verbatim record of a
figure — set off by a left rail, small size, never mistaken for prose. */
.ed-chart-desc {
border-left: 1px solid var(--text-dark);
padding-left: 0.9em;
margin: 1em 0;
font-size: var(--ed-small);
line-height: 1.55;
}
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"