@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(https://jimclifford.ca/britannica-wiki/fonts/IBMPlexMono-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(https://jimclifford.ca/britannica-wiki/fonts/IBMPlexMono-500.woff2) format('woff2')}
@font-face{font-family:'Libre Caslon Text';font-style:normal;font-weight:400;font-display:swap;src:url(https://jimclifford.ca/britannica-wiki/fonts/LibreCaslonText-400.woff2) format('woff2')}
@font-face{font-family:'Literata';font-style:italic;font-weight:400;font-display:swap;src:url(https://jimclifford.ca/britannica-wiki/fonts/Literata-400i.woff2) format('woff2')}
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url(https://jimclifford.ca/britannica-wiki/fonts/Literata-400.woff2) format('woff2')}
@font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url(https://jimclifford.ca/britannica-wiki/fonts/Literata-600.woff2) format('woff2')}
:root{--paper:#F2EFE8;--paper-2:#EAE6DC;--ink:#26201B;--ink-soft:#5A5147;
--prussian:#1D4E68;--slate:#8E9AA0;--ochre:#B98A2E;--sienna:#A85423;--madder:#8E2318;--hairline:#D8D2C4}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Literata,Georgia,serif;font-size:17px;line-height:1.55}
a{color:var(--prussian);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--prussian);outline-offset:2px}
.mono{font-family:"IBM Plex Mono",monospace}
.tchip{font-family:"IBM Plex Mono",monospace;color:var(--ink-soft);font-size:.85em}
.article-body table{border-collapse:collapse;margin:1.2rem 0;font-size:.9em;display:block;overflow-x:auto;max-width:100%}
.article-body td,.article-body th{border:1px solid var(--hairline);padding:.18rem .55rem;vertical-align:top}
.article-body math{font-size:1.05em}
.wrap{max-width:66rem;margin:0 auto;padding:0 1.5rem}
.crumb{padding:1.1rem 0 .7rem;border-bottom:1px solid var(--ink);margin-bottom:1.8rem}
.crumb a{font-family:"Libre Caslon Text",serif;letter-spacing:.28em;text-transform:uppercase;font-size:.78rem;color:var(--ink)}
header.site{border-bottom:1px solid var(--ink);padding:2.2rem 0 1.2rem;margin-bottom:2.5rem}
.site-title{font-family:"Libre Caslon Text",serif;font-size:clamp(1.4rem,3.5vw,2.2rem);letter-spacing:.38em;text-transform:uppercase;margin:0;font-weight:400}
.site-sub{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:.5rem 0 0}
.strip{display:inline-flex;align-items:flex-end;gap:3px;height:44px}
.strip .c{width:26px;height:100%;position:relative;border:1px solid var(--hairline);background:var(--paper-2)}
.strip .c i{position:absolute;left:0;right:0;bottom:0;display:block}
.strip .c[data-ed]:hover::after{content:attr(data-ed);position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);font:500 .62rem/1.6 "IBM Plex Mono",monospace;letter-spacing:.05em;background:var(--ink);color:var(--paper);padding:0 .5em;white-space:nowrap;z-index:2}
.strip.small{height:20px}.strip.small .c{width:11px}
.v-none i{background:transparent}
.v-first i{background:#6B6156}
.v-reprint i{background:var(--slate)}
.v-revised i{background:var(--ochre)}
.v-subst i{background:var(--sienna)}
.v-rewritten i{background:var(--madder)}
.c.redir{border-style:dashed}
.striplabels{display:flex;gap:3px;margin-top:4px}
.striplabels span{width:26px;text-align:center;font:400 .58rem/1 "IBM Plex Mono",monospace;color:var(--ink-soft)}
.specimen{border:1px solid var(--ink);padding:1.8rem 2rem 1.4rem;margin:0 0 2.5rem;display:flex;gap:2.5rem;flex-wrap:wrap;align-items:flex-end;background:linear-gradient(0deg,var(--paper),#F6F3EC)}
.specimen h2{font-family:"Libre Caslon Text",serif;font-weight:400;letter-spacing:.3em;font-size:1.5rem;margin:0 0 .8rem;border:none}
.specimen .note{max-width:22rem;font-size:.85rem;color:var(--ink-soft);font-style:italic}
.legend{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1rem;font:400 .68rem/1.6 "IBM Plex Mono",monospace;letter-spacing:.06em;color:var(--ink-soft);font-style:normal}
.legend b{display:inline-block;width:.75em;height:.75em;margin-right:.45em;vertical-align:-1px}
.legend .l1 b{background:var(--slate)}.legend .l2 b{background:var(--ochre)}
.legend .l3 b{background:var(--sienna)}.legend .l4 b{background:var(--madder)}
.legend .l0 b{background:var(--paper-2);border:1px solid var(--hairline)}
.legend .l5 b{background:#6B6156}
.eyebrow{font:500 .7rem/1 "IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--prussian);margin:2rem 0 .8rem}
h1.headword{font-family:"Libre Caslon Text",serif;font-weight:400;font-size:clamp(1.5rem,4vw,2.2rem);margin:.2rem 0 .6rem}
h1.headword.spaced{letter-spacing:.3em}
h1.headword.spaced::after{content:".";letter-spacing:0}
h2{font-family:"Libre Caslon Text",serif;font-weight:400;border-bottom:1px solid var(--hairline);padding-bottom:.3rem}
table.timeline{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.92rem}
.timeline th{font:500 .68rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);text-align:left;border-bottom:1px solid var(--ink);padding:.4rem .7rem .4rem 0}
.timeline td{padding:.55rem .7rem .55rem 0;border-bottom:1px solid var(--hairline);vertical-align:baseline}
.timeline .num,.num{text-align:right;font-family:"IBM Plex Mono",monospace;font-size:.8rem}
.verdict{font:500 .68rem/1 "IBM Plex Mono",monospace;letter-spacing:.05em;padding:.2em .5em;border:1px solid;white-space:nowrap}
.verdict.reprint{color:var(--slate);border-color:var(--slate)}
.verdict.revised{color:var(--ochre);border-color:var(--ochre)}
.verdict.subst{color:var(--sienna);border-color:var(--sienna)}
.verdict.rewritten{color:var(--madder);border-color:var(--madder)}
.lineage-grid{display:grid;grid-template-columns:1fr 11rem;gap:2.5rem}
.gloss{font-size:.8rem;font-style:italic;color:var(--ink-soft);border-left:2px solid var(--hairline);padding-left:.9rem;margin-bottom:1.1rem}
.gloss .mono{font-style:normal;font-size:.68rem;letter-spacing:.08em;color:var(--prussian);display:block}
@media(max-width:52rem){.lineage-grid{grid-template-columns:1fr}.gloss{border-left:none;padding-left:0}}
.ixrow{display:flex;align-items:center;gap:1.2rem;padding:.45rem 0;border-bottom:1px solid var(--hairline)}
.ixrow .t{flex:1;font-size:.98rem}
.ixrow .n{font:400 .72rem/1 "IBM Plex Mono",monospace;color:var(--ink-soft);min-width:6.5rem;text-align:right}
.folio{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--ink);padding:1.1rem 0 .5rem;font-family:"Libre Caslon Text",serif;letter-spacing:.18em;font-size:.78rem;text-transform:uppercase;margin-bottom:1.8rem}
.folio a{color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30%}
.folio .pg{font-family:"IBM Plex Mono",monospace;letter-spacing:.05em;color:var(--ink-soft);text-align:center}
.article-body{max-width:42rem;font-size:1.05rem;line-height:1.68}
.article-body p{margin:0 0 .9em}
.provenance{font:400 .72rem/1.7 "IBM Plex Mono",monospace;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:1.6rem;text-transform:uppercase}
.provenance a{text-transform:none}
.meta{color:var(--ink-soft);font-size:.88em}
main h2{font-family:"Libre Caslon Text",serif;font-weight:400;letter-spacing:.12em;font-size:1.02rem;margin:2.2rem 0 .6rem;text-transform:uppercase}
footer.site{margin-top:4rem;padding:1.4rem 0 2.5rem;border-top:1px solid var(--hairline);font:400 .72rem/1.8 "IBM Plex Mono",monospace;letter-spacing:.04em;color:var(--ink-soft)}
@media (prefers-reduced-motion: reduce){*{transition:none!important}}