#hood-experience{--ink:#151515;--orange:#f16c48;--line:#e2e2dd}#hood-experience *{box-sizing:border-box}#hood-experience{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;line-height:1.65}#hood-experience .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:#a2442b;margin:0 0 10px}#hood-experience nav{margin:28px 0 24px}#hood-experience nav ol{display:flex;gap:8px;list-style:none;padding:0}#hood-experience nav li{flex:1;border-top:3px solid var(--line);padding-top:9px;color:#767676;font-size:12px}#hood-experience nav li[aria-current]{border-color:var(--orange);color:var(--ink);font-weight:750}#hood-experience h2{font-size:25px;line-height:1.45;margin:0 0 12px}#hood-experience h3{font-size:18px;margin:0 0 8px}#hood-experience p{margin:0 0 16px}#hood-experience button,#hood-experience a{touch-action:manipulation}#hood-experience button{font:inherit;cursor:pointer}#hood-experience button:focus-visible,#hood-experience a:focus-visible{outline:3px solid #1976c2;outline-offset:4px}#hood-experience button{color:inherit}#hood-experience button.primary,#hood-experience a.primary{border:0;border-radius:30px;padding:16px 20px;background:var(--orange);color:#151515;display:block;text-align:center;font-weight:750;font-size:14px;text-decoration:none;width:100%;margin-top:20px}#hood-experience .goal{display:flex;text-align:left;align-items:center;justify-content:space-between;width:100%;border:1px solid var(--line);border-radius:14px;background:white;padding:19px;margin:10px 0}#hood-experience .goal strong{display:block;font-size:17px}#hood-experience .goal small{display:block;color:#666;font-size:12px}#hood-experience .goal:hover{border-color:var(--orange)}#hood-experience .muted{font-size:13px;color:#666}#hood-experience .tests{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}#hood-experience .test{border:1px solid var(--line);border-radius:14px;padding:15px 8px;background:white;font-weight:700;font-size:14px}#hood-experience .test[aria-pressed=true]{border:2px solid var(--ink);padding:14px 7px}#hood-experience .test svg{width:74px;height:70px;display:block;margin:0 auto 8px}#hood-experience .test small{display:block;font-weight:400;font-size:10px;color:#666}#hood-experience .action-caption{font-size:13px;text-align:center;margin:0 0 14px}#hood-experience .result{background:#101a26;color:white;border-radius:18px;padding:22px}#hood-experience .result .eyebrow{color:#ffad91}#hood-experience .result .value{font-size:62px;line-height:1.15;font-weight:750;letter-spacing:-.04em;margin:14px 0}#hood-experience .value small{font-size:20px;font-weight:400;margin-left:5px}#hood-experience .result p{font-size:13px;margin-bottom:0;color:#e2e5e9}#hood-experience .result h3{font-size:16px}#hood-experience .bars{margin:18px 0}#hood-experience .bar{display:grid;grid-template-columns:22px 1fr 70px;align-items:center;gap:10px;margin:12px 0;font-size:13px}#hood-experience .bar i{display:block;background:#8faabd;height:13px;border-radius:3px}#hood-experience .bar:nth-child(2) i{background:#ffa580}#hood-experience .bar b{white-space:nowrap}#hood-experience .source{font-size:11px;color:#777;margin:10px 0 0}#hood-experience .insight{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}#hood-experience .insight strong{display:block;margin-bottom:4px}#hood-experience .controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:12px;color:#666}#hood-experience .controls button{background:none;border:0;padding:10px 0;font-size:13px}#hood-experience .training{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;margin:20px 0}#hood-experience .training img{width:110px;height:130px;object-fit:cover;border-radius:10px}#hood-experience .training p{font-size:13px;margin:0}#hood-experience .adjust{display:flex;gap:7px;margin:18px 0}#hood-experience .adjust button{flex:1;padding:11px 3px;border:1px solid var(--line);background:white;border-radius:24px;font-size:12px}#hood-experience .adjust button[aria-pressed=true]{background:#151515;color:white;border-color:#151515}#hood-experience .adjust-note{min-height:78px;border-left:3px solid var(--orange);padding:0 0 0 15px;font-size:14px}#hood-experience .hub{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}#hood-experience .hub p{font-size:13px}#hood-experience .hub svg{width:100%;height:64px}#hood-experience .hub small{font-size:11px;color:#777}#hood-experience .price{font-size:12px;text-align:center;margin-top:8px;color:#666}#hood-experience [hidden]{display:none!important}#hood-experience #stage:focus{outline:none}@media(min-width:700px){#hood-experience .tests .test svg{width:90px;height:80px}}#hood-experience nav{scroll-margin-top:24px}#hood-experience .tests.compact{display:flex;gap:8px;margin:16px 0}#hood-experience .compact .test{flex:1;border-radius:30px;padding:10px 12px;min-height:46px}#hood-experience .compact .test[aria-pressed=true]{padding:9px 11px;background:#151515;color:white}#hood-experience .measurement-card{border:1px solid var(--line);border-radius:18px;padding:18px;scroll-margin-top:24px}#hood-experience .movement-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}#hood-experience .movement-icon{flex:0 0 60px}#hood-experience .movement-icon svg{display:block;width:60px;height:64px}#hood-experience .movement-head .eyebrow{font-size:10px;margin:0 0 3px}#hood-experience .movement-head h3{font-size:17px;margin:0 0 4px}#hood-experience .movement-description{font-size:11px;color:#666;margin:0;line-height:1.55}#hood-experience .measurement-card .result{padding:18px;border-radius:12px}#hood-experience .measurement-card .result .eyebrow{font-size:10px;margin:0}#hood-experience .measurement-card .value{font-size:54px;margin:8px 0 16px}#hood-experience .measurement-card .bars{margin:14px 0 18px}#hood-experience .measurement-card .bar{grid-template-columns:18px minmax(0,1fr) 57px;gap:7px;font-size:12px}#hood-experience .reading{border-top:1px solid #38424e;padding-top:12px}#hood-experience .reading span{display:block;font-size:10px;color:#ffad91;margin-bottom:5px}#hood-experience .reading p{font-size:14px;line-height:1.65;color:white}#hood-experience .measurement-card .primary{margin-top:16px;padding:14px 12px;font-size:13px}#hood-experience .measurement-card .source{font-size:10px;line-height:1.6;margin:12px 0 0}#hood-experience .measurement-before{border-top:1px solid var(--line);padding-top:22px}#hood-experience .measurement-before>p{font-size:14px;text-align:center;margin:0}#hood-experience .result:focus{outline:none}@media(max-width:380px){#hood-experience .measurement-card{padding:14px}#hood-experience .movement-head{gap:8px}#hood-experience .movement-icon{flex-basis:50px}#hood-experience .movement-icon svg{width:50px}#hood-experience .movement-head h3{font-size:16px}}#hood-experience .concern-context{font-size:13px;color:#555;line-height:1.8;margin:0 0 16px}#hood-experience .visit-value{padding:16px 0;border-top:1px solid var(--line)}#hood-experience .visit-value span{display:block;color:#a2442b;font-size:11px;margin-bottom:6px}#hood-experience .visit-value strong{display:block;font-size:18px}#hood-experience .adjust button{line-height:1.5;min-height:48px}#hood-experience .reading p{line-height:1.7}#hood-experience .goal strong{font-size:16px}
#hood-experience{max-width:650px;margin:0 auto;padding:0 22px;font-family:inherit;--ink:#151515;--orange:#f16c48;--line:#e2e2dd}#hood-experience nav{margin:0 0 24px;scroll-margin-top:130px}#hood-experience nav ol{margin:0}#hood-experience button{letter-spacing:normal}#hood-experience .measurement-card{scroll-margin-top:130px}#hood-experience .goal{text-decoration:none}#hood-experience .result p{color:#e2e5e9}#hood-experience .result .eyebrow{color:#ffad91}#hood-experience .controls{margin-bottom:0}#experience{padding-top:24px}#hood-experience h2{font-size:clamp(23px,5vw,29px)}@media(max-width:380px){#hood-experience{padding:0 16px}}

/* Reserve the real first screen with static markup, not an empty JS mount. */
#hood-experience [data-initial-panel]{display:none}
html:not([data-assessment-goal]) #hood-experience [data-initial-panel="default"],
html[data-assessment-goal="health"] #hood-experience [data-initial-panel="health"],
html[data-assessment-goal="sport"] #hood-experience [data-initial-panel="sport"],
html[data-assessment-goal="athlete"] #hood-experience [data-initial-panel="athlete"]{display:block}
#hood-experience .controls{min-height:48px}
