/* FAR Overhaul Clause Crosswalk: a parallel table from a code supplement. White India-paper stock, near-black ink,
   PT Sans Narrow for running heads, column heads and the disposition abbreviations, PT Serif for the book text, Cousine
   for every clause number, date and count. Buckram green is the number that now applies under a named source; struck red
   is a number that no longer stands. Nothing else carries colour. 2px head and foot rules, hairlines between rows, a 2px
   radius on buttons and inputs only. */
:root {
  --stock: #fcfbf8; --paper: #ffffff; --ink: #1b1a17; --ink2: #57554f; --ink3: #7a776f; --hair: #d9d6cf; --hair2: #ebe8e1;
  --green: #2d5a27; --green-h: #1f4219; --tint: #eef3ec; --red: #a3261b;
  --narrow: "PT Sans Narrow", "Arial Narrow", Arial, sans-serif; --serif: "PT Serif", Georgia, "Times New Roman", serif; --mono: "Cousine", ui-monospace, Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--stock); color: var(--ink); font: 400 16px/1.6 var(--serif); text-rendering: geometricPrecision; }
a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--hair); text-underline-offset: 3px; }
a:hover { text-decoration-color: var(--ink); }
code { font: 400 13.5px/1.4 var(--mono); background: none; }
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 28px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 700; color: var(--ink); }
h1 { font-size: 38px; line-height: 1.16; margin: 10px 0 16px; letter-spacing: -0.005em; }
h2 { font-size: 22px; line-height: 1.25; margin: 0; }
h3 { font-size: 17px; line-height: 1.3; margin: 0 0 6px; }

/* the running head: the book's head line, a 2px rule under it */
header.site { background: var(--stock); border-bottom: 2px solid var(--ink); }
header.site .rh { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 16px 0 6px; flex-wrap: wrap; }
.brand { font: 700 21px/1 var(--narrow); text-transform: uppercase; letter-spacing: .05em; text-decoration: none; color: var(--ink); }
.docline { font: 400 14px/1.3 var(--serif); color: var(--ink2); }
header.site nav { display: flex; gap: 20px; flex-wrap: wrap; padding: 4px 0 10px; font: 400 15px/1.2 var(--narrow); text-transform: uppercase; letter-spacing: .06em; }
header.site nav a { text-decoration: none; color: var(--ink2); }
header.site nav a:hover, header.site nav a[aria-current] { color: var(--ink); text-decoration: underline; text-decoration-color: var(--ink); }
#nav-auth { margin-left: auto; display: flex; gap: 20px; }

/* hero */
.hero { display: grid; grid-template-columns: 1.02fr 1fr; gap: 44px; padding: 34px 0 20px; align-items: start; }
.eyebrow { font: 700 14px/1.3 var(--narrow); text-transform: uppercase; letter-spacing: .07em; color: var(--ink2); text-wrap: balance; }
.crumb a { color: var(--ink2); text-decoration: none; }
.lede { font-size: 17.5px; line-height: 1.6; margin: 0 0 18px; max-width: 64ch; }
.cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 4px 0 20px; }
.cta .hint { flex-basis: 100%; }
.reads { border-top: 2px solid var(--ink); padding-top: 4px; }
.reads p { margin: 0; padding: 10px 0; border-bottom: 1px solid var(--hair); font-size: 15px; line-height: 1.55; }
.reads p b { font-weight: 400; }
.reads p.src-note { font-size: 14px; color: var(--ink2); }
.reads p.src-note b { color: var(--ink); }
.side { display: flex; flex-direction: column; gap: 22px; }
figure.person { margin: 0; }
figure.person img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; object-fit: cover; }
figure.person figcaption { font-size: 14.5px; line-height: 1.55; color: var(--ink); margin-top: 10px; }

