/* ============================================================
   rate-calc.css — Hourly-rate calculator article page.
   Inherits every token from home.css (colors, fonts, radii,
   shadows, theming). Mobile-first; no fixed widths anywhere.
   ============================================================ */

.rc-prose{max-width:760px;margin:0 auto;padding:0 var(--pad);color:var(--ink-2);font-size:clamp(15.5px,1.05vw,17.5px);line-height:1.85}
.rc-prose>*+*{margin-top:18px}
.rc-prose h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.01em;color:var(--ink);margin:clamp(44px,5vw,72px) 0 4px;text-wrap:balance}
html[lang="ar"] .rc-prose h2{font-family:var(--font-ar);font-weight:700;letter-spacing:0;line-height:1.35}
.rc-prose h3{font-weight:600;font-size:clamp(17px,1.3vw,20px);color:var(--ink);margin:32px 0 0}
.rc-prose p strong,.rc-prose li strong{color:var(--ink);font-weight:600}
.rc-prose ul,.rc-prose ol{padding-inline-start:20px;margin-block:14px}
.rc-prose li+li{margin-top:8px}
.rc-prose .lede{font-size:clamp(18px,1.6vw,22px);line-height:1.6;color:var(--ink)}
.rc-note{border:1px solid var(--line);background:var(--bg-band);border-radius:var(--r);padding:18px 20px;font-size:15px}
.rc-note b{color:var(--ink)}
.rc-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}

/* ---------- Hero ---------- */
.rc-hero{position:relative;padding:clamp(40px,6vw,84px) 0 clamp(36px,5vw,64px);overflow:hidden}
.rc-hero .rc-hero-grid{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:1fr}
@media(min-width:940px){.rc-hero .rc-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center}}
.rc-hero h1{font-family:var(--font-serif);font-weight:400;font-size:clamp(34px,6vw,64px);line-height:1.06;letter-spacing:-.02em;margin:16px 0 0;color:var(--ink);text-wrap:balance}
html[lang="ar"] .rc-hero h1{font-family:var(--font-ar);font-weight:700;letter-spacing:0;line-height:1.22}
.rc-hero .rc-sub{margin:20px 0 0;color:var(--ink-2);font-size:clamp(15.5px,1.2vw,18px);line-height:1.75;max-width:52ch}
.rc-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.rc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border-radius:999px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;text-align:center}
.rc-btn-primary{background:var(--cta);color:var(--cta-ink)}
.rc-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-1)}
.rc-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.rc-btn-ghost:hover{border-color:var(--ink)}
.rc-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
.rc-btn .arrow{transition:transform .2s}
.rc-btn:hover .arrow{transform:translateX(3px)}
[dir="rtl"] .rc-btn:hover .arrow{transform:translateX(-3px)}

/* Hero chain visual */
.rc-chain{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-elev);box-shadow:var(--shadow-1);padding:clamp(18px,2.4vw,26px);display:grid;gap:10px}
.rc-chain-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg-band);opacity:0;transform:translateY(6px);animation:rcRise .5s cubic-bezier(.2,.7,.1,1) forwards}
.rc-chain-row:nth-child(1){animation-delay:.05s}.rc-chain-row:nth-child(2){animation-delay:.18s}.rc-chain-row:nth-child(3){animation-delay:.31s}.rc-chain-row:nth-child(4){animation-delay:.44s}.rc-chain-row:nth-child(5){animation-delay:.57s}.rc-chain-row:nth-child(6){animation-delay:.7s}
@keyframes rcRise{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.rc-chain-row{animation:none;opacity:1;transform:none}}
.rc-chain-row .n{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);flex:none;width:22px}
.rc-chain-row .t{font-size:14.5px;font-weight:500;color:var(--ink)}
.rc-chain-row.is-out{background:linear-gradient(120deg,rgba(253,209,150,.16),rgba(229,85,200,.16),rgba(84,179,236,.16));border-color:transparent}
.rc-chain-row.is-out .t{font-weight:700}
.rc-chain-num{font-family:var(--font-mono);font-size:20px;margin-inline-start:auto;color:var(--ink)}

