/* Standalone reflection and preview pages, sharing the site's approved visual language. */
.utility-page-v10{--ut10-ink:#12121a;--ut10-copy:#34343f;--ut10-muted:#53535e;--ut10-blue:#4545f5;--ut10-lime:#c6ff00;--ut10-line:#d9d9e2;background:#fff;color:var(--ut10-copy)}
.ut10-hero{background:#f7f4ee;overflow:hidden}
.ut10-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:65px;min-height:460px;padding-top:35px}
.ut10-hero-copy{padding-bottom:42px}
.ut10-breadcrumb{display:inline-flex;gap:11px;align-items:center;color:var(--ut10-muted);font-size:13px;line-height:1.5;margin-bottom:31px}
.ut10-breadcrumb:hover{color:#4332bd}
.ut10-breadcrumb>span{color:#92929e}
.ut10-hero-copy>.eyebrow{color:#4332bd;margin:0 0 17px}
.ut10-hero h1,.ut10-about-hero h1{font-size:clamp(44px,4.6vw,64px);line-height:1.09;font-weight:600;letter-spacing:-.035em;color:var(--ut10-ink);margin:0}
.ut10-hero h1>span,.ut10-about-hero h1>span{color:#5c40e6}
.ut10-hero-copy>p:not(.eyebrow),.ut10-about-hero .shell>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:610px;margin:24px 0 0;color:var(--ut10-copy)}
.ut10-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.ut10-hero-tags>span{padding:7px 12px;border:1px solid #d4d0de;border-radius:5px;font-size:13px;font-weight:500;line-height:1.4;color:#34343f;background:#fff}
.ut10-hero-copy>.button{margin-top:26px;font-size:15px;min-height:51px;gap:24px}
.ut10-readiness-person{align-self:stretch;position:relative;isolation:isolate;min-height:425px;max-width:400px;justify-self:end;width:100%}
.ut10-readiness-person>span{position:absolute;z-index:-1;inset:70px 6px 0 10px;border-radius:25px 95px 0 0;background:#d4cbf8}
.ut10-readiness-person>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.ut10-readiness-person>p{position:absolute;left:-27px;bottom:38px;margin:0;padding:14px 19px;background:#c6ff00;border-radius:9px;color:#12121a;font-size:15px;line-height:1.5;box-shadow:0 8px 24px #17152e09}
.ut10-readiness-person>p>strong{font-weight:600}
.ut10-reflection{padding-block:83px 100px}
.ut10-reflection-grid{display:grid;grid-template-columns:.72fr 1.65fr;gap:64px;align-items:start}
.ut10-reflection-note{padding-top:10px}
.ut10-reflection-note>.eyebrow{font-size:11px;line-height:1.5;margin:0 0 20px}
.ut10-reflection-note>h2{font-size:33px;font-weight:600;line-height:1.2;letter-spacing:-.025em;color:var(--ut10-ink);margin:0 0 20px}
.ut10-reflection-note>p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--ut10-copy);margin:0}
.ut10-reflection-note>ul{list-style:none;padding:0;margin:25px 0 29px;display:grid;gap:14px}
.ut10-reflection-note li{font-size:15px;line-height:1.6;color:var(--ut10-copy);position:relative;padding-left:20px}
.ut10-reflection-note li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;background:var(--ut10-blue)}
.ut10-reflection-note>a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ut10-line);padding-top:23px;color:#4332bd;font-size:15px;font-weight:600;line-height:1.5}
.ut10-reflection-note>a>span{font-size:23px}
.ut10-question-panel{border:1px solid #d5d5df;border-radius:17px;padding:35px 38px 31px;box-shadow:0 8px 26px #17152e04;background:#fff;min-width:0;scroll-margin-top:130px}
.ut10-question-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;line-height:1.5;font-weight:500;color:var(--ut10-muted)}
.ut10-question-meta>span:last-child{font-size:12px}
.ut10-question-progress{height:4px;background:#e9e8f0;border-radius:4px;margin:18px 0 29px;overflow:hidden}
.ut10-question-progress>span{display:block;height:100%;background:var(--ut10-blue);border-radius:4px;transition:width .3s}
.ut10-question-panel>.eyebrow{font-size:12px;line-height:1.5;color:#4f35d1;margin:0 0 16px}
.ut10-question-panel>h2{font-size:32px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:var(--ut10-ink);margin:0}
.ut10-question-evidence{font-size:17px;line-height:1.7;color:var(--ut10-copy);margin:20px 0 26px}
.ut10-answer-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:28px}
.ut10-answer-option{display:flex;align-items:center;gap:12px;min-width:0;min-height:66px;padding:15px 17px;border:1px solid #bdbdcb;border-radius:8px;background:#fff;color:#24242e;font-size:16px;font-weight:500;line-height:1.5;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.ut10-answer-option:hover{background:#f6f4fc;border-color:#9388bf}
.ut10-answer-option:has(input:checked){background:#eeebff;border-color:#6448f6;box-shadow:inset 0 0 0 1px #6448f6}
.ut10-answer-option:has(input:focus-visible){outline:3px solid #6448f6;outline-offset:3px}
.ut10-answer-option>input{width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;accent-color:#6448f6;cursor:pointer}
.ut10-answer-option>input:focus-visible{outline:none}
.ut10-question-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;margin-top:25px}
.ut10-question-actions>.button{font-size:15px;line-height:1.5;min-height:50px;padding:13px 22px;gap:17px}
.ut10-question-actions>.button:disabled{cursor:default;background:#b0a8d9;border-color:#b0a8d9;color:#fff}
.ut10-back{font-size:15px;line-height:1.5;font-weight:500;color:#4332bd;padding:10px 0}
.ut10-back:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}
.ut10-back:disabled{color:#777783;cursor:default}
.ut10-footnote{font-size:13px;line-height:1.7;color:var(--ut10-muted);border-top:1px solid #e0e0e7;padding-top:21px;margin:25px 0 0}
.ut10-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:27px 0 30px}
.ut10-counts>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px 12px;border:1px solid #dcdce5;border-radius:7px;background:#f7f7fa}
.ut10-counts strong{font-size:29px;font-weight:600;line-height:1.2;color:var(--ut10-ink)}
.ut10-counts span{font-size:12px;line-height:1.5;color:var(--ut10-copy)}
.ut10-result-steps{list-style:none;padding:0;margin:0;display:grid;gap:23px}
.ut10-result-steps>li{display:grid;grid-template-columns:33px minmax(0,1fr);gap:15px}
.ut10-result-steps>li>span{width:31px;height:31px;display:grid;place-items:center;background:var(--ut10-lime);color:var(--ut10-ink);border-radius:7px;font-size:12px;line-height:1;font-weight:600;margin-top:2px}
.ut10-result-steps>li:nth-child(2)>span{background:var(--ut10-blue);color:#fff}
.ut10-result-steps h3{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.015em;color:var(--ut10-ink);margin:0 0 8px}
.ut10-result-steps p{font-size:16px;line-height:1.65;color:var(--ut10-copy);margin:0}
.ut10-answer-review{border:1px solid var(--ut10-line);border-radius:7px;margin:27px 0 0;background:#f8f8fa}
.ut10-answer-review>summary{cursor:pointer;padding:14px 17px;font-size:15px;font-weight:600;line-height:1.5;color:#4332bd}
.ut10-answer-review>dl{padding:0 17px 9px;margin:0}
.ut10-answer-review>dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid #dedee7;font-size:14px;line-height:1.5}
.ut10-answer-review dt{color:#34343f}.ut10-answer-review dd{margin:0;color:#24242e;font-weight:500;white-space:nowrap}
.ut10-reset{margin-top:14px;font-size:13px;line-height:1.5;color:#4332bd;text-decoration:underline;text-underline-offset:4px;padding:7px 0}
.ut10-about-hero{background:#f7f4ee;padding:38px 0 64px}
.ut10-about-hero .eyebrow{margin:0 0 19px;color:#4332bd}
.ut10-about-hero h1{font-size:clamp(44px,4.9vw,65px)}
.ut10-about-hero .shell>p:not(.eyebrow){max-width:690px}
.ut10-about{padding-block:73px 90px}
.ut10-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ut10-about-card{min-width:0;padding:30px;border:1px solid var(--ut10-line);border-radius:13px;background:#fff}
.ut10-about-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:12px;background:var(--ut10-lime);color:var(--ut10-ink);margin-bottom:24px}
.ut10-about-card:nth-child(2) .ut10-about-icon{background:var(--ut10-blue);color:#fff}
.ut10-about-icon>svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ut10-about-card>.eyebrow{display:block;margin-bottom:14px;font-size:11px;color:var(--ut10-muted)}
.ut10-about-card>h2{font-size:27px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:var(--ut10-ink);margin:0 0 19px}
.ut10-about-card>p{font-size:16px;line-height:1.7;color:var(--ut10-copy);margin:0 0 15px}
.ut10-about-card>p:last-child{margin-bottom:0}
.ut10-system-note{display:flex;align-items:center;gap:19px;padding:23px 26px;background:#f2f2f7;border:1px solid #ddddE7;border-radius:10px;margin-top:27px}
.ut10-system-note>span{flex-shrink:0;width:35px;height:35px;color:var(--ut10-blue)}
.ut10-system-note svg{width:35px;height:35px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ut10-system-note>p{font-size:16px;line-height:1.6;color:#34343f;margin:0}
.ut10-about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px 32px;margin-top:31px}
.ut10-about-actions>.button{font-size:15px;min-height:51px;gap:23px}
.ut10-about-actions>a:not(.button){font-size:15px;font-weight:600;line-height:1.5;color:#4332bd}
.ut10-about-actions>a:not(.button)>span{font-size:22px;margin-left:11px}
@media(max-width:1050px){.ut10-hero-grid{gap:30px;grid-template-columns:1.2fr .8fr}.ut10-reflection-grid{gap:35px;grid-template-columns:.7fr 1.65fr}.ut10-question-panel{padding:31px 28px}.ut10-question-panel>h2{font-size:29px}.ut10-answer-option{padding-inline:14px}.ut10-about-card{padding:26px 23px}.ut10-about-card>h2{font-size:25px}}
@media(max-width:800px){.ut10-hero-grid{gap:25px;min-height:440px}.ut10-hero h1{font-size:clamp(39px,5.5vw,48px)}.ut10-hero-copy>p:not(.eyebrow){font-size:17px}.ut10-readiness-person{min-height:405px}.ut10-readiness-person>p{left:-10px;font-size:13px;padding:12px 14px}.ut10-reflection-grid{grid-template-columns:1fr;gap:33px}.ut10-reflection-note>h2>br{display:none}.ut10-reflection-note>h2{font-size:31px}.ut10-reflection-note>ul{display:none}.ut10-reflection-note>a{margin-top:21px;max-width:350px;padding-top:18px}.ut10-reflection-note>p:not(.eyebrow){max-width:580px}.ut10-question-panel{padding:33px}.ut10-about-grid{grid-template-columns:1fr;gap:18px}.ut10-about-card{padding:29px}.ut10-about-card>h2{font-size:28px}.ut10-about-card>p{max-width:700px}.ut10-about-icon{margin-bottom:21px}}
@media(max-width:560px){.ut10-hero-grid{grid-template-columns:1fr;gap:0;padding-top:28px;min-height:0}.ut10-hero-copy{padding-bottom:27px}.ut10-breadcrumb{margin-bottom:28px;font-size:12px}.ut10-hero h1,.ut10-about-hero h1{font-size:clamp(37px,10.2vw,49px);letter-spacing:-.03em}.ut10-hero-copy>.eyebrow{font-size:11px;line-height:1.5;margin-bottom:15px}.ut10-hero-copy>p:not(.eyebrow),.ut10-about-hero .shell>p:not(.eyebrow){font-size:17px;line-height:1.65;margin-top:21px}.ut10-hero-tags{gap:7px;margin-top:21px}.ut10-hero-tags>span{font-size:11px;padding:6px 9px}.ut10-readiness-person{height:310px;min-height:0;width:310px;max-width:100%;justify-self:center}.ut10-readiness-person>span{inset:48px 11px 0}.ut10-readiness-person>p{left:0;bottom:25px;font-size:13px}.ut10-reflection{padding-block:54px 65px}.ut10-reflection-note>h2{font-size:29px;margin-bottom:15px}.ut10-reflection-note>.eyebrow{margin-bottom:16px}.ut10-question-panel{padding:25px 20px 23px;border-radius:12px}.ut10-question-meta{align-items:flex-start;font-size:12px;gap:9px}.ut10-question-meta>span:last-child{max-width:115px;text-align:right;font-size:11px}.ut10-question-progress{margin:16px 0 24px}.ut10-question-panel>.eyebrow{font-size:11px;margin-bottom:14px}.ut10-question-panel>h2{font-size:26px;line-height:1.25}.ut10-question-evidence{font-size:16px;line-height:1.65;margin:19px 0 23px}.ut10-answer-options{grid-template-columns:1fr;gap:11px;margin-bottom:23px}.ut10-answer-option{min-height:57px;font-size:16px;padding:13px 15px}.ut10-question-actions{gap:15px;margin-top:22px}.ut10-question-actions>.button{font-size:14px;min-height:49px;padding:12px 19px}.ut10-back{font-size:14px}.ut10-footnote{font-size:12px;padding-top:18px;margin-top:23px}.ut10-counts{grid-template-columns:1fr 1fr;gap:9px;margin-block:23px 27px}.ut10-counts>div{padding:13px}.ut10-counts span{font-size:13px}.ut10-result-steps>li{grid-template-columns:29px 1fr;gap:12px}.ut10-result-steps>li>span{height:28px;width:28px;font-size:11px}.ut10-result-steps h3{font-size:18px}.ut10-result-steps p{font-size:15px}.ut10-answer-review>dl>div{gap:13px;font-size:13px}.ut10-answer-review dt{max-width:170px}.ut10-about-hero{padding:28px 0 48px}.ut10-about-hero .eyebrow{font-size:11px;margin-bottom:17px}.ut10-about{padding-block:51px 65px}.ut10-about-card{padding:26px 23px}.ut10-about-card>h2{font-size:26px}.ut10-about-card>p{font-size:16px}.ut10-system-note{padding:19px;align-items:flex-start;gap:13px}.ut10-system-note>span,.ut10-system-note svg{width:29px;height:29px}.ut10-system-note>p{font-size:15px}.ut10-about-actions{gap:20px;margin-top:25px}.ut10-about-actions>.button{font-size:14px;padding-inline:19px;gap:17px}.ut10-about-actions>a:not(.button){font-size:14px}}
@media(prefers-reduced-motion:reduce){.ut10-question-progress>span,.ut10-answer-option{transition:none}}
