#vb-results{color-scheme:light dark;--paper:light-dark(#ffffff,#1b2a22);--ground:light-dark(#f3f5f1,#122019);--ink:light-dark(#12362a,#edf4ed);--sub:light-dark(#506257,#b5c8b9);--edge:light-dark(#d6dfd7,#3d5445);--green:light-dark(#154632,#a4d4b2);--soft:light-dark(#e8f0e9,#2b4634);--plot:light-dark(#245d40,#9bcba9);--tint:light-dark(#668772,#6f9d7e);--deep:light-dark(#0f3026,#0b211b);--deep-ink:light-dark(#f5f8f3,#f2f7f0);--deep-sub:light-dark(#d0dfd4,#c3d6c9);--gold:light-dark(#86642c,#d8be8b);--gold-bright:light-dark(#d4b777,#d8be8b);--gold-button:light-dark(#d5b87c,#d8be8b);--gold-ink:light-dark(#102f25,#102f25);--metric-one:light-dark(#153e30,#123d2d);--metric-two:light-dark(#1b4a36,#19442f);--metric-three:light-dark(#23553d,#205036);font:15px/1.5 system-ui,sans-serif;color:var(--ink)}
#vb-results *{box-sizing:border-box}#vb-results .page{background:var(--ground);border-radius:20px;overflow:hidden}#vb-results .header{padding:22px 30px;border-bottom:1px solid var(--edge);background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:95px}#vb-results .brand{font-weight:600;letter-spacing:-.5px}#vb-results .brand small{display:block;color:var(--sub);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:400}#vb-results .status{font-size:12px;color:var(--sub)}#vb-results .main{padding:30px;display:grid;gap:22px}#vb-results h1{font-size:31px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin:8px 0 12px;max-width:520px}#vb-results h2{font-size:20px;line-height:1.3;letter-spacing:-.4px;font-weight:500;margin:0 0 8px}#vb-results h3{font-size:15px;font-weight:500;margin:0 0 6px}#vb-results p{margin:0 0 12px}#vb-results .muted{color:var(--sub)}#vb-results .small{font-size:12px;color:var(--sub)}#vb-results .tiny{font-size:11px;color:var(--sub)}#vb-results .eyebrow{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--sub)}#vb-results .panel{padding:24px;background:var(--paper);border:1px solid var(--edge);border-radius:16px}#vb-results .protein{border-top:4px solid var(--green)}#vb-results .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#vb-results .metric{background:var(--paper);border:1px solid var(--edge);border-radius:13px;padding:17px}#vb-results .metric strong{font-size:23px;font-weight:500;display:block;margin:6px 0}#vb-results .metric strong span{font-size:12px;font-weight:400}#vb-results .metric .small{font-size:11px}#vb-results .protein-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0}#vb-results .value{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:500}#vb-results .value span{font-size:14px;letter-spacing:0}#vb-results .protein-plot{padding:6px 0 0}#vb-results .protein-plot .rail{position:relative;height:18px;background:var(--ground);border-radius:9px;margin:8px 0 4px}#vb-results .range{position:absolute;height:100%;border-radius:6px;top:0}#vb-results .range.estimate{background:var(--plot)}#vb-results .range.reference{background:var(--tint)}#vb-results .plot-row{margin-top:14px}#vb-results .plot-label{display:flex;justify-content:space-between;gap:12px;font-size:12px}#vb-results .ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--sub);margin:6px 0 0}#vb-results .insight{background:var(--soft);padding:15px 17px;border-radius:11px;margin-top:20px}#vb-results .insight strong{font-weight:500}#vb-results .insight p{margin:4px 0 0;font-size:13px}#vb-results details{margin-top:16px;border-top:1px solid var(--edge);padding-top:15px}#vb-results summary{font-size:13px;font-weight:500;min-height:30px}#vb-results details[open]>summary{margin-bottom:14px}#vb-results .meal{font:inherit;font-size:12px;display:grid;grid-template-columns:125px minmax(40px,1fr) 63px;align-items:center;gap:12px;background:transparent;border:0;border-radius:6px;width:100%;padding:10px 4px;text-align:left;color:var(--ink)}#vb-results .meal[aria-pressed="true"]{background:var(--soft)}#vb-results .meal .track{height:8px;background:var(--ground);border-radius:4px;position:relative}#vb-results .meal .fill{position:absolute;height:100%;background:var(--plot);border-radius:4px}#vb-results .meal .g{text-align:right;font-variant-numeric:tabular-nums}#vb-results .meal-detail{font-size:12px;color:var(--sub);padding:14px 0 0;min-height:75px}#vb-results .priorities{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:20px}#vb-results .priority .n{font-size:11px;letter-spacing:1px;color:var(--sub);margin-bottom:5px}#vb-results .priority p{font-size:13px;color:var(--sub);margin-bottom:0}#vb-results .body-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}#vb-results .body-value{font-size:25px;font-weight:500}#vb-results .pending{padding:15px 0;border-top:1px solid var(--edge)}#vb-results .pending p{font-size:13px;color:var(--sub);margin:0}#vb-results .matrix{display:grid;grid-template-columns:50px repeat(3,minmax(0,1fr));gap:5px;margin:18px 0 12px}#vb-results .axis{font-size:11px;text-align:center;color:var(--sub);align-self:center}#vb-results .cell{font:inherit;min-height:50px;padding:10px;background:var(--ground);border:1px solid var(--edge);border-radius:8px;color:var(--ink)}#vb-results .cell[aria-pressed="true"]{background:var(--soft);box-shadow:inset 0 0 0 1px var(--green)}#vb-results .matrix-detail{font-size:12px;color:var(--sub);min-height:48px}#vb-results .coach{display:flex;gap:20px;justify-content:space-between;align-items:center}#vb-results .avatar{width:40px;height:40px;border-radius:50%;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0}#vb-results .coach-title{display:flex;align-items:center;gap:12px}#vb-results .action{font:inherit;font-size:13px;min-height:44px;padding:11px 17px;background:var(--green);color:light-dark(#fff,#11291b);border:0;border-radius:9px;flex-shrink:0}#vb-results button:focus-visible,#vb-results summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}#vb-results .talk{border-top:1px solid var(--edge);margin-top:18px;padding-top:16px}#vb-results .talk[hidden]{display:none}#vb-results .talk ol{padding-left:20px;font-size:13px;color:var(--sub);margin:0}#vb-results .footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--sub)}#vb-results .study{font-size:11px;color:var(--sub);border-top:1px solid var(--edge);padding-top:12px;margin-top:12px}
@media(max-width:570px){#vb-results .header{padding:18px;padding-right:65px;flex-wrap:wrap;gap:6px}#vb-results .main{padding:18px;gap:16px}#vb-results .panel{padding:19px}#vb-results h1{font-size:27px}#vb-results .metrics{grid-template-columns:1fr}#vb-results .metric{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center}#vb-results .metric .small{grid-column:1/-1}#vb-results .metric strong{margin:0;font-size:21px}#vb-results .value{font-size:28px}#vb-results .protein-values{gap:12px}#vb-results .priorities{grid-template-columns:1fr;gap:20px}#vb-results .meal{grid-template-columns:105px minmax(30px,1fr) 55px;gap:8px}#vb-results .coach{align-items:flex-start;flex-direction:column}#vb-results .action{width:100%}#vb-results .body-grid{gap:12px}#vb-results .matrix{grid-template-columns:42px repeat(3,minmax(0,1fr))}}
#vb-results .header{background:var(--deep);color:var(--deep-ink);border-bottom:2px solid var(--gold-bright)}
#vb-results .brand small{color:var(--gold-bright);margin-top:3px}
#vb-results .header .status{color:var(--deep-sub)}
#vb-results .protein{border-top-color:var(--green)}
#vb-results .protein>.eyebrow{color:var(--gold)}
#vb-results .protein h2{color:var(--green)}
#vb-results .value{color:var(--green);font-variant-numeric:tabular-nums}
#vb-results .value>span{color:var(--sub)}
#vb-results .insight{background:var(--deep);color:var(--deep-ink);border-left:3px solid var(--gold-bright)}
#vb-results .insight strong{color:var(--deep-ink)}
#vb-results .insight p{color:var(--deep-sub)}
#vb-results .metric{border-color:transparent;color:var(--deep-ink)}
#vb-results .metric:nth-child(1){background:var(--metric-one)}
#vb-results .metric:nth-child(2){background:var(--metric-two)}
#vb-results .metric:nth-child(3){background:var(--metric-three)}
#vb-results .metric h3,#vb-results .metric strong{color:var(--deep-ink)}
#vb-results .metric strong span,#vb-results .metric .small{color:var(--deep-sub)}
#vb-results .priority .n{color:var(--gold);font-weight:500}
#vb-results .priority h3,#vb-results .body-value{color:var(--green)}
#vb-results .cell[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--gold)}
#vb-results .coach-panel{background:var(--deep);color:var(--deep-ink);border-color:transparent}
#vb-results .coach-panel h3{color:var(--deep-ink)}
#vb-results .coach-panel .small,#vb-results .coach-panel .talk ol{color:var(--deep-sub)}
#vb-results .coach-panel .avatar{background:var(--metric-two);color:var(--gold-bright);border:1px solid var(--gold-bright)}
#vb-results .coach-panel .talk{border-color:var(--edge)}
#vb-results .action{background:var(--gold-button);color:var(--gold-ink);font-weight:500}
#vb-results .coach-panel .action:focus-visible{outline-color:var(--gold-bright)}
#vb-results .footer span:last-child{color:var(--green)}
#vb-results .bmi-category{grid-column:1/-1;color:var(--deep-ink);font-size:13px;margin:3px 0 8px;font-weight:500}
#vb-results .bmi-legend{grid-column:1/-1;border-color:color-mix(in srgb,var(--deep-ink) 25%,transparent);margin-top:12px;padding-top:10px}
#vb-results .bmi-legend summary{font-size:12px;color:var(--deep-ink)}
#vb-results .bmi-legend dl{margin:10px 0;font-size:11px;color:var(--deep-sub)}
#vb-results .bmi-legend dl>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:5px 0}
#vb-results .bmi-legend dt,#vb-results .bmi-legend dd{margin:0;font-weight:400}
#vb-results .bmi-legend [data-active="true"]{color:var(--deep-ink);font-weight:500}
#vb-results .bmi-legend [data-active="true"] dt{font-weight:500}
#vb-results .bmi-legend a{color:var(--gold-bright)}

#vb-results .cell{position:relative;padding:8px 4px;display:flex;align-items:center;justify-content:center;min-height:130px}
#vb-results .cell-number{position:absolute;top:7px;left:9px;color:var(--sub);font-size:12px}
#vb-results .physique{display:block;width:65px;height:122px;flex-shrink:0}
#vb-results .physique-fat{fill:var(--tint);opacity:.35}
#vb-results .physique-ffm,#vb-results .physique-head{fill:var(--green)}
#vb-results .cell[aria-pressed="true"]{border-color:var(--gold);background:var(--soft);box-shadow:inset 0 0 0 1px var(--gold)}
#vb-results .cell[aria-pressed="true"] .cell-number{color:var(--gold);font-weight:500}
#vb-results .profile-preview{display:flex;gap:20px;align-items:center;padding:20px;background:var(--soft);border-radius:12px;margin:18px 0}
#vb-results .profile-preview .physique{width:90px;height:174px}
#vb-results .profile-preview h3{color:var(--green)}
#vb-results .profile-preview p{margin-bottom:6px}
#vb-results .profile-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--sub)}
#vb-results .profile-legend span{display:inline-flex;align-items:center;gap:6px}
#vb-results .profile-legend i{width:10px;height:10px;border-radius:50%;background:var(--green)}
#vb-results .profile-legend .fat-key{background:var(--tint);opacity:.5}
@media(max-width:400px){#vb-results .profile-preview{gap:10px;padding:12px}#vb-results .profile-preview .physique{width:65px;height:130px}#vb-results .cell{min-height:112px}#vb-results .cell .physique{width:48px;height:102px}}

/* Integration under the questionnaire's full-width header. */
body.vbpro-preview-page #vb-questionnaire.q-show-results .q-content { max-width: 1120px; }
#vb-questionnaire.q-show-results .q-panel { background: transparent; border: 0; box-shadow: none; padding: 0; }
#vb-questionnaire.q-show-results .q-required-note,
#vb-questionnaire.q-show-results .q-nav,
#vb-questionnaire.q-show-results form + footer { display: none; }
#vb-questionnaire.q-show-results .q-results-step > h2 { display: none; }
#vb-results { width: 100%; }
#vb-results .page { border-radius: 0; background: transparent; overflow: visible; }
#vb-results .main { padding: 0; }
#vb-results h1 { font-weight: 600; max-width: 650px; }
#vb-results [hidden] { display: none !important; }
#vb-results button { cursor: pointer; }
#vb-results .result-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
#vb-results .result-status { font-size: 12px; color: var(--sub); }
#vb-results .mode-toggle,
#vb-results .back-to-answers { min-height: 44px; padding: 10px 15px; border: 1px solid var(--edge); border-radius: 9px; background: var(--paper); color: var(--ink); font-size: 13px; }
#vb-results .illustration-note { background: var(--soft); border-left: 3px solid var(--gold); border-radius: 0 10px 10px 0; padding: 16px 18px; font-size: 13px; color: var(--ink); }
#vb-results .rail { position: relative; height: 14px; background: var(--ground); border-radius: 7px; margin: 14px 0 7px; }
#vb-results .pending-rail { background: repeating-linear-gradient(135deg, var(--ground), var(--ground) 7px, var(--edge) 7px, var(--edge) 9px); opacity: .65; }
#vb-results .metric-plot { grid-column: 1/-1; margin-top: 12px; }
#vb-results .metric-plot .rail { background: #ffffff24; }
#vb-results .metric-plot .range { background: #b7d3bc; }
#vb-results .metric-marker { position: absolute; top: -5px; width: 3px; height: 24px; background: var(--gold-bright); border-radius: 2px; transform: translateX(-50%); }
#vb-results .metric .ticks { color: var(--deep-sub); }
#vb-results .metric .study { color: var(--deep-sub); border-color: #ffffff30; }
#vb-results .metric .study a { color: var(--gold-bright); font: inherit; }
#vb-results .metric .tiny { color: var(--deep-sub); }
#vb-results .bmi-plot { grid-column: 1/-1; }
#vb-results .bmi-scale { display: flex; position: relative; height: 12px; margin: 14px 0 8px; background: #ffffff30; border-radius: 6px; }
#vb-results .bmi-segment { display: block; border-right: 1px solid #ffffff70; background: #b1c7b5; }
#vb-results .bmi-segment:nth-child(2) { background: #8eaf98; }
#vb-results .bmi-segment:nth-child(3) { background: #719880; }
#vb-results .bmi-segment:nth-child(4) { background: #5b8068; }
#vb-results .bmi-segment:nth-child(5) { background: #486953; border-right: 0; }
#vb-results .bmi-segment:first-child { border-radius: 6px 0 0 6px; }
#vb-results .bmi-segment:nth-child(5) { border-radius: 0 6px 6px 0; }
#vb-results .bmi-plot .ticks { position: relative; display: block; height: 18px; }
#vb-results .bmi-plot .ticks span { position: absolute; }
#vb-results .bmi-plot .ticks span:first-child { left: 0; }
#vb-results .bmi-plot .ticks span:nth-child(2) { left: 40%; transform: translateX(-50%); }
#vb-results .bmi-plot .ticks span:last-child { right: 0; }
#vb-results .weight-summary { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; margin: 14px 0 24px; }
#vb-results .weight-plot { margin-bottom: 18px; }
#vb-results .weight-marker { position: absolute; top: -5px; width: 3px; height: 24px; background: var(--green); border-radius: 2px; transform: translateX(-50%); }
#vb-results .priority .priority-action { margin-top: 9px; }
#vb-results .meal { min-height: 44px; }
#vb-results .coach-panel .coach-followup { font-size: 13px; color: var(--deep-sub); margin: 12px 0 0; }
#vb-results .result-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#vb-results .profile-preview { min-height: 150px; }
#vb-results .study a { color: var(--green); }
@media(max-width:570px) {
 #vb-results .main { padding: 0; }
 #vb-results .protein-values { grid-template-columns: 1fr; }
 #vb-results .result-toolbar { align-items: flex-start; flex-direction: column; }
 #vb-results .mode-toggle { width: 100%; }
 #vb-results .body-grid { grid-template-columns: 1fr; }
 #vb-results .meal { grid-template-columns: 95px minmax(25px,1fr) 66px; gap: 7px; }
}
@media(prefers-reduced-motion:reduce) { #vb-results * { scroll-behavior: auto; } }


/* Personal estimate remains distinct from the profile being explored. */
#vb-results .cell { min-width: 0; min-height: 164px; padding-top: 20px; padding-bottom: 22px; }
#vb-results .cell[data-assigned="true"] { border: 3px solid var(--gold); }
#vb-results .profile-badge { position: absolute; bottom: 5px; left: 2px; right: 2px; text-align: center; font-size: 10px; font-weight: 600; color: var(--ink); }
#vb-results .body-caution { font-size: 13px; color: var(--ink); padding: 12px 0; }
#vb-results [data-result-own-profile] { margin-top: 12px; }
@media(max-width:400px) { #vb-results .cell { min-height: 146px; } #vb-results .axis { font-size: 10px; } }

@media(max-width:400px) { #vb-results .matrix { grid-template-columns:40px repeat(3,minmax(0,1fr)); } #vb-results .cell .physique { width:38px; height:98px; } }


#vb-results .wellbeing{border-top:4px solid var(--gold)}
#vb-results .wellbeing-heading{display:grid;grid-template-columns:minmax(170px,1fr) 2fr;gap:22px;align-items:center;margin:20px 0}
#vb-results .wellbeing-score{padding:20px;background:var(--soft);border-radius:16px;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
#vb-results .wellbeing-score strong{font-size:36px;line-height:1.15}#vb-results .wellbeing-score span{font-size:20px}
#vb-results .wellbeing-areas{display:grid;gap:14px}#vb-results .wellbeing-area .rail{height:8px;background:var(--ground);border-radius:6px;margin:8px 0;overflow:hidden}
#vb-results .wellbeing-area .rail>span{display:block;height:100%;background:var(--plot)}
#vb-results .wellbeing-note{padding:14px 16px;background:var(--soft);border-left:3px solid var(--gold);margin-top:18px}
#vb-results .axis strong{font-weight:700}
@media(max-width:600px){#vb-results .wellbeing-heading{grid-template-columns:1fr}#vb-results .wellbeing-area .plot-label{flex-direction:column;gap:3px}}

/* Protein sections stay visible; headings mirror the main page header. */
#vb-results .protein-distribution,
#vb-results .protein-education { border-top:1px solid var(--edge); margin-top:22px; padding-top:20px; }
#vb-results .protein-distribution > h3,
#vb-results .protein-education > h3 { font-size:17px; line-height:1.4; font-weight:650; color:var(--green); margin-bottom:14px; }
#vb-results .panel { --card-padding:24px; }
#vb-results .metric { --card-padding:17px; }
#vb-results .panel.wellbeing, #vb-results .panel.protein { border-top:1px solid var(--edge); }
#vb-results .result-card-heading { display:block; background:#173b2e; color:#fff; border-bottom:2px solid var(--gold-bright); border-radius:15px 15px 0 0; padding:22px var(--card-padding); margin:calc(-1 * var(--card-padding)) calc(-1 * var(--card-padding)) 24px; }
#vb-results .result-card-heading h2 { color:#fff; font-size:28px; font-weight:750; line-height:1.25; margin:0 0 9px; letter-spacing:-.4px; overflow-wrap:break-word; }
#vb-results .result-card-heading p { color:#e1c789; font-size:13px; line-height:1.5; margin:0; }
#vb-results .metric .result-card-heading { grid-column:1/-1; border-radius:12px 12px 0 0; padding:17px; margin-bottom:16px; }
#vb-results .metric .result-card-heading h3 { color:#fff; font-size:18px; font-weight:700; margin:0 0 7px; }
#vb-results .coach-panel .coach-title h3 { color:#fff; font-size:24px; font-weight:700; }
#vb-results .coach-panel .coach-title .small:first-child { color:#e1c789; }
@media(max-width:570px) {
 #vb-results .panel { --card-padding:19px; }
 #vb-results .metric .result-card-heading { grid-column:1/-1; }
 #vb-results .result-card-heading { padding-top:20px; padding-bottom:20px; }
 #vb-results .result-card-heading h2 { font-size:24px; }
}

#vb-results .priority-heading { display:flex; align-items:baseline; gap:12px; margin-bottom:12px; }
#vb-results .priority-heading .n { font-size:20px; font-weight:750; flex-shrink:0; }
#vb-results .priority-heading h3 { font-size:19px; line-height:1.35; font-weight:750; margin:0; }

#vb-results .protein-marker{position:absolute;top:-5px;width:3px;height:28px;background:var(--green);border-radius:2px;transform:translateX(-50%);}
#vb-results .water-breakdown{margin:12px 0;font-size:12px;}#vb-results .water-breakdown>div{margin:0 0 10px;}#vb-results .water-breakdown dt{font-weight:600;color:var(--deep-sub);}#vb-results .water-breakdown dd{margin:3px 0;color:var(--deep-ink);overflow-wrap:anywhere;}

/* Shared reference style, including sources nested in disclosure panels. */
#vb-results .metric .study,
#vb-results .metric details .study { font:400 11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--deep-sub); border-color:#ffffff30; }
#vb-results .metric .study a,
#vb-results .metric details .study a { font:inherit; color:var(--gold-bright); text-decoration:underline; text-underline-offset:3px; }

/* Personal coach contact, scoped to the new results engine. */
#vb-results .coach-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;text-decoration:none;white-space:normal;max-width:100%;box-sizing:border-box;font-weight:700;line-height:1.4}
#vb-results .coach-whatsapp svg{flex:0 0 22px}
#vb-results .coach-whatsapp:hover{filter:brightness(1.06)}
#vb-results a.coach-whatsapp:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}
@media(max-width:540px){#vb-results .coach-whatsapp{width:100%;font-size:14px;padding:13px 12px}}

/* Current method only: two metrics above a full-width BMI card; score and gauge 25/75. */
#vb-results .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
#vb-results .metrics .bmi-wide{grid-column:1/-1}
#vb-results .bmi-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:26px}
#vb-results .bmi-data,#vb-results .bmi-gauge,#vb-results .wellbeing-summary,#vb-results .wellbeing-gauge{min-width:0}
#vb-results .result-gauge{display:block;width:100%;max-width:620px;height:auto;margin:0 auto;color:var(--ink);overflow:visible}
#vb-results .bmi-gauge .result-gauge{color:var(--deep-ink);max-width:480px}
#vb-results .gauge-caption{text-align:center;font-size:15px;line-height:1.45;margin:3px 0 8px}
#vb-results .gauge-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;font-size:10px;color:var(--deep-sub)}
#vb-results .wellbeing-heading{grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:center;gap:22px}
#vb-results .wellbeing-summary .wellbeing-score{padding:18px 12px;margin-bottom:14px}
#vb-results .wellbeing-summary p{font-size:13px}
#vb-results .wellbeing-summary [data-wellbeing-coverage]{font-weight:700}
#vb-results .wellbeing-gauge>.tiny{text-align:center}
@media(max-width:700px){#vb-results .metrics{grid-template-columns:minmax(0,1fr)}#vb-results .metric{display:block}#vb-results .bmi-layout,#vb-results .wellbeing-heading{grid-template-columns:minmax(0,1fr)}#vb-results .wellbeing-summary .wellbeing-score{max-width:230px}#vb-results .result-gauge{max-width:440px}#vb-results .bmi-layout{gap:20px}}

/* Declared personal goals: presentation independent from calculation engines. */
#vb-results .declared-overview{background:var(--paper);border:1px solid var(--edge);border-radius:16px;padding:24px;color:var(--ink)}
#vb-results .overview-person{display:flex;align-items:flex-start;gap:14px}
#vb-results .overview-person>svg{flex:0 0 26px;width:26px;height:26px;color:var(--green)}
#vb-results .overview-person h2{font-size:23px;margin:0 0 10px;line-height:1.35}
#vb-results .overview-person h2 strong{font-weight:750}
#vb-results .overview-person h2 span{font-size:18px;font-weight:500}
#vb-results .overview-person p{font-size:15px;margin:0;color:var(--sub)}
#vb-results .overview-goals{border-top:1px solid var(--edge);margin-top:18px;padding-top:18px}
#vb-results .overview-goals h3{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;margin:0 0 14px}
#vb-results .overview-goals h3 svg{flex:0 0 24px;color:var(--green)}
#vb-results .overview-goals dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0}
#vb-results .overview-goals dl>div{min-width:0;overflow-wrap:anywhere}
#vb-results .overview-goals dt{font-size:14px;font-weight:700;margin-bottom:4px}
#vb-results .overview-goals dd{font-size:16px;margin:0}
@media(max-width:600px){#vb-results .declared-overview{padding:18px}#vb-results .overview-goals dl{grid-template-columns:1fr}#vb-results .overview-person h2{font-size:21px}#vb-results .overview-person h2 span{display:block;font-size:16px}}

/* BMI result and short explanation: typography only. */
#vb-results .bmi-gauge .gauge-caption{font-size:28px;line-height:1.25;margin:14px 0 18px;font-weight:750;overflow-wrap:anywhere}
#vb-results .bmi-gauge .gauge-caption strong{display:inline;font:inherit;font-weight:750;margin:0}
#vb-results .bmi-data .bmi-explanation{font-size:15px;line-height:1.6;color:var(--deep-sub);margin:18px 0 0}
@media(max-width:600px){#vb-results .bmi-gauge .gauge-caption{font-size:25px}#vb-results .bmi-data .bmi-explanation{font-size:14px}}