[hidden]{display:none!important}
.btn,.btn-generate{min-height:48px;white-space:normal;line-height:1.45}
.chip label,.pill label{min-height:44px;align-items:center}
.timeline{display:block;text-align:center;line-height:1.6}
.verdict{line-height:1.55;overflow-wrap:anywhere}
.result-wrap{min-width:0}
#reportCta{margin-top:4px}
#careerReport{scroll-margin-top:20px}
#resultStatus{margin:0;line-height:1.5}
.report-intro{font-size:.9rem;line-height:1.65;color:var(--ink-soft)}
.report-score{font-weight:800;color:var(--ink);font-size:1rem}
.report-block{border-top:1px solid var(--ink-faint);padding:15px 0}
.report-block summary,footer summary{cursor:pointer;min-height:44px;font-weight:800;line-height:1.5;padding:8px 0}
.report-block ul{padding-left:22px;margin:10px 0}
.report-block li{font-size:.9rem;line-height:1.65;margin:10px 0;overflow-wrap:anywhere}
.report-block p{line-height:1.65;font-size:.9rem}
.report-block a{color:var(--accent-violet)}
.report-block table{width:100%;border-collapse:collapse;font-size:.8rem}
.report-block td,.report-block th{padding:8px 4px;border-bottom:1px solid var(--ink-faint);text-align:left}
.report-block td:last-child{white-space:nowrap;font-family:monospace}
.report-block h3{font-size:1rem;margin:16px 0 6px}
.result-wrap:has(#careerReport:not([hidden])){position:static}
.gauge-score .num{font-size:3rem}
.gauge-score{top:67%}
.stamp{white-space:normal;text-align:center;max-width:100%;line-height:1.4}
.field>label{line-height:1.55}
.page-footer a{overflow-wrap:anywhere}
@media(max-width:520px){.wrap{padding:14px 14px 36px}.card{padding:18px 16px}.hero h1{font-size:clamp(2.1rem,9vw,3rem)}.details-title{font-size:1.2rem}.site-brand{font-size:2.25rem}.btn{min-width:0;width:100%}.meter-name{font-size:1.18rem}.meter-date{font-size:.6rem}.form-head .display{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.hero .fitted-headline{width:100%;line-height:0;display:flex;flex-direction:column;gap:8px;margin:0;text-wrap:nowrap}
.fitted-headline svg{display:block;width:100%;height:auto;overflow:visible}
.headline-first text{font:800 78px "Unbounded",sans-serif;fill:var(--ink)}
.headline-second text{font:900 126px "Unbounded",sans-serif;fill:#ff253d}
.headline-trace-track{fill:none;stroke:#ffc114;stroke-width:2;opacity:.22}
.headline-trace{fill:none;stroke:#ffe135;stroke-width:5;stroke-linecap:round;stroke-dasharray:18 82;animation:headline-trace-loop 3s linear infinite}
@keyframes headline-trace-loop{to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.headline-trace{stroke-dasharray:none}}

.result-verdict{border:1px solid #ffc11466;background:linear-gradient(120deg,#ffc11412,#ff659512);padding:18px 16px;gap:12px;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff12}
.result-verdict .verdict{margin:0;padding:0;text-align:left;font-size:1.08rem;line-height:1.5;color:var(--ink)}
.result-verdict .reaction-emoji{font-size:1.8rem}
.benefit-card{background:linear-gradient(135deg,#183d37,#172b31);border:1px solid #5be6bd77;border-radius:22px;padding:20px 18px;text-align:center;box-shadow:0 8px 24px #0002}
.benefit-heading{font-weight:800;font-size:1rem;color:#c6ffeb}
.benefit-score{display:flex;align-items:baseline;justify-content:center;gap:4px;margin:8px 0 0;color:#73f5c7}
.benefit-score b{font-family:"Space Mono",monospace;font-size:2.6rem;line-height:1.3}
.benefit-score span{font-size:1rem;color:#b2d6ca}
.benefit-label{margin:0;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c6ffeb}
.benefit-copy{margin:12px 0 0;line-height:1.55;font-size:.87rem;color:#e3f5ee}
.benefit-note{margin:10px 0 0;font-size:.7rem;line-height:1.45;color:#b2d6ca}
.result-caveat{margin:0;text-align:center;font-size:.7rem;line-height:1.5}

/* Compact, share-style result: keep the score and next step in one glance. */
#meterCard{width:100%;max-width:420px;align-self:center;padding:16px;gap:8px;border-width:2px;border-radius:24px;box-shadow:0 5px 0 var(--ink),0 14px 32px #0003;background-image:radial-gradient(ellipse at 50% 28%,#ffc1140c,transparent 65%)}
#meterCard .meter-brand{gap:6px;flex-wrap:wrap}
#meterCard .meter-name{font-size:1.12rem}
#meterCard .brand-icon-sm{font-size:1.2rem}
#meterCard .meter-date{font-size:.56rem}
#meterCard .meter-role{font-size:.76rem;padding:6px 0;border-width:1px;line-height:1.35}
#meterCard .gauge-block{padding:0 0 12px}
#meterCard .gauge-block svg{max-width:220px}
#meterCard .gauge-score{top:63%;width:100%}
#meterCard .gauge-score .num{font-size:2.7rem}
#meterCard .gauge-score .lbl{font-size:.59rem;margin-top:3px}
#meterCard .reveal-group{gap:10px}
#meterCard .stamp{font-size:.78rem;padding:5px 12px;border-width:2px;align-self:center;margin:0;transform:rotate(-3deg)}
#meterCard .result-verdict{padding:11px 12px;gap:9px;border-radius:14px}
#meterCard .result-verdict .verdict{font-size:.92rem;line-height:1.4}
#meterCard .result-verdict .reaction-emoji{font-size:1.4rem}
#meterCard .benefit-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:3px;padding:12px 14px;border-radius:16px;text-align:left}
#meterCard .benefit-heading{font-size:.88rem;align-self:end}
#meterCard .benefit-score{grid-column:2;grid-row:1 / 4;margin:0;align-self:center;gap:2px}
#meterCard .benefit-score b{font-size:2rem}
#meterCard .benefit-score span{font-size:.72rem}
#meterCard .benefit-label{font-size:.58rem;letter-spacing:.04em}
#meterCard .benefit-copy{grid-column:1;font-size:.74rem;line-height:1.4;margin:3px 0 0}
#meterCard .benefit-note{grid-column:1 / -1;font-size:.62rem;margin:5px 0 0;line-height:1.35}
#meterCard .result-caveat{font-size:.62rem;line-height:1.35}

#meterCard .benefit-heading{align-self:center}
#meterCard .benefit-score{grid-row:1}

/* Keep the real vector meter visible before AND after calculation. */
#meterCard{background:#100920!important;background-image:radial-gradient(ellipse at 50% 35%,#43207866,transparent 65%)!important;border:2px solid #a486ff;border-radius:24px;box-shadow:0 0 0 1px #6b3aff,0 12px 35px #05000dbb;gap:10px;padding:16px;color:#fff7ea}
#meterCard .meter-brand{justify-content:center;gap:8px}
#meterCard .meter-name{flex:initial;font-size:clamp(1.3rem,5.4vw,1.8rem)}
#meterCard .brand-icon-sm{font-size:1.8rem}
#meterCard .meter-date{display:none}
#meterCard .meter-role{color:#d2c4f1;border-color:#8060b7;font-size:.75rem;text-align:center}
#meterCard .gauge-block svg{max-width:244px;overflow:visible;filter:drop-shadow(0 0 5px #8855ff33)}
#meterCard .gauge-block{padding-bottom:10px}
#meterCard .gauge-score{isolation:isolate;top:64%}
#meterCard .gauge-score .num{font-size:3.3rem;text-shadow:0 0 18px color-mix(in srgb,var(--score-color) 65%,transparent)}
#meterCard .gauge-score::before{width:135px;height:110px;z-index:-1;filter:blur(12px);animation:score-glow-blink 1.6s ease-in-out infinite}
#meterCard .gauge-score .lbl{color:#d4c8ee;font-size:.63rem}
#meterCard .stamp{font-size:1rem;font-weight:800;border:3px solid var(--stamp-color);padding:7px 18px;border-radius:10px;transform:rotate(-6deg);color:#12091d;background:var(--stamp-color);box-shadow:4px 4px 0 #06020e,0 0 20px color-mix(in srgb,var(--stamp-color) 45%,transparent);letter-spacing:.08em}
#meterCard .result-verdict{background:linear-gradient(120deg,#351054,#241049);border:1px solid #cf8cff;border-radius:16px;padding:12px 10px;box-shadow:inset 0 1px 0 #ffffff22,0 0 15px #a431ff22}
#meterCard .result-verdict .reaction-emoji{display:none}
#meterCard .result-verdict .verdict{width:100%;text-align:center;font-size:clamp(1.1rem,5.2vw,1.45rem);font-weight:800;line-height:1.3;color:#ffe88b;white-space:pre-line;text-wrap:balance;text-shadow:0 2px 0 #090013}
#meterCard .benefit-card{background:linear-gradient(115deg,#004334,#092c29);border:1px solid #00f5ae;padding:12px 14px;box-shadow:inset 0 1px 0 #73ffd733,0 0 16px #00f5ae15}
#meterCard .benefit-heading{font-size:1.1rem;color:#c8ffea;font-weight:800}
#meterCard .benefit-score b{font-size:2.3rem;color:#36ffb9;text-shadow:0 0 14px #00ff9955}
.card-site-promo{padding:10px 8px;background:linear-gradient(110deg,#ffce20,#ffed72);border-radius:12px;text-align:center;color:#200d32;font-size:.87rem;font-weight:800;line-height:1.4;box-shadow:0 3px 0 #a86712}
@media(prefers-reduced-motion:reduce){#meterCard .gauge-score::before{animation:none;opacity:.4}}

.disclaimer-label{color:#b92c3d;font-weight:800}
#resultStatus:empty,#downloadNote:empty{display:none}

#meterCard .meter-name{font-size:clamp(1.5rem,6.1vw,2.05rem)}
.card-site-promo strong{display:inline-block;font-size:1.12rem;font-weight:800;color:#fff5a6;background:#35104f;border:1px solid #fff0a6;border-radius:8px;padding:3px 9px;margin:3px 0;box-shadow:0 2px 0 #8f5015,0 0 12px #fff29d99}

.form-head{display:block}
.form-head #formTitle{width:100%;margin:0;line-height:0}
#formTitle svg{display:block;width:100%;height:auto;overflow:visible}
#formTitle text{font:900 82px "Unbounded",sans-serif;fill:var(--ink)}
.check-cta{align-self:center;animation:check-sideways 2s ease-in-out infinite;max-width:calc(100% - 22px)}
.check-cta:hover,.check-cta:focus-visible{animation-play-state:paused}
@keyframes check-sideways{0%,100%{transform:translateX(-9px) rotate(-1deg)}50%{transform:translateX(9px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.check-cta{animation:none}}

.hero .eyebrow{width:100%;padding:10px 16px;text-transform:none;letter-spacing:normal;box-sizing:border-box}
.eyebrow svg{display:block;width:100%;height:auto;overflow:visible}
.eyebrow text{font:800 66px "Plus Jakarta Sans",sans-serif;fill:var(--ink-on-bright)}

.powered-by{align-self:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-height:44px;padding:5px 12px;border:1px solid #55e9ee55;border-radius:999px;background:#20103d;text-decoration:none;line-height:1.3;box-shadow:0 0 13px #19e9ff18}
.powered-by span{font-size:.67rem;color:#c5b6dd}
.powered-by strong{font-size:.85rem;font-weight:800;color:#55f2f2;text-shadow:0 0 9px #19e9ff44}
.powered-by:hover,.powered-by:focus-visible{border-color:#55f2f2;outline:2px solid #55f2f2;outline-offset:3px}