/* Recommendation: a workshop selector board. Pick the symptom, answer one question, read the lit ticket. */
.rc-page {
  --rc-steel: #e8ebe8;
  --rc-steel-2: #dfe3e0;
  --rc-board: #1c2631;
  --rc-board-2: #253240;
  --rc-board-rule: #3a4856;
  --rc-drawer: #eceee9;
  --rc-ink: #16202a;
  --rc-muted: #4f5a63;
  --rc-rule: #c3c9c8;
  --rc-ticket: #f7f1e7;
  --rc-lamp: #f1bf4a;
  --rc-gutter: clamp(22px, 4.4vw, 64px);
  --rc-serif: "Cormorant Garamond Variable", "Cormorant Garamond", Georgia, serif;
  --rc-sans: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
  background: var(--rc-steel);
  color: var(--rc-ink);
  font-family: var(--rc-sans);
  font-size: 16px;
  line-height: 1.6;
  position: relative;
  overflow-x: clip;
  isolation: isolate;
}
.rc-page * { box-sizing: border-box; }
.rc-page ::selection { background: var(--rc-lamp); color: var(--rc-ink); }
.rc-page :where(h1, h2, h3, p, dl, dd, ul, ol, fieldset, figure) { margin: 0; padding: 0; }
.rc-page :where(ul, ol) { list-style: none; }
.rc-page a { color: inherit; text-underline-offset: 4px; }
.rc-page :is(a, summary, label, [tabindex="0"]):focus-visible { outline: 2px solid #b5821a; outline-offset: 3px; }
.rc-page section[id] { scroll-margin-top: 120px; }
.fam-search { --fam: #3f8f55; --fam-soft: #dcefe0; }
.fam-website { --fam: #d8a832; --fam-soft: #f7ebcb; }
.fam-answering { --fam: #3f9fd6; --fam-soft: #dbeefa; }
.fam-intake { --fam: #e0706a; --fam-soft: #f9dfdc; }
.fam-platform { --fam: #8d74d8; --fam-soft: #e9e3f8; }
.fam-automation { --fam: #cf6a26; --fam-soft: #f7e0cf; }
.fam-custom { --fam: #1f9aa3; --fam-soft: #d3eef0; }
.fam-unsure { --fam: #8b949c; --fam-soft: #e5e8ea; }
.rc-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.rc-wrap { max-width: 1400px; margin: 0 auto; padding-inline: var(--rc-gutter); }
.rc-tab { display: inline-block; width: 12px; height: 30px; background: var(--fam, var(--rc-muted)); border-radius: 2px; flex-shrink: 0; }

/* Hero */
.rc-hero { padding-top: clamp(130px, 11vw, 160px); padding-bottom: clamp(30px, 3.4vw, 46px); }
.rc-hero-inner { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); column-gap: clamp(28px, 5vw, 96px); align-items: end; }
.rc-title { font-family: var(--rc-sans); font-weight: 500; font-size: clamp(2.7rem, 5vw, 5.1rem); line-height: 0.98; letter-spacing: -0.04em; text-wrap: balance; max-width: 16ch; }
.rc-dek { font-size: 1.12rem; line-height: 1.55; color: var(--rc-ink); }
.rc-dek-quiet { margin-top: 14px; font-size: 0.9rem; color: var(--rc-muted); }
.rc-dek-quiet a { text-decoration: underline; text-decoration-color: #b5821a; }
.rc-hero-inner { align-items: start; }
.rc-hero-side { padding-top: 10px; }
.rc-key { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--rc-rule); }
.rc-key li { display: flex; align-items: center; gap: 10px; font-size: 0.86rem; font-weight: 500; color: var(--rc-ink); }
.rc-key .rc-tab { width: 10px; height: 22px; }

/* Board */
.rc-board {
  background-color: var(--rc-board); color: #eef1f2;
  background-image: radial-gradient(circle at 12px 12px, rgba(255, 255, 255, 0.07) 1.6px, transparent 2px);
  background-size: 24px 24px;
  padding-block: clamp(36px, 4vw, 60px) clamp(48px, 6vw, 88px);
}
.rc-board-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 14px 32px; padding-bottom: 18px; border-bottom: 2px solid var(--rc-board-rule); }
.rc-board h2 { font-family: var(--rc-sans); font-weight: 500; font-size: clamp(1.7rem, 2.4vw, 2.4rem); letter-spacing: -0.025em; color: #fff; }
.rc-steps { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 0.88rem; color: #c3cbd2; }
.rc-steps li { display: inline-flex; align-items: center; gap: 8px; }
.rc-steps span { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1.5px solid var(--rc-lamp); color: var(--rc-lamp); font-size: 0.78rem; font-weight: 700; border-radius: 2px; }
.rc-board-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(24px, 3.4vw, 56px); align-items: start; margin-top: 24px; }
.rc-pair { display: contents; }
.rc-drawer {
  grid-column: 1; position: relative; display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 10px 16px;
  background: var(--rc-drawer); color: var(--rc-ink); border-radius: 2px; cursor: pointer; margin-bottom: 8px;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.55), inset 0 -3px 0 rgba(22, 32, 42, 0.1);
  transition: transform 140ms ease-out, background-color 140ms ease-out, box-shadow 140ms ease-out;
}
.rc-drawer:hover { transform: translateX(3px); }
.rc-drawer input { position: absolute; opacity: 0; pointer-events: none; }
.rc-drawer-text { display: grid; gap: 1px; }
.rc-drawer-label { font-size: 1.02rem; font-weight: 600; line-height: 1.3; }
.rc-drawer .rc-tab { width: 14px; height: 36px; margin-left: -22px; border-radius: 0 2px 2px 0; box-shadow: 0 0 0 3px var(--rc-board); }
.rc-drawer { padding-left: 24px; }
.rc-drawer:has(input:checked) { background: var(--fam-soft); transform: translateX(10px); box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.6), 0 0 0 2px var(--fam); }
.rc-drawer:has(input:focus-visible) { outline: 2px solid var(--rc-lamp); outline-offset: 3px; }
.rc-ticket {
  grid-column: 2; grid-row: 1 / span 11; position: sticky; top: 118px; align-self: start;
  background: var(--rc-ticket); color: var(--rc-ink); border-radius: 0; padding: 28px clamp(20px, 2.6vw, 38px) 30px;
  border-top: 16px solid var(--fam, var(--rc-lamp));
  box-shadow: 0 24px 50px -24px rgba(0, 0, 0, 0.6);
}
.rc-ticket::before { content: ""; position: absolute; left: 0; right: 0; top: 16px; border-top: 2px dashed rgba(22, 32, 42, 0.18); }
.rc-slot { font-size: 0.78rem; font-weight: 600; color: var(--rc-muted); padding-top: 8px; }
.rc-ticket-empty { display: none; }
.rc-empty-line { margin-top: 12px; font-family: var(--rc-serif); font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1.05; font-weight: 500; }
.rc-empty-sub { margin-top: 12px; color: var(--rc-muted); max-width: 40ch; }
.rc-q { border: 0; margin-top: 14px; display: grid; gap: 8px; }
.rc-q legend { font-family: var(--rc-serif); font-size: 1.55rem; line-height: 1.2; font-weight: 500; margin-bottom: 10px; padding: 0; }
.rc-q label { position: relative; display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 8px 14px; border: 1.5px solid var(--rc-rule); border-radius: 2px; cursor: pointer; font-weight: 600; font-size: 0.95rem; background: #fffdf8; }
.rc-q input { position: absolute; opacity: 0; pointer-events: none; }
.rc-q label::before { content: ""; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--rc-ink); flex-shrink: 0; background: #fff; }
.rc-q label:has(input:checked) { border-color: var(--rc-ink); background: var(--fam-soft); }
.rc-q label:has(input:checked)::before { background: var(--rc-ink); box-shadow: inset 0 0 0 3px #fff; }
.rc-q label:has(input:focus-visible) { outline: 2px solid #b5821a; outline-offset: 3px; }
.rc-result { margin-top: 22px; padding-top: 4px; border-top: 1.5px solid var(--rc-ink); }
.rc-result-answer { font-size: 0.8rem; color: var(--rc-muted); }
.rc-result-answer span { font-weight: 600; color: var(--rc-ink); }
.rc-first-lead { color: var(--rc-muted); font-style: italic; }
.rc-first { font-family: var(--rc-serif); font-size: clamp(2rem, 3vw, 2.9rem); line-height: 1.08; font-weight: 500; letter-spacing: -0.01em; margin: 14px calc(-1 * clamp(20px, 2.6vw, 38px)) 0; padding: 18px clamp(20px, 2.6vw, 38px) 20px; background: var(--fam-soft, #f3e6c3); box-shadow: inset 0 3px 0 var(--fam, var(--rc-lamp)), inset 0 -1px 0 color-mix(in srgb, var(--fam, var(--rc-lamp)) 40%, transparent); }
.rc-first a { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--fam); text-underline-offset: 7px; }
.rc-result dl { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
.rc-result dt { font-size: 0.76rem; font-weight: 600; color: var(--rc-ink); margin-bottom: 4px; }
.rc-result dd { font-size: 0.95rem; line-height: 1.55; color: #36414a; }
.rc-notyet { padding-left: 14px; border-left: 1px dashed #b24a2e; }
.rc-notyet dt { color: #a3401f; }
.rc-result-actions { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 20px; }
.rc-ticket-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; background: var(--rc-ink); color: #fff !important; text-decoration: none; font-weight: 600; font-size: 0.9rem; border-radius: 2px; }
.rc-ticket-link:hover { background: #2c3a48; }
.rc-ticket-link-quiet { background: transparent; color: var(--rc-ink) !important; padding: 0; }
.rc-ticket-link-quiet:hover { background: transparent; text-decoration: underline; }
.rc-board-note { margin-top: 20px; font-size: 0.84rem; color: #aab4bc; max-width: 70ch; }
@supports selector(:has(*)) {
  .rc-ticket-empty { display: block; }
  .rc-panel { display: none; }
  .rc-board-grid:has(input[name="rc-symptom"]:checked) .rc-ticket-empty { display: none; }
  .rc-pair:has(.rc-drawer input:checked) .rc-panel { display: block; }
  .rc-res-b { display: none; }
  .rc-panel:has(.rc-q input[value="b"]:checked) .rc-res-a { display: none; }
  .rc-panel:has(.rc-q input[value="b"]:checked) .rc-res-b { display: block; }
  .rc-result-answer { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
  .rc-pair:has(.rc-drawer input:checked) .rc-panel, .rc-res-a, .rc-res-b { animation: rc-slide 360ms cubic-bezier(0.16, 1, 0.3, 1); }
}
@keyframes rc-slide { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* Reading sections */
.rc-section { padding-block: clamp(64px, 7vw, 108px); }
.rc-section-steel { background: var(--rc-steel-2); border-block: 1px solid var(--rc-rule); }
.rc-head { max-width: 62rem; }
.rc-head h2, .rc-faq h2, .rc-close h2 { font-family: var(--rc-serif); font-weight: 500; font-size: clamp(2.3rem, 3.6vw, 3.6rem); line-height: 1.02; letter-spacing: -0.02em; text-wrap: balance; }
.rc-head p { margin-top: 16px; font-size: 1.05rem; line-height: 1.66; color: var(--rc-muted); max-width: 70ch; }
.rc-head p a, .rc-segments a { text-decoration: underline; text-decoration-color: #b5821a; }
.rc-small { font-size: 0.84rem !important; }
.rc-page h3 { font-size: 0.82rem; font-weight: 600; color: var(--rc-ink); }

/* Library */
.rc-library { margin-top: clamp(32px, 4vw, 52px); border-top: 2px solid var(--rc-ink); }
.rc-library details { border-bottom: 1px solid var(--rc-rule); }
.rc-library summary { display: grid; grid-template-columns: 12px minmax(0, 1.2fr) minmax(0, 1fr) 20px; align-items: center; gap: 18px; padding: 16px 0; cursor: pointer; list-style: none; }
.rc-library summary::-webkit-details-marker { display: none; }
.rc-library summary::after { content: ""; width: 12px; height: 12px; border-right: 2px solid var(--rc-ink); border-bottom: 2px solid var(--rc-ink); transform: rotate(45deg); transition: transform 180ms ease-out; justify-self: center; }
.rc-library details[open] summary::after { transform: rotate(-135deg); }
.rc-lib-title { font-size: 1.12rem; font-weight: 600; }
.rc-lib-first { font-family: var(--rc-serif); font-size: 1.28rem; color: var(--rc-muted); }
.rc-lib-body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 32px; padding: 6px 0 26px 30px; }
.rc-lib-body p { margin-top: 6px; font-size: 0.95rem; line-height: 1.6; color: #36414a; }
.rc-lib-branches { grid-column: 1 / -1; padding-top: 14px; border-top: 1px dashed var(--rc-rule); }
.rc-lib-branches h3 { font-family: var(--rc-serif); font-size: 1.3rem; font-weight: 500; }

/* Sizing gauge */
.rc-sizing { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 88px); align-items: start; }
.rc-head-sticky { position: sticky; top: 120px; }
.rc-gauge { counter-reset: sys; border-top: 2px solid var(--rc-ink); }
.rc-dim { border: 0; border-bottom: 1px solid var(--rc-rule); padding: 16px 0 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; }
.rc-dim legend { float: left; width: 100%; font-weight: 600; font-size: 1.05rem; padding: 0; margin-bottom: 10px; }
.rc-dim-scale { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); border: 1.5px solid var(--rc-ink); border-radius: 2px; background: linear-gradient(90deg, #fff 0%, #fff 100%); }
.rc-dim-scale label { position: relative; display: flex; align-items: center; justify-content: center; min-height: 42px; cursor: pointer; font-size: 0.86rem; font-weight: 600; text-align: center; padding: 4px 8px; }
.rc-dim-scale label + label { border-left: 1.5px solid var(--rc-ink); }
.rc-dim-scale input { position: absolute; opacity: 0; pointer-events: none; }
.rc-dim-scale label:has(input:checked) { background: var(--rc-board); color: #fff; }
.rc-dim-scale label:has(input[value="high"]:checked) { background: var(--rc-lamp); color: var(--rc-ink); }
.rc-dim-scale label:has(input:focus-visible) { outline: 2px solid #b5821a; outline-offset: 2px; z-index: 1; }
.rc-dim input[value="high"]:checked { counter-increment: sys; }
.rc-dim-low, .rc-dim-high { font-size: 0.88rem; line-height: 1.5; color: var(--rc-muted); }
.rc-dim-high { text-align: right; }
.rc-tally { position: sticky; bottom: 0; margin-top: 18px; padding: 18px 20px; background: var(--rc-board); color: #eef1f2; border-radius: 2px; }
.rc-tally-count { font-weight: 600; }
.rc-tally-count::after { content: counter(sys) "\a0 of\a0 9"; white-space: nowrap; color: var(--rc-lamp); font-size: 1.3rem; margin-left: 6px; }
.rc-tally ul { margin-top: 10px; display: grid; gap: 4px; font-size: 0.88rem; color: #c3cbd2; }
.rc-tally strong { color: #fff; }

/* Fit */
.rc-fit-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(28px, 4vw, 64px); margin-top: clamp(32px, 4vw, 52px); align-items: start; }
.rc-good { background: var(--rc-board); color: #eef1f2; padding: 24px 26px; border-radius: 2px; position: sticky; top: 120px; }
.rc-good h3, .rc-different h3 { font-family: var(--rc-serif); font-size: 1.9rem; font-weight: 500; line-height: 1.1; }
.rc-good h3 { color: #fff; }
.rc-good li { padding: 11px 0 11px 24px; border-top: 1px solid var(--rc-board-rule); font-size: 0.93rem; line-height: 1.5; color: #d5dce1; position: relative; }
.rc-good li::before { content: ""; position: absolute; left: 0; top: 17px; width: 10px; height: 10px; border-radius: 50%; background: #4f9f7a; }
.rc-good ul { margin-top: 14px; }
.rc-different dl { margin-top: 16px; border-top: 2px solid var(--rc-ink); display: grid; grid-template-columns: 1fr 1fr; }
.rc-different dl > div { padding: 18px 22px 20px 0; border-bottom: 1px solid var(--rc-rule); }
.rc-different dl > div:nth-child(even) { padding-left: 22px; padding-right: 0; border-left: 1px solid var(--rc-rule); }
.rc-different dt { font-weight: 600; font-size: 1.05rem; }
.rc-different dd { margin-top: 6px; font-size: 0.92rem; line-height: 1.58; color: #36414a; }
.rc-instead { color: var(--rc-ink) !important; }
.rc-instead span { display: inline-block; margin-right: 8px; padding: 0 7px; font-size: 0.72rem; font-weight: 700; color: #fff; background: var(--rc-board); border-radius: 2px; }

/* Unclear */
.rc-unclear { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 88px); align-items: start; }
.rc-unclear-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 26px; }
.rc-button-dark, .rc-page .rc-button { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 22px; background: var(--rc-ink); color: #fff; text-decoration: none; font-weight: 600; font-size: 0.93rem; border-radius: 2px; transition: background-color 160ms ease-out; }
.rc-page .rc-button-dark { color: #fff; }
.rc-button-dark:hover { background: #2c3a48; }
.rc-text-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 600; font-size: 0.92rem; text-decoration: none; }
.rc-text-link:hover { text-decoration: underline; }
.rc-log { position: relative; overflow-x: auto; background: var(--rc-ticket); border-top: 10px solid var(--rc-lamp); padding: 18px 20px 20px; box-shadow: 0 20px 40px -30px rgba(0, 0, 0, 0.5); }
.rc-log table { width: 100%; min-width: 640px; border-collapse: collapse; }
.rc-log caption { text-align: left; font-family: var(--rc-serif); font-size: 1.6rem; font-weight: 500; padding-bottom: 10px; }
.rc-log th, .rc-log td { text-align: left; padding: 10px 10px 10px 0; border-bottom: 1px solid var(--rc-rule); font-size: 0.88rem; vertical-align: top; }
.rc-log thead th { font-size: 0.74rem; border-bottom: 1.5px solid var(--rc-ink); }
.rc-log tbody th { font-weight: 600; width: 34%; }
.rc-log td:nth-child(2) { color: var(--rc-muted); }
.rc-day { width: 52px; text-align: center !important; }
.rc-blank { display: inline-block; width: 36px; height: 26px; border-bottom: 1.5px solid var(--rc-ink); }

/* Paths */
.rc-paths { margin-top: clamp(28px, 3.4vw, 44px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(20px, 3vw, 48px); border-top: 2px solid var(--rc-ink); }
.rc-paths a { display: grid; grid-template-columns: 12px minmax(0, 13rem) minmax(0, 1fr) 18px; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--rc-rule); text-decoration: none; }
.rc-paths a:hover .rc-path-title { text-decoration: underline; text-decoration-color: var(--fam); text-decoration-thickness: 2px; }
.rc-paths .rc-tab { height: 24px; }
.rc-path-title { font-weight: 600; font-size: 1rem; }
.rc-path-signal { font-size: 0.88rem; line-height: 1.45; color: var(--rc-muted); }
.rc-path-arrow { color: var(--rc-muted); }

/* Segments */
.rc-segments { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 88px); align-items: start; }
.rc-segments dl { border-top: 2px solid var(--rc-ink); display: grid; grid-template-columns: 1fr 1fr; }
.rc-segments dl > div { padding: 16px 18px 18px 0; border-bottom: 1px solid var(--rc-rule); }
.rc-segments dl > div:nth-child(even) { padding-left: 18px; border-left: 1px solid var(--rc-rule); }
.rc-segments dt { font-family: var(--rc-serif); font-size: 1.45rem; font-weight: 500; line-height: 1.15; }
.rc-segments dd { margin-top: 6px; font-size: 0.92rem; line-height: 1.55; color: #36414a; }

/* Evidence */
.rc-evidence { margin-top: clamp(28px, 3.4vw, 44px); border-top: 2px solid var(--rc-ink); display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(20px, 3vw, 48px); }
.rc-evidence a { display: grid; grid-template-columns: minmax(0, 13rem) minmax(0, 1fr) 18px; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--rc-rule); text-decoration: none; }
.rc-evidence a:hover .rc-evidence-title { text-decoration: underline; text-decoration-color: #b5821a; }
.rc-evidence-title { font-weight: 600; font-size: 1rem; }
.rc-evidence-copy { font-size: 0.88rem; line-height: 1.5; color: var(--rc-muted); }

/* FAQ */
.rc-faq { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 88px); align-items: start; }
.rc-faq > div { border-top: 2px solid var(--rc-ink); }
.rc-faq details { border-bottom: 1px solid var(--rc-rule); }
.rc-faq summary { display: flex; justify-content: space-between; gap: 18px; padding: 18px 0; cursor: pointer; list-style: none; font-weight: 600; font-size: 1.05rem; }
.rc-faq summary::-webkit-details-marker { display: none; }
.rc-faq summary::after { content: ""; flex-shrink: 0; width: 11px; height: 11px; margin-top: 5px; border-right: 2px solid var(--rc-ink); border-bottom: 2px solid var(--rc-ink); transform: rotate(45deg); transition: transform 180ms ease-out; }
.rc-faq details[open] summary::after { transform: rotate(-135deg); }
.rc-faq details p { padding: 0 30px 20px 0; font-size: 0.96rem; line-height: 1.62; color: #36414a; }

/* Close */
.rc-close { background: var(--rc-board); color: #eef1f2; padding-block: clamp(64px, 7vw, 104px); }
.rc-close-light { background: var(--rc-ticket); color: var(--rc-ink); border-top: 10px solid var(--rc-lamp); }
.rc-close-light h2 { color: var(--rc-ink) !important; }
.rc-close-light p { color: var(--rc-muted) !important; }
.rc-page .rc-close-light .rc-button { background: var(--rc-ink) !important; color: #fff !important; }
.rc-page .rc-close-light .rc-button:hover { background: #2c3a48 !important; }
.rc-close-inner { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px clamp(28px, 5vw, 88px); align-items: end; }
.rc-close h2 { color: #fff; max-width: 18ch; }
.rc-close p { font-size: 1.05rem; line-height: 1.6; color: #c3cbd2; }
.rc-page .rc-close .rc-button { grid-column: 2; justify-self: start; background: var(--rc-lamp); color: var(--rc-ink); }
.rc-page .rc-close .rc-button:hover { background: #f7d27a; }

/* Responsive */
@media (max-width: 1100px) {
  .rc-lib-body { grid-template-columns: 1fr 1fr; }
  .rc-evidence { grid-template-columns: 1fr 1fr; }
  .rc-paths { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .rc-hero-inner, .rc-sizing, .rc-fit-grid, .rc-unclear, .rc-segments, .rc-faq, .rc-close-inner { grid-template-columns: 1fr; }
  .rc-hero-side { margin-top: 20px; }
  .rc-head-sticky, .rc-good { position: static; }
  .rc-tally { position: static; }
  .rc-evidence { grid-template-columns: 1fr; }
  .rc-board-grid { display: block; }
  .rc-pair { display: block; margin-bottom: 8px; }
  .rc-drawer { margin-bottom: 0; }
  .rc-drawer:has(input:checked) { transform: none; }
  .rc-drawer:has(input:checked)::after { display: none; }
  .rc-ticket { position: relative; top: auto; margin-top: 8px; margin-bottom: 14px; }
  .rc-ticket-empty { display: none !important; }
  .rc-different dl, .rc-segments dl { grid-template-columns: 1fr; }
  .rc-different dl > div:nth-child(even), .rc-segments dl > div:nth-child(even) { padding-left: 0; border-left: 0; }
  .rc-page .rc-close .rc-button { grid-column: 1; }
}
@media (max-width: 640px) {
  .rc-page { font-size: 15px; }
  .rc-hero { padding-top: 118px; }
  .rc-result dl { grid-template-columns: 1fr; }
  .rc-notyet { padding-left: 0; border-left: 0; padding-top: 12px; border-top: 1px dashed #b24a2e; }
  .rc-library summary { grid-template-columns: 12px minmax(0, 1fr) 18px; }
  .rc-lib-first { grid-column: 2; font-size: 1.1rem; }
  .rc-library summary::after { grid-column: 3; grid-row: 1; }
  .rc-lib-body { grid-template-columns: 1fr; padding-left: 0; }
  .rc-dim { grid-template-columns: 1fr; }
  .rc-dim-high { text-align: left; }
  .rc-evidence { grid-template-columns: 1fr; }
  .rc-paths a { grid-template-columns: 12px minmax(0, 1fr) 18px; }
  .rc-path-signal { grid-column: 2; }
  .rc-path-arrow { grid-column: 3; grid-row: 1; }
  .rc-ticket-link { width: 100%; justify-content: space-between; }
  .rc-ticket-link-quiet { width: auto; }
  .rc-log { overflow-x: visible; padding: 16px; }
  .rc-log table { min-width: 0; }
  .rc-log thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .rc-log tbody tr { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px 6px; padding: 12px 0; border-bottom: 1px solid var(--rc-rule); }
  .rc-log tbody th, .rc-log tbody .rc-how { grid-column: 1 / -1; border: 0; padding: 0; width: auto; }
  .rc-log tbody .rc-day { border: 0; padding: 6px 0 0; width: auto; }
  .rc-log tbody .rc-day::before { content: attr(data-label); display: block; font-size: 0.7rem; font-weight: 600; color: var(--rc-muted); }
  .rc-evidence a { grid-template-columns: minmax(0, 1fr) 18px; }
  .rc-evidence-copy { grid-column: 1; }
}

/* First-screen primary action */
.rc-page .rc-hero-book { display: inline-flex; align-items: center; gap: 12px; min-height: 52px; margin-top: 18px; padding: 0 22px; background: var(--rc-ink); color: #fff; font-weight: 600; font-size: 0.95rem; text-decoration: none; border-radius: 2px; transition: background-color 180ms ease-out; }
.rc-page .rc-hero-book:hover { background: #26323f; }
.rc-page .rc-hero-book:focus-visible { outline: 2px solid #b5821a; outline-offset: 3px; }