/* Reading layout for guide and idea pages (v3.54.60).
   Everything here is scoped under .rd, which gsTopic / gsIdea (app.js) and templates/guide.html put
   around a guide. Removing that one class, or this file, puts the pages back exactly as they were.
   Body text: Literata, a typeface made for long reading on screens. Labels and figures: Atkinson
   Hyperlegible Next. Both are self-hosted (CSP font-src 'self'), SIL Open Font License, files and
   licences in static/fonts/. Neutrals come from the app's theme tokens, so every palette still fits;
   only the reading accents (--rd-sea, --rd-signal, --rd-warn) are set here, per light/dark. */

@font-face{font-family:"Literata";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/literata-normal-latin.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:"Literata";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/literata-normal-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Literata";font-style:italic;font-weight:400;font-display:swap;
  src:url(../fonts/literata-italic-latin.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:"Literata";font-style:italic;font-weight:400;font-display:swap;
  src:url(../fonts/literata-italic-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/atkinson-hyperlegible-next-normal-latin.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:"Atkinson Hyperlegible Next";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/atkinson-hyperlegible-next-normal-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* tokens: dark is the app default, [data-theme=light] the light theme. .rd-doc carries them for a guide's
   own structured pieces when they appear outside the .rd layout; inside it they inherit from .rd. */
.rd,.rd-doc:not(.rd *){
  --rd-read:"Literata","Iowan Old Style",Charter,Georgia,serif;
  --rd-ui:"Atkinson Hyperlegible Next","Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;
  --rd-fs:17px;
  --rd-ink:var(--ink); --rd-soft:var(--mut); --rd-rule:var(--line2); --rd-card:var(--panel);
  --rd-sea:#6cb9cb; --rd-sea-wash:rgba(108,185,203,.13);
  --rd-signal:#e8b84a; --rd-signal-wash:rgba(232,184,74,.14);
  --rd-warn:#e8906a; --rd-warn-wash:rgba(232,144,106,.14);
  container-type:inline-size;
  color:var(--rd-ink); font-family:var(--rd-read); font-size:var(--rd-fs); line-height:1.68;
}
.rd-doc{container-type:inline-size}
:root[data-theme="light"] .rd:not([data-rdtheme]),:root[data-theme="light"] .rd-doc:not(.rd *){
  --rd-sea:#0f5f73; --rd-sea-wash:#e3eff1;
  --rd-signal:#c98d07; --rd-signal-wash:#fbf1d8;
  --rd-warn:#9e4220; --rd-warn-wash:#f8e7df;
}

/* Light / Dark choice for reading pages (v3.54.61). data-rdtheme on .rd, set by the reader with the
   Light / Dark buttons and remembered per browser; Light (the paper look approved on the example page) is
   the default. The choice repaints the reading area and its host: #main in the app, the whole page on
   /learn, by overriding the app's own theme tokens there, so buttons and cards follow too. */
.rd[data-rdtheme="paper"],
.main:has(> .rd[data-rdtheme="paper"]),
body:has(.guide-rd .rd[data-rdtheme="paper"]){
  --bg:#f5f6f2; --panel:#ffffff; --panel2:#eef0ec; --line:#e2e6e3; --line2:#d8dedb;
  --ink:#1f2a2e; --mut:#56646a; --dim:#66727a; --accent:#0f5f73; --accent2:#0e8fa3;
  --accent-soft:rgba(15,95,115,.12); --accent-ink:#fff; --cta:#0f5f73; --cta-ink:#fff;
  --shadow-card:0 1px 2px rgba(16,24,40,.05),0 2px 10px rgba(16,24,40,.04);
  --rd-sea:#0f5f73; --rd-sea-wash:#e3eff1;
  --rd-signal:#d99a0b; --rd-signal-wash:#fbf1d8;
  --rd-warn:#9e4220; --rd-warn-wash:#f8e7df;
  color-scheme:light;
}
.rd[data-rdtheme="dark"],
.main:has(> .rd[data-rdtheme="dark"]),
body:has(.guide-rd .rd[data-rdtheme="dark"]){
  --bg:#181b20; --panel:#21252b; --panel2:#1c2026; --line:#2b313a; --line2:#39404b;
  --ink:#dfe4ea; --mut:#a0aab8; --dim:#868f9c; --accent:#5a9bd8; --accent2:#5fc9d6;
  --accent-soft:rgba(90,155,216,.15); --accent-ink:#fff; --cta:#2b6cb0; --cta-ink:#fff;
  --shadow-card:0 1px 2px rgba(0,0,0,.22);
  --rd-sea:#6cb9cb; --rd-sea-wash:rgba(108,185,203,.13);
  --rd-signal:#e8b84a; --rd-signal-wash:rgba(232,184,74,.14);
  --rd-warn:#e8906a; --rd-warn-wash:rgba(232,144,106,.14);
  color-scheme:dark;
}
.main:has(> .rd[data-rdtheme]),body:has(.guide-rd .rd[data-rdtheme]){background:var(--bg);color:var(--ink)}
.rd-mode{display:inline-flex;border:1px solid var(--rd-rule);border-radius:999px;overflow:hidden;font-family:var(--rd-ui)}
.rd-mode button{font-family:var(--rd-ui);font-size:13.5px;border:0;background:transparent;color:var(--rd-ink);padding:5px 12px;cursor:pointer;line-height:1}
.rd-mode button+button{border-left:1px solid var(--rd-rule)}
.rd-mode button[aria-pressed="true"]{background:var(--rd-sea-wash);color:var(--rd-sea);font-weight:700}
.rd-mode button:focus-visible{outline:2px solid var(--rd-sea);outline-offset:-2px}
@media (max-width:520px){ .rd{--rd-fs:16.5px} }
.rd b,.rd strong{font-weight:600}
.rd a{color:var(--rd-sea);text-decoration-thickness:1px;text-underline-offset:3px}
.rd a:hover{text-decoration-thickness:2px}
.rd a:focus-visible{outline:2px solid var(--rd-sea);outline-offset:2px;border-radius:3px}
a.rd-ext::after{content:"\2197";font-family:var(--rd-ui);font-size:.78em;margin-left:2px;display:inline-block;opacity:.75}
.rd .lnav{color:var(--rd-sea);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* page grid: side columns from 980px of content width, the step map from 1360px */
.rd-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px;max-width:1380px;margin:0 auto}
.rd-main{min-width:0;max-width:50rem;width:100%;margin:0 auto}
.rd-rail{display:none}
.rd-rail.rd-r .rd-toc,.rd-rail.rd-r .rd-slot-box{display:none}
.rd-slot{display:block}
.rd-slot-sky{width:160px;min-height:600px}
.rd-slot-box{width:300px;min-height:250px}
.rd-slot-inline{width:100%;max-width:336px;min-height:0;margin:0 auto}
@container (min-width:980px){
  .rd-grid{grid-template-columns:160px minmax(0,1fr) 160px}
  .rd-rail{display:block}
  .rd-slot-inline{display:none}
}
@container (min-width:1360px){
  .rd-grid{grid-template-columns:160px minmax(0,50rem) 300px;justify-content:center;gap:0 40px}
  .rd-rail.rd-r .rd-toc{display:block}
  .rd-rail.rd-r .rd-slot-box{display:block}
  .rd-rail.rd-r .rd-slot-sky{display:none}
  .rd-toc-inline{display:none}
}
.rd-rail .rd-stick{display:grid;gap:20px;padding-top:70px}
.rd-rail.rd-r .rd-stick{position:sticky;top:16px}

/* reading progress + text size */
.rd-prog{position:sticky;top:0;height:3px;margin:0 0 -3px;z-index:5;pointer-events:none}
.rd-prog i{display:block;height:100%;width:0;background:var(--rd-sea)}
.rd-tools{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.rd-sizer{display:inline-flex;border:1px solid var(--rd-rule);border-radius:999px;overflow:hidden;font-family:var(--rd-ui)}
.rd-sizer button{font-family:var(--rd-ui);border:0;background:transparent;color:var(--rd-ink);padding:5px 12px;cursor:pointer;line-height:1}
.rd-sizer button+button{border-left:1px solid var(--rd-rule)}
.rd-sizer button:nth-child(1){font-size:13px}.rd-sizer button:nth-child(2){font-size:15.5px}.rd-sizer button:nth-child(3){font-size:18.5px}
.rd-sizer button[aria-pressed="true"]{background:var(--rd-sea-wash);color:var(--rd-sea);font-weight:700}
.rd-sizer button:focus-visible{outline:2px solid var(--rd-sea);outline-offset:-2px}

/* header (the app's breadcrumb and .sudoc-hd, restyled) */
.rd .subc{font-family:var(--rd-ui);font-size:14px;color:var(--rd-soft);margin:0 0 16px}
.rd .sudoc-hd{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 24px;align-items:center}
.rd .sudoc-hd .sudoc-art{width:100%;max-width:240px}
.rd .sukick{font-family:var(--rd-ui);font-size:12px;letter-spacing:.12em;color:var(--rd-sea);margin-bottom:6px}
.rd .sudoc-hd h2,.rd h1.rd-h1{font-family:var(--rd-read);font-weight:700;font-size:clamp(27px,4.6vw,37px);line-height:1.15;letter-spacing:-.01em;margin:0 0 10px;text-wrap:balance}
.rd .sudoc-hd p{font-size:1.02em;color:var(--rd-soft);max-width:64ch;margin:0}
.rd .suchips{font-family:var(--rd-ui)}
@container (min-width:720px){
  .rd .sudoc-hd{grid-template-columns:minmax(0,1fr) 220px}
  .rd .sudoc-hd .sudoc-art,.rd .sudoc-hd .feat-ic{order:2;justify-self:end}
}

/* step map (built by reading.js from the guide's own headings) */
.rd-toc{font-family:var(--rd-ui)}
.rd-toc .rd-toc-h{font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-soft);margin:0 0 8px}
.rd-toc ol{margin:0;padding:0;list-style:none;counter-reset:rdt}
.rd-toc li{counter-increment:rdt;margin:0}
.rd-toc a{display:flex;gap:10px;padding:6px 10px;margin-left:-10px;border-radius:8px;color:var(--rd-ink);text-decoration:none;font-size:15px;line-height:1.35}
.rd-toc a::before{content:counter(rdt);font-weight:700;color:var(--rd-sea);min-width:1.1em;font-variant-numeric:tabular-nums}
.rd-toc a:hover{color:var(--rd-sea)}
.rd-toc a.on{background:var(--rd-sea-wash);color:var(--rd-sea);font-weight:700}
.rd-toc-inline{border-top:1px solid var(--rd-rule);border-bottom:1px solid var(--rd-rule);padding:14px 0 12px;margin:0 0 32px}
.rd-toc-inline ol{display:grid;gap:0 24px;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}

/* the guide body: on the page itself, not in a card */
.rd .sudoc{background:none;border:0;box-shadow:none;padding:0;margin:0 0 28px;max-width:none;font-size:1em;line-height:1.68}
.rd .sudoc>p,.rd .sudoc>ul,.rd .sudoc>ol{max-width:64ch}
/* plain guide text only: the structured rd- pieces keep their own spacing */
.rd .sudoc p:not([class^="rd-"]){margin:0 0 14px}
.rd .sudoc ul:not([class^="rd-"]),.rd .sudoc ol:not([class^="rd-"]){padding-left:22px;margin:0 0 14px}
.rd .sudoc ul:not([class^="rd-"])>li,.rd .sudoc ol:not([class^="rd-"])>li{margin:5px 0}
.rd .sudoc .suh{font-family:var(--rd-ui);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-sea);
  border-top:1px solid var(--rd-rule);border-bottom:0;padding:16px 0 0;margin:30px 0 10px;scroll-margin-top:16px}
.rd .sudoc .sugoal{font-size:1.03em;line-height:1.6;background:var(--rd-card);border:1px solid var(--rd-rule);border-left:4px solid var(--rd-sea);border-radius:0 12px 12px 0;padding:14px 18px;margin:0 0 18px;color:var(--rd-ink)}
.rd .sudoc .sutab{font-family:var(--rd-ui);font-size:15px;border-collapse:collapse;width:100%;margin:6px 0 16px;background:var(--rd-card);border:1px solid var(--rd-rule);border-radius:12px;overflow:hidden}
.rd .sudoc .sutab td{padding:9px 14px;border-bottom:1px solid var(--rd-rule);color:var(--rd-soft);vertical-align:top}
.rd .sudoc .sutab td:last-child{color:var(--rd-ink);text-align:right;font-variant-numeric:tabular-nums}
.rd .sudoc .sutab tr:last-child td{border-bottom:0;background:var(--rd-sea-wash)}
.rd .sudoc .learntip{font-size:1em;background:var(--rd-signal-wash);border:0;border-left:4px solid var(--rd-signal);border-radius:0 12px 12px 0;padding:14px 18px;margin:18px 0}
.rd .sudoc .learnsrc{font-family:var(--rd-ui);font-size:14.5px;line-height:1.5}
.rd .suideas{font-family:var(--rd-ui)}
.rd .supn{max-width:none;margin:8px 0 22px}
.rd .learndisc,.rd .sudisc{font-family:var(--rd-ui);font-size:13.5px;line-height:1.6}

/* ---- structured guide pieces (the Start-here guide) ---- */
/* app.css styles every list inside .sudoc (padding-left 22px); the structured lists set their own spacing */
.rd-doc ul[class^="rd-"],.rd-doc ol[class^="rd-"]{padding-left:0}
.rd-intro{font-size:1.12em;line-height:1.6;max-width:64ch;margin:0 0 26px}
.rd-intro b{background:linear-gradient(transparent 62%,var(--rd-signal-wash) 62%)}
.rd-route{position:relative;list-style:none;margin:0;padding:0;counter-reset:rds;max-width:none}
.rd-route::before{content:"";position:absolute;left:19px;top:10px;bottom:30px;border-left:2px dashed var(--rd-rule)}
.rd-stop{position:relative;padding-left:58px;margin:0 0 46px;counter-increment:rds;scroll-margin-top:16px}
.rd-stop::before{content:counter(rds);position:absolute;left:0;top:-2px;width:40px;height:40px;border-radius:50%;background:var(--bg);
  border:2px solid var(--rd-sea);color:var(--rd-sea);font-family:var(--rd-ui);font-weight:700;font-size:17px;display:grid;place-items:center;font-variant-numeric:tabular-nums}
@container (max-width:520px){ .rd-route::before{left:15px} .rd-stop{padding-left:46px} .rd-stop::before{width:32px;height:32px;font-size:15px} }
.rd-stop>.rd-step{font-family:var(--rd-ui);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-soft);margin:0 0 3px}
.rd-stop h3{font-family:var(--rd-read);font-weight:700;font-size:1.3em;line-height:1.25;margin:0 0 8px;text-wrap:balance}
.rd-stop p{max-width:64ch}
.rd-meta{display:inline-block;font-family:var(--rd-ui);font-size:14px;font-weight:600;color:var(--rd-sea);background:var(--rd-sea-wash);border-radius:999px;padding:3px 12px;margin:2px 0 14px}
.rd-src{font-family:var(--rd-ui);font-size:14px;color:var(--rd-soft);margin:0 0 6px}
.rd-helpers{display:grid;gap:12px;margin:12px 0 0}
@container (min-width:640px){ .rd-helpers{grid-template-columns:repeat(3,1fr)} }
a.rd-helper{background:var(--rd-card);border:1px solid var(--rd-rule);border-radius:12px;padding:13px 15px 15px;min-width:0;display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--rd-ink)}
a.rd-helper:hover{border-color:var(--rd-sea)}
.rd-helper .rd-name{font-family:var(--rd-ui);font-weight:700;font-size:19px;letter-spacing:.02em}
.rd-helper .rd-site{font-family:var(--rd-ui);font-size:14px;color:var(--rd-sea);text-decoration:underline;text-underline-offset:3px}
.rd-helper .rd-site::after{content:" \2197";display:inline-block;margin-left:3px}
.rd-helper .rd-what{font-size:15.5px;line-height:1.5;color:var(--rd-soft)}
.rd-helper .rd-aside{font-size:14.5px;font-style:italic;margin-top:3px}
a.rd-helper.rd-star{border-color:var(--rd-signal);box-shadow:inset 0 3px 0 var(--rd-signal)}
.rd-ask{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px;max-width:none}
@container (min-width:640px){ .rd-ask{grid-template-columns:1fr 1fr} }
.rd-ask li{font-family:var(--rd-ui);font-size:15.5px;background:var(--rd-card);border:1px solid var(--rd-rule);border-radius:10px;padding:9px 14px 9px 40px;position:relative;margin:0}
.rd-ask li::before{content:"";position:absolute;left:14px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid var(--rd-sea);border-radius:4px}
.rd-seq{list-style:none;padding:0;margin:4px 0 12px;border-top:1px solid var(--rd-rule);max-width:none}
.rd-seq>li{display:grid;grid-template-columns:1fr auto;gap:3px 16px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--rd-rule);margin:0}
.rd-seq .rd-what{min-width:0}
.rd-amt{font-family:var(--rd-ui);font-weight:700;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.rd-note{grid-column:1/-1;font-size:15px;color:var(--rd-soft)}
.rd-then{font-family:var(--rd-ui);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-soft);display:block;margin-bottom:1px}
.rd-warnline{grid-column:1/-1;justify-self:start;font-family:var(--rd-ui);font-size:14.5px;font-weight:600;color:var(--rd-warn);background:var(--rd-warn-wash);border-radius:8px;padding:5px 12px;margin-top:4px}
.rd-sub{list-style:none;padding:0;margin:8px 0 0;grid-column:1/-1;display:grid;gap:8px}
@container (min-width:760px){ .rd-sub{grid-template-columns:repeat(3,1fr)} }
.rd-sub li{background:var(--rd-card);border:1px solid var(--rd-rule);border-radius:10px;padding:10px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-content:start;min-width:0;margin:0}
.rd-seq>li.rd-grant{background:var(--rd-signal-wash);padding-left:12px;padding-right:12px;border-radius:10px;border-bottom-color:transparent;margin-top:6px}
.rd-define{background:var(--rd-card);border:1px solid var(--rd-rule);border-left:4px solid var(--rd-sea);border-radius:0 12px 12px 0;padding:13px 17px;margin:6px 0 12px;max-width:64ch}
.rd-term{font-family:var(--rd-ui);font-weight:700;font-size:16px;display:block;margin-bottom:3px}
.rd-pair{display:grid;gap:12px;margin:8px 0 14px}
@container (min-width:640px){ .rd-pair{grid-template-columns:1fr 1fr} }
.rd-role{background:var(--rd-card);border:1px solid var(--rd-rule);border-radius:12px;padding:13px 15px;min-width:0}
.rd-lbl{font-family:var(--rd-ui);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-soft);display:block;margin-bottom:3px}
.rd-big{font-family:var(--rd-ui);font-weight:700;font-size:17px;display:block}
.rd-gloss{font-size:15.5px;color:var(--rd-soft)}
.rd-rbody{font-size:15.5px}
.rd-words{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;max-width:none}
.rd-words li{font-family:var(--rd-ui);font-size:15px;border:1.5px solid var(--rd-sea);border-radius:999px;padding:5px 13px;margin:0}
.rd-words a{font-weight:700}
.rd-rule{font-family:var(--rd-read);font-weight:700;font-size:1.1em;margin:4px 0 0;display:flex;gap:10px;align-items:center}
.rd-rule::before{content:"";width:24px;height:3px;background:var(--rd-signal);flex:none}
.rd-laws{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:10px;max-width:none}
@container (min-width:900px){ .rd-laws{grid-template-columns:1fr 1fr} .rd-laws li:last-child:nth-child(odd){grid-column:1/-1} }
.rd-laws li{display:grid;gap:3px;padding:12px 15px;background:var(--rd-card);border:1px solid var(--rd-rule);border-radius:12px;min-width:0;margin:0}
.rd-law{font-family:var(--rd-ui);font-weight:700;font-size:15.5px}
.rd-why{min-width:0;font-size:15.5px;line-height:1.55}
.rd-phone{font-family:var(--rd-ui);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.rd-firstmove{background:var(--rd-sea);color:var(--bg);border-radius:16px;padding:22px 22px 24px;margin:8px 0 10px}
.rd-firstmove .rd-fk{font-family:var(--rd-ui);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin:0 0 6px}
.rd-firstmove p{margin:0 0 12px;font-size:1.04em;max-width:none}
.rd-firstmove a{color:inherit;text-decoration-color:var(--rd-signal)}
.rd-firstmove blockquote{margin:0;font-style:italic;font-size:1.26em;line-height:1.4;border-left:3px solid var(--rd-signal);padding-left:16px}
/* v3.54.75 library pages: their two-column tables carry sentences in the right column (the originals carry
   figures and a totals row), so it wraps and reads left to right, and the last row is not shaded as a total */
.sudoc.libdoc .sutab td:last-child,.rd .sudoc.libdoc .sutab td:last-child{white-space:normal;text-align:left}
.sudoc.libdoc .sutab td:first-child,.rd .sudoc.libdoc .sutab td:first-child{width:36%;font-weight:600}
.rd .sudoc.libdoc .sutab tr:last-child td{background:none}
/* v3.54.77 Stock Market Trading: diagrams inside a chapter. The drawings use currentColor for text and axes and
   mid-tone data colors, so they read on the Light and Dark reading pages alike. */
.tsfig{margin:20px 0 22px;padding:14px 14px 10px;border:1px solid var(--rd-rule,var(--line2));border-radius:14px;background:var(--rd-card,var(--panel));color:var(--rd-ink,var(--ink))}
.tsfig svg{display:block;width:100%;height:auto;max-height:420px;margin:0 auto;overflow:visible}
.tsfig figcaption{font-family:var(--rd-ui,inherit);font-size:14px;line-height:1.5;color:var(--rd-soft,var(--mut));margin:10px 2px 2px}
@media (max-width:520px){ .tsfig{padding:10px 8px 8px;margin:16px -4px 18px} .tsfig figcaption{font-size:13.5px} }