/* ---------- Factor grid (what sets your rate) ---------- */
.rc-cards{display:grid;gap:14px;grid-template-columns:1fr;max-width:1100px;margin:32px auto 0;padding:0 var(--pad)}
@media(min-width:620px){.rc-cards{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.rc-cards{grid-template-columns:repeat(3,1fr)}}
.rc-card{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-elev);padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s}
.rc-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow-1)}
.rc-card h3{margin:8px 0 6px;font-size:16.5px;font-weight:600;color:var(--ink)}
.rc-card p{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink-2)}
.rc-card .idx{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-3)}

/* ---------- Interactive "your hour isn't 60 minutes" card ---------- */
.rc-demo{max-width:760px;margin:26px auto 0;padding:0 var(--pad)}
.rc-demo-in{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-elev);box-shadow:var(--shadow-1);padding:clamp(18px,2.6vw,28px)}
.rc-demo-out{display:grid;gap:10px;grid-template-columns:1fr;margin-top:18px}
@media(min-width:560px){.rc-demo-out{grid-template-columns:1fr 1fr}}
.rc-stat{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:var(--bg-band)}
.rc-stat .k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:block}
.rc-stat .v{font-size:clamp(20px,2.4vw,26px);font-weight:700;color:var(--ink);margin-top:6px;display:block;letter-spacing:-.01em}
.rc-stat .s{display:block;margin-top:6px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3)}
.rc-stat.hi{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}

/* ---------- Calculator shell ---------- */
.rc-calc{scroll-margin-top:84px}
.rc-shell{max-width:860px;margin:0 auto;padding:0 var(--pad)}
.rc-box{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-elev);box-shadow:var(--shadow-2);overflow:hidden}
.rc-box-head{padding:clamp(18px,2.4vw,26px);border-bottom:1px solid var(--line);background:var(--bg-band)}
.rc-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rc-progress .lbl{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.rc-bar{flex:1 1 160px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden;min-width:120px}
.rc-bar span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--grad-1),var(--grad-3),var(--grad-5));transition:width .45s cubic-bezier(.2,.7,.1,1)}
.rc-step-title{margin:16px 0 0;font-size:clamp(19px,2vw,24px);font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.3}
.rc-step-sub{margin:8px 0 0;font-size:14.5px;line-height:1.7;color:var(--ink-2)}
.rc-body{padding:clamp(18px,2.4vw,28px)}
.rc-fields{display:grid;gap:26px}
.rc-field>.q{display:block;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.5}
.rc-field.rc-invalid>.q{color:#E5533F}
.rc-field.rc-invalid>.q::after{content:" *";color:#E5533F}
.rc-field.rc-invalid .rc-in,.rc-field.rc-invalid .rc-opts,.rc-field.rc-invalid .rc-chips,.rc-field.rc-invalid .rc-scale{outline:1px solid color-mix(in srgb,#E5533F 55%,transparent);outline-offset:6px;border-radius:var(--r)}
.rc-field>.hint{display:block;margin-top:6px;font-size:13.5px;line-height:1.65;color:var(--ink-3)}
.rc-opt-note{margin-inline-start:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:400}

/* option buttons */
.rc-opts{display:grid;gap:8px;margin-top:12px;grid-template-columns:1fr}
@media(min-width:520px){.rc-opts.cols2{grid-template-columns:1fr 1fr}.rc-opts.cols3{grid-template-columns:repeat(3,1fr)}}
.rc-opt{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-band);color:var(--ink-2);font:inherit;font-size:14.5px;text-align:start;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s;width:100%}
.rc-opt:hover{border-color:var(--line-strong);color:var(--ink)}
.rc-opt[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--bg-elev);font-weight:600}
.rc-opt .tick{flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-strong)}
.rc-opt[aria-pressed="true"] .tick{border-color:currentColor;background:currentColor;box-shadow:inset 0 0 0 3px var(--ink)}
.rc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rc-chip{min-height:44px;padding:10px 15px;border-radius:999px;border:1px solid var(--line);background:var(--bg-band);color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.rc-chip:hover{border-color:var(--line-strong);color:var(--ink)}
.rc-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg-elev);font-weight:600}

