/* /data-handling page-local: the dictionary table's column plan and its phone reading order. Tokens only. */

/* the scope note sits in the page header, as the document's preamble */
.ph .aside.scope{margin-top:48px;max-width:46em}
.aside .ah + p{margin-top:12px}

/* the dictionary: four columns, the answer column lit; long cells read at 16px */
.dict .c1{width:17%}
.dict .c2{width:26%}
.dict .c3{width:27%}
.dict .c4{width:30%}
.dict th,.dict td{font-size:16px;line-height:1.55;padding:18px 16px}
.dict thead th{padding-top:0;padding-bottom:14px}
.dict tbody th{width:auto;font-size:16.5px;line-height:1.4}
.dict .us b{color:var(--head);font-weight:600}
.dict tr.key>*{border-top:2px solid var(--head)}

@media (max-width:999px){
  .dict .c1,.dict .c2,.dict .c3,.dict .c4{width:auto}
}
/* phone: each category is a block; every cell's column name sits above its text */
@media (max-width:699px){
  .ph .aside.scope{margin-top:36px}
  .dict.stack td{grid-template-columns:1fr;gap:4px;padding:8px 12px}
  .dict.stack td:not(.us){padding-left:0;padding-right:0}
  .dict.stack tbody th{font-size:18px}
  .dict tr.key{border-top:2px solid var(--head)}
  .dict tr.key>*{border-top:0}
}

/* the three propositions are an ordered list; the ordinal is the list's own marker (CSS), not text */
.ledger.counted{counter-reset:prop}
.ledger.counted>li{counter-increment:prop}
.ledger.counted .tt::before{content:counter(prop,decimal-leading-zero);display:block;font:600 14px/1 var(--f-sans);letter-spacing:.04em;color:var(--label);font-variant-numeric:tabular-nums}
.ledger.counted li.off .tt::before{color:var(--warn)}

/* the closing band keeps its source label; in the brief the head sits inside the panel, so the rail offset adds the panel padding */
@media (min-width:700px){ .brief .panel .sh-r{right:calc(100% + var(--gl) + var(--gr) + 57px)} }