/* Existing design roles only: Shell page, Coach bubble/card/links and action. */
.c128-page{padding-bottom:var(--d-s7);max-width:800px;margin:auto;overflow-wrap:anywhere}.c128-page header{display:flex;gap:var(--d-s4);align-items:center;flex-wrap:wrap}.c128-page .s20-action,.c128-dialog .s20-action{position:sticky;bottom:var(--d-s4);display:block;width:100%;box-sizing:border-box;min-height:58px;background:var(--d-accent);color:var(--d-on);padding:var(--d-s4);border:0;box-shadow:var(--d-shadow);cursor:pointer;z-index:2}.c128-page .s20-action:disabled{background:var(--d-raised);color:var(--d-ink)}
.c128-field{display:flex;flex-direction:column;gap:var(--d-s2);margin:var(--d-s4) 0}.c128-field :is(input,textarea,select){font:inherit;color:var(--d-ink);background:var(--d-surface);border:0;min-height:44px;padding:var(--d-s3);max-width:100%;box-sizing:border-box}.c128-field input[type=range]{width:100%;accent-color:var(--d-accent);padding:0}.c128-field textarea{min-height:90px;width:100%;resize:vertical}.c128-card{background:var(--d-surface);color:var(--d-ink);padding:var(--d-s5);margin:var(--d-s4) 0;border:0;box-shadow:var(--d-card-shadow)}.c128-ripi{width:96px;height:96px;object-fit:contain;align-self:center}.c128-dialog{width:min(680px,calc(100vw - 32px));max-height:90dvh;box-sizing:border-box;overflow:auto;padding:var(--d-s5);color:var(--d-ink);background:var(--d-bg);border:0}.c128-metrics{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--d-s2) var(--d-s4)}.c128-metrics dd{margin:0}.c128-stage{margin:var(--d-s4) 0}.c128-stage progress{display:block;width:100%;height:var(--d-s2);accent-color:var(--d-accent)}.c128-overview{display:flex;flex-direction:column;gap:var(--d-s3);padding:var(--d-s4);margin-bottom:var(--d-s4)}.c128-overview nav{display:flex;flex-wrap:wrap;gap:var(--d-s3)}.c128-page fieldset{border:0;display:flex;flex-wrap:wrap;gap:var(--d-s3)}.c128-page fieldset label{display:flex;gap:var(--d-s2)}.c128-page input[type=checkbox]{accent-color:var(--d-accent);width:20px;height:20px}.c128-fix{margin:var(--d-s5) 0}.c128-dialog [data-listen128]{max-width:100%;overflow-wrap:anywhere}

html.shell20 body:has(.c128-page[data-practice128]) #raTabs{display:none!important}
html.shell20 body:has(.c128-page[data-practice128]) #app{padding-bottom:145px!important}
html.shell20 body:has(.c128-page[data-practice128]) #app [data-primary="1"]{bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}
html.shell20 #app .c128-page .q-why.ra-result-bar{position:static!important;transform:none!important;margin:var(--d-s4) 0!important;max-width:100%!important;width:auto!important;box-sizing:border-box}

/* Navigation reuses the existing Coach choice surfaces and design tokens. */
.c128-overview nav .c20-link{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:var(--d-s3) var(--d-s4);background:var(--d-surface);color:var(--d-ink);border-radius:var(--d-control);text-decoration:none}
.c128-page details{margin:var(--d-s3) 0}.c128-page summary{cursor:pointer;min-height:44px;align-content:center;color:var(--d-accent)}.c128-page details[open]{padding-bottom:var(--d-s3)}
.c128-page [data-diagnosis128] section{margin:var(--d-s5) 0}.c128-page [data-diagnosis128] h3{font-size:var(--d-title);line-height:1.4}
.c128-page [data-onboarding-offer] .c20-link,.c128-page[data-roadmap128] .c20-link{display:block;min-height:44px;padding:var(--d-s2) 0}
@media print{html.shell20 body:has([data-roadmap128]){background:white!important;color:black!important}body:has([data-roadmap128]) :is(nav,button,#raTabs,#appbar,#planbar,.s20-topbar){display:none!important}body:has([data-roadmap128]) #app{overflow:visible!important;height:auto!important;padding:0!important}body:has([data-roadmap128]) .c128-page{max-width:none!important;padding:0!important}body:has([data-roadmap128]) .c128-card{break-inside:avoid;box-shadow:none!important;color:black!important;background:white!important}body:has([data-roadmap128]) details>*{display:block!important}body:has([data-roadmap128]) :is(header a,.c20-link,.c128-ripi){display:none!important}body:has([data-roadmap128]) [data-roadmap128]{height:auto!important;overflow:visible!important}}