@font-face {
  font-family: "Straturi Serif";
  font-style: italic;
  font-weight: 400 650;
  font-display: swap;
  src: url("/straturi/assets/serif-italic-400-latin-ext.9839f4c47f.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Straturi Serif";
  font-style: italic;
  font-weight: 400 650;
  font-display: swap;
  src: url("/straturi/assets/serif-italic-400-latin.bdd0e2a056.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: "Straturi Serif";
  font-style: normal;
  font-weight: 400 650;
  font-display: swap;
  src: url("/straturi/assets/serif-normal-400-latin-ext.1ed39fb305.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Straturi Serif";
  font-style: normal;
  font-weight: 400 650;
  font-display: swap;
  src: url("/straturi/assets/serif-normal-400-latin.286e05e5e4.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: "Straturi Sans";
  font-style: normal;
  font-weight: 400 650;
  font-display: swap;
  src: url("/straturi/assets/sans-normal-400-latin-ext.a28eb6d3cc.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Straturi Sans";
  font-style: normal;
  font-weight: 400 650;
  font-display: swap;
  src: url("/straturi/assets/sans-normal-400-latin.c940764593.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;
}

/* v3.0.1: new file name after the 27 Sep 304-as-redirect bug, so no browser keeps the cached 301 */
/* Palette: four hues checked with the dataviz validator in both modes
   (inherited Latin, French, other languages, Slavic); learned Latin, words made
   in Romanian and unknown origin are tints and grey, always named in a legend
   and given in a table beside the chart. */
:root {
  color-scheme: light;
  --paper: #f7f4ee; --raised: #fffdf8; --sunk: #efeae0;
  --ink: #1a1712; --ink-2: #4a4338; --ink-3: #5c5447;
  --rule: #ddd6c8; --rule-2: #cbc2b0;
  --accent: #1f4f94;
  --g-lat: #2a5ea8; --g-lats: #9bb8e3; --g-fr: #b4531f; --g-sl: #3f8f5a; --g-oth: #8a5cb8;
  --g-int: #cdbb99; --g-unk: #a8a296;
  --t-lat: #dbe6f5; --t-fr: #f4e2d5; --t-sl: #dcefe2; --t-oth: #ece2f5; --t-int: #efe7d8; --t-unk: #e9e6e0; --t-lats: #e8eff9;
  --serif: "Straturi Serif", Charter, "Iowan Old Style", Georgia, serif;
  --sans: "Straturi Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --measure: 36rem; --wide: 62rem; --bar: 3rem;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #191713; --raised: #221f19; --sunk: #12100d;
    --ink: #f4f0e6; --ink-2: #cfc7b8; --ink-3: #b9b0a0;
    --rule: #35302a; --rule-2: #443d34; --accent: #8fb6ec;
    --g-lat: #4f86d6; --g-lats: #2f4c78; --g-fr: #d06a30; --g-sl: #4d9e6a; --g-oth: #9a73cf;
    --g-int: #6e5f48; --g-unk: #5f5a52;
    --t-lat: #1e2a3b; --t-fr: #3a2519; --t-sl: #1b2e22; --t-oth: #2b2236; --t-int: #2d271e; --t-unk: #292724; --t-lats: #1c2330;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #191713; --raised: #221f19; --sunk: #12100d;
  --ink: #f4f0e6; --ink-2: #cfc7b8; --ink-3: #b9b0a0;
  --rule: #35302a; --rule-2: #443d34; --accent: #8fb6ec;
  --g-lat: #4f86d6; --g-lats: #2f4c78; --g-fr: #d06a30; --g-sl: #4d9e6a; --g-oth: #9a73cf;
  --g-int: #6e5f48; --g-unk: #5f5a52;
  --t-lat: #1e2a3b; --t-fr: #3a2519; --t-sl: #1b2e22; --t-oth: #2b2236; --t-int: #2d271e; --t-unk: #292724; --t-lats: #1c2330;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--bar) + 0.75rem); }
body { margin: 0; background: var(--paper); color: var(--ink); font: 1.0625rem/1.6 var(--serif); }
a { color: var(--accent); text-underline-offset: 0.15em; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: -999px; top: 0; background: var(--raised); padding: 0.5rem 1rem; z-index: 20; }
.skip:focus { left: 0.5rem; top: 0.5rem; }
.wrap { max-width: var(--measure); margin: 0 auto; padding: 0 1rem; }
.wrap.wide { max-width: var(--wide); }
section { padding: 2.2rem 0; border-top: 1px solid var(--rule); scroll-margin-top: calc(var(--bar) + 0.5rem); }
section.hero { border-top: 0; padding-top: 2.5rem; }
h1, h2, h3 { font-weight: 600; line-height: 1.2; }
h1 { font-size: clamp(2rem, 6vw, 3.1rem); margin: 0.2rem 0 0.8rem; letter-spacing: -0.01em; }
h2 { font-size: clamp(1.35rem, 3.6vw, 1.75rem); margin: 0 0 0.8rem; }
h3 { font-size: 1.15rem; margin: 1.8rem 0 0.5rem; }
h2 .anchor, h2 a.anchor { color: inherit; text-decoration: none; }
h2 a.anchor:hover { text-decoration: underline; }
.kicker { font: 600 0.85rem/1.3 var(--sans); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); margin: 0; }
.deck { font-size: 1.22rem; line-height: 1.5; color: var(--ink-2); margin: 0; }
.small { font: 0.9rem/1.5 var(--sans); color: var(--ink-3); }
p { margin: 0 0 1rem; }

/* topbar: one line */
.topbar { position: sticky; top: 0; z-index: 10; height: var(--bar); display: flex; align-items: center; gap: 0.75rem;
  padding: 0 0.75rem; background: color-mix(in srgb, var(--paper) 92%, transparent); backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--rule); font: 0.9rem/1 var(--sans); white-space: nowrap; }
.topbar .home { color: var(--ink); text-decoration: none; font-weight: 600; flex: none; }
.topnav { display: flex; gap: 0.9rem; overflow-x: auto; scrollbar-width: none; min-width: 0; flex: 1 1 auto; }
.topnav::-webkit-scrollbar { display: none; }
.topnav a { color: var(--ink-2); text-decoration: none; padding: 0.9rem 0; }
.topnav a[aria-current="true"] { color: var(--ink); box-shadow: inset 0 -2px 0 var(--accent); }
.spacer { flex: 0 0 0; }
.chip { flex: none; color: var(--ink-2); text-decoration: none; border: 1px solid var(--rule-2); border-radius: 999px; padding: 0.35rem 0.7rem; }
.icon-btn { flex: none; width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 1px solid var(--rule-2); background: var(--raised); color: var(--ink); display: grid; place-items: center; cursor: pointer; }
.icon-btn svg { display: block; }
.icon-btn svg[hidden] { display: none; }

/* the challenge */
.challenge { background: var(--raised); }
.sentence-box label { display: block; font: 600 0.9rem/1.4 var(--sans); margin-bottom: 0.35rem; }
textarea { width: 100%; font: 1.2rem/1.5 var(--serif); color: var(--ink); background: var(--paper); border: 1px solid var(--rule-2); border-radius: 8px; padding: 0.7rem 0.8rem; resize: vertical; }
.modes { display: flex; gap: 0.5rem; margin: 0.6rem 0 0; flex-wrap: wrap; }
.mode { font: 600 0.95rem/1 var(--sans); min-height: 2.75rem; padding: 0 1rem; border-radius: 999px; border: 1px solid var(--rule-2); background: var(--paper); color: var(--ink); cursor: pointer; }
.mode[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.sentence-out { margin: 1rem 0 0.4rem; min-height: 3.5rem; }
.tokens { font-size: 1.35rem; line-height: 2.1; margin: 0 0 0.4rem; }
.tok { padding: 0.08em 0.2em; border-radius: 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone; border-bottom: 3px solid transparent; cursor: help; }
.tok.g-lat { background: var(--t-lat); border-color: var(--g-lat); }
.tok.g-lats { background: var(--t-lats); border-color: var(--g-lats); }
.tok.g-fr { background: var(--t-fr); border-color: var(--g-fr); }
.tok.g-sl { background: var(--t-sl); border-color: var(--g-sl); }
.tok.g-oth { background: var(--t-oth); border-color: var(--g-oth); }
.tok.g-int { background: var(--t-int); border-color: var(--g-int); }
.tok.g-unk { background: var(--t-unk); border-color: var(--g-unk); }
.tok.nf { border-bottom: 2px dashed var(--rule-2); }
.tok.hit { outline: 2px solid var(--ink); outline-offset: 1px; }
.tally { font: 600 1rem/1.4 var(--sans); margin: 0; }
.tally.win { color: var(--g-sl); }
.hint { color: var(--ink-2); }

.legend { list-style: none; padding: 0; margin: 0.6rem 0 1rem; display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; font: 0.85rem/1.3 var(--sans); color: var(--ink-2); }
.legend li { display: flex; align-items: center; gap: 0.4rem; }
.sw { display: inline-block; width: 0.85rem; height: 0.85rem; border-radius: 3px; flex: none; margin-right: 0.35rem; vertical-align: -0.1em; }
.sw.g-lat, rect.g-lat, .ln.g-lat, circle.g-lat { background: var(--g-lat); fill: var(--g-lat); stroke: var(--g-lat); }
.sw.g-lats, rect.g-lats { background: var(--g-lats); fill: var(--g-lats); }
.sw.g-fr, rect.g-fr, .ln.g-fr, circle.g-fr { background: var(--g-fr); fill: var(--g-fr); stroke: var(--g-fr); }
.sw.g-sl, rect.g-sl { background: var(--g-sl); fill: var(--g-sl); }
.sw.g-oth, rect.g-oth { background: var(--g-oth); fill: var(--g-oth); }
.sw.g-int, rect.g-int { background: var(--g-int); fill: var(--g-int); }
.sw.g-unk, rect.g-unk { background: var(--g-unk); fill: var(--g-unk); }
.legend .sw { margin-right: 0; }

/* the five counts */
.counts { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.2rem; }
.count-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.2rem 1rem; font: 0.95rem/1.35 var(--sans); margin-bottom: 0.35rem; }
.count-nums { color: var(--ink-2); }
.k-lat, .k-fr { font-variant-numeric: tabular-nums; }
svg.bar { display: block; width: 100%; height: 1.75rem; border-radius: 4px; }
.count-note { font: 0.88rem/1.45 var(--sans); color: var(--ink-3); margin: 0.35rem 0 0; }

/* tables */
.table-wrap { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font: 0.92rem/1.4 var(--sans); }
caption { text-align: left; font-weight: 600; padding: 0 0 0.5rem; color: var(--ink-2); }
th, td { padding: 0.45rem 0.6rem; border-bottom: 1px solid var(--rule); text-align: right; font-variant-numeric: tabular-nums; }
th:first-child, td:first-child { text-align: left; }
thead th { color: var(--ink-3); font-weight: 600; vertical-align: bottom; }
table.layers th[scope="row"] a { color: var(--ink); text-decoration: none; }
details.as-table { margin: 0.5rem 0 1.5rem; }
details.as-table summary { font: 600 0.9rem/2.75rem var(--sans); cursor: pointer; color: var(--accent); }

/* register */
.rg-head { display: flex; justify-content: space-between; font: 0.8rem/1.3 var(--sans); color: var(--ink-3); margin: 1rem 0 0.3rem; padding: 0 0 0 9.5rem; }
.register { list-style: none; padding: 0; margin: 0; }
.register li { display: grid; grid-template-columns: 9rem 1fr 11rem; align-items: center; gap: 0.5rem; font: 0.9rem/1.3 var(--sans); padding: 0.25rem 0; }
svg.rg { width: 100%; height: 1rem; }
svg.rg .axis { stroke: var(--rule-2); stroke-width: 0.4; }
.rg-val { color: var(--ink-2); }

/* line charts */
svg.lines { width: 100%; height: auto; margin: 0.5rem 0; overflow: visible; }
svg.lines .grid { stroke: var(--rule); stroke-width: 1; }
svg.lines .tick { fill: var(--ink-3); font: 11px var(--sans); }
svg.lines .ln { fill: none; stroke-width: 2.5; }
svg.lines .pt { stroke: var(--paper); stroke-width: 2; }
svg.lines .lbl { fill: var(--ink-2); font: 600 12px var(--sans); }

/* strata cards */
.stratum { border-top: 1px solid var(--rule); padding: 1rem 0 0.4rem; scroll-margin-top: calc(var(--bar) + 0.5rem); }
.stratum h3 { margin: 0 0 0.4rem; }
.facts { font: 0.88rem/1.45 var(--sans); color: var(--ink-3); }
.carriers { font: 0.95rem/1.7 var(--sans); }
.carriers span { color: var(--ink-3); margin-right: 0.3rem; }
.wlink { display: inline-block; padding: 0.15rem 0.1rem; min-height: 1.6rem; }

/* look-up */
.search { display: flex; gap: 0.5rem; }
.search input { flex: 1; min-width: 0; font: 1.15rem/1.3 var(--serif); padding: 0.6rem 0.75rem; border: 1px solid var(--rule-2); border-radius: 8px; background: var(--paper); color: var(--ink); }
.search button, .result button { font: 600 1rem/1 var(--sans); min-height: 2.9rem; padding: 0 1.1rem; border-radius: 8px; border: 0; background: var(--ink); color: var(--paper); cursor: pointer; }
.result { margin-top: 1rem; }
.card { background: var(--raised); border: 1px solid var(--rule); border-radius: 10px; padding: 1rem 1.1rem; }
.card h3 { font-size: 1.9rem; margin: 0 0 0.2rem; }
.card .origin { font: 600 1rem/1.4 var(--sans); margin: 0 0 0.8rem; }
.card dl { margin: 0; display: grid; gap: 0.6rem; }
.card dt { font: 600 0.8rem/1.3 var(--sans); color: var(--ink-3); text-transform: uppercase; letter-spacing: 0.05em; }
.card dd { margin: 0; }
.card q { font-style: italic; quotes: "„" "”"; }
html[lang="en"] .card q { quotes: "“" "”"; }
svg.spark { display: block; width: 100%; height: 3rem; }
.spark-lbl { display: flex; justify-content: space-between; font: 0.72rem/1.2 var(--sans); color: var(--ink-3); }

.faq h3 { font-size: 1.05rem; }
.sources { padding-left: 1.1rem; font: 0.92rem/1.55 var(--sans); }
.sources li { margin-bottom: 0.5rem; }
.foot { border-top: 1px solid var(--rule); padding: 1.5rem 0 3rem; font: 0.85rem/1.5 var(--sans); color: var(--ink-3); }
.nf { padding-top: 4rem; }

@media (max-width: 40rem) {
  .topbar .home { display: none; }
  .register li { grid-template-columns: 6.5rem 1fr; }
  .rg-val { grid-column: 1 / -1; padding-left: 0; font-size: 0.82rem; margin-top: -0.2rem; }
  .rg-head { padding-left: 7rem; }
  .tokens { font-size: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (forced-colors: active) { .tok { border-bottom-style: solid; } }

/* ---------- v3.1 ---------- */
button.tok { font: inherit; color: inherit; border: 0; border-bottom: 3px solid transparent; margin: 0 0.05em; cursor: pointer; line-height: inherit; }
button.tok[aria-expanded="true"] { outline: 3px solid var(--accent); outline-offset: 1px; }
.tok-hint { margin: 0.2rem 0 0; }
.tok-panel { margin-top: 0.8rem; background: var(--paper); border: 1px solid var(--rule-2); border-radius: 10px; padding: 0.8rem 1rem; }
.tp-head { font: 1rem/1.4 var(--sans); margin-bottom: 0.4rem; }
.syns { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.3rem 0 0.6rem; }
.syn { font: 1rem/1.2 var(--serif); min-height: 2.75rem; padding: 0.3rem 0.7rem; border-radius: 8px; border: 1px solid var(--rule-2); border-bottom-width: 3px; background: var(--raised); color: var(--ink); cursor: pointer; }
.syn.g-lat { border-bottom-color: var(--g-lat); } .syn.g-fr { border-bottom-color: var(--g-fr); } .syn.g-sl { border-bottom-color: var(--g-sl); }
.syn.g-oth { border-bottom-color: var(--g-oth); } .syn.g-lats { border-bottom-color: var(--g-lats); } .syn.g-int { border-bottom-color: var(--g-int); } .syn.g-unk { border-bottom-color: var(--g-unk); }
.tp-close, .more, .load-text, .quiz button, .q-next, .download { font: 600 0.95rem/1 var(--sans); min-height: 2.75rem; padding: 0 1rem; border-radius: 8px; border: 1px solid var(--rule-2); background: var(--raised); color: var(--ink); cursor: pointer; }
.more { display: block; margin: 0.8rem auto 0; }

.share { padding: 0.6rem 0; border-top: 0; background: var(--paper); }
.share-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 1rem; font: 0.9rem/1 var(--sans); scroll-margin-top: 4.75rem; }
.share-row a { display: inline-flex; align-items: center; min-height: 2.75rem; }
.share-label { color: var(--ink-3); }
.share-copy { font: inherit; min-height: 2.75rem; padding: 0 0.9rem; border-radius: 999px; border: 1px solid var(--rule-2); background: var(--raised); color: var(--ink); cursor: pointer; }

.text-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: 1rem; }
.text-card { margin: 0; background: var(--raised); border: 1px solid var(--rule); border-radius: 10px; padding: 0.9rem 1rem; display: flex; flex-direction: column; gap: 0.5rem; }
.text-card figcaption { font: 0.88rem/1.4 var(--sans); color: var(--ink-2); }
.text-card blockquote { margin: 0; }
.small-tokens { font-size: 1.02rem; line-height: 1.95; }
.text-card .tally { font-size: 0.9rem; }
.text-card .load-text { align-self: flex-start; margin-top: auto; }

.d-head, .doublets li { display: grid; grid-template-columns: 1fr 1fr 1fr 1.2fr; gap: 0.6rem; align-items: baseline; }
.d-head { font: 600 0.78rem/1.3 var(--sans); color: var(--ink-3); text-transform: uppercase; letter-spacing: 0.05em; padding: 0 0 0.3rem; border-bottom: 1px solid var(--rule); }
.doublets { list-style: none; padding: 0; margin: 0; }
.doublets li { padding: 0.45rem 0; border-bottom: 1px solid var(--rule); }
.d-old, .d-new { font-size: 1.15rem; }
.d-old a { color: var(--g-lat); } .d-new a { color: var(--ink); }
.d-etym { color: var(--ink-3); }
.d-via { font: 0.85rem/1.3 var(--sans); color: var(--ink-3); }

.quiz { background: var(--raised); border: 1px solid var(--rule); border-radius: 10px; padding: 1rem 1.1rem; }
.quiz-static { columns: 2; margin: 0; }
.quiz-n { font: 0.85rem/1 var(--sans); color: var(--ink-3); margin: 0 0 0.4rem; }
.quiz-q { font-size: 1.35rem; margin: 0 0 0.7rem; }
.quiz-opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 0.5rem; }
.quiz-opts button.right { border-color: var(--g-sl); box-shadow: inset 0 -3px 0 var(--g-sl); }
.quiz-opts button.wrong { border-color: var(--g-fr); box-shadow: inset 0 -3px 0 var(--g-fr); text-decoration: line-through; }
.quiz-fb { margin-top: 0.8rem; }
.quiz-score { font-size: 1.5rem; margin: 0 0 0.6rem; }

.rail { display: none; }
@media (min-width: 76rem) {
  .rail { display: block; position: fixed; right: 1.4rem; top: 50%; transform: translateY(-50%); z-index: 5; }
  .rail ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }
  .rail a { display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; min-height: 1.4rem; text-decoration: none; color: var(--ink-3); font: 0.78rem/1 var(--sans); }
  .rail-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--rule-2); order: 2; transition: transform 0.2s; }
  .rail-label { opacity: 0; transition: opacity 0.15s; }
  .rail a:hover .rail-label, .rail a:focus-visible .rail-label { opacity: 1; }
  .rail a[aria-current="true"] .rail-dot { background: var(--accent); transform: scale(1.45); }
}
@media print { .rail, .share, .topbar { display: none; } }
@media (prefers-reduced-motion: reduce) { .rail-dot, .rail-label { transition: none; } }

/* generated pages */
.sub-main { padding: 2rem 1rem 3rem; }
.sub-main h1 { font-size: clamp(1.7rem, 5vw, 2.5rem); }
.word-dl dt { font: 600 0.8rem/1.3 var(--sans); color: var(--ink-3); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 1rem; }
.word-dl dd { margin: 0.2rem 0 0; }
table.mini { font-size: 0.85rem; width: auto; }
table.mini th, table.mini td { padding: 0.25rem 0.5rem; }
td.tail { text-align: left; font-family: var(--serif); color: var(--ink-2); max-width: 26rem; }
.letters { display: flex; flex-wrap: wrap; gap: 0.2rem 0.6rem; font: 600 1rem/2.2 var(--sans); }
.az { line-height: 1.9; }
.sub .wrap.sub-main { max-width: var(--wide); }
@media (max-width: 40rem) {
  .d-head, .doublets li { grid-template-columns: 1fr 1fr; }
  .d-etym { grid-column: 1 / -1; order: 3; font-size: 0.9rem; }
  .d-via { grid-column: 1 / -1; order: 4; }
  .d-head span:nth-child(n+3) { display: none; }
  .quiz-static { columns: 1; }
}