/* P5 the method: Reckoning list, Order of Service table, Forecast box. */
.method .standfirst { margin-top: 14px; max-width: 40ch; }
.m-grid { margin-top: 36px; display: grid; gap: 56px; }
.m-col { position: relative; }
.m-col h3 { margin-bottom: 8px; }
.sub { font-style: italic; color: var(--ink-soft); margin-bottom: 20px; }
.reck li { display: grid; grid-template-columns: 2.25rem 1fr; gap: 10px; padding: 12px 0; border-top: 1px solid var(--rule); line-height: 1.35; }
.reck li:last-child { border-bottom: 1px solid var(--rule); }
.reck .n { color: var(--ledger-red); font-weight: 800; font-size: 1.75rem; line-height: 1; font-variation-settings: "opsz" 36; text-align: right; }
.reck b { font-weight: 700; }
.close { margin-top: 20px; font-size: 1rem; max-width: 52ch; }
.clock { float: right; width: 120px; margin: -6px 0 8px 14px; mix-blend-mode: multiply; }
.oos { width: 100%; border-collapse: collapse; clear: both; font-size: 1rem; line-height: 1.35; }
.oos caption { text-align: left; font-weight: 600; font-size: var(--fs-label); letter-spacing: 0.12em; text-transform: uppercase; padding-bottom: 8px; color: var(--ink-soft); }
.oos th, .oos td { padding: 9px 8px 9px 0; text-align: left; vertical-align: baseline; border-bottom: 1px dotted var(--ink-soft); }
.oos thead th { font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; border-bottom: 1px solid var(--ink); border-top: 3px solid var(--ink); padding-top: 8px; }
.oos tbody th, .oos tfoot th { font-weight: 700; }
.oos .num { text-align: right; width: 4.5rem; padding-right: 10px; border-left: 1px solid var(--ledger-red-tint); }
.oos tfoot th, .oos tfoot td { border-bottom: 0; border-top: 1px solid var(--ink); padding-top: 10px; font-size: 1.125rem; }
.oos .total { font-weight: 800; font-size: 1.5rem; box-shadow: inset 0 -5px 0 -4px var(--ledger-red); border-bottom: 3px double var(--ledger-red); }
.after { margin: 12px 0 0; }
.fc-box { background: var(--newsprint-deep); border: 1px solid var(--ink); padding: 20px 18px 8px; }
.fc-box .sub { margin-bottom: 10px; }
.fc-box dl > div { padding: 10px 0; border-top: 1px solid var(--rule); }
.fc-box dt { font-weight: 700; font-size: 0.75rem; letter-spacing: 0.12em; }
.fc-box dd { font-style: italic; line-height: 1.35; margin-top: 2px; }
.m-col > .col-rule { display: none; }
@media (max-width: 767px) {
  .clock { display: none; }
  .m-grid { gap: 32px; margin-top: 24px; }
  .m-three { margin-top: -20px; }
  .fc-box { border-top: 0; padding: 14px 14px 4px; }
  .fc-box h3 { font-size: var(--fs-label); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-soft); font-variation-settings: "opsz" 12; }
  .fc-box dl > div { display: grid; grid-template-columns: 7.5rem 1fr; gap: 8px; padding: 8px 0; }
  .fc-box dd { margin: 0; }
}
@media (min-width: 1024px) {
  .m-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); margin-top: 56px; align-items: start; }
  .m-one { grid-column: 1 / 6; }
  .m-two { grid-column: 6 / 10; }
  .m-three { grid-column: 10 / 13; }
  .m-col > .col-rule { display: block; left: calc(var(--gap) / -2); }
  .clock { width: 160px; }
  .method .standfirst { max-width: 50ch; }
  .oos { font-size: 0.9375rem; }
  .fc-box { padding: 22px 20px 10px; }
}