/* A visual learning product: white, charcoal, coral, and distinct idea colours. */
:root{--ink:var(--gs-content-primary);--muted:var(--gs-content-secondary);--line:var(--gs-border-default);--paper:var(--gs-surface-raised);--ground:var(--gs-surface-page);--accent:var(--gs-content-accent);--mint:var(--gs-surface-support);--dark:var(--gs-surface-inverse);--radius:var(--gs-radius-lg);font-family:var(--gs-font-body)}
body{background:var(--gs-surface-raised)}a,.inline-link{color:var(--gs-content-information)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-color:var(--gs-border-default)}h1{font-weight:var(--gs-weight-semibold);letter-spacing:-.045em;font-size:var(--gs-text-3xl)}h2,h3{font-weight:var(--gs-weight-semibold)}.eyebrow{font-size:var(--gs-text-xs);color:var(--gs-content-accent);letter-spacing:.1em}.intro{font-size:var(--gs-text-sm);line-height:1.6}.small-note{font-size:var(--gs-text-sm)!important}
.site-header{height:76px;background:var(--gs-surface-raised)}.site-name{color:var(--gs-content-primary)}.header-actions .text-button{font-size:var(--gs-text-sm)}.site-header #question-count{background:var(--gs-surface-raised);color:var(--gs-content-accent);font-size:var(--gs-text-xs);padding:var(--gs-space-1) var(--gs-space-2);border-radius:var(--gs-radius-md)}.journey-nav{background:var(--gs-surface-raised);border-color:var(--gs-border-default)}.journey-tabs{max-width:960px}.journey-tabs button{font-size:var(--gs-text-sm);min-height:60px}.journey-tabs button[aria-selected=true]{border-color:var(--gs-border-default)}.journey-tabs .step-number{font-size:var(--gs-text-xs)}
.explorer{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--gs-space-10);padding-top:var(--gs-space-8)}.visual-card{background:var(--gs-surface-inverse);border-color:var(--gs-border-default);box-shadow:none}.model-window{background:var(--gs-surface-sunken)}.visual-note{font-size:var(--gs-text-sm);line-height:1.6}.visual-top{font-size:var(--gs-text-sm)}.model-footer,.model-footer button{font-size:var(--gs-text-xs);color:var(--gs-content-secondary)}.view-caption{color:var(--gs-content-inverse);font-size:var(--gs-text-sm)}.camera-buttons{background:var(--gs-surface-inverse)}.segmented.dark button[aria-pressed=true]{background:var(--gs-surface-raised);color:var(--gs-content-primary)}.play-button{background:var(--gs-surface-sunken);color:var(--gs-content-primary)}.playback input::-webkit-slider-thumb{background:var(--gs-surface-sunken);border-color:var(--gs-border-default)}.body-options summary,.body-options .text-button{color:var(--gs-content-inverse);font-size:var(--gs-text-sm)}.visual-bottom{font-size:var(--gs-text-sm)}.visual-bottom>span:last-child{font-size:var(--gs-text-xs);color:var(--gs-content-secondary)}.caption-dot{background:var(--gs-surface-sunken)}.tip-label{background:var(--gs-surface-sunken);color:var(--gs-content-primary)}.load-state{background:var(--gs-surface-inverse)}
.next-button{background:var(--gs-surface-inverse);border-color:var(--gs-border-default);border-radius:var(--gs-radius-md);font-size:var(--gs-text-sm)}.next-button:hover{background:var(--gs-surface-inverse)}.secondary-button{background:var(--gs-surface-raised);color:var(--gs-content-primary);border-color:var(--gs-border-default);border-radius:var(--gs-radius-md);font-size:var(--gs-text-sm)}.secondary-button:hover{background:var(--gs-surface-raised)}.inline-link{font-size:var(--gs-text-sm)}.fact-card p,.explanation-card>p,.disclosure p,.care-reading p,.care-task p,.care-question p{font-size:var(--gs-text-sm);line-height:1.65;color:var(--gs-content-primary)}.disclosure summary{font-size:var(--gs-text-sm)}.sources-step summary{font-size:var(--gs-text-sm)}.source-link{font-size:var(--gs-text-sm)}.source-link span{font-size:var(--gs-text-sm)}.lesson-footer{font-size:var(--gs-text-sm)}.lesson-footer button{font-size:var(--gs-text-sm);color:var(--gs-content-accent)}.save-question,.task-save{font-size:var(--gs-text-sm);color:var(--gs-content-information);min-height:44px}.save-question[data-saved=true],.task-save[aria-pressed=true]{color:var(--gs-content-primary)}
.care-lenses,.guide-lenses,.segmented.light{background:var(--gs-surface-raised)}.care-lenses button,.guide-lenses button{font-size:var(--gs-text-sm)}.care-lenses button[aria-pressed=true],.guide-lenses button[aria-pressed=true]{color:var(--gs-content-primary)}.care-stage-dot{background:var(--gs-surface-raised);color:var(--gs-content-primary)}.care-stages button{font-size:var(--gs-text-sm)}.care-stages button[aria-pressed=true]{border-color:var(--gs-border-default);color:var(--gs-content-primary)}.care-stages button[aria-pressed=true] .care-stage-dot{background:var(--gs-surface-accent);color:var(--gs-content-primary)}.care-stages{gap:var(--gs-space-4)}.care-task,.care-question{border-radius:var(--gs-radius-md)}.subtabs button,.example-choices button{font-size:var(--gs-text-sm);border-radius:var(--gs-radius-md)}.subtabs button[aria-pressed=true],.example-choices button[aria-pressed=true]{background:var(--gs-surface-raised);border-color:var(--gs-border-default);color:var(--gs-content-information)}.explanation-card{border-radius:var(--gs-radius-md)}.card-kicker{font-size:var(--gs-text-xs)}.card-kicker>span:first-child{background:var(--gs-surface-raised);color:var(--gs-content-accent)}.range-labels,.result-steps button{font-size:var(--gs-text-sm)}.result-steps button[aria-pressed=true]{color:var(--gs-content-accent)}.result-steps button[aria-pressed=true]:before{background:var(--gs-surface-accent);border-color:var(--gs-border-default)}.checklist label{font-size:var(--gs-text-sm)}.checklist span small{font-size:var(--gs-text-sm);color:var(--gs-content-secondary)}.guide-stage-number{background:var(--gs-surface-raised);color:var(--gs-content-accent)}.guide-counts{color:var(--gs-content-primary)}.guide-stage-body h3{color:var(--gs-content-information)}.guide-task-check input{accent-color:var(--gs-content-accent)}.guide-task-check small{color:var(--gs-content-secondary)}.guide-reading{font-size:var(--gs-text-sm)}.guide-stage>summary{font-size:var(--gs-text-sm)}.guide-remove{color:var(--gs-content-accent)}.guide-reset-actions button{font-size:var(--gs-text-sm)}.dialog-body p{font-size:var(--gs-text-sm)}
.ui-icon{width:24px;height:24px;flex:none;display:block}.visual-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--gs-radius-md);flex:none;color:var(--gs-content-accent);background:var(--gs-surface-sunken)}.visual-icon.blue{color:var(--gs-content-information);background:var(--gs-surface-raised)}.visual-icon.yellow{color:var(--gs-content-accent);background:var(--gs-surface-sunken)}.visual-icon.green{color:var(--gs-content-support);background:var(--gs-surface-sunken)}.visual-icon.purple{color:var(--gs-content-accent);background:var(--gs-surface-raised)}.visual-icon.charcoal{color:var(--gs-content-inverse);background:var(--gs-surface-inverse)}
/* The opening teaches first, then immediately connects the lesson with life. */
.opening-intro{margin-bottom:var(--gs-space-6)}.opening-intro .eyebrow{margin-bottom:var(--gs-space-2)}.opening-intro h1{font-size:var(--gs-text-3xl);margin-bottom:var(--gs-space-3)}.opening-intro .intro{max-width:none;margin-bottom:var(--gs-space-4)}.opening-links{display:flex;gap:var(--gs-space-2);flex-wrap:wrap}.opening-links .next-button{margin:0;width:auto;flex:1;padding:var(--gs-space-3) var(--gs-space-4);min-width:215px}.opening-links .secondary-button{padding:var(--gs-space-3) var(--gs-space-3)}
body[data-intro=true] .visual-column{position:sticky;top:20px}body[data-intro=true] .model-window{height:clamp(320px,43vh,470px);min-height:320px}.intro-controls{background:var(--gs-surface-inverse);border-top-color:var(--gs-border-default)}.intro-step-label{font-size:var(--gs-text-xs);color:var(--gs-content-secondary)}.intro-step-label span:first-child{color:var(--gs-content-support)}.intro-controls h2{font-size:var(--gs-text-xl);margin-top:var(--gs-space-3)}.intro-controls p{font-size:var(--gs-text-sm);color:var(--gs-content-inverse);min-height:0}.intro-steps button{font-size:var(--gs-text-sm);border-color:var(--gs-border-default);border-radius:var(--gs-radius-md)}.intro-steps button[aria-pressed=true]{background:var(--gs-surface-sunken);border-color:var(--gs-border-default);color:var(--gs-content-primary)}.intro-actions .secondary-button{background:var(--gs-surface-raised);color:var(--gs-content-primary)}.intro-actions .inline-link{color:var(--gs-content-inverse);font-size:var(--gs-text-sm);min-height:44px;display:inline-flex;align-items:center}.intro-camera{background:var(--gs-surface-inverse);border-color:var(--gs-border-default)}.intro-camera>span{color:var(--gs-content-inverse);font-size:var(--gs-text-xs)}.intro-camera small{font-size:var(--gs-text-xs);color:var(--gs-content-secondary)}.intro-panel{padding-top:0}
/* This is an interactive interface concept, with example data. */
.gutsphere-demo{background:var(--gs-surface-raised);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:var(--gs-space-6)}.demo-brand{display:flex;align-items:center;gap:var(--gs-space-2);margin-bottom:var(--gs-space-4);font-size:var(--gs-text-xs);font-weight:var(--gs-weight-semibold);letter-spacing:.08em}.demo-brand .brand-mark{width:25px;height:25px;font-size:var(--gs-text-base);border-radius:var(--gs-radius-md)}.concept-label{font-size:var(--gs-text-xs);letter-spacing:0;font-weight:var(--gs-weight-regular);color:var(--gs-content-secondary);margin-left:auto;padding:var(--gs-space-1) var(--gs-space-2);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md)}.gutsphere-demo>h2{font-size:var(--gs-text-xl);line-height:1.16;letter-spacing:-.04em;margin:0 0 var(--gs-space-2)}.demo-description{font-size:var(--gs-text-sm);line-height:1.6;color:var(--gs-content-primary);margin:0 0 var(--gs-space-4);max-width:510px}.demo-stage-tabs{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:var(--gs-space-1);margin-bottom:var(--gs-space-4);background:var(--gs-surface-sunken);padding:var(--gs-space-1);border-radius:var(--gs-radius-md)}.demo-stage-tabs button{padding:var(--gs-space-2) var(--gs-space-1);border:0;border-radius:var(--gs-radius-md);background:none;font-size:var(--gs-text-sm);min-height:44px;color:var(--gs-content-primary)}.demo-stage-tabs button[aria-pressed=true]{background:var(--gs-surface-raised);color:var(--gs-content-primary);font-weight:var(--gs-weight-semibold);box-shadow:none}
.demo-device{border:1px solid var(--gs-border-default);padding:var(--gs-space-2);border-radius:var(--gs-radius-md);background:var(--gs-surface-raised);box-shadow:none;max-width:420px;margin:0 auto}.demo-screen{border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);background:var(--gs-surface-raised);overflow:hidden}.demo-screen-top{display:flex;align-items:center;justify-content:space-between;gap:var(--gs-space-2);padding:var(--gs-space-3) var(--gs-space-4);border-bottom:1px solid var(--gs-border-default);font-size:var(--gs-text-xs);color:var(--gs-content-secondary)}.demo-wordmark{color:var(--gs-content-accent);font-weight:var(--gs-weight-semibold);font-size:var(--gs-text-sm);letter-spacing:-.055em}.demo-question{padding:var(--gs-space-5) var(--gs-space-5) var(--gs-space-4);background:var(--gs-surface-raised)}.demo-kicker{font-size:var(--gs-text-xs)!important;line-height:1.4;font-weight:var(--gs-weight-semibold);color:var(--gs-content-accent)!important;letter-spacing:.07em;margin-bottom:var(--gs-space-2)}.demo-question h3{font-size:var(--gs-text-base);line-height:1.3;letter-spacing:-.03em;margin:0;color:var(--gs-content-primary)}.demo-evidence{padding:var(--gs-space-1) var(--gs-space-4)}.demo-evidence-row{display:flex;align-items:center;gap:var(--gs-space-3);padding:var(--gs-space-3) 0;border-bottom:1px solid var(--gs-border-default)}.demo-evidence-row:last-child{border-bottom:0}.demo-evidence-row .visual-icon{width:36px;height:36px;border-radius:var(--gs-radius-md)}.demo-evidence-row .ui-icon{width:21px;height:21px}.demo-evidence-row strong,.demo-evidence-row span:not(.visual-icon){display:block}.demo-evidence-row strong{font-size:var(--gs-text-sm);font-weight:var(--gs-weight-semibold);margin-bottom:var(--gs-space-1)}.demo-evidence-row div>span{font-size:var(--gs-text-sm);color:var(--gs-content-secondary);line-height:1.4}.demo-action{margin:var(--gs-space-2) var(--gs-space-4) var(--gs-space-4);width:calc(100% - 32px);display:flex;align-items:center;justify-content:space-between;gap:var(--gs-space-2);border:0;background:var(--gs-surface-inverse);color:var(--gs-content-inverse);border-radius:var(--gs-radius-md);padding:var(--gs-space-3) var(--gs-space-3);text-align:left;min-height:48px;font-size:var(--gs-text-sm);line-height:1.4;font-weight:var(--gs-weight-semibold)}.demo-action .ui-icon{width:20px}.demo-action.secondary{background:var(--gs-surface-raised);color:var(--gs-content-primary)}.demo-screen-footer{display:flex;justify-content:space-around;gap:var(--gs-space-2);border-top:1px solid var(--gs-border-default);padding:var(--gs-space-3) var(--gs-space-2);color:var(--gs-content-secondary)}.demo-screen-footer>span{display:flex;flex-direction:column;align-items:center;gap:var(--gs-space-1)}.demo-screen-footer .ui-icon{width:18px;height:18px}.demo-screen-footer small{font-size:var(--gs-text-xs)}.demo-screen-footer .active{color:var(--gs-content-accent)}.demo-result{padding:var(--gs-space-5);min-height:233px}.demo-result .visual-icon{margin-bottom:var(--gs-space-3)}.demo-result h4{font-size:var(--gs-text-sm);line-height:1.35;margin:0 0 var(--gs-space-2)}.demo-result p{font-size:var(--gs-text-sm);line-height:1.55;margin:0 0 var(--gs-space-3);color:var(--gs-content-primary)}.demo-result small{display:block;font-size:var(--gs-text-sm);color:var(--gs-content-secondary);line-height:1.5}.demo-disclaimer{font-size:var(--gs-text-xs)!important;color:var(--gs-content-secondary)!important;line-height:1.5;text-align:center;margin:var(--gs-space-3) 0 var(--gs-space-4)}.demo-store-links{display:flex;gap:var(--gs-space-2);flex-wrap:wrap}.demo-store-links a{display:flex;align-items:center;justify-content:space-between;gap:var(--gs-space-2);flex:1;min-width:170px;font-size:var(--gs-text-sm);color:var(--gs-content-primary);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:var(--gs-space-3) var(--gs-space-3);background:var(--gs-surface-raised);text-decoration:none;font-weight:var(--gs-weight-regular);min-height:46px}.demo-store-links a:hover{border-color:var(--gs-border-default);background:var(--gs-surface-raised)}.demo-store-links .ui-icon{width:16px;height:16px}.demo-qr{margin-top:var(--gs-space-3);color:var(--gs-content-secondary);font-size:var(--gs-text-sm)}.demo-qr summary{cursor:pointer;padding:var(--gs-space-2) 0;min-height:36px}.demo-qr figure{margin:0;padding:var(--gs-space-2);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md)}.demo-qr img{display:block;max-width:100%;height:auto}.demo-qr figcaption{text-align:center;margin-top:var(--gs-space-1)}.gutsphere-demo[data-demo-stage=after] .demo-question{background:var(--gs-surface-raised)}.gutsphere-demo[data-demo-stage=after] .demo-kicker{color:var(--gs-content-information)!important}.gutsphere-demo[data-demo-stage=everyday] .demo-question{background:var(--gs-surface-raised)}.gutsphere-demo[data-demo-stage=everyday] .demo-kicker{color:var(--gs-content-accent)!important}#app-demo-dialog{width:min(620px,calc(100% - 24px))}#app-demo-dialog .gutsphere-demo{padding:var(--gs-space-5)}
.app-context-cue{display:flex;align-items:center;gap:var(--gs-space-3);width:100%;text-align:left;border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:var(--gs-space-3) var(--gs-space-4);background:var(--gs-surface-raised);margin:var(--gs-space-4) 0 var(--gs-space-5)}.app-context-cue>span:not(.visual-icon){flex:1}.app-context-cue strong{display:block;color:var(--gs-content-accent);letter-spacing:.055em;font-size:var(--gs-text-xs);margin-bottom:var(--gs-space-1)}.app-context-cue small{display:block;font-size:var(--gs-text-sm);color:var(--gs-content-primary);line-height:1.45}.app-context-cue>.ui-icon{width:20px;height:20px;color:var(--gs-content-secondary)}
@media(max-width: 40rem) and (min-width: 64.0625rem){.explorer{gap:var(--gs-space-6);padding-inline:var(--gs-space-6)}.gutsphere-demo{padding:var(--gs-space-4)}.demo-store-links a{min-width:150px}.demo-brand{gap:var(--gs-space-1);font-size:var(--gs-text-xs)}.concept-label{padding-inline:var(--gs-space-1)}}
@media(max-width: 40rem){.site-header{height:64px;padding-inline:var(--gs-space-4)}.header-actions{gap:var(--gs-space-3)}.brand{font-size:var(--gs-text-base)}.journey-tabs button{font-size:var(--gs-text-sm);padding:var(--gs-space-1) var(--gs-space-1);min-height:60px;line-height:1.25}.journey-tabs .step-number{display:none}.journey-nav{top:0}.explorer{padding:var(--gs-space-4) var(--gs-space-3) var(--gs-space-8);max-width:600px}.lesson-column{padding:var(--gs-space-6) var(--gs-space-1) 0}.visual-card{border-radius:var(--gs-radius-md)}.care-path{padding-inline:var(--gs-space-4)}.care-stages button{font-size:var(--gs-text-sm)}.care-stage-dot{font-size:var(--gs-text-xs)}.care-lenses button,.guide-lenses button{font-size:var(--gs-text-sm)}.care-task,.care-question{padding:var(--gs-space-4)}.visual-note{font-size:var(--gs-text-sm)}.sources-step summary{font-size:var(--gs-text-sm)}.visual-top{font-size:var(--gs-text-sm)}.model-footer,.model-footer button{font-size:var(--gs-text-xs)}.body-options .text-button{font-size:var(--gs-text-sm)}.view-caption{font-size:var(--gs-text-xs)}.visual-bottom{font-size:var(--gs-text-sm)}.visual-bottom>span:last-child{font-size:var(--gs-text-xs)}.opening-intro h1{font-size:var(--gs-text-xl)}.opening-links .next-button{min-width:190px;font-size:var(--gs-text-sm)}.opening-links .secondary-button{font-size:var(--gs-text-sm);flex:1}.gutsphere-demo{padding:var(--gs-space-5) var(--gs-space-4);border-radius:var(--gs-radius-md)}.gutsphere-demo>h2{font-size:var(--gs-text-xl)}.demo-store-links a{min-width:0;font-size:var(--gs-text-sm);line-height:1.4}.demo-qr{display:none}.demo-stage-tabs button{font-size:var(--gs-text-sm)}.demo-device{padding:var(--gs-space-1)}.demo-description{font-size:var(--gs-text-sm)}.demo-brand{flex-wrap:wrap}.concept-label{font-size:var(--gs-text-xs)}.intro-controls{padding:var(--gs-space-4)}.intro-step-label{font-size:var(--gs-text-xs);letter-spacing:0}.intro-controls h2{font-size:var(--gs-text-xl)}.intro-controls p{font-size:var(--gs-text-sm)}.intro-actions{gap:var(--gs-space-3)}.intro-actions .inline-link{font-size:var(--gs-text-sm)}body[data-intro=true] .visual-column{position:static}body[data-intro=true] .visual-card{position:static}body[data-intro=true] .model-window{height:245px;min-height:245px}.intro-panel{padding-top:0}.app-context-cue{padding:var(--gs-space-3)}.app-context-cue .visual-icon{width:36px;height:36px}.app-context-cue small{font-size:var(--gs-text-sm)}#app-demo-dialog .dialog-body{padding:var(--gs-space-4)}#app-demo-dialog .gutsphere-demo{padding:var(--gs-space-4)}.dialog-heading{padding:var(--gs-space-4)}.dialog-heading h2{font-size:var(--gs-text-base)}.close-dialog{flex:none}.subtabs button,.example-choices button{font-size:var(--gs-text-sm)}.exam-modes{gap:var(--gs-space-1)}.exam-modes button{padding-inline:var(--gs-space-1)}.range-labels{font-size:var(--gs-text-sm)}.report-row button{font-size:var(--gs-text-sm)}.care-pagination .secondary-button{font-size:var(--gs-text-sm)}.guide-reset-actions{gap:var(--gs-space-2)}.guide-reset-actions button{font-size:var(--gs-text-sm)}.site-header #question-count{display:inline-block;width:auto;min-width:0;font-size:var(--gs-text-xs)}}
@media(max-width: 40rem){.journey-tabs button{font-size:var(--gs-text-xs)}.header-actions{gap:var(--gs-space-2)}.site-header .brand{gap:var(--gs-space-1);font-size:var(--gs-text-base)}.header-actions .text-button{font-size:var(--gs-text-xs)}.intro-controls{padding:var(--gs-space-4) var(--gs-space-3)}.intro-actions{gap:var(--gs-space-3)}.intro-step-label span:last-child{font-size:var(--gs-text-xs)}.intro-actions .inline-link{font-size:var(--gs-text-sm)}.intro-actions .secondary-button{padding-inline:var(--gs-space-3)}.demo-stage-tabs{grid-template-columns:1fr 1fr 1.35fr}.demo-stage-tabs button{font-size:var(--gs-text-xs)}.demo-store-links{flex-direction:column}.demo-brand{font-size:var(--gs-text-xs)}.gutsphere-demo{padding:var(--gs-space-4) var(--gs-space-3)}.demo-screen-top{padding:var(--gs-space-3)}.demo-evidence{padding-inline:var(--gs-space-3)}.demo-question{padding:var(--gs-space-4) var(--gs-space-3)}.demo-evidence-row{gap:var(--gs-space-2)}.demo-evidence-row .visual-icon{width:32px;height:32px}.demo-evidence-row strong,.demo-evidence-row div>span{font-size:var(--gs-text-sm)}.intro-steps button{font-size:var(--gs-text-sm)}}
@media print{.gutsphere-demo,.app-context-cue,#app-demo-dialog{display:none!important}body{background:var(--gs-surface-raised)}}
.quiz-entry{margin:var(--gs-space-5) 0 var(--gs-space-6);padding:var(--gs-space-6);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);background:var(--gs-surface-sunken)}
.quiz-entry h2{max-width:500px;margin-bottom:var(--gs-space-2)}.quiz-entry p:not(.visual-kicker){color:var(--gs-content-secondary);font-size:var(--gs-text-sm);line-height:1.6;margin-bottom:0}.quiz-entry .next-button{margin-top:var(--gs-space-5)}.quiz-entry-compact{display:flex;align-items:center;justify-content:space-between;gap:var(--gs-space-5)}.quiz-entry-compact>div{flex:1}.quiz-entry-compact .secondary-button{flex:none}.quiz-guide-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--gs-space-4);text-align:left;border:1px solid var(--gs-border-default);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md);padding:var(--gs-space-4) var(--gs-space-4);margin:var(--gs-space-4) 0 var(--gs-space-5);text-decoration:none;color:var(--gs-content-primary)}.quiz-guide-button span:first-child{display:flex;flex-direction:column;gap:var(--gs-space-1)}.quiz-guide-button strong{font-size:var(--gs-text-sm)}.quiz-guide-button small{font-size:var(--gs-text-xs);color:var(--gs-content-secondary);font-weight:var(--gs-weight-regular)}.quiz-guide-button>span:last-child{font-size:var(--gs-text-base)}.quiz-entry a.next-button,.quiz-entry a.secondary-button{text-decoration:none}
@media(max-width: 40rem){.quiz-entry{padding:var(--gs-space-5)}.quiz-entry-compact{display:block}.quiz-entry-compact .secondary-button{display:inline-flex;align-items:center;margin-top:var(--gs-space-3)}}
/* Visual explanations carry the main idea; the source detail remains available. */
.visual-lesson{padding:var(--gs-space-6);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);background:var(--gs-surface-raised);box-shadow:none;overflow:hidden}.visual-kicker{font-size:var(--gs-text-xs)!important;font-weight:var(--gs-weight-semibold);letter-spacing:.1em;color:var(--gs-content-secondary)!important;margin-bottom:var(--gs-space-2)}.visual-lesson>h2{font-size:var(--gs-text-3xl);line-height:1.12;letter-spacing:-.04em;max-width:430px;margin-bottom:var(--gs-space-6)}.visual-prompt{font-size:var(--gs-text-sm);color:var(--gs-content-secondary);margin-top:calc(-1 * var(--gs-space-2));margin-bottom:var(--gs-space-4)}.visual-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gs-space-2)}.visual-choice-grid button,.recovery-parts button,.followup-chain button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--gs-space-3);text-align:left;padding:var(--gs-space-4) var(--gs-space-3);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);background:var(--gs-surface-raised);min-height:112px;line-height:1.35;font-size:var(--gs-text-sm);font-weight:var(--gs-weight-regular)}.visual-choice-grid button[aria-pressed=true],.recovery-parts button[aria-pressed=true],.followup-chain button[aria-pressed=true]{background:var(--gs-surface-raised);border-color:var(--gs-border-default);box-shadow:none}.visual-choice-grid button[aria-pressed=true]>span:last-child,.recovery-parts button[aria-pressed=true]>span:last-child,.followup-chain button[aria-pressed=true]>span:last-child{color:var(--gs-content-primary)}.visual-choice-grid button:hover,.recovery-parts button:hover,.followup-chain button:hover{background:var(--gs-surface-raised)}
.reason-options{display:flex;gap:var(--gs-space-2);flex-wrap:wrap;margin-bottom:var(--gs-space-6)}.reason-options button{font-size:var(--gs-text-sm);padding:var(--gs-space-2) var(--gs-space-3);border:1px solid var(--gs-border-default);background:var(--gs-surface-raised);color:var(--gs-content-primary);border-radius:var(--gs-radius-md);min-height:44px}.reason-options button[aria-pressed=true]{color:var(--gs-content-inverse);background:var(--gs-surface-inverse);border-color:var(--gs-border-default)}.question-flow{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:stretch;gap:0}.flow-card{padding:var(--gs-space-4) var(--gs-space-3) var(--gs-space-5);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md);display:flex;flex-direction:column;gap:var(--gs-space-3);min-width:0}.flow-card.blue{background:var(--gs-surface-raised)}.flow-card.coral{background:var(--gs-surface-raised)}.flow-card .visual-icon{background:var(--gs-surface-raised)}.flow-label{font-size:var(--gs-text-xs);color:var(--gs-content-secondary);line-height:1.35}.flow-card strong{font-size:var(--gs-text-sm);font-weight:var(--gs-weight-regular);line-height:1.45;letter-spacing:-.02em}.flow-arrow{display:grid;place-items:center;color:var(--gs-content-secondary);font-size:var(--gs-text-base)}.visual-footnote{font-size:var(--gs-text-sm)!important;color:var(--gs-content-secondary)!important;margin:var(--gs-space-5) 0 0;line-height:1.55}.visual-insight{padding:var(--gs-space-5);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md);margin-top:var(--gs-space-5);min-height:130px}.visual-insight h3{font-size:var(--gs-text-base);letter-spacing:-.025em;margin-bottom:var(--gs-space-2)}.visual-insight p{font-size:var(--gs-text-sm);line-height:1.6;color:var(--gs-content-primary);margin:0}.visual-insight>.visual-icon{margin-bottom:var(--gs-space-4)}.visual-next{display:flex;align-items:center;justify-content:space-between;gap:var(--gs-space-3);background:var(--gs-surface-inverse);color:var(--gs-content-inverse);border:0;border-radius:var(--gs-radius-md);min-height:48px;padding:var(--gs-space-3) var(--gs-space-4);font-size:var(--gs-text-sm);font-weight:var(--gs-weight-regular);text-align:left;margin-top:var(--gs-space-5);width:100%}.visual-next:after{content:'→';font-size:var(--gs-text-base)}.visual-guide-link{display:block;background:none;border:0;padding:var(--gs-space-3) 0 0;min-height:44px;color:var(--gs-content-information);font-size:var(--gs-text-sm);text-decoration:underline;text-underline-offset:4px;text-align:left;margin-top:var(--gs-space-4)}.visual-takeaway{border-left:3px solid var(--gs-border-default);padding:var(--gs-space-1) 0 var(--gs-space-1) var(--gs-space-3);margin-top:var(--gs-space-5);font-size:var(--gs-text-sm);color:var(--gs-content-accent)}
.plan-join{position:relative;display:grid;grid-template-columns:28px 1fr;gap:var(--gs-space-1) var(--gs-space-2);align-items:center;padding:var(--gs-space-4);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md);margin-top:var(--gs-space-6);border-top:3px solid var(--gs-border-default)}.plan-join:before{content:'';position:absolute;width:1px;height:25px;background:var(--gs-surface-sunken);left:50%;top:-28px}.plan-join strong{font-size:var(--gs-text-sm);font-weight:var(--gs-weight-semibold)}.plan-join span{grid-column:2;font-size:var(--gs-text-sm);line-height:1.45;color:var(--gs-content-support)}.plan-join .ui-icon{color:var(--gs-content-accent)}.action-diagram{margin-top:var(--gs-space-5);background:var(--gs-surface-raised);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:var(--gs-space-2)}.action-diagram svg{display:block;width:100%;height:auto}.action-lesson .visual-insight{margin-top:var(--gs-space-3);min-height:120px}.recovery-parts{display:grid;grid-template-columns:1fr 1fr;gap:var(--gs-space-3)}.recovery-parts button{flex-direction:row;align-items:center;min-height:88px;font-size:var(--gs-text-sm);padding:var(--gs-space-4)}.visual-question{display:flex;align-items:flex-start;gap:var(--gs-space-3);border:1px solid var(--gs-border-default);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md);padding:var(--gs-space-4);margin-top:var(--gs-space-3);color:var(--gs-content-accent)}.visual-question p{font-size:var(--gs-text-sm);line-height:1.5;margin:0}.followup-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gs-space-2)}.followup-chain button{padding:var(--gs-space-3) var(--gs-space-2);min-height:130px;font-size:var(--gs-text-sm)}.followup-chain .visual-icon{width:36px;height:36px}.question-return{display:flex;align-items:center;gap:var(--gs-space-3);border-top:1px dashed var(--gs-border-default);padding-top:var(--gs-space-5);margin-top:var(--gs-space-5)}.question-return p{font-size:var(--gs-text-sm);color:var(--gs-content-primary);margin:0}.question-return .ui-icon{color:var(--gs-content-accent)}
.care-first-action{border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);background:var(--gs-surface-raised);padding:var(--gs-space-6)}.care-first-action .visual-icon{float:right;margin:0 0 var(--gs-space-4) var(--gs-space-4)}.care-first-action h2{font-size:var(--gs-text-xl);line-height:1.25;letter-spacing:-.03em;margin-bottom:var(--gs-space-3);max-width:370px}.care-first-action>p:not(.visual-kicker){font-size:var(--gs-text-sm);color:var(--gs-content-secondary);line-height:1.6}.care-first-action .visual-next{margin-top:var(--gs-space-4)}.fuller-explanation{margin-top:var(--gs-space-5)}.fuller-explanation .care-reading:first-of-type{border-top:0;padding-top:var(--gs-space-1)}.fuller-explanation h2{font-size:var(--gs-text-base)}.care-stage-content{margin-top:var(--gs-space-5)}.care-lenses{margin-top:var(--gs-space-5);margin-bottom:var(--gs-space-5)}#scope-action-visual{margin:var(--gs-space-6) 0}.compact-lesson{box-shadow:none;padding:var(--gs-space-6)}.compact-lesson>h2{font-size:var(--gs-text-xl)}.compact-lesson .visual-choice-grid button{min-height:95px}.compact-lesson .visual-insight{min-height:0}
/* The report map keeps quality, observations and next steps visibly separate. */
.report-sheet{padding:var(--gs-space-6);border-radius:var(--gs-radius-md);border:1px solid var(--gs-border-default);background:var(--gs-surface-raised)}.report-sheet-heading{font-size:var(--gs-text-xs);color:var(--gs-content-secondary)}.report-sheet-heading span:last-child{background:var(--gs-surface-raised);color:var(--gs-content-secondary);padding:var(--gs-space-1) var(--gs-space-2);border-radius:var(--gs-radius-md)}.report-sheet h2{font-size:var(--gs-text-xl);margin-bottom:var(--gs-space-2)}.report-instruction{font-size:var(--gs-text-sm)!important;color:var(--gs-content-secondary)!important}.report-visual-map{display:grid;gap:var(--gs-space-3);margin:var(--gs-space-5) 0 var(--gs-space-3)}.report-map-group{background:var(--gs-surface-raised);border-radius:var(--gs-radius-md);padding:var(--gs-space-4)}.report-map-group.coral{background:var(--gs-surface-raised)}.report-map-group.yellow{background:var(--gs-surface-raised)}.report-map-group h3{display:flex;align-items:center;gap:var(--gs-space-2);color:var(--gs-content-information);font-size:var(--gs-text-sm);margin:0 0 var(--gs-space-3)}.report-map-group.coral h3{color:var(--gs-content-accent)}.report-map-group.yellow h3{color:var(--gs-content-accent)}.report-map-group h3>span{font-size:var(--gs-text-xs);opacity:.8}.report-map-item{display:flex;width:100%;align-items:center;gap:var(--gs-space-2);padding:var(--gs-space-3);background:var(--gs-surface-raised);border:1px solid transparent;border-radius:var(--gs-radius-md);color:var(--gs-content-primary);text-align:left;margin-top:var(--gs-space-2);min-height:68px}.report-map-item[aria-pressed=true]{background:var(--gs-surface-raised);border-color:var(--gs-border-default);box-shadow:none}.report-map-item small{display:block;font-size:var(--gs-text-xs);line-height:1.3;color:var(--gs-content-secondary);margin-bottom:var(--gs-space-1)}.report-map-item strong{display:block;font-size:var(--gs-text-sm);font-weight:var(--gs-weight-semibold);line-height:1.4}.report-map-item .ui-icon{width:22px;color:var(--gs-content-secondary)}.report-full-text{border-top:1px solid var(--gs-border-default);padding-top:var(--gs-space-2);margin-top:var(--gs-space-5)}.report-full-text>summary{font-size:var(--gs-text-sm);cursor:pointer;padding:var(--gs-space-2) 0;color:var(--gs-content-primary);min-height:44px}.report-row{grid-template-columns:100px minmax(0,1fr)}.report-row dt{font-size:var(--gs-text-sm);color:var(--gs-content-secondary)}.report-row button{font-size:var(--gs-text-sm)}.report-detail{border-color:var(--gs-border-default);background:var(--gs-surface-raised)}.report-detail h2{font-size:var(--gs-text-xl)}.report-detail .eyebrow{color:var(--gs-content-accent)}.report-cases button{font-size:var(--gs-text-sm)}.report-cases button[aria-pressed=true]{background:var(--gs-surface-inverse);color:var(--gs-content-inverse);border-color:var(--gs-border-default)}
.guide-visual-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gs-space-1);margin:0 0 var(--gs-space-5);align-items:start}.guide-visual-map button{display:flex;flex-direction:column;align-items:center;gap:var(--gs-space-2);padding:var(--gs-space-2) var(--gs-space-1);border:0;background:transparent;text-align:center;line-height:1.3;min-height:108px}.guide-map-number{display:grid;place-items:center;width:30px;height:30px;background:var(--gs-surface-sunken);border-radius:var(--gs-radius-pill);font-size:var(--gs-text-sm);color:var(--gs-content-accent)}.guide-visual-map strong{font-size:var(--gs-text-xs);font-weight:var(--gs-weight-semibold)}.guide-visual-map small{font-size:var(--gs-text-xs);color:var(--gs-content-secondary)}.guide-visual-map button:hover{background:var(--gs-surface-raised);border-radius:var(--gs-radius-md)}.guide-stage>summary{scroll-margin-top:72px}
@media(max-width: 40rem) and (min-width: 64.0625rem){.visual-lesson{padding:var(--gs-space-6)}.question-flow{grid-template-columns:1fr 16px 1fr 16px 1fr}.flow-card{padding:var(--gs-space-3) var(--gs-space-2)}.flow-card strong{font-size:var(--gs-text-sm)}.visual-choice-grid{gap:var(--gs-space-2)}.visual-choice-grid button{padding:var(--gs-space-3) var(--gs-space-2);font-size:var(--gs-text-sm)}.recovery-parts button{flex-direction:column;align-items:flex-start}.followup-chain{grid-template-columns:1fr 1fr}.followup-chain button{min-height:94px;flex-direction:row;align-items:center;padding:var(--gs-space-3)}}
@media(max-width: 40rem){.visual-lesson{padding:var(--gs-space-6) var(--gs-space-5);border-radius:var(--gs-radius-md);box-shadow:none}.visual-lesson>h2{font-size:var(--gs-text-xl);margin-bottom:var(--gs-space-5)}.reason-options{gap:var(--gs-space-1);margin-bottom:var(--gs-space-5)}.reason-options button{font-size:var(--gs-text-sm);padding:var(--gs-space-2) var(--gs-space-3)}.question-flow{grid-template-columns:1fr;gap:0}.flow-card{display:grid;grid-template-columns:40px 1fr;gap:var(--gs-space-1) var(--gs-space-3);padding:var(--gs-space-3) var(--gs-space-4);border-radius:var(--gs-radius-md)}.flow-card .visual-icon{grid-row:1/3;width:38px;height:38px;align-self:center}.flow-label{font-size:var(--gs-text-xs);grid-column:2}.flow-card strong{grid-column:2;font-size:var(--gs-text-sm);font-weight:var(--gs-weight-regular);line-height:1.4}.flow-arrow{height:21px;font-size:var(--gs-text-base);transform:rotate(90deg)}.visual-footnote{font-size:var(--gs-text-sm)!important;margin-top:var(--gs-space-4)}.visual-choice-grid{gap:var(--gs-space-2)}.visual-choice-grid button{padding:var(--gs-space-3) var(--gs-space-2);min-height:114px;gap:var(--gs-space-2);font-size:var(--gs-text-sm)}.visual-choice-grid .visual-icon{width:36px;height:36px}.visual-choice-grid .ui-icon{width:22px;height:22px}.visual-insight{padding:var(--gs-space-5);margin-top:var(--gs-space-4);min-height:0}.visual-insight h3{font-size:var(--gs-text-base)}.visual-insight p{font-size:var(--gs-text-sm)}.visual-takeaway{font-size:var(--gs-text-sm)}.plan-join{padding:var(--gs-space-4);gap:var(--gs-space-1) var(--gs-space-2)}.plan-join strong{font-size:var(--gs-text-sm)}.plan-join span{font-size:var(--gs-text-sm)}.recovery-parts{gap:var(--gs-space-2)}.recovery-parts button{padding:var(--gs-space-3) var(--gs-space-3);flex-direction:column;align-items:flex-start;min-height:110px;font-size:var(--gs-text-sm)}.recovery-parts .visual-icon{width:35px;height:35px}.followup-chain{grid-template-columns:1fr 1fr;gap:var(--gs-space-2)}.followup-chain button{min-height:88px;flex-direction:row;align-items:center;padding:var(--gs-space-3);font-size:var(--gs-text-sm)}.followup-chain .visual-icon{width:32px;height:32px}.followup-chain .ui-icon{width:21px;height:21px}.care-first-action{padding:var(--gs-space-5)}.care-first-action h2{font-size:var(--gs-text-xl)}.care-first-action>.visual-icon{width:36px;height:36px}.visual-guide-link,.visual-next{font-size:var(--gs-text-sm)}.report-sheet{padding:var(--gs-space-5) var(--gs-space-4)}.report-map-group{padding:var(--gs-space-3)}.report-map-group h3{font-size:var(--gs-text-sm)}.report-map-item{padding:var(--gs-space-3);min-height:68px}.report-map-item strong{font-size:var(--gs-text-sm)}.report-map-item small{font-size:var(--gs-text-xs)}.report-detail h2{font-size:var(--gs-text-xl)}.guide-visual-map{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gs-space-1)}.guide-visual-map strong{font-size:var(--gs-text-xs)}.guide-visual-map small{font-size:var(--gs-text-xs)}.guide-visual-map button{min-height:105px;padding:var(--gs-space-2) var(--gs-space-1)}.guide-map-number{width:27px;height:27px;font-size:var(--gs-text-sm)}body[data-lesson=timeline] .visual-column{display:block}.visual-question{padding:var(--gs-space-4)}}
@media(max-width: 40rem){.visual-lesson{padding:var(--gs-space-5) var(--gs-space-4)}.visual-lesson>h2{font-size:var(--gs-text-xl)}.visual-choice-grid button{padding:var(--gs-space-3) var(--gs-space-2);font-size:var(--gs-text-sm)}.visual-choice-grid{gap:var(--gs-space-1)}.followup-chain button{font-size:var(--gs-text-sm);gap:var(--gs-space-2);padding:var(--gs-space-3)}.followup-chain .visual-icon{width:29px;height:29px}.guide-visual-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gs-space-1)}.guide-visual-map button{min-height:95px}.guide-visual-map strong{font-size:var(--gs-text-xs)}.report-map-group{padding:var(--gs-space-3)}.report-map-item .ui-icon{width:19px}.report-map-item{gap:var(--gs-space-2)}}
.report-visual-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gs-space-2)}.report-map-group{padding:var(--gs-space-3) var(--gs-space-3)}.report-map-group h3{display:block;min-height:64px;font-size:var(--gs-text-sm);line-height:1.35}.report-map-group h3>span{display:block;font-size:var(--gs-text-xs);margin-bottom:var(--gs-space-1)}.report-map-item{display:block;padding:var(--gs-space-3) var(--gs-space-2);min-height:132px}.report-map-item .ui-icon{margin-bottom:var(--gs-space-2)}.report-map-item strong{font-size:var(--gs-text-sm)}.report-map-item small{font-size:var(--gs-text-xs)}
.diet-contrast,.prep-problem-map{border:1px solid var(--gs-border-default);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md);padding:var(--gs-space-6);margin-bottom:var(--gs-space-5)}.diet-contrast h2{font-size:var(--gs-text-xl);line-height:1.2;letter-spacing:-.035em}.diet-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--gs-space-3);margin:var(--gs-space-5) 0}.diet-side{background:var(--gs-surface-sunken);border:1px solid var(--gs-border-default);border-radius:var(--gs-radius-md);padding:var(--gs-space-4)}.diet-side.clear{background:var(--gs-surface-raised);border-color:var(--gs-border-default)}.diet-side h3{font-size:var(--gs-text-sm)}.diet-definition{font-size:var(--gs-text-sm)!important;line-height:1.5!important;color:var(--gs-content-primary)!important;min-height:43px}.diet-side.clear .diet-definition{color:var(--gs-content-information)!important}.diet-symbol{display:block;font-size:var(--gs-text-xl);color:var(--gs-content-accent);letter-spacing:.1em;line-height:1;margin:var(--gs-space-1) 0 var(--gs-space-5)}.clear .diet-symbol{font-size:var(--gs-text-xl);line-height:.8;color:var(--gs-content-information)}.diet-side ul{padding:0;list-style:none;margin:var(--gs-space-5) 0 0}.diet-side li{font-size:var(--gs-text-sm);line-height:1.5;border-top:1px solid var(--gs-border-default);padding:var(--gs-space-2) 0}.diet-side.clear li{border-color:var(--gs-border-default)}.diet-side li:last-child{padding-bottom:0}.diet-check{background:var(--gs-surface-raised);padding:var(--gs-space-4) var(--gs-space-5);border-radius:var(--gs-radius-md);margin:var(--gs-space-5) 0}.diet-check strong{font-size:var(--gs-text-sm);color:var(--gs-content-accent)}.diet-check p{font-size:var(--gs-text-sm);color:var(--gs-content-secondary);margin:var(--gs-space-1) 0 0}.prep-problem-map h2{font-size:var(--gs-text-xl)}.prep-fact-pieces{display:grid;grid-template-columns:1fr 1fr;gap:var(--gs-space-2);margin:var(--gs-space-5) 0}.prep-fact-pieces span{font-size:var(--gs-text-sm);padding:var(--gs-space-4);border:1px solid var(--gs-border-default);background:var(--gs-surface-raised);border-radius:var(--gs-radius-md);text-align:center}.prep-contact-result{position:relative;border-radius:var(--gs-radius-md);padding:var(--gs-space-5);background:var(--gs-surface-raised);margin-top:var(--gs-space-6)}.prep-contact-result:before{content:'';width:1px;height:28px;background:var(--gs-surface-sunken);position:absolute;top:-28px;left:50%}.prep-contact-result strong{font-size:var(--gs-text-base);color:var(--gs-content-information)}.prep-contact-result p{font-size:var(--gs-text-sm);line-height:1.5;color:var(--gs-content-secondary);margin:var(--gs-space-2) 0 0}.guide-app-continuation{background:var(--gs-surface-raised);border-color:var(--gs-border-default)}.guide-app-continuation .visual-next{margin-bottom:var(--gs-space-3)}.guide-app-continuation .visual-next:after{content:none}.guide-app-continuation .eyebrow{color:var(--gs-content-accent)}
@media(max-width: 40rem){.report-visual-map{grid-template-columns:1fr}.report-map-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--gs-space-2);padding:var(--gs-space-3)}.report-map-group h3{grid-column:1/-1;min-height:0;display:flex;align-items:center;gap:var(--gs-space-2);margin-bottom:var(--gs-space-1);font-size:var(--gs-text-sm)}.report-map-group h3>span{margin:0}.report-map-item{min-height:112px;margin:0}.report-map-item strong{font-size:var(--gs-text-sm)}.report-map-item .ui-icon{width:20px;height:20px}.diet-side{padding:var(--gs-space-4) var(--gs-space-3)}}
@media(max-width: 40rem){.diet-contrast,.prep-problem-map{padding:var(--gs-space-5) var(--gs-space-5)}.diet-contrast h2{font-size:var(--gs-text-xl)}.diet-comparison{gap:var(--gs-space-2)}.diet-side{padding:var(--gs-space-4) var(--gs-space-3)}.diet-side li{font-size:var(--gs-text-sm)}.diet-side h3{font-size:var(--gs-text-sm)}.diet-definition{font-size:var(--gs-text-sm)!important;min-height:64px}.diet-symbol{font-size:var(--gs-text-base);letter-spacing:.04em}.clear .diet-symbol{font-size:var(--gs-text-xl)}.prep-fact-pieces span{padding:var(--gs-space-3) var(--gs-space-2);font-size:var(--gs-text-sm)}.prep-contact-result{padding:var(--gs-space-4)}.prep-contact-result strong{font-size:var(--gs-text-sm)}.report-map-group{padding:var(--gs-space-3)}.report-map-item{min-height:120px}.report-map-item strong{font-size:var(--gs-text-sm)}.report-map-item small{font-size:var(--gs-text-xs)}}
@media(max-width: 40rem){.diet-comparison{grid-template-columns:1fr}.diet-definition{min-height:0}.diet-side{padding:var(--gs-space-4)}.diet-side ul{display:flex;gap:var(--gs-space-2);flex-wrap:wrap;margin-top:var(--gs-space-3)}.diet-side li{border:0;border-radius:var(--gs-radius-md);background:var(--gs-surface-raised);padding:var(--gs-space-2)!important;font-size:var(--gs-text-sm)}.diet-symbol{margin-bottom:var(--gs-space-3)}.report-map-item{padding:var(--gs-space-3) var(--gs-space-2)}.report-map-item strong{font-size:var(--gs-text-sm)}}
#care-path,#model-window{scroll-margin-top:14px}
@media(max-width: 40rem){#care-path,#model-window{scroll-margin-top:calc(var(--lesson-nav-height,60px) + 12px)}body:not([data-lesson=timeline]):not([data-intro=true]) .visual-card{top:var(--lesson-nav-height,60px)}}
body[data-lesson=preparation]:not([data-prep-topic=visibility]) .visual-column{display:none}
body[data-lesson=preparation]:not([data-prep-topic=visibility]) .explorer{display:block;max-width:800px}
body[data-lesson=preparation]:not([data-prep-topic=visibility]) .lesson-column{padding-top:var(--gs-space-1)}
#panel-preparation,#anatomy-card{scroll-margin-top:14px}
@media(max-width: 40rem){#panel-preparation,#anatomy-card{scroll-margin-top:calc(var(--lesson-nav-height,60px) + 12px)}}
@media(max-width: 40rem){.guide-visual-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gs-space-2)}}