/* buttons */
.btn { display: inline-flex; align-items: center; gap: 8px; font: 700 15px/1 var(--narrow); text-transform: uppercase; letter-spacing: .06em; padding: 12px 18px; background: var(--ink); color: var(--paper); border: 2px solid var(--ink); border-radius: 2px; cursor: pointer; text-decoration: none; }
.btn:hover { background: var(--green-h); border-color: var(--green-h); color: var(--paper); }
.btn.ghost { background: transparent; color: var(--ink); }
.btn.ghost:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.btn.small { padding: 9px 12px; font-size: 13.5px; }
.plan-tag { font: 400 11px/1 var(--mono); text-transform: none; letter-spacing: 0; border: 1px solid currentColor; padding: 2px 4px; border-radius: 2px; }
.hint { font-size: 14px; color: var(--ink2); line-height: 1.5; }
.row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.spacer { flex: 1; }
.notice { border-top: 2px solid var(--ink); border-bottom: 1px solid var(--hair); padding: 12px 0; margin: 16px 0; font-size: 15px; }
.notice.gate { border-top-color: var(--green); }
.ok { color: var(--green); } .err { color: var(--red); }

/* the specimen excerpt on the first screen: a small parallel table */
.specimen { border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); background: var(--paper); padding: 0 0 10px; }
.specimen .legend { display: flex; justify-content: space-between; gap: 10px; font: 700 12.5px/1.2 var(--narrow); text-transform: uppercase; letter-spacing: .06em; color: var(--ink2); padding: 8px 12px; border-bottom: 1px solid var(--ink); }
.specimen table { width: 100%; border-collapse: collapse; font-size: 13px; }
.specimen th { font: 700 12px/1.2 var(--narrow); text-transform: uppercase; letter-spacing: .04em; color: var(--ink2); text-align: left; padding: 7px 8px; border-bottom: 1px solid var(--hair); }
.specimen td { padding: 7px 8px; border-bottom: 1px solid var(--hair2); vertical-align: top; }
.specimen .cap { margin: 10px 12px 2px; font-size: 15px; line-height: 1.45; }
.specimen .capsub { margin: 0 12px; font: 400 13px/1.4 var(--serif); color: var(--ink2); }
.n { font-weight: 700; font-variant-numeric: lining-nums tabular-nums; }

/* explain */
.explain { padding: 30px 0 8px; }
.explain h2 { margin-bottom: 10px; }
.form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 2px solid var(--ink); }
.form > div { padding: 14px 18px 12px 0; }
.form > div + div { padding-left: 18px; border-left: 1px solid var(--hair); }
.form .k { display: block; font: 700 14px/1 var(--narrow); letter-spacing: .06em; color: var(--ink2); margin-bottom: 8px; }
.form p { font-size: 15px; margin: 0; }
.wide { max-width: 78ch; font-size: 16px; }

