/* The wiki in the atlas's own hand: paper and ink, Bodoni for titles,
   Garamond for reading, Fell for engraved labels. Day and night editions. */
:root {
  --paper: #f2e8d3; --paper-hi: #faf4e6; --ink: #2b2118; --ink-soft: rgba(43,33,24,.66); --rule: rgba(43,33,24,.22); --wash: rgba(43,33,24,.05);
  --link: #2c4a78; --add: rgba(59,125,110,.16); --del: rgba(155,44,44,.13);
  --open: #3b7d6e; --partial: #b0643a; --solved: #b8912f; --refuted: #9b2c2c; --independent: #7c776e; --settled: #8c7a52; --place: #3d4a7a;
  --display: 'Bodoni Moda', Didot, 'Bodoni 72', serif; --body: 'EB Garamond', Garamond, Georgia, serif; --engraved: 'IM Fell English SC', 'EB Garamond', Georgia, serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="day"]) {
    --paper: #12151c; --paper-hi: #1b1f29; --ink: #e7dcc4; --ink-soft: rgba(231,220,196,.68); --rule: rgba(231,220,196,.2); --wash: rgba(231,220,196,.05);
    --link: #9db8e8; --add: rgba(95,179,160,.18); --del: rgba(208,87,79,.18);
    --open: #5fb3a0; --partial: #d88a5c; --solved: #e0b64a; --refuted: #d0574f; --independent: #a39e94; --settled: #b9a370; --place: #8e9ad0;
    color-scheme: dark;
  }
}
:root[data-theme="night"] {
  --paper: #12151c; --paper-hi: #1b1f29; --ink: #e7dcc4; --ink-soft: rgba(231,220,196,.68); --rule: rgba(231,220,196,.2); --wash: rgba(231,220,196,.05);
  --link: #9db8e8; --add: rgba(95,179,160,.18); --del: rgba(208,87,79,.18);
  --open: #5fb3a0; --partial: #d88a5c; --solved: #e0b64a; --refuted: #d0574f; --independent: #a39e94; --settled: #b9a370; --place: #8e9ad0;
  color-scheme: dark;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { background: var(--paper); }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 19px/1.55 var(--body); font-variant-numeric: oldstyle-nums; text-wrap: pretty; }
