/* Method and limits — a page that is read, not operated. It takes the
   instrument's tokens and header from app.css and undoes only what made the
   instrument a fixed, non-scrolling screen. */

body.doc{height:auto;min-height:100vh;overflow:visible;display:block}
body.doc header{border-bottom:1px solid rgba(255,255,255,.06)}

a.mark.home{color:var(--t1);text-decoration:none}
a.mark.home:hover span{color:var(--t2)}
a:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:2px}

.doc-main{max-width:46rem;padding:clamp(28px,6vh,72px) 26px 96px;margin-left:clamp(0px,9vw,180px)}
.doc-main h1{font-size:clamp(2rem,3.2vw,3rem);font-weight:600;letter-spacing:-.035em;
  line-height:1.05;margin:0 0 clamp(28px,5vh,56px)}
.doc-main section{margin:0 0 clamp(40px,7vh,72px)}
.doc-main h2{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--t3);font-weight:400;margin:0 0 18px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.1)}
.doc-main p,.doc-main dd{color:var(--t2);margin:0 0 1em;line-height:1.62}
.doc-main strong,.doc-main dt{color:var(--t1);font-weight:600}
.doc-main .lede{font-size:1.22rem;line-height:1.5;color:var(--t1)}
.doc-main code{font-family:var(--mono);font-size:.86em;color:var(--t1)}
.doc-main a{color:var(--t1);text-decoration-color:var(--line-s);text-underline-offset:3px}
.doc-main a:hover{text-decoration-color:var(--t1)}

/* Bound figures. A value read from the data is set in mono, so a reader can
   see which parts of a sentence came from the dataset. */
.v{font-family:var(--mono);font-size:.94em;color:var(--t1);white-space:nowrap}
.missing{font-family:var(--mono);font-size:.86em;color:#e07a6a}
.pending{color:var(--t3);font-family:var(--mono);font-size:.8rem}

.doc-fail{border-left:2px solid #e07a6a;padding:10px 0 10px 16px;color:var(--t1)!important}

.tablewrap{overflow-x:auto;margin:22px 0 26px}
.periods{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.8rem;
  color:var(--t2);white-space:nowrap}
.periods caption{caption-side:bottom;text-align:left;color:var(--t3);font-size:.68rem;
  letter-spacing:.1em;text-transform:uppercase;padding-top:9px}
.periods th{font-weight:400;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--t3);text-align:left;padding:0 14px 8px 0;border-bottom:1px solid var(--line);
  white-space:normal;vertical-align:bottom}
.periods td{padding:9px 14px 9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.periods th:last-child,.periods td:last-child{padding-right:0}
/* The period name may wrap; the figures may not. Worst disagreement is the
   last column and the page's main evidence, so it is the one that must not
   end up behind the table's own scroll at ordinary widths. */
.periods td:first-child{color:var(--t1);font-family:var(--sans);font-size:.92rem;
  white-space:normal;min-width:8em}
.periods .num{text-align:right}

.check{margin:24px 0;padding:18px 0 18px 22px;border-left:2px solid var(--sun)}
.check p{font-size:1.1rem;color:var(--t1);margin:0 0 6px}
.check figcaption{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--t3)}

/* Same body size as the text around it: this paragraph is the honest one and
   it does not get set smaller to make it fit. */
.notproof{background:var(--panel);border-radius:6px;padding:18px 22px;margin:0 0 1.2em}
.notproof p{margin:0;color:var(--t1)}

/* app.css has a .limits rule for the one-line caveat under the map: small,
   monospaced capitals. On this page the same class names a list that is
   read, the longest on the page, so it takes the page's own text. */
.doc dl.limits{margin:0 0 1em;font-family:inherit;font-size:inherit;letter-spacing:normal;text-transform:none;color:inherit}
.limits dt,.sources dt{margin:0 0 4px}
.limits dd,.sources dd{margin:0 0 22px}
.sources dt a{font-weight:600}

.doc-main pre{background:var(--panel);border-radius:6px;padding:16px 18px;overflow-x:auto;
  margin:0 0 1em;line-height:1.7}
.doc-main pre code{font-size:.8rem;color:var(--t2)}

@media (max-width:640px){
  .doc-main{margin-left:0;padding-inline:16px}
  body.doc header{padding:10px 16px;flex-wrap:wrap}
}