/* Selected personal-plan illustration. Values and actions come from the programme artwork. */
body.harmony-waitlist .personal-plan-visual{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:335px;isolation:isolate}
body.harmony-waitlist .plan-underlay{position:absolute;width:81%;height:94%;background:#e4ecdc;border:1px solid #d6dfcc;border-radius:8px;transform:rotate(-7deg) translate(-7px,0);box-shadow:0 5px 16px #16342008}
body.harmony-waitlist .longevity-plan{position:relative;width:80%;min-width:0;padding:17px 21px 16px;background:#fff;border:1px solid #e0e5dd;border-radius:8px;box-shadow:0 8px 18px #1634200b;transform:rotate(3deg);color:#34483c}
body.harmony-waitlist .plan-eyebrow{display:flex;align-items:center;gap:6px;font-size:8px!important;line-height:1.2;font-weight:600;letter-spacing:.08em;color:#427758}
body.harmony-waitlist .plan-eyebrow>span{font-size:20px!important;line-height:1}
body.harmony-waitlist .longevity-plan h3{font-size:21px!important;line-height:1.13;font-weight:600;margin:8px 0 11px;letter-spacing:normal;color:#263c2f}
body.harmony-waitlist .plan-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding-bottom:11px}
body.harmony-waitlist .plan-score{display:flex;align-items:center;gap:8px}
body.harmony-waitlist .score-ring{position:relative;width:59px;height:59px;flex:0 0 59px;display:grid;place-items:center}
body.harmony-waitlist .score-ring svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:4;transform:rotate(-90deg)}
body.harmony-waitlist .ring-track{stroke:#e9eee5}
body.harmony-waitlist .ring-value{stroke:#116e48;stroke-linecap:round}
body.harmony-waitlist .score-ring>span{display:block;text-align:center;color:#213b2d;font-size:23px!important;font-weight:600;line-height:1}
body.harmony-waitlist .score-ring small{display:block;font-size:8px!important;line-height:1;margin-top:3px;color:#6f7a71;font-weight:400}
body.harmony-waitlist .plan-score p,body.harmony-waitlist .plan-age p{font-size:9px!important;line-height:1.35;color:#67756a;margin:0}
body.harmony-waitlist .plan-age{border-left:1px solid #e7ebe2;padding-left:13px}
body.harmony-waitlist .plan-age>strong{display:block;font-size:32px!important;line-height:1;color:#116e48;font-weight:600;margin-bottom:5px}
body.harmony-waitlist .plan-age>strong span{font-size:10px!important;font-weight:400;margin-left:4px}
body.harmony-waitlist .plan-focus{display:flex;align-items:center;gap:9px;background:#f5f6ee;border:1px solid #e7ebde;border-radius:6px;padding:8px 9px}
body.harmony-waitlist .focus-grade{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid #d7b46a;border-radius:50%;color:#a67b25;font-size:17px!important;line-height:1}
body.harmony-waitlist .plan-focus>div{min-width:0;flex:1}
body.harmony-waitlist .plan-focus small{display:block;font-size:6px!important;line-height:1.4;letter-spacing:.07em;color:#79826f;font-weight:600}
body.harmony-waitlist .plan-focus strong{display:block;font-size:12px!important;line-height:1.3;font-weight:600;color:#334735}
body.harmony-waitlist .focus-status{font-size:8px!important;line-height:1.3;color:#a07d32}
body.harmony-waitlist .plan-actions-heading{font-size:10px!important;line-height:1.3;font-weight:600;color:#34483a;margin:12px 0 3px}
body.harmony-waitlist .plan-action{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #edf0e9}
body.harmony-waitlist .plan-action:last-child{border-bottom:0;padding-bottom:0}
body.harmony-waitlist .action-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#eef3e9;color:#427154}
body.harmony-waitlist .action-icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
body.harmony-waitlist .plan-action h4{font-size:10px!important;line-height:1.25;font-weight:600;color:#384c3d;margin:0 0 2px;letter-spacing:normal}
body.harmony-waitlist .plan-action p{font-size:8px!important;line-height:1.3;color:#7a8579;margin:0}
@media(min-width:1001px){body.harmony-waitlist .food-scatter.selected-plan{min-height:335px}}
@media(max-width:1000px){body.harmony-waitlist .food-scatter.selected-plan{max-width:430px;aspect-ratio:4/3;min-height:345px}body.harmony-waitlist .personal-plan-visual{min-height:345px}body.harmony-waitlist .longevity-plan{width:78%}}
@media(max-width:700px){body.harmony-waitlist .food-scatter.selected-plan{width:100%;min-height:330px;max-width:390px}body.harmony-waitlist .personal-plan-visual{min-height:330px}body.harmony-waitlist .longevity-plan{width:86%;padding:17px 18px 16px}body.harmony-waitlist .plan-underlay{width:87%;height:95%}body.harmony-waitlist .longevity-plan h3{font-size:20px!important}body.harmony-waitlist .plan-score{gap:6px}body.harmony-waitlist .score-ring{width:53px;height:53px;flex-basis:53px}body.harmony-waitlist .plan-age{padding-left:10px}body.harmony-waitlist .plan-age>strong{font-size:29px!important}}
@media(max-width:360px){body.harmony-waitlist .longevity-plan{width:91%;padding:14px}body.harmony-waitlist .plan-metrics{gap:8px}body.harmony-waitlist .plan-score{gap:4px}body.harmony-waitlist .plan-score p{font-size:8px!important}body.harmony-waitlist .focus-status{font-size:7px!important}}
/* Let the document's real height reserve space, including its slight rotation. */
body.harmony-waitlist .food-scatter.selected-plan{aspect-ratio:auto;height:auto;min-height:0}
body.harmony-waitlist .personal-plan-visual{height:auto;min-height:0;padding:18px 0}

/* Keep the illustration compact; reveal the structure, not the individual steps. */
body.harmony-waitlist .food-scatter.selected-plan{display:flex;justify-content:center}
body.harmony-waitlist .personal-plan-visual{width:78%;flex:none;zoom:.78;margin-inline:auto}
body.harmony-waitlist .plan-action>div{filter:blur(2px);user-select:none}

/* WordPress global mobile p/h3/h4 sizes must not enlarge the approved diagram. */
body.harmony-waitlist .personal-plan-visual{font-size:17px;line-height:27px}