a { color: var(--link); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
code, pre, kbd { font-family: var(--mono); font-size: .82em; font-variant-numeric: normal; }
code { background: var(--wash); padding: .05em .3em; border-radius: 2px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.soft { color: var(--ink-soft); }
.num { font-variant-numeric: lining-nums tabular-nums; }
.s-open { --c: var(--open); } .s-proved, .s-solved { --c: var(--solved); } .s-refuted { --c: var(--refuted); } .s-partial { --c: var(--partial); }
.s-independent { --c: var(--independent); } .s-settled { --c: var(--settled); } .s-conditional { --c: var(--solved); } .s-none, .s-definition { --c: var(--ink-soft); }

/* Chrome */
.wbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 20px; border-bottom: 1px solid var(--rule); background: var(--paper-hi); }
.wbar .brand { font: 600 19px var(--display); color: var(--ink); text-decoration: none; }
.wbar .dot { color: var(--ink-soft); }
.wbar .wikihome { font: 15px var(--engraved); letter-spacing: .06em; color: var(--ink); text-decoration: none; }
.wsearch { margin-left: auto; }
.wsearch input { font: 16px var(--body); padding: 4px 10px; border: 1px solid var(--rule); background: var(--paper); color: var(--ink); width: min(260px, 50vw); }
.who { font-size: 15px; color: var(--ink-soft); }
.tabs { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px; max-width: 1180px; margin: 0 auto; padding: 14px 20px 0; border-bottom: 1px solid var(--rule); }
.tabs div { display: flex; gap: 2px; flex-wrap: wrap; }
.tabs a { font: 15px var(--engraved); letter-spacing: .06em; padding: 6px 12px; color: var(--ink-soft); text-decoration: none; border: 1px solid transparent; border-bottom: none; margin-bottom: -1px; }
.tabs a.on { color: var(--ink); border-color: var(--rule); background: var(--paper); }
.tabs a[data-empty] { text-decoration: underline dashed; }
.wmain { max-width: 1180px; margin: 0 auto; padding: 22px 20px 40px; }
.wfoot { max-width: 1180px; margin: 0 auto; padding: 14px 20px 40px; border-top: 1px solid var(--rule); font-size: 15px; color: var(--ink-soft); }

/* Page */
.kicker { font: 13px var(--engraved); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-soft); }
h1 { font: 600 clamp(30px, 4.5vw, 42px)/1.08 var(--display); margin: 4px 0 8px; text-wrap: balance; }
h1 a { color: inherit; text-decoration: none; }
.short { font-style: italic; font-size: 21px; margin: 0 0 14px; color: var(--ink); max-width: 38em; }
.body, .rels, .refs, .lede, .talk-add, .attrib, .scope, .banner, .claims, .edit-origin { max-width: 42rem; }
.body h2, .rels h2, .refs h2, .talk-add h2, .dsec h2 { font: 600 24px/1.2 var(--display); margin: 1.6em 0 .4em; border-bottom: 1px solid var(--rule); padding-bottom: 4px; }
.body h3 { font: 600 20px var(--display); margin: 1.3em 0 .3em; }
.body p { margin: 0 0 .85em; }
.body blockquote { margin: 1em 0; padding: 2px 0 2px 16px; border-left: 3px double var(--ink); font-style: italic; }
.body ul, .body ol { padding-left: 1.3em; }
.body li { margin: .2em 0; }
.body pre { background: var(--wash); padding: 10px 12px; overflow-x: auto; }
.table-wrap { overflow-x: auto; margin: 1em 0; }
.body table { border-collapse: collapse; font-size: 17px; }
.body th { font: 13px var(--engraved); letter-spacing: .08em; text-align: left; border-bottom: 1px solid var(--ink); padding: 5px 12px 5px 0; }
.body td { border-bottom: 1px solid var(--rule); padding: 5px 12px 5px 0; vertical-align: top; }
.math.display, div.math { display: block; overflow-x: auto; overflow-y: hidden; margin: .6em 0; }
.katex { font-size: 1.05em; }
.math-error, .tpl-error, .fig-error { color: var(--refuted); font-family: var(--mono); font-size: .85em; }
a.wl { text-decoration-style: dotted; }
a.wl.new { color: var(--ink-soft); text-decoration-style: dashed; }
a.wl.rel { text-decoration-style: solid; text-decoration-color: var(--rule); }
.at { font: 12px var(--engraved); letter-spacing: .05em; color: var(--ink-soft); border: 1px solid var(--rule); padding: 0 5px; margin-left: 3px; white-space: nowrap; }
sup.ref { font-size: .7em; line-height: 0; }
sup.ref a { text-decoration: none; }
.hatnote { font-style: italic; color: var(--ink-soft); }
.scope { border: 1px solid var(--ink); border-left-width: 4px; padding: 8px 14px; margin: 12px 0 18px; font-size: 17px; background: var(--paper-hi); }
.banner { border: 1px solid var(--rule); background: var(--paper-hi); padding: 10px 14px; margin: 0 0 16px; font-size: 17px; }
.banner.old { border-color: var(--partial); }
.redirected { color: var(--ink-soft); font-style: italic; margin: 0; }
.tier { display: inline-block; font: 600 12px/1.6 var(--body); letter-spacing: .04em; border: 1px solid var(--ink); padding: 0 6px; margin-left: 6px; font-variant-numeric: lining-nums; }
.tier-V0 { box-shadow: 0 0 0 2px var(--paper-hi), 0 0 0 3px var(--ink); }
.seal { width: 15px; height: 15px; vertical-align: -2px; margin-right: 5px; flex: none; }
.seal circle, .seal rect { fill: var(--c); stroke: var(--c); stroke-width: 1.4; }
.seal.s-open circle, .seal.s-conditional circle, .seal.s-none circle { fill: none; }
.seal.s-conditional circle { stroke-dasharray: 2.5 2; }
.seal .half { fill: var(--c); }
.seal.s-partial circle { fill: none; }
.seal.obj rect { fill: none; stroke: var(--ink); }
.infobox { float: right; width: min(22rem, 100%); margin: 4px 0 18px 28px; border: 1px solid var(--rule); background: var(--paper-hi); padding: 14px 16px; font-size: 16px; box-shadow: inset 0 0 0 4px var(--paper-hi), inset 0 0 0 5px var(--rule); }
.ib-head { display: flex; align-items: center; gap: 4px; font: 15px var(--engraved); letter-spacing: .08em; text-transform: uppercase; color: var(--c); margin-bottom: 8px; }
.ib-head .seal { width: 22px; height: 22px; }
.ib-statement { font-style: italic; font-size: 17px; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: 8px 0; margin-bottom: 8px; }
.infobox dl { display: grid; grid-template-columns: auto 1fr; gap: 3px 10px; margin: 0; }
.infobox dt { font: 12px var(--engraved); letter-spacing: .07em; text-transform: uppercase; color: var(--ink-soft); padding-top: 3px; }
.infobox dd { margin: 0; overflow-wrap: anywhere; }
.ib-atlas { margin: 10px 0 0; font: 14px var(--engraved); letter-spacing: .05em; }
.rels ul { list-style: none; padding: 0; margin: 0; }
.rels li { padding: 8px 0; border-bottom: 1px solid var(--rule); }
.rels .rl { font: 13px var(--engraved); letter-spacing: .07em; text-transform: uppercase; color: var(--ink-soft); margin-right: 6px; }
.rels .rs { font: 13px var(--engraved); color: var(--ink-soft); }
.rels .sent { margin: 2px 0 0; font-size: 17px; }
.rrefs a { font-size: .75em; text-decoration: none; vertical-align: super; }
.references { font-size: 16px; padding-left: 1.4em; }
.references li { margin: .3em 0; }
.references .back { font-size: .8em; margin-right: 4px; }
.warnings { font-size: 15px; color: var(--ink-soft); margin: 0 0 12px; max-width: 42rem; }
.attrib { font-size: 14.5px; color: var(--ink-soft); border-top: 1px solid var(--rule); padding-top: 10px; margin-top: 30px; clear: both; }
.attrib.agents { border: 0; padding-top: 0; margin-top: 4px; }
.unrev { font: 12px var(--engraved); letter-spacing: .05em; color: var(--partial); border: 1px solid var(--partial); padding: 0 5px; }
.lede { font-size: 20px; }
.claims li { margin: .4em 0; }
.claims q { font-style: italic; }
.button, button { font: 16px var(--body); padding: 6px 16px; border: 1px solid var(--ink); background: var(--ink); color: var(--paper-hi); cursor: pointer; text-decoration: none; display: inline-block; }
button:disabled { opacity: .45; cursor: not-allowed; }
.body::after { content: ''; display: table; clear: both; }

