/* Clear entry points and a substantial mobile hero, without hiding product controls. */
.rb196-choose{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.rb196-choose a{padding:14px 16px;border:1px solid #accbbb;border-radius:13px;background:#fff;color:#153d30;text-decoration:none;min-width:0;box-shadow:0 2px 8px #103e2510}.rb196-choose strong,.rb196-choose span{display:block}.rb196-choose strong{font-size:.98rem}.rb196-choose span{font-size:.8rem;margin-top:4px;color:#50685d}.rb196-choose a:hover{border-color:#08785b;background:#eaf7ee}.rb196-choose a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.rb196-example{background:#f1f8f3;border:1px solid #cedfd3;border-radius:14px;padding:18px;margin:16px 0}.rb196-example h3{font-size:1.13rem;line-height:1.3;margin:8px 0 12px}.rb196-example>p{font-size:.78rem;line-height:1.5;color:#4d6657;margin:8px 0}.rb196-example dl{margin:0}.rb196-example dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #dce9df;font-size:.85rem}.rb196-example dd{margin:0;font-weight:750;white-space:nowrap}.rb196-example a{display:block;margin-top:14px;min-height:44px;padding:12px;background:#08785b;color:white;text-align:center;border-radius:9px;text-decoration:none;font-weight:650;font-size:.86rem}.rb158-hero .rb158-preview-checks{margin-bottom:10px}
@media(max-width:600px){.rb158-hero{padding:28px 18px 24px!important;min-height:0!important;gap:20px!important}.rb158-hero h1{font-size:clamp(2.1rem,8vw,2.8rem)!important;line-height:1.08!important;letter-spacing:-.035em!important}.rb158-hero .rb158-lead{font-size:1.08rem!important;line-height:1.5!important}.rb158-hero .rb158-description{font-size:.95rem;line-height:1.6}.rb196-choose{gap:8px;margin:16px 0}.rb196-choose a{padding:13px 10px}.rb196-choose strong{font-size:.88rem}.rb196-choose span{font-size:.75rem}.rb158-hero .rb158-preview{padding:18px!important;border-radius:18px!important}.rb158-hero .rb158-preview h2{font-size:1.2rem!important}.rb196-example{padding:14px}.rb196-example dl>div{font-size:.8rem}.rb158-hero .rb158-actions{gap:10px}.rb158-hero .rb158-actions a{min-height:48px}.rb158-hero .rb158-preview-track{margin:12px 0}.rb158-hero .rb158-preview-card{margin-top:12px}.rb158-hero .rb158-preview-checks{font-size:.8rem}}

/* RC197: scope note belongs to the same centered grid as its neighbouring sections. */
.rb197-scope{margin-block:0 28px;padding:18px 22px;background:#edf6ef;border:1px solid #cbded1;border-radius:14px}.rb197-scope .rb158-description{max-width:none;margin:0;color:#405e50;font-size:.92rem;line-height:1.7}
.rb197-plan-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 4px}.rb197-plan-links a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;border:1px solid #08785b;border-radius:9px;color:#075a43;font-weight:650;text-decoration:none}.rb197-plan-links a:first-child{background:#08785b;color:#fff}.rb197-plan-links a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:600px){.rb197-scope{padding:16px;margin-bottom:24px}.rb197-plan-links{align-items:stretch}.rb197-plan-links a{width:100%;box-sizing:border-box}}

/* Align the B&B/commercial choice with the dashboard rather than the viewport edge. */
#rb195-workspace.rb197-workflow-switch,.container.rb197-workflow-note{width:min(1280px,calc(100% - 40px));max-width:1280px;box-sizing:border-box;margin-inline:auto}#rb195-workspace.rb197-workflow-switch{padding:12px 0!important;gap:10px!important}#rb195-workspace.rb197-workflow-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #bad4c5;border-radius:10px;background:#eef7f1;color:#15533d;text-decoration:none;font-weight:650;box-sizing:border-box}#rb195-workspace.rb197-workflow-switch a[aria-current=page]{background:#12634d;border-color:#12634d;color:#fff}.rb197-workflow-note p{margin:8px 0;line-height:1.6}.rb197-workflow-note>a{display:inline-flex;align-items:center;min-height:44px;font-weight:650}.rb197-workflow-switch a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:600px){#rb195-workspace.rb197-workflow-switch,.container.rb197-workflow-note{width:calc(100% - 28px)}#rb195-workspace.rb197-workflow-switch a{flex:1;min-width:140px}}

/* RC202: the inner shell already supplies the mobile gutter. */
@media(max-width:600px){
  body.home-page .rb158-hero{padding-inline:0!important}
  body.home-page .rb158-hero h1{font-size:clamp(2.2rem,8.4vw,3rem)!important;line-height:1.16!important;letter-spacing:-.025em!important;overflow-wrap:break-word}
  body.home-page .rb158-hero h1>span+span{margin-top:.12em}
  body.home-page .rb158-hero .rb158-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  body.home-page .rb158-hero .rb158-actions a{box-sizing:border-box;width:100%;white-space:normal;text-align:center}
}

/* RC210: translated heading spans inherit the hero size, not legacy mobile body text. */
@media(max-width:760px){
  body.home-page .rb158-hero h1 > span{
    font-size:inherit!important;
    line-height:inherit!important;
  }
}