/* the tool */
.tool { margin: 30px 0 10px; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); padding: 12px 0; }
.tool .bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 8px 0; }
.tool .bar .hint { flex: 1 1 420px; }
textarea.paste { width: 100%; min-height: 210px; font: 400 14px/1.55 var(--mono); color: var(--ink); background: var(--paper); border: 1px solid var(--ink3); border-radius: 2px; padding: 12px; resize: vertical; }
textarea.paste.short { min-height: 140px; }
textarea.paste:focus, select:focus, input:focus { outline: 2px solid var(--green); outline-offset: 1px; }
.two { border-top: 1px solid var(--hair); padding-top: 10px; margin-top: 4px; }
.two .lbl { display: block; font-size: 14.5px; margin-bottom: 8px; }
fieldset.ticks { border: 0; border-top: 1px solid var(--hair); margin: 8px 0 0; padding: 12px 0 0; display: flex; flex-wrap: wrap; gap: 14px 26px; font-size: 14.5px; }
fieldset.ticks legend { font: 700 13px/1 var(--narrow); text-transform: uppercase; letter-spacing: .06em; color: var(--ink2); padding: 0 0 8px; }
fieldset.ticks label { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
select, input[type=date], input[type=email] { font: 400 14px/1.2 var(--serif); padding: 7px 8px; border: 1px solid var(--ink3); border-radius: 2px; background: var(--paper); color: var(--ink); }
#actions { margin: 14px 0 0; }

/* the result: the parallel table */
#result { margin-top: 18px; }
.rs { background: var(--paper); border-top: 2px solid var(--ink); padding: 0 0 18px; }
.rhead { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font: 700 13px/1.2 var(--narrow); text-transform: uppercase; letter-spacing: .07em; color: var(--ink2); padding: 9px 14px; border-bottom: 1px solid var(--ink); }
.rhead .asat { font: 400 13px/1.2 var(--serif); text-transform: none; letter-spacing: 0; }
.leadline { font-size: 21px; line-height: 1.4; margin: 16px 14px 4px; }
.leadsub { font: 400 14px/1.5 var(--serif); color: var(--ink2); margin: 0 14px 10px; text-wrap: balance; }
.which { font-size: 14.5px; margin: 0 14px 12px; max-width: 90ch; }
details.key { margin: 4px 14px 14px; border-top: 1px solid var(--ink); font-size: 13.5px; }
details.key > summary { font: 700 12.5px/1 var(--narrow); text-transform: uppercase; letter-spacing: .07em; color: var(--ink2); padding: 8px 0; cursor: pointer; list-style: none; }
details.key > summary::-webkit-details-marker { display: none; }
details.key > summary::after { content: " +"; } details.key[open] > summary::after { content: " \2212"; }
details.key dl { display: grid; grid-template-columns: repeat(3, auto 1fr); gap: 3px 10px; margin: 0 0 6px; }
details.key dt { font: 700 13.5px/1.4 var(--narrow); } details.key dd { margin: 0 8px 0 0; color: var(--ink2); }
.key b, .ds, .share b { font: 700 13.5px/1.3 var(--narrow); letter-spacing: .02em; color: var(--ink); }
.runhead { display: flex; justify-content: space-between; align-items: baseline; padding: 6px 14px 4px; border-top: 2px solid var(--ink); font: 700 13px/1.2 var(--mono); }
.runhead .dots { font-family: var(--serif); }
.runhead .dots { color: var(--ink3); letter-spacing: .3em; }
.tablewrap { overflow-x: auto; }
table.pt { width: 100%; border-collapse: collapse; font-size: 14px; }
table.pt thead th { font: 700 12.5px/1.2 var(--narrow); text-transform: uppercase; letter-spacing: .05em; color: var(--ink2); text-align: left; padding: 8px 10px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); white-space: nowrap; }
table.pt td { padding: 6px 10px; border-bottom: 1px solid var(--hair); vertical-align: top; }
table.pt td.ln { font: 400 13px/1.6 var(--serif); font-variant-numeric: lining-nums tabular-nums; color: var(--ink2); width: 44px; }
table.pt tbody.kept td { color: var(--ink2); }
table.pt tbody.kept .num { color: var(--ink2); }
.same { font-size: 13px; color: var(--ink2); }
table.pt tr.main { cursor: pointer; }
table.pt tr.main.open td { background: #f7f6f1; }
table.pt th:nth-child(2), table.pt td.yl { width: 27%; }
table.pt th:nth-child(6), table.pt td.dsp { width: 70px; white-space: nowrap; }
table.pt th:nth-child(7), table.pt td.nt { width: 90px; }
table.pt tr.main:focus-visible { outline: 2px solid var(--green); outline-offset: -2px; }
.num { font: 400 14px/1.4 var(--mono); white-space: nowrap; }
.num.now { color: var(--green); font-weight: 700; }
.num.struck { text-decoration: line-through; text-decoration-color: var(--red); text-decoration-thickness: 1px; }
.nm { font-family: var(--mono); font-size: .92em; font-weight: inherit; }
ol.nl li.off { color: var(--ink2); }
ol.nl li.off .nn { color: var(--ink3); font-weight: 400; }
td .sub { display: block; font-size: 12.5px; line-height: 1.35; color: var(--ink2); margin-top: 2px; }
td.yl .tl { display: block; font-size: 13px; color: var(--ink2); line-height: 1.35; margin-top: 2px; }
.alt, .dt { font: 400 12.5px/1.4 var(--mono); color: var(--ink2); }
.none { font-size: 13px; color: var(--ink2); font-style: italic; }
.rm { font-style: italic; color: var(--ink2); }
.fr { font: 700 14px/1.6 var(--serif); font-variant-numeric: lining-nums; color: var(--ink); text-decoration: none; }
.cm { font: 400 14px/1.6 var(--serif); color: var(--ink2); }
tr.more td { background: #f7f6f1; padding: 4px 14px 14px 54px; }
dl.rd { margin: 0; display: grid; grid-template-columns: minmax(150px, 210px) 1fr; }
dl.rd > div { display: contents; }
dl.rd dt { font: 700 13px/1.4 var(--narrow); text-transform: uppercase; letter-spacing: .04em; color: var(--ink2); padding: 8px 12px 6px 0; border-top: 1px solid var(--hair); }
dl.rd dd { margin: 0; padding: 7px 0 6px; font-size: 14px; line-height: 1.5; border-top: 1px solid var(--hair); overflow-wrap: anywhere; }
.q { font-style: italic; }
a.src { color: var(--ink); }
.d { font: 400 13px/1.4 var(--serif); color: var(--ink2); }
.med { font-style: italic; font-size: 13px; color: var(--ink2); }
.foot-rule { border-top: 2px solid var(--ink); margin: 0 0 6px; }
.sec-head { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid var(--ink); padding: 0 0 6px; margin: 26px 14px 10px; gap: 10px; }
.sec-head h2 { font-size: 19px; }
.folio { font: 400 13.5px/1.2 var(--serif); color: var(--ink2); }
ol.nl { list-style: none; margin: 0 14px; padding: 0; }
ol.nl li { display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--hair); font-size: 14.5px; }
ol.nl .nn { font: 700 16px/1.3 var(--serif); font-variant-numeric: lining-nums; }
ol.nl .ask { display: block; font-style: italic; color: var(--ink2); font-size: 14px; }
ol.nl .who { display: block; font: 400 13.5px/1.5 var(--serif); color: var(--ink2); margin-top: 3px; overflow-wrap: anywhere; }
.notes > .hint, .gaps > .hint, .repl > .hint { margin: 8px 14px; }
table.plain { width: calc(100% - 28px); margin: 0 14px; border-collapse: collapse; font-size: 14px; }
table.plain th { font: 700 12.5px/1.2 var(--narrow); text-transform: uppercase; letter-spacing: .05em; color: var(--ink2); text-align: left; padding: 7px 8px; border-bottom: 1px solid var(--ink); }
table.plain td { padding: 8px; border-bottom: 1px solid var(--hair); vertical-align: top; }
table.plain .c { text-align: right; font-variant-numeric: lining-nums tabular-nums; }
table.plain tr.tot td { border-top: 2px solid var(--ink); border-bottom: 0; font-weight: 700; }
table.plain tr.rem td { color: var(--ink2); }
td .ask { display: block; margin-top: 4px; font-size: 13.5px; }
.boundary { font-size: 13.5px; color: var(--ink2); margin: 18px 14px 0; max-width: 95ch; }

/* index and inner pages */
ul.idx { list-style: none; padding: 0; margin: 0; columns: 3 260px; column-gap: 28px; }
ul.idx li { break-inside: avoid; padding: 6px 0; border-bottom: 1px solid var(--hair2); font-size: 14.5px; }
ul.idx li span { display: block; font-size: 12.5px; color: var(--ink2); }
.prose { max-width: 78ch; font-size: 16px; }
.facts { border-top: 2px solid var(--ink); margin: 10px 0 18px; }
.facts .fr3 { display: grid; grid-template-columns: repeat(3, 1fr); }
.facts .fr3 > div { padding: 12px 16px 12px 0; }
.facts .fr3 > div + div { padding-left: 16px; border-left: 1px solid var(--hair); }
.facts .lab { font: 700 12.5px/1.2 var(--narrow); text-transform: uppercase; letter-spacing: .06em; color: var(--ink2); display: block; margin-bottom: 6px; }
.facts .big { font: 700 24px/1.2 var(--mono); display: block; }
.facts .big.same { font: 400 15px/1.6 var(--serif); color: var(--ink2); }
.facts .big.now { color: var(--green); }
.facts .big.struck { text-decoration: line-through; text-decoration-color: var(--red); text-decoration-thickness: 1.5px; }
.facts .how { display: block; font-size: 13.5px; color: var(--ink2); margin-top: 4px; }
table.dates td:first-child { white-space: nowrap; font-variant-numeric: lining-nums; }
.faq h3 { margin-top: 16px; }

/* pricing */
.pricing { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.pricing > div { padding: 18px 20px 20px 0; display: flex; flex-direction: column; }
.pricing > div + div { padding-left: 20px; border-left: 1px solid var(--hair); }
.pricing h3 { font: 700 16px/1 var(--narrow); text-transform: uppercase; letter-spacing: .07em; }
.price { font: 700 38px/1 var(--serif); font-variant-numeric: lining-nums; margin: 10px 0 4px; }
.price small { font-size: 14px; margin-right: 4px; color: var(--ink2); }
.per { font-size: 14px; color: var(--ink2); }
.pricing ul { padding-left: 18px; font-size: 15px; flex: 1; }
.pricing > div > .btn { align-self: flex-start; }

/* saved lists */
.list .item { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--hair); text-decoration: none; flex-wrap: wrap; }
.list .item .meta { font-size: 13.5px; color: var(--ink2); }
.modal { position: fixed; inset: 0; background: rgba(27, 26, 23, .45); display: none; align-items: center; justify-content: center; z-index: 50; padding: 16px; }
.modal.open { display: flex; }
.modal .box { background: var(--paper); border-top: 2px solid var(--ink); padding: 20px; max-width: 440px; width: 100%; }
.modal .legend { font: 700 14px/1 var(--narrow); text-transform: uppercase; letter-spacing: .07em; margin-bottom: 10px; }
.modal input[type=email] { width: 100%; }

footer.site { border-top: 2px solid var(--ink); margin: 48px auto 0; max-width: 1144px; padding: 16px 0 40px; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13.5px; color: var(--ink2); }
@media (max-width: 1200px) { footer.site { margin-left: 28px; margin-right: 28px; } }
footer.site a { color: var(--ink2); }
footer.site span:nth-of-type(2), footer.site span:nth-of-type(3) { flex-basis: 100%; line-height: 1.55; }

@media (max-width: 1000px) {
  .hero { grid-template-columns: 1fr; gap: 26px; }
  .form { grid-template-columns: 1fr; }
  .form > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--hair); }
  .pricing { grid-template-columns: 1fr; }
  .pricing > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--hair); }
}
@media (max-width: 720px) {
  .wrap { padding: 0 16px; }
  footer.site { margin-left: 16px; margin-right: 16px; padding: 16px 0 36px; }
  .docline .dl-more { display: none; }
  header.site .rh { padding: 12px 0 2px; }
  header.site nav { gap: 6px 14px; padding: 2px 0 8px; font-size: 14px; }
  .docline { font-size: 13px; }
  h1 { font-size: 29px; }
  .lede { font-size: 15.5px; line-height: 1.55; }
  h1 { font-size: 27px; }
  .brand { font-size: 18px; }
  header.site nav { gap: 12px 16px; font-size: 14px; }
  #nav-auth { margin-left: 0; }
  .leadline { font-size: 18px; }
  .specimen th:nth-child(4), .specimen td:nth-child(4) { display: none; }
  /* the parallel table on a phone: two lines per clause. Line 1: the struck codified number, an arrow, the number under
     the deviation, the disposition flush right. Line 2: the title and the proposed number in small ink. Kept: one line. */
  table.pt thead { display: none; }
  table.pt, table.pt tbody { display: block; width: 100%; }
  table.pt tbody.lr { border-bottom: 1px solid var(--hair); }
  table.pt tr.main { display: grid; grid-template-columns: 28px auto 1fr auto auto; grid-template-areas: "ln cod dev nt dsp" "ln yl yl yl yl" "ln pro pro pro pro"; column-gap: 6px; padding: 8px 0; }
  table.pt td { display: block; border: 0; padding: 0; width: auto !important; }
  table.pt td.ln { grid-area: ln; font-size: 12px; }
  table.pt td.cod { grid-area: cod; } table.pt td.dev { grid-area: dev; } table.pt td.dsp { grid-area: dsp; text-align: right; }
  table.pt td.yl { grid-area: yl; } table.pt td.pro { grid-area: pro; font-size: 13px; } table.pt td.nt { grid-area: nt; text-align: right; white-space: nowrap; }
  table.pt td.dev { display: flex; align-items: baseline; flex-wrap: wrap; }
  table.pt td.dev::before { content: "\2192"; color: var(--ink3); margin-right: 6px; }
  table.pt td.yl > .num, table.pt td.yl > .alt, table.pt td.yl > .dt { display: none; }
  table.pt td.yl .tl { margin-top: 1px; }
  table.pt td.cod .sub, table.pt td.dev .sub { display: none; }
  table.pt td.pro .sub { display: inline; margin-left: 6px; }
  table.pt td.pro::before { content: "proposed "; font: 700 11.5px/1.3 var(--narrow); text-transform: uppercase; letter-spacing: .05em; color: var(--ink2); }
  table.pt tbody.kept td.yl, table.pt tbody.kept td.pro { display: none; }
  table.pt tbody.kept tr.main { grid-template-areas: "ln cod dev nt dsp"; }
  table.pt tbody.locked td.cod::before { content: none; }
  table.pt tbody.locked tr.main { grid-template-areas: "ln yl yl yl yl" "ln cod cod cod cod"; }
  table.pt tbody.locked td.dev, table.pt tbody.locked td.pro { display: none; }
  table.pt tr.more { display: block; }
  table.pt tr.more > td { display: block; }
  tr.more td { padding: 4px 10px 12px; }
  table.pt tr.main.open td { background: none; }
  table.pt tr.main.open { background: #f7f6f1; }
  details.key dl { grid-template-columns: auto 1fr; }
  .gaps table.plain td[data-h]::before { content: attr(data-h); display: block; font: 700 11.5px/1.3 var(--narrow); text-transform: uppercase; letter-spacing: .05em; color: var(--ink2); }
  dl.rd { grid-template-columns: 1fr; }
  dl.rd dt { padding-bottom: 0; }
  dl.rd dd { border-top: 0; }
  .num { white-space: normal; }
  table.plain { width: calc(100% - 20px); margin: 0 10px; font-size: 13.5px; }
  .repl table.plain thead, .gaps table.plain thead { display: none; }
  .repl table.plain tr, .gaps table.plain tr { display: block; border-bottom: 1px solid var(--hair); padding: 6px 0; }
  .repl table.plain td, .gaps table.plain td { display: block; border: 0; padding: 2px 4px; }
  .facts .fr3 { grid-template-columns: 1fr; }
  .facts .fr3 > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--hair); }
  ul.idx { columns: 1; }
}
@media print {
  header.site nav, .no-print, .tool, .cta, figure.person, .explain, footer.site a { display: none !important; }
  body { background: #fff; }
  tr.more { display: table-row !important; }
}
table.plain.full { width: 100%; margin: 0; }
tr.more[hidden], table.pt tr.more[hidden], [hidden] { display: none !important; }
@media (max-width: 720px) {
  table.plain.full thead { display: none; }
  table.plain.full tr { display: block; border-bottom: 1px solid var(--hair); padding: 6px 0; }
  table.plain.full td { display: block; border: 0; padding: 2px 4px; }
}

td.yl .fl { display: block; font-size: 12.5px; color: var(--ink2); margin-top: 3px; }
.fresh { font-size: 13.5px; color: var(--ink2); margin: 0 14px 12px; }
th.cpc, td.cpc { width: 96px; text-align: right; }
td.cpc .btn { padding: 6px 10px; }
.flows p { margin: 0 0 10px; }
@media (max-width: 720px) { td.cpc { text-align: left; } th.cpc { display: none; } }