/* scale 1–5 */
.rc-scale{display:flex;gap:6px;margin-top:12px}
.rc-scale button{flex:1 1 0;min-height:48px;border:1px solid var(--line);background:var(--bg-band);border-radius:var(--r-sm);color:var(--ink-2);font:inherit;font-family:var(--font-mono);font-size:15px;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.rc-scale button:hover{border-color:var(--line-strong);color:var(--ink)}
.rc-scale button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg-elev)}
.rc-scale-ends{display:flex;justify-content:space-between;gap:12px;margin-top:7px;font-size:12px;color:var(--ink-3)}
.rc-rating{display:grid;gap:10px;margin-top:12px}
.rc-rating-row{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-band)}
@media(min-width:620px){.rc-rating-row{grid-template-columns:1fr auto;align-items:center;gap:14px}}
.rc-rating-row .rl{font-size:14.5px;color:var(--ink);font-weight:500}
.rc-rating-row .rc-scale{margin:0;min-width:min(260px,100%)}
.rc-rating-row .rc-scale button{min-height:42px;font-size:13.5px}

/* inputs */
.rc-in{display:block;width:100%;min-height:50px;margin-top:12px;padding:13px 15px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-band);color:var(--ink);font:inherit;font-size:16px;transition:border-color .18s,box-shadow .18s}
.rc-in:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
select.rc-in{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-inline-end:44px}
[dir="rtl"] select.rc-in{background-position:20px 22px,26px 22px}
.rc-inline{display:grid;gap:10px;margin-top:12px}
@media(min-width:560px){.rc-inline{grid-template-columns:1fr 1fr}.rc-inline.three{grid-template-columns:repeat(3,1fr)}}
.rc-inline .rc-in{margin-top:0}
.rc-inline label{display:block;font-size:12.5px;color:var(--ink-3);margin-bottom:6px}

/* slider */
.rc-slider-wrap{margin-top:14px}
.rc-slider-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.rc-slider-val{font-family:var(--font-mono);font-size:19px;color:var(--ink);font-weight:500}
input[type="range"].rc-range{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;cursor:pointer;margin:0}
input[type="range"].rc-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--grad-3),var(--grad-5));opacity:.85}
input[type="range"].rc-range::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--grad-3),var(--grad-5));opacity:.85}
input[type="range"].rc-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--bg-elev);border:2px solid var(--ink);margin-top:-10px;box-shadow:var(--shadow-1)}
input[type="range"].rc-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--bg-elev);border:2px solid var(--ink)}
input[type="range"].rc-range:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}

/* expandable helper (expense breakdown) */
.rc-disclose{margin-top:12px;border:1px dashed var(--line-strong);border-radius:var(--r);overflow:hidden}
.rc-disclose>button{width:100%;min-height:46px;padding:12px 15px;background:transparent;border:0;color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-align:start;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}
.rc-disclose>div{padding:0 15px 15px;display:none}
.rc-disclose.open>div{display:block}
.rc-disclose .sum{margin-top:12px;font-family:var(--font-mono);font-size:13px;color:var(--ink-2)}

