/* Vendor Register. Direction from the design seed (sha256 in design-brief.md): a customs manifest. One cream sheet of
   manifest stock, bronze-olive ink for every rule, label and link, figures and codes in a plain mono, a geometric sans
   for the headline and the big figures, and two stamps: the country a dependency lands in as an outlined bronze stamp,
   and everything that needs attention as an outlined blue stamp, the one blue on the page. Inline bars carry the share
   of spend. Hairlines, no band, no shadows, no gradients, a 3px radius on stamps and buttons only. */
:root {
  --stock: #f6f2e8; --card: #fffdf7; --wash: #efeadb;
  --ink: #1f1b10; --ink-2: #4d473a; --ink-3: #7d7663;
  --bronze: #6a5e1b; --bronze-2: #4d440f; --bronze-wash: #ece6cf;
  --rule: #cfc6a6; --rule-2: #e4dfcc;
  --stamp: #2931a3; --stamp-wash: #e4e6f6;
  --display: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sans: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: "Source Code Pro", "SFMono-Regular", Menlo, Consolas, monospace;
  --max: 1160px; --r: 3px;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { background: var(--stock); color: var(--ink); font: 16px/1.5 var(--sans); -webkit-font-smoothing: antialiased; }
body { margin: 0; }
a { color: var(--bronze); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: var(--bronze-2); }
h1, h2, h3 { font-family: var(--display); font-weight: 600; line-height: 1.1; margin: 0 0 12px; letter-spacing: -0.01em; }
h1 { font-size: clamp(32px, 4.2vw, 50px); font-weight: 700; letter-spacing: -0.02em; }
h2 { font-size: clamp(22px, 2.4vw, 27px); }
h3 { font-size: 18px; }
p { margin: 0 0 14px; }
code, .mono { font-family: var(--mono); font-size: 0.9em; }
.num, .tab { font-variant-numeric: tabular-nums; }
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 20px; }
/* Header: a cream strip with a 2px bronze rule under it */
.band { background: var(--card); border-bottom: 2px solid var(--bronze); }
header.site { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 12px; }
header.site .brand { font-family: var(--display); font-weight: 700; font-size: 22px; color: var(--ink); text-decoration: none; letter-spacing: -0.01em; }
header.site .brand em { font-style: normal; color: var(--bronze); }
header.site nav a { margin-left: 20px; text-decoration: none; color: var(--ink-2); font-size: 15px; font-weight: 500; }
header.site nav a:hover { color: var(--bronze); text-decoration: underline; text-underline-offset: 4px; }
/* Section heads: a hairline above, a mono kicker, the head, the folio at the right */
.sec-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; border-top: 1px solid var(--bronze); padding-top: 10px; margin-bottom: 10px; }

