/* ronnascanner.com: MDO "data" family, sub-brand Ronna (brand v1, 2026-10-16).
   Tokens in /css/ronna-brand.css (Ronna's own tokens). Radius <= 4px, no pills, no gradients, no emoji. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{min-height:100vh}
a{color:inherit}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--fg);color:var(--bg);padding:10px 14px;border-radius:var(--r-md);font-family:var(--ui);font-weight:600;text-decoration:none}
.skip-link:focus{left:16px}

/* header */
.rs-hdr{position:sticky;top:0;z-index:50;background:var(--bg);padding:0 var(--gutter)}
.rs-hdr .mark{text-decoration:none;min-height:44px}
.rs-mark{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--fg);border-radius:var(--r-sm);font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.02em}
.rs-hdr .nav-links{display:flex;align-items:center;gap:var(--s5);font-family:var(--ui);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.rs-hdr .nav-links a{text-decoration:none;color:var(--mute)}
.rs-hdr .nav-links a:hover{color:var(--fg)}
.rs-hdr .nav-links a.btn{color:var(--on-accent);text-transform:none;letter-spacing:0;font-size:14px;min-height:40px;padding:0 16px}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--rule);border-radius:var(--r-md);background:transparent;color:var(--fg);font-size:18px;cursor:pointer}

/* hero */
.rs .rs-hero{padding-top:var(--s9);padding-bottom:var(--s8);border-bottom:1px solid var(--rule)}
.rs-hero .label{margin-bottom:var(--s5)}
.rs-status-word{color:var(--accent)}
.rs-hero .display{max-width:13em;margin-bottom:var(--s7)}
.rs-hero-foot{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7);align-items:end}
.rs-hero .lead{color:var(--fg)}
.rs-status{display:grid;grid-template-columns:repeat(3,1fr)}
.rs-status>div{padding:var(--s4) var(--s5)}
.rs-status>div+div{box-shadow:inset 1px 0 0 var(--rule)}
.rs-status dt{margin-bottom:var(--s2)}
.rs-status dd{font-family:var(--display);font-size:28px;font-weight:600;line-height:1.1}
.rs-status dd.num{font-family:var(--mono);font-weight:500}
.rs-status dd a{font-size:15px;white-space:nowrap;font-family:var(--ui);color:var(--accent);text-underline-offset:3px}

/* sections */
.rs .rs-section{padding-top:var(--s8);padding-bottom:var(--s8);border-bottom:1px solid var(--rule)}
.rs-section-head{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--s7);row-gap:var(--s3);margin-bottom:var(--s6);align-items:end}
.rs-section-head .label{grid-column:1/-1}
.rs-section-head h2{grid-column:1}
.rs-section-note{grid-column:2;color:var(--mute);max-width:34em}

/* tool index */
.rs-index{background:var(--surface);overflow:hidden}
.rs-row{display:grid;grid-template-columns:56px minmax(0,2.2fr) minmax(0,4fr) minmax(0,2.4fr) 140px;gap:var(--s4);align-items:baseline;padding:var(--s4) var(--s5);border-top:1px solid var(--rule);text-decoration:none;color:var(--fg);transition:background .15s var(--ease)}
.rs-row-head{border-top:0;border-bottom:1px solid var(--fg);font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:var(--s3);padding-bottom:var(--s3)}
.rs-row-head+.rs-row{border-top:0}
a.rs-row:hover{background:var(--bg)}
a.rs-row:hover .rs-tool{color:var(--accent)}
.rs-row .num{color:var(--mute);font-size:14px}
.rs-tool{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.01em}
.rs-out{font-family:var(--ui);font-size:14px;color:var(--mute)}

/* sample figure */
.rs-sample-scroll{overflow-x:auto}
.rs-sample table.t{min-width:560px}
.rs-sample table.t th{padding-left:var(--s5)}
.rs-sample table.t td{padding-left:var(--s5)}
.rs-sample table.t td:first-child{font-weight:600}
.rs-sample figcaption{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}
.rs-tag-sample{color:var(--accent);border-color:var(--accent)}

/* steps */
.rs-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.rs-steps li{padding:var(--s5);background:var(--surface)}
.rs-steps .num{display:block;color:var(--accent);font-size:14px;margin-bottom:var(--s6)}
.rs-steps h3{font-family:var(--display);font-size:var(--t-h3);font-weight:600;margin-bottom:var(--s2)}
.rs-steps p{color:var(--mute);font-size:16px}

/* cta */
.rs-cta{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7);align-items:start;border-bottom:0}
.rs-cta-copy h2{margin:var(--s4) 0 var(--s3)}
.rs-cta-copy p:not(.label){max-width:34em}
.rs-cta-act{padding:var(--s5);background:var(--surface)}
.rs-cta-act .btn{width:100%}
.rs-cta-or{margin:var(--s5) 0 var(--s2)}
.rs-cta-tools{list-style:none;border-top:1px solid var(--rule)}
.rs-cta-tools li{border-bottom:1px solid var(--rule)}
.rs-cta-tools a{display:flex;align-items:center;justify-content:space-between;min-height:44px;text-decoration:none;font-family:var(--ui);font-size:15px;font-weight:500}
.rs-cta-tools a::after{content:"\2192";color:var(--mute)}
.rs-cta-tools a:hover{color:var(--accent)}
.rs-cta-note{margin-top:var(--s4);font-family:var(--ui);font-size:13px;color:var(--mute)}

/* footer */
footer.wrap .mdo-ftr{padding-bottom:var(--s7)}
.rs-legal{display:flex;gap:var(--s5)}
.mdo-ftr a{text-decoration:none}
.mdo-ftr a:hover{text-decoration:underline;text-underline-offset:3px}

/* mobile */
@media (max-width:900px){
  .rs-row{grid-template-columns:40px minmax(0,1fr);row-gap:6px}
  .rs-row>span:nth-child(n+3){grid-column:2}
  .rs-row-head{display:none}
  .rs-index .rs-row:nth-child(2){border-top:0}
  .rs-hero-foot,.rs-cta,.rs-section-head{grid-template-columns:1fr}
  .rs-section-note,.rs-section-head h2{grid-column:1}
  .rs-steps{grid-template-columns:1fr}
  .rs-steps .num{margin-bottom:var(--s3)}
}
@media (max-width:720px){
  .nav-toggle{display:inline-grid;place-items:center}
  .rs-hdr{flex-wrap:wrap}
  .rs-hdr .nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:var(--s4)}
  .rs-hdr.nav-open .nav-links{display:flex}
  .rs-hdr .nav-links a{min-height:48px;display:flex;align-items:center;border-top:1px solid var(--rule)}
  .rs-hdr .nav-links a.btn{justify-content:center;margin-top:var(--s3);border-top:0}
  .rs .rs-hero{padding-top:var(--s7);padding-bottom:var(--s7)}
  .rs-hero .display{margin-bottom:var(--s5)}
  .rs .rs-section{padding-top:var(--s7);padding-bottom:var(--s7)}
  .rs-status>div{padding:var(--s3)}
  .rs-status dd{font-size:22px}
  .rs-legal a{padding:12px 0;margin:-12px 0}
}
.rs .rs-cta{border-bottom:0}