/* nav row */
.rc-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:clamp(16px,2vw,22px) clamp(18px,2.4vw,28px);border-top:1px solid var(--line);background:var(--bg-band)}
.rc-nav .spacer{flex:1 1 auto}
.rc-nav .rc-btn{flex:1 1 auto;min-width:140px}
@media(min-width:560px){.rc-nav .rc-btn{flex:0 0 auto}}
.rc-err{margin:0 clamp(18px,2.4vw,28px) clamp(14px,2vw,18px);padding:11px 14px;border-radius:var(--r-sm);border:1px solid color-mix(in srgb,#E5533F 45%,var(--line));background:color-mix(in srgb,#E5533F 10%,transparent);color:var(--ink);font-size:13.5px;display:none}
.rc-err.show{display:block}

/* ---------- Results ---------- */
.rc-result{display:none}
.rc-result.show{display:block;animation:rcFade .4s ease both}
@keyframes rcFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rc-headline{padding:clamp(24px,4vw,44px) clamp(18px,2.4vw,32px);text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(120% 130% at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 62%)}
.rc-headline .rc-eyebrow{display:block}
.rc-big{font-family:var(--font-mono);font-weight:500;font-size:clamp(38px,9vw,72px);line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin:14px 0 0;overflow-wrap:anywhere}
.rc-big .cur{font-size:.42em;letter-spacing:.06em;color:var(--ink-3);margin-inline-start:8px}
.rc-per{font-size:14px;color:var(--ink-3);margin-top:8px}
.rc-tiers{display:grid;gap:10px;grid-template-columns:1fr;padding:clamp(18px,2.4vw,28px)}
@media(min-width:640px){.rc-tiers{grid-template-columns:repeat(3,1fr)}}
.rc-tier{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--bg-band);text-align:center}
.rc-tier.mid{border-color:var(--ink);background:var(--bg-elev);box-shadow:var(--shadow-1)}
.rc-tier .k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.rc-tier .v{font-size:clamp(19px,2.6vw,26px);font-weight:700;color:var(--ink);margin-top:8px;letter-spacing:-.01em;overflow-wrap:anywhere}
.rc-tier .d{font-size:12.5px;color:var(--ink-3);margin-top:8px;line-height:1.6}

/* pricing meter */
.rc-meter{padding:0 clamp(18px,2.4vw,28px) clamp(20px,2.6vw,28px)}
.rc-meter-track{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,#E5533F,#E9A13B 34%,#3FA96A 62%,var(--grad-3) 88%);opacity:.9}
.rc-meter-pin{position:absolute;top:-7px;width:4px;height:26px;border-radius:999px;background:var(--ink);box-shadow:0 0 0 3px var(--bg-elev);transition:inset-inline-start .6s cubic-bezier(.2,.7,.1,1)}
.rc-meter-legend{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}

.rc-sec{padding:clamp(20px,2.6vw,30px) clamp(18px,2.4vw,28px);border-top:1px solid var(--line)}
.rc-sec h3{margin:0 0 4px;font-size:clamp(17px,1.7vw,21px);font-weight:700;color:var(--ink);letter-spacing:-.01em}
.rc-sec p{margin:10px 0 0;font-size:15px;line-height:1.8;color:var(--ink-2)}
.rc-two{display:grid;gap:12px;grid-template-columns:1fr;margin-top:16px}
@media(min-width:680px){.rc-two{grid-template-columns:1fr 1fr}}
.rc-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rc-list li{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-band);font-size:14px;line-height:1.6;color:var(--ink-2)}
.rc-list li .sg{flex:none;font-family:var(--font-mono);font-weight:700}
.rc-list.up li .sg{color:#3FA96A}
.rc-list.down li .sg{color:#E5533F}
.rc-panel-title{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}

/* health score + radar */
.rc-health{display:grid;gap:18px;grid-template-columns:1fr;align-items:center;margin-top:16px}
@media(min-width:720px){.rc-health{grid-template-columns:minmax(0,240px) 1fr}}
.rc-radar{width:100%;max-width:280px;margin:0 auto;display:block;overflow:visible}
.rc-radar .grid{fill:none;stroke:var(--line);stroke-width:1}
.rc-radar .axis{stroke:var(--line);stroke-width:1}
.rc-radar .shape{fill:color-mix(in srgb,var(--accent) 26%,transparent);stroke:var(--accent);stroke-width:2;stroke-linejoin:round}
.rc-radar text{font-family:var(--font-mono);font-size:7.5px;fill:var(--ink-3);letter-spacing:.04em}
.rc-bars{display:grid;gap:11px}
.rc-bar-row .t{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--ink-2);margin-bottom:6px}
.rc-bar-row .t b{color:var(--ink);font-family:var(--font-mono);font-weight:500}
.rc-bar-row .tr{height:7px;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);overflow:hidden}
.rc-bar-row .tr span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--grad-3),var(--grad-5));transition:width .8s cubic-bezier(.2,.7,.1,1)}
.rc-score-big{font-family:var(--font-mono);font-size:clamp(34px,6vw,48px);color:var(--ink);letter-spacing:-.02em}
.rc-score-big small{font-size:.4em;color:var(--ink-3)}