/* Figures */
.fig { margin: 22px 0 26px; max-width: 100%; }
.fig svg { display: block; width: 100%; height: auto; max-width: 820px; }
.fig svg text { font-family: var(--body); fill: var(--ink); }
.fig figcaption { font-size: 15.5px; line-height: 1.45; color: var(--ink-soft); margin-top: 6px; max-width: 46em; }
.fig figcaption b { color: var(--ink); }
.fig .key { display: block; margin-top: 4px; }
.fig .key i.k { display: inline-block; width: 12px; height: 12px; border-radius: 50%; vertical-align: -1px; margin: 0 4px 0 12px; border: 1.5px solid var(--c, var(--ink)); }
.fig .key i.k:first-child { margin-left: 0; }
.fig-title { font: 15px var(--engraved); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }
.ladder .col { font: 13px var(--engraved); fill: var(--ink-soft); text-anchor: middle; letter-spacing: .05em; }
.ladder .rowsym { font: 600 22px var(--display); text-anchor: end; }
.ladder .rowlab { font: 12px var(--engraved); fill: var(--ink-soft); text-anchor: end; letter-spacing: .04em; }
.ladder .arr { fill: none; stroke: var(--ink-soft); stroke-width: 1; opacity: .3; }
.ladder .rowsub { font-size: 14px; }
.ladder .arr.pad { stroke-dasharray: 3 3; }
.ladder .arr.open-chain { stroke: var(--open); stroke-width: 2.2; opacity: 1; stroke-dasharray: none; }
.ladder .ah { fill: var(--ink-soft); }
.ladder .hl, .region .hl { stroke: var(--refuted); stroke-width: 1.6; }
.ladder .cell .disc { stroke-width: 2; }
.ladder .c-true .disc { fill: var(--solved); stroke: var(--solved); }
.ladder .c-false-w .disc { fill: var(--refuted); stroke: var(--refuted); }
.ladder .c-false-i .disc { fill: none; stroke: var(--refuted); }
.ladder .c-false-i .fill-hatch { fill: url(#lad-hatch); opacity: .55; }
.ladder .c-open .disc { fill: var(--paper-hi); stroke: var(--open); stroke-width: 3; }
.ladder .cl { font: 600 12.5px var(--body); text-anchor: middle; fill: var(--paper-hi); pointer-events: none; }
.ladder .c-open .cl, .ladder .c-false-i .cl, .ladder [class*="c-claim"] .cl { fill: var(--ink); }
.ladder .c-claim-true .disc { fill: var(--paper-hi); stroke: var(--solved); stroke-width: 2.5; stroke-dasharray: 4 3; }
.ladder .c-claim-false .disc { fill: var(--paper-hi); stroke: var(--refuted); stroke-width: 2.5; stroke-dasharray: 4 3; }
.ladder .claim-t { font: italic 11px var(--body); fill: var(--ink-soft); text-anchor: middle; }
.ladder .v0 { fill: none; stroke: var(--ink); stroke-width: 1; }
.ladder .beyond { opacity: .45; }
.ladder .open-t { font: 11px var(--engraved); fill: var(--open); text-anchor: middle; letter-spacing: .08em; text-transform: uppercase; }
.ladder .vacancy { fill: none; stroke: var(--refuted); stroke-dasharray: 3 2; }
.ladder .vac-t { font: italic 11px var(--body); fill: var(--refuted); text-anchor: middle; }
.fig .key i.c-true { --c: var(--solved); background: var(--solved); }
.fig .key i.c-false-w { --c: var(--refuted); background: var(--refuted); }
.fig .key i.c-false-i { --c: var(--refuted); background: repeating-linear-gradient(45deg, var(--refuted) 0 1.5px, transparent 1.5px 4px); }
.fig .key i.c-open { --c: var(--open); background: var(--paper-hi); border-width: 2.5px; }
.fig .key i.c-claim { --c: var(--ink-soft); background: var(--paper-hi); border-style: dashed; }
.region .plane { fill: var(--paper-hi); stroke: var(--ink); stroke-width: 1; }
.region .class-hatch { opacity: .5; }
.region .gtick { stroke: var(--ink-soft); stroke-width: .8; }
.region .wl-rows { font-style: normal; fill: var(--ink-soft); font-size: 11px; }
.region .hl { stroke: var(--ink-soft); stroke-width: 1.2; }
.region .wall { fill: var(--ink); opacity: .13; }
.region a:hover .wall { opacity: .24; }
.region .edge { stroke: var(--ink); stroke-width: 1.2; }
.region .grid { stroke: var(--rule); stroke-width: .7; }
.region .tick { font: 11px var(--engraved); fill: var(--ink-soft); }
.region .tx { text-anchor: middle; } .region .ty { text-anchor: end; }
.region .axis { font: 13px var(--engraved); fill: var(--ink-soft); text-anchor: middle; letter-spacing: .05em; }
.region .wl-v { font: italic 14px var(--body); text-anchor: middle; fill: var(--ink); }
.region .wl-h { font: italic 12px var(--body); fill: var(--ink); }
.region .witness { fill: var(--refuted); stroke: var(--paper-hi); stroke-width: 1.5; }
.region .pl { font: 12.5px var(--body); fill: var(--refuted); }
.region-fig .legend { list-style: none; padding: 0; margin: 6px 0 0; font-size: 15px; }
.region-fig .legend li { margin: 2px 0; }
.region-fig .legend i.k { display: inline-block; width: 14px; height: 10px; margin-right: 6px; vertical-align: 0; }
.region-fig .legend i.wall { background: color-mix(in srgb, var(--ink) 18%, transparent); border: 0; border-radius: 0; }
.region-fig .legend i.hatch { background: repeating-linear-gradient(-35deg, var(--ink-soft) 0 1px, transparent 1px 5px); border: 0; border-radius: 0; }
.region-fig .legend i.witness { background: var(--refuted); border-radius: 50%; width: 10px; }
.region-fig p { margin: 0 0 4px; }
@media (min-width: 1100px) { .region-fig + .region-fig { margin-top: -8px; } }
.checker { border: 1px solid var(--ink); background: var(--paper-hi); padding: 12px 16px; margin: 18px 0; max-width: 42rem; font-size: 16px; }
.checker.bad { border-color: var(--refuted); }
.ck-head { font-size: 14.5px; color: var(--ink-soft); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ck-head .tier { margin-left: 0; }
.ck-state { color: var(--ink); font-weight: 600; }
.ck-run { margin-left: auto; font-size: 14px; padding: 3px 10px; background: transparent; color: var(--link); border-color: var(--rule); }
.ck-claim { margin: 8px 0 6px; font-style: italic; }
.ck-list { list-style: none; padding: 0; margin: 0; }
.ck-list li { padding: 3px 0; border-top: 1px solid var(--rule); }
.ck-list .pass b { color: var(--open); } .ck-list .fail b { color: var(--refuted); }
.ck-d { color: var(--ink-soft); font-family: var(--mono); font-size: .8em; margin-left: 4px; overflow-wrap: anywhere; }
.checker figcaption { font-size: 14px; color: var(--ink-soft); margin-top: 6px; }

/* Editor */
body.editing .wmain { max-width: 1500px; }
.edit-origin { color: var(--ink-soft); font-style: italic; margin-top: -4px; }
.ed-panes { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.ed-src { position: relative; display: flex; border: 1px solid var(--rule); background: var(--paper-hi); height: 70vh; }
.gutter { width: 44px; flex: none; overflow: hidden; font: 13px/1.55 var(--mono); color: var(--ink-soft); text-align: right; padding: 10px 6px 10px 0; border-right: 1px solid var(--rule); user-select: none; white-space: pre; }
#src { flex: 1; border: 0; background: transparent; color: var(--ink); font: 13px/1.55 var(--mono); padding: 10px 12px; resize: none; white-space: pre-wrap; overflow-wrap: anywhere; tab-size: 2; outline: none; }
.ed-side { border: 1px solid var(--rule); background: var(--paper); height: 70vh; display: flex; flex-direction: column; min-width: 0; }
.ed-tabs { display: flex; border-bottom: 1px solid var(--rule); }
.ed-tabs button { background: transparent; color: var(--ink-soft); border: 0; border-right: 1px solid var(--rule); font: 14px var(--engraved); letter-spacing: .05em; padding: 7px 12px; }
.ed-tabs button[aria-selected="true"] { color: var(--ink); background: var(--paper-hi); }
.pane { flex: 1; overflow: auto; padding: 12px 16px; margin: 0; font-size: 17px; }
pre.pane { font: 13px/1.5 var(--mono); white-space: pre-wrap; }
.ed-msgs { margin: 10px 0; font-size: 15px; }
.ed-msgs .err { color: var(--refuted); } .ed-msgs .warn { color: var(--partial); } .ed-msgs .ok { color: var(--open); }
.ed-msgs ul { margin: 4px 0; padding-left: 1.2em; }
.ed-bar { position: sticky; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 0; background: var(--paper); border-top: 1px solid var(--rule); }
#summary { flex: 1 1 320px; font: 16px var(--body); padding: 6px 10px; border: 1px solid var(--ink); background: var(--paper-hi); color: var(--ink); }
.minor { font-size: 15px; }
.cancel { font-size: 15px; }
.help { max-width: 60rem; font-size: 15px; color: var(--ink-soft); margin-top: 14px; }
.rel-row { padding: 5px 0; border-bottom: 1px solid var(--rule); font-size: 15.5px; }
.rel-row.add { background: var(--add); } .rel-row.del { background: var(--del); text-decoration: line-through; }
@media (max-width: 860px) { .ed-panes { grid-template-columns: 1fr; } .ed-src, .ed-side { height: 52vh; } .infobox { float: none; margin: 0 0 16px; width: 100%; } }

/* History, diff, specials */
.hist table { border-collapse: collapse; width: 100%; font-size: 15.5px; }
.hist th { font: 12.5px var(--engraved); letter-spacing: .07em; text-align: left; border-bottom: 1px solid var(--ink); padding: 5px 8px 5px 0; }
.hist td { border-bottom: 1px solid var(--rule); padding: 5px 8px 5px 0; vertical-align: top; }
.hist .when, .hist .num { white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; }
.hist .big { font-weight: 700; }
.hist .sum { font-style: italic; }
.hist button { margin-top: 12px; }
.hist { overflow-x: auto; }
.kind { font: 12.5px var(--engraved); color: var(--ink-soft); letter-spacing: .03em; }
.flag { font: 12px var(--engraved); border: 1px solid var(--rule); padding: 0 4px; white-space: nowrap; }
.flag.g { border-color: var(--place); color: var(--place); } .flag.s { border-color: var(--partial); color: var(--partial); }
.dmetas { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; font-size: 15.5px; margin: 8px 0 12px; }
.dmeta { border: 1px solid var(--rule); padding: 8px 12px; background: var(--paper-hi); }
.dsec ul { list-style: none; padding: 0; }
.dsec li { padding: 4px 8px; margin: 2px 0; font-size: 16px; }
.dsec li.add { background: var(--add); } .dsec li.del { background: var(--del); } .dsec li.chg { background: var(--wash); }
.dstat { font: 14px var(--engraved); color: var(--ink-soft); }
.diff { font: 13px/1.55 var(--mono); border: 1px solid var(--rule); background: var(--paper-hi); overflow-x: auto; }
.dl { padding: 0 10px 0 28px; position: relative; white-space: pre-wrap; overflow-wrap: anywhere; }
.dl .mk { position: absolute; left: 10px; color: var(--ink-soft); }
.dl.add { background: var(--add); } .dl.del { background: var(--del); }
.dl.skip { color: var(--ink-soft); font-style: italic; background: var(--wash); }
.dl ins { background: color-mix(in srgb, var(--open) 30%, transparent); text-decoration: none; }
.dl del { background: color-mix(in srgb, var(--refuted) 28%, transparent); }
.dsec del { color: var(--refuted); } .dsec ins { color: var(--open); text-decoration: none; }
.rc { list-style: none; padding: 0; font-size: 16px; }
.rc li { padding: 4px 0; border-bottom: 1px solid var(--rule); }
.rc .when { font-variant-numeric: lining-nums tabular-nums; color: var(--ink-soft); margin-right: 4px; }
.rc .sum { color: var(--ink-soft); }
h2.day { font: 15px var(--engraved); letter-spacing: .1em; margin: 18px 0 4px; }
.filters a { margin: 0 2px; } .filters a.on { font-weight: 700; color: var(--ink); text-decoration: none; }
.allpages { columns: 2 20rem; list-style: none; padding: 0; font-size: 17px; }
.allpages li { break-inside: avoid; padding: 2px 0; }
.allpages .rs { font: 12px var(--engraved); color: var(--ink-soft); }
.talk-add form { display: grid; gap: 6px; max-width: 42rem; }
.talk-add input, .talk-add textarea { font: 17px var(--body); padding: 6px 10px; border: 1px solid var(--ink); background: var(--paper-hi); color: var(--ink); }
.talk-add label { font: 13px var(--engraved); letter-spacing: .06em; }
.hint { font-size: 14px; color: var(--ink-soft); margin: 0; }
.form-msg { font-size: 15px; }
@media (max-width: 600px) { body { font-size: 18px; } .dmetas { grid-template-columns: 1fr; } .wbar { padding: 8px 14px; } .wmain, .tabs, .wfoot { padding-left: 16px; padding-right: 16px; } }

/* Essays and trails */
.byline { font: 15px var(--engraved); letter-spacing: .04em; color: var(--ink-soft); margin: -6px 0 22px; max-width: 42rem; }
body.kind-essay .body { font-size: 19px; line-height: 1.55; }
body.kind-essay .body > p:first-child::first-letter { font: 600 3.1em/0.9 var(--display); float: left; margin: 4px 8px 0 0; }
.body .stop-on { position: relative; }
.body .stop-on::before { content: ''; position: absolute; left: -20px; top: .35em; bottom: .35em; width: 3px; border-radius: 2px; background: var(--link); }
.stop-link { float: right; margin: 2px 0 6px 12px; font: 12px var(--engraved); letter-spacing: .06em; text-transform: uppercase; }
@media (min-width: 1100px) {
  body.trail { --net-w: min(44vw, 860px); }
  body.trail .wbar, body.trail .tabs, body.trail .wmain, body.trail .wfoot { margin-right: calc(var(--net-w) + 24px); margin-left: 0; max-width: none; }
  body.trail .wmain { padding-left: max(28px, calc((100vw - var(--net-w) - 24px - 44rem) / 2)); }
  body.trail .tabs, body.trail .wfoot { padding-left: max(28px, calc((100vw - var(--net-w) - 24px - 44rem) / 2)); }
  .trail-net { position: fixed; top: 12px; right: 12px; bottom: 12px; width: var(--net-w); display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--rule); box-shadow: 0 8px 28px rgba(0,0,0,.12); z-index: 5; }
  .trail-net iframe { flex: 1; width: 100%; border: 0; display: block; background: var(--paper); }
}