/* Readiness Report: the order page (readiness-report.html) and the report itself (report.php).
   Builds on site.css tokens. The report prints to A4 via "Save as PDF". */

/* ---------- shared ---------- */
.rr-small { font-size: .875rem; color: var(--ink-2); }
.rr-h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-stretch: 112%; font-weight: 700; letter-spacing: -.01em; line-height: 1.1; margin: 0 0 18px; }
.rr-h3 { font-size: 1.25rem; font-weight: 650; line-height: 1.2; margin: 0 0 10px; }
.rr-mt { margin-top: 40px; }
.rr-ans { display: inline-block; font-family: var(--font-mono); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; padding: 2px 8px; border-radius: 99px; white-space: nowrap; border: 1px solid var(--rule); }
.rr-ans-0 { color: var(--signal); border-color: currentColor; }
.rr-ans-1 { color: var(--p-d); border-color: currentColor; }
.rr-ans-2 { color: var(--p-c); border-color: currentColor; }
.rr-ans-3 { color: var(--accent); border-color: currentColor; }

/* ---------- order page ---------- */
.ro-hero { padding: 56px 0 40px; }
.ro-hero h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); font-stretch: 118%; font-weight: 750; line-height: 1.02; letter-spacing: -.02em; margin: 10px 0 18px; }
.ro-hero-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: start; }
.ro-price-card { background: var(--surface); border: 1px solid var(--rule); border-radius: var(--radius); padding: 28px; box-shadow: var(--shadow-1); }
.ro-price { font-family: var(--font-display); font-size: 3rem; font-weight: 750; line-height: 1; margin: 8px 0 4px; }
.ro-price small { font-size: .9rem; font-weight: 500; color: var(--ink-2); margin-left: 6px; }
.ro-price-sub { font-size: .9rem; color: var(--ink-2); margin-bottom: 18px; }
.ro-ticks { list-style: none; padding: 0; margin: 0 0 22px; display: grid; gap: 8px; font-size: 1rem; }
.ro-ticks li { padding-left: 26px; position: relative; }
.ro-ticks li::before { content: ""; position: absolute; left: 2px; top: .5em; width: 12px; height: 7px; border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg); }
.ro-price-card .btn { width: 100%; justify-content: center; }
.ro-price-card .ro-sample { display: block; text-align: center; margin-top: 12px; font-size: .95rem; }
.ro-what { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 8px; }
.ro-what div { border-top: 2px solid var(--ink); padding-top: 12px; }
.ro-what b { font-family: var(--font-display); display: block; margin-bottom: 4px; }
.ro-what p { font-size: .98rem; color: var(--ink-2); }
.ro-flow { padding: 48px 0 80px; }
.ro-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; align-items: start; }
.ro-steps { display: flex; gap: 6px; list-style: none; padding: 0; margin: 0 0 20px; flex-wrap: wrap; }
.ro-steps li { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; padding: 6px 12px; border-radius: 99px; border: 1px solid var(--rule); color: var(--ink-2); }
.ro-steps li.is-on { background: var(--ink); color: var(--bg); border-color: var(--ink); }
.ro-steps li.is-done { border-color: var(--accent); color: var(--accent); }
.ro-card { background: var(--surface); border: 1px solid var(--rule); border-radius: var(--radius); padding: clamp(20px, 3vw, 36px); box-shadow: var(--shadow-1); }
.ro-card h2 { font-size: 1.7rem; font-stretch: 110%; margin-bottom: 6px; }
.ro-card .ro-sub { color: var(--ink-2); margin-bottom: 22px; }
.ro-q { padding: 18px 0; border-top: 1px solid var(--rule); }
.ro-q:first-of-type { border-top: 0; }
.ro-q.is-missing .ro-q-t { color: var(--signal); }
.ro-q-t { font-weight: 500; margin-bottom: 10px; }
.ro-q-n { font-family: var(--font-mono); font-size: .75rem; color: var(--ink-2); margin-right: 8px; }
.ro-q-help { font-size: .92rem; color: var(--ink-2); margin: -4px 0 10px; }
.ro-seg { display: flex; flex-wrap: wrap; gap: 6px; }
.ro-seg input { position: absolute; opacity: 0; pointer-events: none; }
.ro-seg label { font-family: var(--font-display); font-size: .95rem; padding: 8px 14px; border: 1px solid var(--rule); border-radius: 99px; cursor: pointer; background: var(--bg); transition: background .15s, border-color .15s, color .15s; }
.ro-seg label:hover { border-color: var(--accent); }
.ro-seg input:checked + label { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.ro-seg input:focus-visible + label { outline: 2px solid var(--accent); outline-offset: 2px; }
.ro-list { display: grid; gap: 8px; }
.ro-list input { position: absolute; opacity: 0; pointer-events: none; }
.ro-list label { display: block; padding: 12px 16px; border: 1px solid var(--rule); border-radius: var(--radius); cursor: pointer; background: var(--bg); font-size: 1rem; line-height: 1.45; }
.ro-list label b { font-family: var(--font-display); font-weight: 600; }
.ro-list label:hover { border-color: var(--accent); }
.ro-list input:checked + label { border-color: var(--accent); background: var(--tint-strong); box-shadow: inset 3px 0 0 var(--accent); }
.ro-list input:focus-visible + label { outline: 2px solid var(--accent); outline-offset: 2px; }
.ro-fld { display: grid; gap: 6px; margin-bottom: 16px; }
.ro-fld label, .ro-lbl { font-family: var(--font-display); font-weight: 600; font-size: .95rem; }
.ro-fld .opt { font-weight: 400; color: var(--ink-2); }
.ro-inp { font: inherit; font-size: 1rem; padding: 11px 13px; border: 1px solid var(--rule); border-radius: var(--radius); background: var(--bg); color: var(--ink); width: 100%; }
.ro-inp:focus { outline: 2px solid var(--accent); outline-offset: 1px; border-color: var(--accent); }
.ro-fld.is-missing .ro-inp { border-color: var(--signal); }
.ro-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ro-tick { display: flex; gap: 10px; align-items: flex-start; font-size: .98rem; margin: 8px 0 16px; }
.ro-tick input { margin-top: 5px; accent-color: var(--accent); width: 18px; height: 18px; }
.ro-tick.is-missing { color: var(--signal); }
.ro-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 26px; flex-wrap: wrap; }
.ro-back { background: none; border: 0; font: inherit; font-family: var(--font-display); color: var(--ink-2); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; padding: 8px 0; }
.ro-alert { margin-top: 16px; padding: 12px 16px; border-radius: var(--radius); border: 1px solid var(--signal); color: var(--ink); background: color-mix(in srgb, var(--signal) 8%, transparent); }
.ro-note { margin-top: 10px; padding: 10px 14px; border-radius: var(--radius); background: var(--tint); font-size: .95rem; }
.ro-total { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--rule); padding-top: 14px; margin-top: 8px; }
.ro-total b { font-family: var(--font-display); font-size: 1.5rem; }
.ro-side { position: sticky; top: 92px; display: grid; gap: 14px; }
.ro-side-box { background: var(--surface); border: 1px solid var(--rule); border-radius: var(--radius); padding: 20px; font-size: .98rem; }
.ro-side-box .eyebrow { margin-bottom: 8px; }
.ro-prog { height: 6px; background: var(--bg-2); border-radius: 99px; overflow: hidden; margin: 8px 0 6px; }
.ro-prog span { display: block; height: 100%; width: 0; background: var(--accent); transition: width .3s; }
.ro-faq { padding: 0 0 80px; }
.ro-faq .faq-list { max-width: 820px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 960px) {
  .ro-hero-grid, .ro-layout { grid-template-columns: 1fr; }
  .ro-side { position: static; }
  .ro-what { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .ro-row, .ro-what { grid-template-columns: 1fr; }
}

/* ---------- report ---------- */
.rr-body { background: var(--bg); }
.rr-toolbar { position: sticky; top: 0; z-index: 20; background: var(--bg-glass); backdrop-filter: blur(8px); border-bottom: 1px solid var(--rule); }
.rr-toolbar-in { display: flex; justify-content: space-between; align-items: center; height: 64px; }
.rr-toolbar-act { display: flex; gap: 8px; }
.rr { padding-top: 32px; padding-bottom: 64px; max-width: 980px; }
.rr-sample { background: var(--tint-strong); border-left: 3px solid var(--accent); padding: 12px 16px; margin-bottom: 24px; font-size: .98rem; }
.rr-cover h1 { font-size: clamp(2rem, 5vw, 3.2rem); font-stretch: 116%; font-weight: 750; line-height: 1.04; letter-spacing: -.02em; margin: 8px 0 8px; }
.rr-cover-meta { color: var(--ink-2); font-size: .98rem; margin-bottom: 28px; }
.rr-hero { display: grid; grid-template-columns: 220px 1fr; gap: 28px; background: var(--band); color: var(--band-ink); border-radius: var(--radius); padding: 28px; margin-bottom: 32px; }
.rr-index-k { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--band-ink-2); }
.rr-index-v { font-family: var(--font-display); font-size: 4.6rem; font-weight: 800; line-height: 1; font-stretch: 112%; margin: 6px 0; }
.rr-index-v small { font-size: 1.1rem; font-weight: 500; color: var(--band-ink-2); margin-left: 4px; }
.rr-index-b { display: inline-block; font-family: var(--font-display); font-weight: 600; padding: 3px 12px; border-radius: 99px; background: var(--band-tint); color: var(--band-accent); }
.rr-b-forming { color: #FF9B6B; background: rgba(255, 138, 85, .14); }
.rr-b-developing { color: #F0C36A; background: rgba(230, 168, 74, .15); }
.rr-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px 22px; align-content: center; margin: 0; }
.rr-kpis div { border-top: 1px solid var(--band-rule); padding-top: 8px; }
.rr-kpis dt { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--band-ink-2); }
.rr-kpis dd { margin: 2px 0 0; font-family: var(--font-display); font-weight: 600; font-size: 1.1rem; }
.rr-findings { padding-left: 20px; display: grid; gap: 10px; margin-bottom: 24px; }
.rr-callout { background: var(--surface); border: 1px solid var(--rule); border-left: 4px solid var(--accent); border-radius: var(--radius); padding: 18px 20px; margin-bottom: 20px; }
.rr-callout .eyebrow { margin-bottom: 6px; }
.rr-quote { margin: 0 0 20px; padding: 16px 20px; border-left: 3px solid var(--rule); font-style: italic; }
.rr-quote .eyebrow { font-style: normal; margin-bottom: 4px; }
.rr-howto { font-size: .9rem; color: var(--ink-2); }
.rr-sec { margin-top: 64px; padding-top: 32px; border-top: 2px solid var(--ink); position: relative; }
.rr-num { position: absolute; top: -2px; right: 0; font-family: var(--font-mono); font-size: .8rem; background: var(--ink); color: var(--bg); padding: 2px 10px; border-radius: 0 0 4px 4px; }
.rr-grid2 { display: grid; grid-template-columns: 300px 1fr; gap: 32px; align-items: center; }
.rr-lead { font-size: 1.15rem; margin-bottom: 16px; }
.rr-quad { width: 100%; max-width: 300px; }
.rr-quad .qd-cell { fill: var(--surface); stroke: none; }
.rr-quad .qd-frame { fill: none; stroke: var(--rule); }
.rr-quad .qd-line { stroke: var(--rule); stroke-dasharray: 3 4; }
.rr-quad .qd-name { font-family: var(--font-display); font-size: 13px; fill: var(--ink-2); text-anchor: middle; }
.rr-quad .qd-axis-label { font-family: var(--font-mono); font-size: 10px; letter-spacing: .1em; fill: var(--ink-2); text-anchor: middle; }
.rr-q-dot { fill: var(--signal); }
.rr-q-halo { fill: var(--signal); opacity: .18; }
.rr-bar { display: grid; grid-template-columns: 150px 1fr 36px; gap: 12px; align-items: center; margin: 8px 0; font-size: .95rem; }
.rr-bar-l { font-family: var(--font-display); }
.rr-bar-t { position: relative; height: 10px; background: var(--bg-2); border-radius: 99px; overflow: hidden; }
.rr-bar-f { position: absolute; inset: 0 auto 0 0; background: var(--accent); border-radius: 99px; }
.rr-bar-m { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--ink-2); opacity: .5; }
.rr-bar-v { font-family: var(--font-mono); text-align: right; }
.rr-cols3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 28px; font-size: 1rem; }
.rr-cols3 .eyebrow { margin-bottom: 6px; }
.rr-table { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: .98rem; }
.rr-table th { text-align: left; font-family: var(--font-mono); font-weight: 500; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); border-bottom: 1px solid var(--ink); padding: 8px 10px 8px 0; }
.rr-table td { border-bottom: 1px solid var(--rule); padding: 10px 10px 10px 0; vertical-align: top; }
.rr-table td:last-child { text-align: right; padding-right: 0; }
.rr-bani { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 14px; }
.rr-bani-c { background: var(--surface); border: 1px solid var(--rule); border-radius: var(--radius); padding: 16px; font-size: .92rem; }
.rr-bani-c.is-weak { border-color: var(--signal); box-shadow: inset 0 3px 0 var(--signal); }
.rr-bani-from { font-family: var(--font-mono); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
.rr-bani-n { font-family: var(--font-display); font-weight: 650; font-size: 1.15rem; }
.rr-bani-v { font-family: var(--font-display); font-size: 2rem; font-weight: 750; line-height: 1.1; }
.rr-bani-v small { font-size: .8rem; color: var(--ink-2); font-weight: 400; }
.rr-mini { display: block; height: 6px; background: var(--bg-2); border-radius: 99px; overflow: hidden; margin: 6px 0 10px; }
.rr-mini span { display: block; height: 100%; background: var(--accent); }
.rr-bani-m { margin-bottom: 8px; }
.rr-bani-f { margin-bottom: 8px; }
.rr-bani-src { font-size: .75rem; color: var(--ink-2); }
.rr-fit { display: grid; grid-template-columns: 1fr 1.2fr; gap: 32px; align-items: start; }
.rr-fit-scale { display: grid; gap: 8px; }
.rr-fit-step { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--rule); border-radius: var(--radius); background: var(--surface); font-size: .95rem; position: relative; flex-wrap: wrap; }
.rr-fit-step.is-need { border-color: var(--signal); }
.rr-fit-step.is-mat { border-color: var(--accent); }
.rr-fit-step.is-need.is-mat { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--signal); }
.rr-fit-n { font-family: var(--font-display); font-weight: 750; font-size: 1.3rem; text-align: center; }
.rr-fit-l small { color: var(--ink-2); }
.rr-fit-tag { font-family: var(--font-mono); font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; padding: 2px 8px; border-radius: 99px; white-space: nowrap; grid-column: 3; }
.rr-tag-need { background: var(--signal); color: #fff; }
.rr-tag-mat { background: var(--accent); color: var(--accent-ink); }
.rr-fit-step.is-need.is-mat .rr-tag-mat { margin-top: 4px; }
.rr-posture { display: inline-block; font-family: var(--font-display); font-weight: 700; font-size: 1.4rem; margin-bottom: 6px; }
.rr-p-vigilant { color: var(--accent); }
.rr-p-vulnerable { color: var(--p-d); }
.rr-p-danger { color: var(--signal); }
.rr-p-over { color: var(--p-c); }
.rr-fit-copy p { margin-bottom: 10px; }
.rr-grid-x { grid-template-columns: 1.15fr 1fr; }
.rr-x { width: 100%; }
.rr-x-line { fill: none; stroke: var(--rule); stroke-width: 4; stroke-linecap: round; }
.rr-x-line.is-on { stroke: var(--ink-2); }
.rr-x-up.is-on { stroke: var(--accent); }
.rr-x-t { font-family: var(--font-display); font-size: 19px; fill: var(--ink-2); }
.rr-x-s { font-family: var(--font-mono); font-size: 15px; fill: var(--ink-2); letter-spacing: .08em; text-transform: uppercase; }
.rr-x-dot { fill: var(--signal); }
.rr-x-halo { fill: var(--signal); opacity: .2; }
.rr-odds-v { font-family: var(--font-display); font-size: 4rem; font-weight: 800; line-height: 1; }
.rr-odds-f { font-family: var(--font-mono); font-size: .85rem; color: var(--ink-2); margin: 6px 0 12px; }
.rr-dots { display: grid; grid-template-columns: repeat(10, 14px); gap: 6px; }
.rr-dots span { width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid var(--rule); }
.rr-dots span.on { background: var(--accent); border-color: var(--accent); }
.rr-route { display: grid; grid-template-columns: 1fr 1.4fr; gap: 32px; background: var(--surface); border: 1px solid var(--rule); border-radius: var(--radius); padding: 24px; }
.rr-route p { margin-bottom: 10px; }
.rr-route-dl { margin: 12px 0 0; display: grid; gap: 8px; }
.rr-route-dl div { display: grid; grid-template-columns: 120px 1fr; gap: 8px; font-size: .95rem; border-top: 1px solid var(--rule); padding-top: 6px; }
.rr-route-dl dt { font-family: var(--font-mono); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); padding-top: 3px; }
.rr-route-dl dd { margin: 0; font-family: var(--font-display); }
.rr-levers { padding-left: 22px; display: grid; gap: 14px; }
.rr-lever-q { font-style: italic; margin-bottom: 4px; }
.rr-lever-q .rr-ans { font-style: normal; margin-left: 6px; }
.rr-plan { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.rr-plan-c { background: var(--surface); border: 1px solid var(--rule); border-top: 3px solid var(--accent); border-radius: var(--radius); padding: 16px; }
.rr-plan-c .eyebrow { margin-bottom: 8px; }
.rr-check { list-style: none; padding: 0; display: grid; gap: 10px; font-size: .95rem; }
.rr-check li { padding-left: 24px; position: relative; }
.rr-check li::before { content: ""; position: absolute; left: 0; top: .3em; width: 13px; height: 13px; border: 1.5px solid var(--ink-2); border-radius: 3px; }
.rr-ifthen { margin-top: 40px; background: var(--band); color: var(--band-ink); border-radius: var(--radius); padding: 26px; }
.rr-ifthen .eyebrow { color: var(--band-ink-2); margin-bottom: 10px; }
.rr-ifthen-s { font-size: 1.3rem; line-height: 1.5; margin-bottom: 18px; }
.rr-ifthen-s b { font-family: var(--font-display); color: var(--band-accent); letter-spacing: .04em; }
.rr-ifthen-row { display: grid; grid-template-columns: 160px 1fr; gap: 12px; border-top: 1px solid var(--band-rule); padding: 8px 0; font-size: .98rem; }
.rr-ifthen-row > span:first-child { font-family: var(--font-mono); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--band-ink-2); padding-top: 4px; }
.rr-ifthen .rr-small { color: var(--band-ink-2); margin-top: 12px; }
.rr-fill { border-bottom: 1.5px dashed var(--band-accent); padding: 0 4px; outline: none; min-width: 3em; display: inline-block; }
.rr-fill:focus { background: var(--band-tint); }
.rr-fill-line { display: block; min-height: 1.5em; }
.rr-anchor { margin-top: 24px; border: 1px dashed var(--rule); border-radius: var(--radius); padding: 20px; }
.rr-anchor .eyebrow { margin-bottom: 6px; }
.rr-anchor p { margin-bottom: 8px; }
.rr-lenses { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.rr-lens { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--rule); border-radius: var(--radius); text-decoration: none; background: var(--surface); font-size: .95rem; }
.rr-lens:hover { border-color: var(--accent); }
.rr-lens b { font-family: var(--font-display); color: var(--accent); }
.rr-next { margin-top: 40px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px; align-items: center; background: var(--tint-strong); border-radius: var(--radius); padding: 24px; }
.rr-next-act { display: grid; gap: 10px; }
.rr-next-act .btn { justify-content: center; }
.rr-ctx { display: grid; gap: 8px; margin: 20px 0 0; font-size: .95rem; }
.rr-ctx div { display: grid; grid-template-columns: 170px 1fr; gap: 12px; border-bottom: 1px solid var(--rule); padding-bottom: 8px; }
.rr-ctx dt { font-family: var(--font-mono); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); padding-top: 3px; }
.rr-ctx dd { margin: 0; }
.rr-method { font-size: .92rem; display: grid; gap: 8px; padding-left: 20px; margin-bottom: 16px; }
.rr-appendix .rr-small { margin-bottom: 10px; }
.rr-foot { margin-top: 56px; padding-top: 16px; border-top: 1px solid var(--rule); font-size: .8rem; color: var(--ink-2); display: grid; gap: 4px; }
@media (max-width: 820px) {
  .rr-hero, .rr-grid2, .rr-grid-x, .rr-fit, .rr-route, .rr-next { grid-template-columns: 1fr; }
  .rr-cols3, .rr-plan { grid-template-columns: 1fr; }
  .rr-bani { grid-template-columns: 1fr 1fr; }
  .rr-bar { grid-template-columns: 120px 1fr 32px; }
  .rr-ifthen-row, .rr-ctx div { grid-template-columns: 1fr; gap: 2px; }
}

@page { size: A4; margin: 14mm 14mm 16mm; }
@media print {
  :root, :root[data-theme="dark"] {
    --bg: #FFFFFF; --bg-2: #E9EDE8; --surface: #FFFFFF; --ink: #10282B; --ink-2: #4A5D5F; --rule: #C6D0CB;
    --accent: #0B7564; --signal: #D4521F; --band: #0F2629; --band-ink: #E3ECE8;
  }
  html { font-size: 13px; }
  body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .rr-toolbar, .rr-next-act, .rr-sample, .skip { display: none !important; }
  .rr { padding: 0; max-width: none; }
  .rr-sec { margin-top: 0; break-before: page; }
  .rr-page-avoid, .rr-bani-c, .rr-plan-c, .rr-route, .rr-fit, .rr-levers li, .rr-table tr, .rr-callout { break-inside: avoid; }
  .rr-cover h1 { font-size: 2.4rem; }
  .rr-grid2 { grid-template-columns: 240px 1fr; }
  .rr-fill { border-bottom-style: solid; }
  a { text-decoration: none; }
}