/* equivalents */
.rc-eq{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}
@media(min-width:720px){.rc-eq{grid-template-columns:repeat(3,1fr)}}
.rc-eq .rc-stat .v{font-size:clamp(17px,2vw,21px)}

/* transparency table */
.rc-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}
.rc-table th,.rc-table td{text-align:start;padding:11px 12px;border-bottom:1px solid var(--line);color:var(--ink-2)}
.rc-table th{font-weight:500;color:var(--ink-3);font-size:13px}
.rc-table td{font-family:var(--font-mono);color:var(--ink);text-align:end;white-space:nowrap}
.rc-table tr:last-child th,.rc-table tr:last-child td{border-bottom:0}
.rc-table tr.total th,.rc-table tr.total td{border-top:1px solid var(--line-strong);font-weight:700;color:var(--ink)}

/* confidence pill */
.rc-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--bg-band);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.rc-pill .dot{width:8px;height:8px;border-radius:50%;background:#3FA96A}
.rc-pill.med .dot{background:#E9A13B}
.rc-pill.low .dot{background:#E5533F}

/* accordions (FAQ + how we calculated) */
.rc-acc{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-elev);overflow:hidden}
.rc-acc+.rc-acc{margin-top:10px}
.rc-acc>button{width:100%;min-height:56px;padding:16px 18px;background:transparent;border:0;color:var(--ink);font:inherit;font-size:15.5px;font-weight:600;text-align:start;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;line-height:1.5}
.rc-acc>button .pm{flex:none;font-family:var(--font-mono);font-size:18px;color:var(--ink-3);transition:transform .2s}
.rc-acc.open>button .pm{transform:rotate(45deg)}
.rc-acc>div{display:none;padding:0 18px 18px;font-size:14.5px;line-height:1.8;color:var(--ink-2)}
.rc-acc.open>div{display:block}
.rc-acc>div p{margin:0 0 10px}
.rc-acc>div p:last-child{margin:0}

/* comparison table → cards on mobile */
.rc-compare{display:grid;gap:12px;grid-template-columns:1fr;max-width:1100px;margin:26px auto 0;padding:0 var(--pad)}
@media(min-width:700px){.rc-compare{grid-template-columns:1fr 1fr}}
@media(min-width:1020px){.rc-compare{grid-template-columns:repeat(4,1fr)}}
.rc-compare .rc-card h3{margin-top:10px}
.rc-compare .rc-card dl{margin:14px 0 0;display:grid;gap:10px}
.rc-compare .rc-card dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.rc-compare .rc-card dd{margin:4px 0 0;font-size:14px;line-height:1.65;color:var(--ink-2)}

/* share card canvas */
.rc-share-out{margin-top:16px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg-band);display:none}
.rc-share-out.show{display:block}
.rc-share-out canvas{width:100%;height:auto;display:block}
.rc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.rc-actions .rc-btn{flex:1 1 auto;min-width:150px}

/* disclaimer */
.rc-disclaimer{max-width:860px;margin:clamp(36px,5vw,64px) auto 0;padding:0 var(--pad)}
.rc-disclaimer-in{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-band);padding:20px;font-size:13.5px;line-height:1.8;color:var(--ink-3)}
.rc-disclaimer-in b{color:var(--ink-2)}

/* misc */
.rc-hidden{display:none!important}
.rc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}