/* Batch Register theme. Direction: a running sheet (working timetable, broadcast rundown, departure board). Paper white, graphite ink,
   Fira Sans Condensed for the sheet, Azeret Mono for every figure and code. Every figure READ (a period from the schedule, a clock from a
   clause) sits in a dark slate board cell lit in phosphor green; every figure COMPUTED sits in plain graphite mono on the paper. Hairlines
   between rows, a double hairline closing every group, one dark slate band for the header. No stamps, pins, strokes, chips, shadows,
   gradients or hatching. Radius 4px on the board cells and the buttons only. See design-brief.md. */
:root { --paper: #f5f6f3; --paper-2: #edf0ea; --ink: #15191c; --ink-2: #39424a; --ink-3: #5d6870; --rule: #cfd4cc; --rule-2: #e2e6df; --board: #1b232d; --board-2: #232d3a; --lit: #b5e04f; --lit-dim: #8fb53d; --sans: 'Fira Sans Condensed', 'Arial Narrow', Arial, sans-serif; --mono: 'Azeret Mono', ui-monospace, Menlo, Consolas, monospace; --r: 4px; }
* { box-sizing: border-box; }
html { background: var(--paper); }
body { margin: 0; font: 16px/1.5 var(--sans); color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased; }
a { color: var(--ink); text-decoration-color: var(--rule); text-underline-offset: 3px; }
a:hover { text-decoration-color: var(--ink); }
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
code, .mono { font-family: var(--mono); font-size: .82em; font-variant-numeric: tabular-nums; }
.hint code { font-size: .86em; background: var(--paper-2); padding: 1px 5px; border-radius: 0; }
/* band: the board */
.band { background: var(--board); color: var(--paper); border-bottom: 2px solid var(--board-2); }
header.site { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 24px; }
header.site .brand { font-weight: 700; font-size: 21px; letter-spacing: 0; color: var(--paper); text-decoration: none; }
header.site .brand em { font-style: normal; font-weight: 400; color: var(--lit); }
header.site nav a { color: var(--paper); margin-left: 18px; font-size: 14.5px; text-decoration: none; opacity: .88; }
header.site nav a:hover { opacity: 1; text-decoration: underline; text-decoration-color: var(--lit); }
header.site nav a.primary { color: var(--paper); border: 1px solid currentColor; border-radius: var(--r); padding: 5px 11px; opacity: 1; }
header.site nav a.primary:hover { background: var(--board-2); text-decoration: none; }
/* hero */
.hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 44px; padding: 44px 0 30px; align-items: start; }
@media (max-width: 860px) { .hero { grid-template-columns: 1fr; gap: 20px; } }
.eyebrow { font-family: var(--mono); font-size: 12.5px; letter-spacing: .02em; color: var(--ink-3); margin-bottom: 14px; }
h1 { font-size: clamp(30px, 3.6vw, 46px); line-height: 1.08; margin: 0 0 16px; font-weight: 700; letter-spacing: -.01em; }
h1.ph { font-size: clamp(26px, 3vw, 38px); }
h2 { font-size: 22px; margin: 0 0 8px; font-weight: 700; }
h2 a, h3 a { text-decoration: none; }
h3 { font-size: 16.5px; margin: 0 0 6px; font-weight: 700; }
.lede { font-size: 17.5px; line-height: 1.5; color: var(--ink-2); margin: 0 0 20px; max-width: 60ch; }
.cta { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; }
.cta .hint { flex-basis: 100%; }
.hint { color: var(--ink-3); font-size: 13.5px; line-height: 1.45; }
.btn { display: inline-block; background: var(--board); color: var(--lit); border: 1px solid var(--board); border-radius: var(--r); padding: 10px 18px; font: 600 15px var(--sans); cursor: pointer; text-decoration: none; }
.btn:hover { background: var(--board-2); }
.btn.ghost { background: transparent; color: var(--ink); border-color: var(--ink); }
.btn.ghost:hover { background: var(--paper-2); }
.btn.small { padding: 7px 12px; font-size: 13.5px; }
.btn[aria-busy] { opacity: .7; }
.plan-tag { font-family: var(--mono); font-size: 10.5px; margin-left: 8px; padding: 1px 6px; border: 1px solid currentColor; border-radius: var(--r); vertical-align: 1px; opacity: .85; }
.side figure.person { margin: 0 0 16px; }
.side figure.person img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.side figure.person figcaption { font-size: 13.5px; color: var(--ink-3); line-height: 1.45; margin-top: 8px; }
/* the board cell: a figure that was read */
.cell { display: inline-block; background: var(--board); color: var(--lit); font-family: var(--mono); font-weight: 600; font-size: 13.5px; font-variant-numeric: tabular-nums; padding: 2px 8px; border-radius: var(--r); line-height: 1.4; white-space: nowrap; }
.cell i { font-style: normal; font-weight: 400; color: var(--lit-dim); margin-left: 4px; font-size: 11.5px; }
.cell.none { background: transparent; color: var(--ink-3); font-weight: 400; font-size: 12.5px; padding: 2px 0; border-radius: 0; }
.gap { font-family: var(--mono); font-size: 12.5px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
/* specimen block */
.specimen { border-top: 1px solid var(--ink); border-bottom: 3px double var(--ink); padding: 10px 0 8px; }
.specimen .legend { display: block; font-family: var(--mono); font-size: 12px; color: var(--ink-3); margin-bottom: 8px; }
.specimen table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.specimen th { text-align: left; font-weight: 500; color: var(--ink-3); font-size: 12px; padding: 4px 6px 6px 0; border-bottom: 1px solid var(--rule); }
.specimen td { padding: 6px 6px 6px 0; border-bottom: 1px solid var(--rule-2); vertical-align: top; } .specimen td:first-child, .specimen th:first-child { padding-right: 18px; overflow-wrap: anywhere; }
.specimen td .flag { display: block; width: max-content; margin-top: 3px; }
.specimen th.num, .specimen td.num { text-align: right; padding-right: 10px; white-space: nowrap; } .specimen td.gap { white-space: nowrap; }
.specimen tr.total td { border-bottom: 0; border-top: 1px solid var(--ink); font-family: var(--mono); font-size: 12px; color: var(--ink-3); padding-top: 8px; }
.specimen .cap { font-size: 12.5px; color: var(--ink-3); margin-top: 10px; line-height: 1.45; }
th.num + th, td.num + td, table.sheet th.num + th, table.sheet td.num + td, .page .clock-rows th.num + th, .page .clock-rows td.num + td, .det table.clocks th.num + th, .det table.clocks td.num + td { padding-left: 24px; }
/* flags and standing */
.flag { display: inline-block; font-family: var(--mono); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-2); border: 1px solid var(--rule); padding: 0 4px; margin: 0 4px 0 0; line-height: 1.6; white-space: nowrap; }
.caps { display: inline-block; font-family: var(--mono); font-size: 10.5px; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-3); margin-left: 8px; }
.standing.unreg { display: inline-block; font-family: var(--mono); font-size: 11px; color: var(--ink-2); margin-left: 8px; }
.na { color: var(--ink-3); font-family: var(--mono); font-size: 12.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mark { color: var(--ink); font-weight: 600; }
.sub { display: block; font-size: 12.5px; color: var(--ink-3); line-height: 1.35; margin-top: 2px; font-weight: 400; }
.sub.plain { font-family: var(--sans); }
.locked { color: var(--ink-3); }
/* tool */
.tool { margin-top: 30px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); padding: 14px 0 16px; position: relative; }
.tool .bar { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; margin: 8px 0; }
.tool .bar .spacer { flex: 1; }
textarea.paste { width: 100%; min-height: 220px; font: 13.5px/1.45 var(--mono); color: var(--ink); background: #fff; border: 1px solid var(--rule); border-radius: 0; padding: 12px 14px; resize: vertical; }
textarea.paste:focus { outline: 2px solid var(--board); outline-offset: -1px; }
.ticks { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13.5px; }
.ticks label { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.ticks input { accent-color: var(--board); }
.row { display: flex; gap: 10px; align-items: center; }
/* summary strip */
.summary { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid var(--ink); border-bottom: 3px double var(--ink); margin: 6px 0 14px; }
.summary > div { padding: 12px 14px 12px 0; }
.summary > div + div { border-left: 1px solid var(--rule); padding-left: 14px; }
.summary .n { font-family: var(--mono); font-weight: 600; font-size: 34px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--ink); }
.summary .l { font-size: 13.5px; margin-top: 6px; font-weight: 500; }
.summary .l .sub { font-weight: 400; }
@media (max-width: 860px) { .summary { grid-template-columns: repeat(3, 1fr); } .summary > div + div { border-left: 0; padding-left: 0; } }
@media (max-width: 480px) { .summary { grid-template-columns: repeat(2, 1fr); } }
.regime-line { margin: 16px 0 26px; }
.regime-line .d { font-weight: 500; }
/* where the jobs sit */
.sec-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; border-top: 1px solid var(--ink); padding-top: 10px; margin: 30px 0 10px; position: relative; }
.sec-head h2 { margin: 0; }
.sec-head .folio { margin-left: auto; font-family: var(--mono); font-size: 11.5px; color: var(--ink-3); white-space: nowrap; }
.conc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
@media (max-width: 860px) { .conc-grid { grid-template-columns: 1fr; } }
.crow { display: grid; grid-template-columns: minmax(0, 1fr) 44px 64px; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--rule-2); font-size: 14px; }
.crow .cv, .crow .cs { font-family: var(--mono); font-size: 12.5px; text-align: right; font-variant-numeric: tabular-nums; }
.crow.head { font-size: 12px; color: var(--ink-3); border-bottom: 1px solid var(--rule); font-weight: 500; }
.crow.head .cv, .crow.head .cs { font-family: var(--sans); }
.crow.tot { border-bottom: 3px double var(--ink); border-top: 1px solid var(--ink); font-weight: 600; margin-top: 2px; }
.crow .cl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.famnote { max-width: 80ch; margin: 0 0 10px; }
/* the sheet */
.sheet-wrap { overflow-x: auto; border-bottom: 3px double var(--ink); }
table.sheet { width: 100%; border-collapse: collapse; font-size: 14px; }
table.sheet col.c1 { width: 22%; } table.sheet col.c2 { width: 19%; } table.sheet col.c3 { width: 12%; } table.sheet col.c4 { width: 15%; } table.sheet col.c5 { width: 13%; } table.sheet col.c6 { width: 10%; } table.sheet col.c7 { width: 9%; }
table.sheet th { text-align: left; font-weight: 500; font-size: 12px; color: var(--ink-3); padding: 6px 10px 6px 0; border-bottom: 1px solid var(--rule); }
table.sheet th.num, table.sheet td.num { text-align: right; white-space: nowrap; }
table.sheet td.gap { font-family: var(--mono); font-size: 13px; white-space: nowrap; font-variant-numeric: tabular-nums; padding-right: 24px; } table.sheet td.gap .sub, .specimen td.gap .sub { font-family: var(--mono); font-size: 12px; margin-top: 3px; }
table.sheet td.num .sub { white-space: nowrap; } table.sheet td[data-l="Clock"] .sub, .det table.clocks td .sub.q, .page .clock-rows td .sub { color: var(--ink-2); }
table.sheet td { padding: 9px 10px 9px 0; border-bottom: 1px solid var(--rule-2); vertical-align: top; }
table.sheet tr.f { cursor: pointer; }
table.sheet tr.f td.code::before { content: '+'; font-family: var(--mono); color: var(--ink-3); display: inline-block; width: 14px; }
table.sheet tr.f.open td.code::before { content: '\2013'; }
table.sheet tr.f.open td { background: var(--paper-2); }
table.sheet tr.f td.code { font-weight: 600; }
table.sheet .jname { font-family: var(--mono); font-weight: 600; font-size: 13px; word-break: break-all; }
table.sheet .flags { margin-top: 3px; white-space: nowrap; }
table.sheet td.small { font-size: 13.5px; }
table.sheet a.cat { text-decoration: none; border-bottom: 1px solid var(--rule); }
table.sheet a.cat:hover { border-bottom-color: var(--ink); }
table.sheet tr.why { display: none; }
table.sheet tr.why.open { display: table-row; }
table.sheet tr.why td { background: var(--paper-2); border-bottom: 1px solid var(--rule-2); padding: 12px 14px 14px; }
.det table.clocks { width: 100%; border-collapse: collapse; font-size: 13.5px; margin: 0 0 8px; }
.det table.clocks th { text-align: left; font-size: 11.5px; color: var(--ink-3); font-weight: 500; padding: 2px 10px 4px 0; border-bottom: 1px solid var(--rule); }
.det table.clocks td { padding: 6px 10px 6px 0; border-bottom: 1px solid var(--rule-2); vertical-align: top; }
.det table.clocks td.num, .det table.clocks th.num { text-align: right; white-space: nowrap; }
.det table.clocks col.k1 { width: 16%; } .det table.clocks col.k2 { width: 20%; } .det table.clocks col.k3 { width: 64%; }
.det table.clocks td:first-child { white-space: nowrap; } .det table.clocks td.grp { vertical-align: top; } .page .clock-rows tr.fh td { font-weight: 600; padding-top: 14px; border-bottom: 1px solid var(--ink); }
.det .flagline { font-size: 13.5px; margin: 0 0 8px; }
.det .q, .q { color: var(--ink-2); }
.det .ask { margin: 8px 0 4px; font-size: 14px; }
.det .mono { color: var(--ink-3); font-size: 12px; word-break: break-all; }
.key { font-family: var(--mono); font-size: 12px; color: var(--ink-3); margin: 0 0 6px; line-height: 1.6; }
/* findings */
section.ctrls details { border-bottom: 1px solid var(--rule-2); padding: 10px 0; } section.ctrls details:last-of-type { border-bottom: 3px double var(--ink); }
section.ctrls summary { cursor: pointer; font-weight: 600; display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; list-style: none; }
section.ctrls summary::-webkit-details-marker { display: none; }
section.ctrls summary::before { content: '+'; font-family: var(--mono); color: var(--ink-3); width: 14px; }
section.ctrls details[open] summary::before { content: '\2013'; }
section.ctrls summary .who { font-weight: 400; color: var(--ink-2); font-size: 14px; }
section.ctrls summary .codes { flex-basis: 100%; margin-left: 26px; font-family: var(--mono); font-size: 11.5px; color: var(--ink-3); white-space: normal; line-height: 1.5; }
section.ctrls .ctrl { padding: 6px 0 4px 26px; }
section.ctrls .ctrl ul.items { margin: 6px 0 10px; padding-left: 18px; font-size: 14px; }
.clause { border-top: 1px solid var(--rule-2); padding: 10px 0 6px; font-size: 14px; }
.clause .ch { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.clause .ch .ct { color: var(--ink-2); }
.clause .ch a.ext { margin-left: auto; font-size: 12.5px; color: var(--ink-3); }
.clause p { margin: 6px 0; }
.clause p.g { color: var(--ink-3); font-size: 13.5px; }
.clause p.ev { font-size: 13.5px; color: var(--ink-2); }
.gate { border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); padding: 10px 0; margin: 10px 0 16px; font-size: 14px; }
/* provenance, explain, notice */
.prov { margin: 26px 0 4px; padding: 14px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.prov b { display: block; margin-bottom: 6px; color: var(--ink); }
.explain { padding: 30px 0 10px; }
.form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.form > div { border-top: 1px solid var(--ink); padding-top: 12px; }
.form .k { display: block; font-family: var(--mono); font-size: 12px; color: var(--ink-3); margin-bottom: 8px; }
.form p { color: var(--ink-2); font-size: 15px; margin: 0; }
@media (max-width: 760px) { .form { grid-template-columns: 1fr; } }
.notice { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: 12px 0; margin: 20px 0; font-size: 14.5px; color: var(--ink-2); }
/* pricing */
.pricing { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); margin: 20px 0 8px; }
.pricing > div { padding: 22px 22px 22px 0; border-right: 1px solid var(--rule); display: flex; flex-direction: column; }
.pricing > div .btn { margin-top: auto; align-self: flex-start; }
.pricing > div + div { padding-left: 22px; }
.pricing > div:last-child { border-right: 0; }
.pricing .price { font-family: var(--mono); font-weight: 600; font-size: 44px; line-height: 1; margin: 6px 0 2px; }
.pricing .price small { font-size: 14px; font-weight: 400; margin-right: 6px; color: var(--ink-3); }
.pricing .per { font-size: 13px; color: var(--ink-3); margin-bottom: 12px; }
.pricing ul { padding-left: 18px; margin: 0 0 18px; font-size: 14.5px; color: var(--ink-2); }
.pricing li { margin: 6px 0; }
@media (max-width: 860px) { .pricing { grid-template-columns: 1fr; } .pricing > div { border-right: 0; border-bottom: 1px solid var(--rule); padding-left: 0; } .pricing > div:last-child { border-bottom: 0; } }
/* saved registers */
.list { border-top: 1px solid var(--ink); }
.list .item { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--rule-2); text-decoration: none; }
.list .item .meta { font-family: var(--mono); font-size: 12px; color: var(--ink-3); white-space: nowrap; }
/* modal */
.modal { display: none; position: fixed; inset: 0; background: rgba(21, 25, 28, .55); z-index: 50; align-items: center; justify-content: center; padding: 20px; }
.modal.open { display: flex; }
.modal .box { background: var(--paper); border: 1px solid var(--ink); padding: 22px; max-width: 440px; width: 100%; }
.modal .legend { font-family: var(--mono); font-size: 12px; color: var(--ink-3); margin-bottom: 8px; }
.modal input { width: 100%; font: 15px var(--sans); padding: 9px 10px; border: 1px solid var(--rule); background: #fff; }
.ok { color: var(--ink); } .err { color: var(--ink); font-weight: 600; }
/* pSEO pages */
.page { padding: 34px 0 20px; }
.page .lede, .page > p, .page .faq p, .page .clause, .page .hint, .page .faq { max-width: 760px; }
.page .clock-rows col.k1 { width: 34%; } .page .clock-rows col.k2 { width: 18%; } .page .clock-rows col.k3 { width: 48%; }
.page .clock-rows td.grp { vertical-align: top; }
.page h1 { font-size: clamp(26px, 3vw, 38px); }
.page .clock-rows { width: 100%; border-collapse: collapse; margin: 14px 0 20px; font-size: 14px; border-bottom: 3px double var(--ink); }
.page .clock-rows.byregime col.k1 { width: 16%; } .page .clock-rows.byregime col.k2 { width: 16%; } .page .clock-rows.byregime col.k3 { width: 68%; }
.page .clock-rows th { text-align: left; font-size: 12px; color: var(--ink-3); font-weight: 500; padding: 4px 10px 6px 0; border-bottom: 1px solid var(--rule); }
.page .clock-rows td { padding: 8px 10px 8px 0; border-bottom: 1px solid var(--rule-2); vertical-align: top; }
.page .clock-rows td.num, .page .clock-rows th.num { text-align: right; white-space: nowrap; }
.page .faq h3 { margin-top: 18px; }
.index { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; }
.index a { display: block; padding: 6px 0; border-bottom: 1px solid var(--rule-2); break-inside: avoid; text-decoration: none; font-size: 15px; }
.index a .sub { display: block; font-family: var(--mono); font-size: 12px; }
@media (max-width: 700px) { .index { grid-template-columns: 1fr; } }
/* footer */
footer.site { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: baseline; padding: 30px 24px 40px; margin-top: 40px; border-top: 1px solid var(--ink); font-size: 13.5px; color: var(--ink-3); position: relative; }
footer.site a { color: var(--ink-2); }
footer.site span:first-child { font-weight: 700; color: var(--ink); }
footer.site span:not(:first-child) { flex-basis: 100%; line-height: 1.5; }
/* phone: the sheet stacks into cards */
@media (max-width: 700px) {
  table.sheet, table.sheet tbody, table.sheet tr, table.sheet td { display: block; } table.sheet thead, table.sheet colgroup { display: none; }
  table.sheet tr.f { border-top: 1px solid var(--rule); padding: 10px 0 6px; } table.sheet tr.f td { border: 0; padding: 3px 0; text-align: left; }
  table.sheet tr.f td.code .flags { display: block; margin-top: 4px; }
  table.sheet tr.f td[data-l]:not(.code) { position: relative; padding-left: 92px; font-size: 13px; }
  table.sheet tr.f td[data-l]:not(.code)::before { content: attr(data-l); position: absolute; left: 0; top: 4px; font-size: 11.5px; color: var(--ink-3); font-family: var(--mono); }
  table.sheet tr.f td.num { text-align: left; } table.sheet tr.f td .sub { display: inline; margin-left: 6px; }
  table.sheet tr.why.open td { display: block; padding: 8px 0 12px; } table.sheet tr.f.open { background: var(--paper-2); } .sheet-wrap { overflow: visible; }
  .summary .n { font-size: 22px; } .summary > div { padding: 8px 8px 8px 0; }
  .sec-head .folio { margin-left: 0; flex-basis: 100%; white-space: normal; } section.ctrls summary .codes { margin-left: 0; } section.ctrls summary .who { display: block; }
  .crow .cl { white-space: normal; } header.site { padding: 12px 16px; gap: 10px; } header.site nav a { margin-left: 10px; font-size: 13px; }
  table.sheet tr.why .det table.clocks, table.sheet tr.why .det table.clocks tbody, table.sheet tr.why .det table.clocks tr, table.sheet tr.why .det table.clocks td { display: block; } table.sheet tr.why .det table.clocks thead, table.sheet tr.why .det table.clocks colgroup { display: none; } table.sheet tr.why .det table.clocks td { padding: 2px 0; border: 0; background: transparent; } table.sheet tr.why .det table.clocks td:first-child, table.sheet tr.why .det table.clocks td.num { display: inline-block; width: auto; padding-right: 10px; vertical-align: top; } table.sheet tr.why .det table.clocks tr { border-bottom: 1px solid var(--rule-2); padding: 6px 0; } table.sheet tr.why .det table.clocks td.num { text-align: left; }
  .list .item { flex-direction: column; gap: 4px; } .list .item .meta { white-space: normal; }
  .specimen table { font-size: 12.5px; } .specimen .gap { font-size: 11px; }
}
@media (max-width: 700px) {
  .page .clock-rows, .page .clock-rows tbody, .page .clock-rows tr, .page .clock-rows td { display: block; } .page .clock-rows thead, .page .clock-rows colgroup { display: none; } .page .clock-rows td { padding: 2px 0; border: 0; } .page .clock-rows td:first-child, .page .clock-rows td.num { display: inline-block; padding-right: 10px; } .page .clock-rows td.grp { display: block; padding-top: 6px; } .page .clock-rows tr { border-bottom: 1px solid var(--rule-2); padding: 6px 0; } .page .clock-rows td.num { text-align: left; }
}
@media (max-width: 480px) {
  .wrap { padding: 0 16px; } h1 { font-size: 28px; } .hero { padding-top: 22px; } .lede { font-size: 16px; }
  .hero .cta .btn, .tool .bar .btn { display: block; width: 100%; text-align: center; } .tool .bar .spacer { display: none; }
  header.site { flex-wrap: wrap; gap: 4px 10px; padding: 10px 16px; } header.site nav { flex-basis: 100%; } header.site nav a { margin: 0 9px 0 0; font-size: 12.5px; display: inline-block; }
  .specimen colgroup { display: none; } .specimen th:nth-child(4), .specimen td:nth-child(4) { display: none; }
  footer.site { padding: 26px 16px 36px; } 
}
@media print { header.site nav, .tool, .btn, footer.site, .no-print, .specimen, figure.person, .prov, .explain { display: none !important; } html, body { background: #fff; } .band { background: #fff; color: #000; border-bottom: 2px solid #000; } header.site .brand, header.site .brand em { color: #000; } details { display: block; } details > * { display: block; } table.sheet tr.why { display: table-row; } .cell, .summary .n { background: #fff; color: #000; border: 1px solid #000; } .cell i { color: #000; } }