.sec-head h2 { margin: 0; }
.sec-head .folio { font-family: var(--sans); font-size: 12.5px; color: var(--ink-3); margin-left: auto; }
/* Stamps: outlined, mono, uppercase; bronze for the country, blue for what needs attention */
.stamp { display: inline-block; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bronze); border: 1px solid var(--bronze); border-radius: var(--r); padding: 1px 5px 0; line-height: 1.5; vertical-align: 1px; white-space: nowrap; }
.stamp.raw { border-style: dashed; }
.stamp.blue, .flag { display: inline-block; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--stamp); border: 1px solid var(--stamp); border-radius: var(--r); padding: 1px 5px 0; line-height: 1.5; margin: 2px 6px 0 0; white-space: nowrap; }
.flags { margin-top: 3px; }
.cname { font-size: 13px; color: var(--ink-2); margin-left: 4px; }
.mark { color: var(--stamp); font-weight: 600; }
.standing { display: none; } .standing.unreg { display: inline-block; font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--stamp); border: 1px solid var(--stamp); border-radius: var(--r); padding: 1px 5px 0; margin-left: 8px; vertical-align: 1px; }
.crit { font-family: var(--mono); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; font-weight: 500; } .crit.critical { color: var(--ink); } .crit.important { color: var(--ink-2); } .crit.standard { color: var(--ink-3); }
/* Bars: the share of spend */
.bar { display: inline-block; width: 64px; height: 6px; background: var(--rule-2); vertical-align: middle; margin-right: 8px; border-radius: 1px; overflow: hidden; }
.bar i { display: block; height: 100%; background: var(--bronze); }
.bar.hot i { background: var(--stamp); }
/* Hero */
.hero { padding: 40px 0 16px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 44px; align-items: start; }
.hero .lede { font-size: 18px; color: var(--ink-2); max-width: 600px; margin-bottom: 18px; }
.hero .cta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.hero .cta .hint { flex-basis: 100%; }
.eyebrow { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 12px; } .eyebrow a { color: var(--ink-3); }
@media (max-width: 860px) { .hero { grid-template-columns: 1fr; gap: 20px; } }
figure.person { margin: 0; } figure.person img { display: block; width: 100%; height: auto; background: var(--wash); border-radius: var(--r); }
figure.person figcaption { font-size: 14px; color: var(--ink-2); margin-top: 10px; line-height: 1.45; }
/* Specimen manifest under the photograph */
.specimen { border-top: 1px solid var(--bronze); margin-top: 16px; padding-top: 8px; font-size: 13px; }
.specimen .legend { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); display: flex; justify-content: space-between; gap: 10px; }
.specimen table { width: 100%; border-collapse: collapse; margin-top: 8px; table-layout: fixed; }
.specimen th { font-family: var(--sans); font-size: 12px; font-weight: 600; text-align: left; padding: 6px 8px 5px 0; border-bottom: 1px solid var(--rule); color: var(--ink-2); }
.specimen th.num, .specimen td.num { text-align: right; font-family: var(--mono); font-size: 12px; }
.specimen td { padding: 6px 8px 6px 0; border-bottom: 1px solid var(--rule-2); vertical-align: top; }
.specimen tr.total td { border-top: 1px solid var(--bronze); border-bottom: 0; font-weight: 600; }
.specimen .stamp, .specimen .flag { font-size: 9.5px; padding: 0 4px; margin: 0 4px 0 0; }
.specimen .cap { font-size: 12px; color: var(--ink-3); margin-top: 8px; } .specimen td.num .na { white-space: nowrap; font-size: 11.5px; }
section { padding: 30px 0; }
/* The tool */
.tool { border: 1px solid var(--rule); background: var(--card); margin-top: 22px; border-radius: var(--r); }
.tool .bar { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; padding: 14px 16px 10px; width: auto; height: auto; background: none; margin: 0; overflow: visible; border-radius: 0; }
.tool .bar .spacer { flex: 1; }
.tool .bar label { font: 14px var(--sans); color: var(--ink-2); white-space: nowrap; }
.tool .bar label input { margin-right: 5px; vertical-align: -1px; accent-color: var(--bronze); }
.tool .bar .ticks { display: flex; flex-wrap: wrap; gap: 6px 16px; }
textarea.paste { width: 100%; min-height: 230px; border: 0; border-top: 1px solid var(--rule-2); border-bottom: 1px solid var(--rule-2); padding: 14px 16px; font: 13px/1.5 var(--mono); color: var(--ink); resize: vertical; background: var(--card); display: block; }
textarea.paste:focus { outline: 2px solid var(--bronze); outline-offset: -2px; }
.btn { display: inline-block; border: 1px solid var(--bronze); background: var(--bronze); color: #fff; padding: 10px 18px; font: 600 14.5px var(--sans); cursor: pointer; text-decoration: none; border-radius: var(--r); }
.btn:hover { background: var(--bronze-2); border-color: var(--bronze-2); color: #fff; }
.btn.ghost { background: transparent; color: var(--bronze); }
.btn.ghost:hover { background: var(--bronze-wash); color: var(--bronze-2); }
.btn.small { padding: 7px 12px; font-size: 13px; }
.hint { font-size: 13px; color: var(--ink-3); }
.hint.warn { color: var(--stamp); }
.na { color: var(--ink-3); font-size: 12.5px; }
.sub { display: block; font-family: var(--sans); font-size: 11.5px; color: var(--ink-3); margin-top: 2px; } .sub.mark { color: var(--stamp); }
.regime-line { margin: -22px 0 26px; }
/* Summary strip: six cells, big display figures */
.summary { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0 18px; border-top: 1px solid var(--bronze); border-bottom: 1px solid var(--bronze); margin-bottom: 34px; padding: 4px 0; }
.summary > div { padding: 12px 0 10px; } .summary > div + div { border-left: 1px solid var(--rule-2); padding-left: 16px; }
.summary .n { font-family: var(--display); font-weight: 700; font-size: clamp(22px, 1.9vw, 28px); line-height: 1.05; color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; overflow-wrap: anywhere; }
.summary > div.flagged .n { color: var(--stamp); }
.summary .l { font-size: 12.5px; color: var(--ink-2); margin-top: 6px; line-height: 1.3; }
.summary .l .sub { color: var(--ink-3); margin-top: 3px; }
@media (max-width: 860px) { .summary { grid-template-columns: repeat(3, 1fr); gap: 0 12px; } .summary > div + div { border-left: 0; padding-left: 0; } }
@media (max-width: 480px) { .summary { grid-template-columns: repeat(2, 1fr); } }
/* Concentration bars */
section.conc { padding: 0 0 8px; margin-bottom: 8px; }
.conc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.conc-grid h3 { font-size: 15px; margin: 6px 0 8px; }
.crow { display: grid; grid-template-columns: minmax(0, 1.2fr) 56px 46px minmax(0, 0.9fr); gap: 8px; align-items: center; font-size: 13px; min-height: 32px; padding: 3px 0; border-bottom: 1px solid var(--rule-2); }
.crow .cl, .crow .cn { overflow-wrap: anywhere; line-height: 1.2; } .crow .bar { margin: 0; width: 56px; } .crow .cv { font-family: var(--mono); font-size: 12px; text-align: right; } .crow .cn { font-size: 11.5px; color: var(--ink-3); } .crow.rest { color: var(--ink-3); } .crow.rest .bar i { background: var(--rule); }
@media (max-width: 860px) { .conc-grid { grid-template-columns: 1fr; } }
/* Family sections and the manifest table */
section.fam { padding: 22px 0 0; margin-top: 18px; }
.famnote { max-width: 760px; margin: -2px 0 10px; }
.sheet-wrap { overflow-x: auto; border: 1px solid var(--rule); background: var(--card); border-radius: var(--r); }
table.sheet { width: 100%; border-collapse: collapse; font-size: 14px; table-layout: fixed; } table.sheet td { overflow-wrap: anywhere; }
table.sheet col.c1 { width: 17%; } table.sheet col.c2 { width: 16%; } table.sheet col.c3 { width: 9%; } table.sheet col.c4 { width: 10%; } table.sheet col.c5 { width: 13%; } table.sheet col.c6 { width: 12%; } table.sheet col.c7 { width: 9%; } table.sheet col.c8 { width: 9%; } table.sheet col.c9 { width: 5%; }
table.sheet th { font-family: var(--sans); font-size: 12px; font-weight: 600; color: var(--ink-2); text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--rule); background: var(--wash); }
table.sheet th.num { text-align: right; }
table.sheet td { padding: 10px 10px 8px; vertical-align: top; border-bottom: 0; }
table.sheet td.num { text-align: right; font-family: var(--mono); font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; }
table.sheet td.num .bar { width: 44px; margin-right: 6px; }
table.sheet td.num .na { font-family: var(--sans); white-space: normal; }
table.sheet tr.f td { border-top: 1px solid var(--rule-2); }
table.sheet tr.f.unreg td:first-child { box-shadow: inset 3px 0 0 var(--stamp); }
table.sheet td.code { font-weight: 600; color: var(--ink); min-width: 130px; }
table.sheet td.code a.cat, table.sheet td.small a.cat { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--rule); font-weight: 500; }
table.sheet td.small a.cat:hover { color: var(--bronze); border-color: var(--bronze); }
table.sheet td.small { font-size: 13px; color: var(--ink-2); }
table.sheet td.small .sub { font-size: 11.5px; }
table.sheet tfoot tr.total td { border-top: 1px solid var(--bronze); font-weight: 600; padding: 8px 10px; background: var(--card); font-size: 13px; }
table.sheet tfoot tr.total td.code { font-family: var(--sans); font-weight: 600; }
table.sheet tr.why:not(.open) { display: none; }
table.sheet tr.why td { padding: 0 12px 10px; font-size: 13px; color: var(--ink-2); line-height: 1.45; background: var(--stock); }
table.sheet td.more { text-align: right; white-space: nowrap; } table.sheet tr.f { cursor: pointer; } table.sheet tr.f .toggle { font: 600 11.5px var(--mono); color: var(--bronze); } table.sheet tr.f .toggle::after { content: 'open'; } table.sheet tr.f.open .toggle::after { content: 'close'; }
table.sheet tr.why td > div { display: flex; gap: 8px; margin-top: 5px; } table.sheet tr.why td > div > .k { flex: 0 0 118px; } table.sheet tr.why td > div > span:not(.k) { flex: 1; min-width: 0; }
table.sheet tr.why .k { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bronze); padding-top: 3px; }
table.sheet tr.why a.cref { font-family: var(--mono); font-size: 12px; text-decoration: none; border-bottom: 1px solid var(--rule); white-space: nowrap; }
table.sheet tr.why .clauses { display: block; margin-top: 4px; } table.sheet tr.why ol.cl { margin: 3px 0 2px; padding-left: 18px; max-width: 760px; } table.sheet tr.why ol.cl li { margin-bottom: 2px; font-size: 12.5px; }
table.sheet tr.why .roi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 2px 18px; } table.sheet tr.why .roi { font-size: 12.5px; display: flex; gap: 8px; border-bottom: 1px solid var(--rule-2); padding: 2px 0; } table.sheet tr.why .roi b { font-weight: 500; color: var(--ink-3); flex: 0 0 46%; }
.phone-only { display: none; }
.plan-tag { font-family: var(--mono); font-size: 10px; border: 1px solid currentColor; padding: 0 4px; margin-left: 6px; vertical-align: 1px; opacity: 0.8; border-radius: 2px; }
/* Findings */
section.ctrls { margin-top: 34px; padding-top: 0; }
section.ctrls details, .ctrls-inline details { border: 1px solid var(--rule); background: var(--card); padding: 0 16px; margin-bottom: -1px; }
section.ctrls details:first-of-type { border-radius: var(--r) var(--r) 0 0; } section.ctrls details:last-of-type { border-radius: 0 0 var(--r) var(--r); }
section.ctrls details:not([open]) .codes { display: none; }
section.ctrls summary, .ctrls-inline summary { cursor: pointer; padding: 11px 0; font-family: var(--sans); font-weight: 600; font-size: 15.5px; }
section.ctrls summary .who { display: block; font-family: var(--sans); font-size: 13px; color: var(--ink-2); margin-top: 2px; font-weight: 400; }
section.ctrls summary .codes { font-family: var(--mono); font-weight: 400; font-size: 12px; display: block; margin-top: 2px; color: var(--ink-3); }
section.ctrls .ctrl, .ctrls-inline .ctrl { padding: 6px 0 12px; border-top: 1px solid var(--rule-2); }
section.ctrls.evid { margin-top: 26px; } section.ctrls.evid h3 { margin-bottom: 4px; } section.ctrls.evid details { border-radius: var(--r); }
section.ctrls .ch, .ctrls-inline .ch { font-weight: 600; margin-bottom: 4px; } section.ctrls .ch code, .ctrls-inline .ch code { color: var(--bronze); margin-right: 6px; }
section.ctrls .ctrl p, .ctrls-inline .ctrl p { font-size: 14px; color: var(--ink-2); margin-bottom: 6px; }
ul.items { margin: 0 0 12px; padding-left: 18px; font-size: 14px; } ul.items li { margin-bottom: 5px; }
.locked { color: var(--ink-3); font-style: italic; }
body.has-result section.explain { display: none; }
/* Explanation rows and notices */
.form { border-top: 1px solid var(--bronze); }
.form > div { display: grid; grid-template-columns: 56px 240px 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--rule-2); align-items: baseline; }
.form .k { font-family: var(--mono); color: var(--bronze); font-size: 13px; letter-spacing: 0.08em; }
.form h3 { margin: 0; }
.form p { margin: 0; color: var(--ink-2); }
@media (max-width: 760px) { .form > div { grid-template-columns: 40px 1fr; } .form p { grid-column: 2; } }
.notice { border: 1px solid var(--rule); background: var(--card); padding: 12px 16px; margin: 14px 0; font-size: 14.5px; border-radius: var(--r); }
.notice.gate { background: var(--stamp-wash); border-color: var(--stamp-wash); }
p.plain-note { font-size: 14.5px; color: var(--ink-2); max-width: 720px; }
/* Pricing */
.pricing { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0; border: 1px solid var(--rule); background: var(--card); border-radius: var(--r); }
.pricing > div { padding: 22px 20px 24px; border-right: 1px solid var(--rule-2); display: flex; flex-direction: column; }
.pricing > div:last-child { border-right: 0; }
@media (max-width: 860px) { .pricing > div { border-right: 0; border-bottom: 1px solid var(--rule-2); } .pricing > div:last-child { border-bottom: 0; } }
.pricing .price { font-family: var(--display); font-weight: 700; font-size: 44px; line-height: 1; margin: 8px 0 2px; display: flex; align-items: baseline; gap: 8px; letter-spacing: -0.02em; }
.pricing .price small { font-size: 13px; color: var(--ink-3); font-family: var(--mono); font-weight: 400; letter-spacing: 0; }
.pricing .per { color: var(--ink-3); font-size: 13px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--rule-2); }
.pricing ul { list-style: none; padding: 0; margin: 0 0 18px; font-size: 14.5px; }
.pricing li { margin-bottom: 7px; padding-left: 1.1em; text-indent: -1.1em; }
.pricing li::before { content: "+  "; color: var(--bronze); font-family: var(--mono); }
.pricing .btn { margin-top: auto; align-self: flex-start; }
footer.site { border-top: 1px solid var(--bronze); margin-top: 30px; padding-block: 22px 40px; font-size: 13.5px; color: var(--ink-3); display: flex; flex-wrap: wrap; gap: 8px 22px; }
footer.site a { color: var(--ink-3); }
/* Forms and modal */
.modal { position: fixed; inset: 0; background: rgba(31,27,16,0.55); display: none; align-items: center; justify-content: center; padding: 20px; z-index: 10; }
.modal.open { display: flex; }
.modal .box { background: var(--card); border: 1px solid var(--rule); padding: 26px; max-width: 440px; width: 100%; border-radius: var(--r); }
.modal .box .legend { font-family: var(--display); font-weight: 600; font-size: 22px; margin-bottom: 6px; }
input[type=email], input[type=text] { width: 100%; padding: 10px 12px; border: 1px solid var(--rule); font: 15px var(--sans); background: var(--card); color: var(--ink); border-radius: var(--r); }
input:focus { outline: 2px solid var(--bronze); outline-offset: -1px; }
.row { display: flex; gap: 10px; align-items: center; }
.ok { color: var(--bronze); } .err { color: var(--stamp); }
.list { border: 1px solid var(--rule); background: var(--card); border-radius: var(--r); }
.list a.item { display: flex; justify-content: space-between; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--rule-2); text-decoration: none; color: var(--ink); }
.list a.item:last-child { border-bottom: 0; }
.list a.item:hover { background: var(--bronze-wash); }
.list .meta { font-family: var(--mono); font-size: 12px; color: var(--ink-3); }
.index { columns: 2; column-gap: 40px; font-size: 14px; }
.index a { display: block; text-decoration: none; color: var(--ink); padding: 6px 0; border-bottom: 1px solid var(--rule-2); break-inside: avoid; }
.index a .chips { display: block; font-size: 12px; color: var(--ink-3); margin-top: 1px; }
/* Category, family, regime and standards pages */
table.mtable { width: 100%; border-collapse: collapse; font-size: 14px; }
table.mtable th { text-align: left; font-family: var(--mono); font-weight: 500; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bronze); padding: 9px 16px 8px 0; border-bottom: 1px solid var(--rule-2); vertical-align: top; width: 230px; line-height: 1.35; }
table.mtable td { padding: 8px 0; border-bottom: 1px solid var(--rule-2); vertical-align: top; }
ul.doclist { padding-left: 18px; max-width: 760px; } ul.doclist li { margin-bottom: 8px; font-size: 14.5px; }
ol.clauses { padding-left: 20px; max-width: 760px; } ol.clauses li { margin-bottom: 6px; font-size: 14.5px; }
/* Phone: the manifest becomes stacked cards */
@media (max-width: 700px) { table.sheet, table.sheet tbody, table.sheet tfoot, table.sheet tr, table.sheet td { display: block; } table.sheet thead { display: none; } table.sheet tr.f { border-top: 1px solid var(--rule); padding: 10px 12px 4px; } table.sheet tr.f td { border: 0; padding: 3px 0; white-space: normal; min-width: 0; max-width: none; text-align: left; } table.sheet tr.f td.code { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 2px 8px; font-size: 15px; } table.sheet tr.f td.code .flags { display: block; order: 3; flex-basis: 100%; } table.sheet tr.f td[data-l]:not(.code) { position: relative; padding-left: 104px; font-size: 13px; } table.sheet tr.f td.num { font-family: var(--sans); font-variant-numeric: tabular-nums; font-size: 14px; text-align: left; }  table.mtable th, table.mtable td { display: block; width: auto; padding: 6px 0 0; border: 0; } table.mtable td { padding-bottom: 8px; border-bottom: 1px solid var(--rule-2); } table.sheet tr.f td[data-l]:not(.code)::before { content: attr(data-l); position: absolute; left: 0; top: 4px; font-family: var(--sans); font-size: 12px; color: var(--ink-3); } table.sheet tr.f td .sub { display: inline; margin-left: 6px; } table.sheet tr.f td[data-l="Provides"] .sub { display: block; margin-left: 0; } table.sheet tr.why td { padding: 6px 12px 12px; } table.sheet tr.f td.more { display: block; text-align: right; padding: 4px 0 2px; } section.ctrls summary .who { display: block; margin: 2px 0 0; } .index { columns: 1; } .index a { display: block; } .index a .chips { display: block; text-align: left; } table.sheet tr.f.unreg { box-shadow: inset 3px 0 0 var(--stamp); } table.sheet tr.f td:first-child { box-shadow: none !important; } table.sheet tfoot tr.total { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 8px 12px; border-top: 1px solid var(--bronze); } table.sheet tfoot tr.total td { border: 0; padding: 0; display: inline; } table.sheet tfoot tr.total td:empty { display: none; } table.sheet tr.why td > div { display: block; margin-top: 8px; } table.sheet tr.why td > div > .k { display: block; margin-bottom: 2px; } table.sheet tr.why .roi-grid { grid-template-columns: 1fr; } table.sheet tr.why .roi b { flex-basis: 40%; } .sheet-wrap { overflow: visible; } .summary .n { font-size: 24px; } .summary > div { padding: 8px 0; } .pricing .price { font-size: 36px; } section.ctrls summary .codes { white-space: normal; } header.site { gap: 10px; } header.site nav { white-space: nowrap; } header.site nav a { margin-left: 10px; font-size: 13.5px; } table.sheet { font-size: 13px; } .hero { padding-top: 24px; } .sec-head .folio { margin-left: 0; flex-basis: 100%; white-space: normal; } .regime-line { margin-top: -26px; } .crow { grid-template-columns: minmax(0, 1.1fr) minmax(40px, 1fr) 46px minmax(0, 0.8fr); } .crow .bar { width: 100%; } }
@media (max-width: 480px) { h1 { font-size: 2rem; } .wrap { padding: 0 16px; } header.site { flex-wrap: wrap; gap: 4px 10px; padding-block: 10px; } header.site .brand { white-space: nowrap; font-size: 19px; } header.site nav { flex-basis: 100%; white-space: normal; } header.site nav a { margin: 0 14px 0 0; font-size: 13px; } .hero { padding-top: 18px; } .hero .lede { font-size: 1rem; line-height: 1.45; } .tool .bar .btn { width: 100%; text-align: center; } .tool .bar .spacer { display: none; } .specimen col.i { display: none; } .crow { grid-template-columns: minmax(0, 1fr) minmax(36px, 0.8fr) 44px minmax(0, 0.7fr); } .crow .cn { font-size: 10.5px; } }
@media print { header.site nav, .tool, .btn, footer.site, .no-print, .specimen, figure.person { display: none !important; } html { background: #fff; } details { display: block; } details > * { display: block; } table.sheet tr.why { display: table-row; } }