/* EverythingQuant Technical Diagnostic V1 — public, accessible and responsive. */
.eqd, .eqd * { box-sizing: border-box; }
.eqd {
 --ink: #061528; --mute: #607089; --blue: #1965b2; --cyan: #04bde1;
 --line: #dce8f5; --pale: #f3f8ff; --paper: #fff;
 min-height: 80vh; color: var(--ink); font-family: Inter, Montserrat, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 background: radial-gradient(circle at 7% 4%,rgba(2,197,235,.16),transparent 27rem),radial-gradient(circle at 94% 1%,rgba(28,99,175,.16),transparent 29rem),linear-gradient(180deg,#f5fbff,#fff 65%);
 padding-bottom: 90px;
}
.eqd a { color: #0864b0; }
.eqd a:focus-visible,.eqd button:focus-visible,.eqd input:focus-visible,.eqd textarea:focus-visible,.eqd summary:focus-visible { outline: 3px solid #08b7d8; outline-offset: 3px; }
.eqd .wrap { width: min(1120px, calc(100% - 36px)); margin: 0 auto; }
.eqd .thin { width: min(790px, calc(100% - 36px)); margin-inline: auto; }
.eqd .hero { background:linear-gradient(112deg,#061528,#123566 57%,#057ca2); position:relative; overflow:hidden; padding:63px 0 72px; color:#fff; }
.eqd .hero::before { content:""; pointer-events:none; position:absolute; inset:0; opacity:.11; background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(90deg,transparent,#000); }
.eqd .hero::after { content:""; position:absolute; width:300px;height:300px;border-radius:50%;background:#14c2e5;opacity:.17;right:-95px;bottom:-180px; }
.eqd .hero .wrap { position:relative; z-index:1; }
.eqd .eyebrow { margin:0 0 13px;color:#1580ba; font-weight:850; font-size:12px; letter-spacing:.10em; text-transform:uppercase; }
.eqd .hero .eyebrow { color:#75e7ff; }
.eqd h1,.eqd h2,.eqd h3 { color:var(--ink); letter-spacing:-.038em; line-height:1.12; }
.eqd .hero h1 { max-width:850px; color:#fff; font-size:clamp(36px,5vw,64px); margin:0 0 18px; font-weight:900; }
.eqd .hero p.sub { color:#d7e6f5; font-size:17px; line-height:1.65; max-width:750px; margin:0; }
.eqd .gradient { background:linear-gradient(110deg,#1a60ab,#00c9e8);-webkit-background-clip:text;background-clip:text;color:transparent; }
.eqd .surface { background:var(--paper); border:1px solid var(--line); border-radius:26px; padding:28px; box-shadow:0 16px 50px rgba(9,44,86,.075); }
.eqd .lift { margin-top:-35px; position:relative; z-index:2; }
.eqd .intro-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.eqd .role-card { display:block; position:relative; text-align:left; padding:27px; min-height:222px; cursor:pointer; background:#fff; border:2px solid #dbe8f7; border-radius:23px; }
.eqd .role-card:hover,.eqd .role-card:has(input:checked) { border-color:#058acb;box-shadow:0 14px 42px rgba(0,136,202,.12); }
.eqd .role-card input { position:absolute; top:23px; right:23px; accent-color:#1688bb; width:20px;height:20px; }
.eqd .role-card strong { display:block; margin:6px 30px 9px 0; font-size:22px; line-height:1.2; font-weight:900; letter-spacing:-.03em; }
.eqd .role-card .desc { display:block; color:#586e87; font-size:14px; line-height:1.58; margin-bottom:14px; }
.eqd .role-card .tags { display:block; color:#11639f; font-size:12px; font-weight:750; line-height:1.5; }
.eqd .pill { display:inline-block; border-radius:999px; padding:7px 12px;background:#e9f5fd;color:#0a679d;font-size:12px;font-weight:850; }
.eqd .pill.recommend { background:#e3f8f7;color:#117777; }
.eqd .btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; cursor:pointer; min-height:48px; padding:11px 23px; border-radius:999px; font:inherit; font-size:14px; font-weight:850; border:1px solid #c8dcec; text-decoration:none; transition:transform .15s,background .15s; }
.eqd .btn:hover { transform:translateY(-1px); text-decoration:none; }
.eqd .btn:disabled { cursor:not-allowed;opacity:.6;transform:none; }
.eqd .primary { border-color:transparent;background:linear-gradient(100deg,#1763b4,#087e98);color:#fff!important;box-shadow:0 9px 25px rgba(0,129,195,.18); }
.eqd .secondary { background:#f4f9ff;color:#115eaa; }
.eqd .ghost { background:#fff;color:#506782; }
.eqd .actions { display:flex;gap:10px;flex-wrap:wrap;align-items:center; }
.eqd .center-actions { display:flex; flex-direction:column; align-items:center;gap:10px; margin-top:28px; }
.eqd .support { margin:0;color:var(--mute);font-size:13px;line-height:1.6; }
.eqd .quiet-link { font-size:13px;color:#126da9;font-weight:760; }
.eqd .section { margin-top:36px; }
.eqd .section h2 { font-size:26px;font-weight:850;margin:0 0 14px; }
.eqd .feature-strip { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px; }
.eqd .feature { background:#fff;border:1px solid var(--line);border-radius:19px;padding:19px; }
.eqd .feature strong { display:block;margin:0 0 6px;font-weight:850; }
.eqd .feature span { color:var(--mute); font-size:13px;line-height:1.6; }
.eqd .status-msg { min-height:22px; color:#415d77;font-size:13px;font-weight:650;line-height:1.55; }
.eqd .status-msg.error,.eqd .error { color:#ab2c44; }
.eqd .status-msg.ok { color:#147352; }
.eqd .topline { padding:27px 0 22px; display:flex;gap:15px;justify-content:space-between;align-items:center; }
.eqd .topline a { font-size:13px; text-decoration:none; font-weight:800; }
.eqd .topline small { color:#60758d;font-weight:750; }
.eqd .question-progress { margin:6px 0 22px; }
.eqd .question-progress .meta { display:flex;justify-content:space-between;gap:8px;color:#63768c;font-size:12px;font-weight:800;margin-bottom:9px; }
.eqd .progress-track { height:7px;background:#e4edf6;border-radius:20px;overflow:hidden; }
.eqd .progress-fill { background:linear-gradient(90deg,#146eb8,#05c4e1);height:100%;width:0;transition:width .15s; }
.eqd .question-head { display:flex; flex-wrap:wrap; align-items:center;gap:9px; margin-bottom:14px; }
.eqd .question-head .pill { background:#edf3fa;color:#43617f; }
.eqd .question-title { margin:0 0 23px;font-size:clamp(20px,2.6vw,28px);font-weight:800;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5; }
.eqd .question-title.with-code { white-space:normal; }
.eqd .prompt-line { white-space:pre-wrap; margin:0 0 12px; }
.eqd pre { white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto; background:#0c223e;color:#eaf6ff;padding:17px 20px;border-radius:14px;font-size:13px;line-height:1.7;font-family:ui-monospace, SFMono-Regular,Consolas,monospace;text-align:left; }
.eqd .options { display:grid;gap:11px; }
.eqd .option { display:flex;align-items:flex-start;gap:13px;border:1.5px solid #dbe6f2;border-radius:15px;padding:16px;cursor:pointer;line-height:1.5; }
.eqd .option:has(input:checked) { border-color:#078bd2;background:#effaff; }
.eqd .option input { accent-color:#1687c5;margin-top:5px;width:17px;height:17px;flex-shrink:0; }
.eqd .field-label { display:block;font-size:13px;color:#3e5670;font-weight:800;margin-bottom:9px; }
.eqd .answer-input { width:100%;padding:14px 16px;border:1.5px solid #bed2e7;border-radius:13px;color:#0c233d;background:#fff;font:inherit;font-size:16px;line-height:1.55; }
.eqd textarea.answer-input { min-height:145px;resize:vertical; }
.eqd .question-footer { border-top:1px solid #e5eef6;margin-top:28px;padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.eqd .nav-actions { display:flex;gap:9px;flex-wrap:wrap; }
.eqd .step-dots { display:flex;gap:7px;flex-wrap:wrap;margin-top:24px;justify-content:center; }
.eqd .step-dot { display:inline-grid;place-items:center; width:27px;height:27px;border-radius:9px;border:1px solid #d6e5f4;background:#fff;color:#57718b;font:inherit;font-size:11px;font-weight:800;cursor:pointer; }
.eqd .step-dot.active { background:#1763b4;color:#fff;border-color:#1763b4; }
.eqd .step-dot.answered { border-color:#62c3a7;color:#137451;background:#e0f8ef; }
.eqd .step-dot.skipped { border-style:dashed;color:#797f8a; }
.eqd dialog { border:1px solid #d7e5f1; max-width:520px;width:calc(100% - 30px);border-radius:22px;padding:27px; box-shadow:0 22px 90px rgba(0,0,0,.28); }
.eqd dialog::backdrop { background:rgba(3,21,39,.65); }
.eqd dialog h2 { margin-top:0; }
.eqd .processing { text-align:center;padding:42px 24px; }
.eqd .spin { width:42px;height:42px;margin:0 auto 22px;border-radius:50%;border:4px solid #dbebf8;border-top-color:#0f91bc;animation:eqd-spin 1s linear infinite; }
@keyframes eqd-spin {to{transform:rotate(360deg)}}
.eqd .report-grid { display:grid;grid-template-columns: 270px 1fr;gap:20px;margin-top:24px; }
.eqd .score-ring { width:194px;height:194px;max-width:100%;border-radius:50%;margin:10px auto 18px;display:grid;place-items:center;background:conic-gradient(#06bbdd var(--score,0%),#e6edf4 0);position:relative; }
.eqd .score-ring::before {content:"";position:absolute;inset:14px;border-radius:50%;background:white;}
.eqd .score-ring .number { position:relative;text-align:center;font-size:52px;font-weight:950;letter-spacing:-.06em; }
.eqd .score-ring .number small {font-size:16px;color:#71829a;letter-spacing:0;font-weight:750;}
.eqd .result-score {text-align:center;margin:0;font-size:13px;color:var(--mute);}
.eqd .skill-row { margin-bottom:15px; }
.eqd .skill-row .heading { display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:800;margin:0 0 8px; }
.eqd .skill-row .heading span:last-child { color:#49647b; }
.eqd .skill-bar { height:9px;border-radius:20px;overflow:hidden;background:#e9f1f7; }
.eqd .skill-bar span {display:block;height:100%;background:var(--readiness-color,#607089);border-radius:inherit;}
.eqd .report-summary {color:var(--mute);font-size:14px;line-height:1.7;}
.eqd .insights {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;}
.eqd .insights .surface {padding:22px;box-shadow:none;}
.eqd .insights h3 {font-size:17px;margin:0 0 10px;}
.eqd .insights li {font-size:13px;margin:8px 0;color:#35506c;}
.eqd .profile-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px; }
.eqd .profile-grid .surface { padding:26px; }
.eqd .profile-grid h2 { font-size:22px;margin:0 0 14px; }
.eqd .profile-grid .wide { grid-column:1/-1; }
.eqd .metric { margin:0 0 13px;color:#344f6b;font-size:14px;line-height:1.55; }
.eqd .metric strong {color:#0b2645;}
.eqd .profile-scores {display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin:15px 0;}
.eqd .mini-score { padding:9px 13px;background:#e8f5fc;border-radius:11px;color:#095c92;font-weight:850;font-size:13px; }
.eqd .stack { display:grid;gap:10px; }
.eqd .report-banner { background:linear-gradient(110deg,#092b54,#0d7f9d);color:#fff;padding:26px;border-radius:22px;margin-top:25px; }
.eqd .report-banner h2 {color:#fff;margin:0 0 7px;font-size:25px;}
.eqd .report-banner p {color:#d3e7f3;font-size:14px;max-width:730px;line-height:1.65;}
.eqd .report-banner .btn { background:#fff;color:#0c5793;box-shadow:none; }
.eqd [hidden] {display:none!important;}
@media(max-width:740px){
 .eqd .hero{padding:45px 0 62px}.eqd .intro-grid,.eqd .feature-strip,.eqd .insights,.eqd .report-grid,.eqd .profile-grid{grid-template-columns:1fr;}
 .eqd .surface{padding:22px;border-radius:21px;}.eqd .report-grid{gap:14px}.eqd .score-ring{width:175px;height:175px;}.eqd .question-footer{align-items:stretch}.eqd .nav-actions{width:100%;}.eqd .nav-actions .btn{flex:1;}.eqd .role-card{min-height:190px;}
}
@media(prefers-reduced-motion:reduce){.eqd .spin{animation:none}.eqd .btn{transition:none}.eqd .progress-fill{transition:none}}

/* Audit: visible keyboard focus, readable conflicts, bounded code on mobile. */
.eqd :focus-visible { outline:3px solid #0675b9; outline-offset:3px; }
.eqd pre { max-width:100%; overflow-x:auto; tab-size:4; }
.eqd pre code { font:inherit; }
.eqd .save-conflict { margin-top:16px; padding:16px; border:2px solid #ab6500; border-radius:12px; }
.eqd .save-conflict p { overflow-wrap:anywhere; white-space:pre-wrap; }
.eqd .status-msg button { margin-top:8px; }

/* Active must win over answered/skipped; white/cyan CTA contrast >=4.5:1. */
.eqd .step-dot.active.answered,.eqd .step-dot.active.skipped { color:#fff;background:#1763b4; }

/* Revision 3: colour accompanies text; unknown evidence is never coloured red. */
.eqd .step-dot.unsure { border-style:dotted; color:#555b72; background:#f0f2f7; }
.eqd .step-dot.active.unsure { color:#fff; background:#1763b4; border-color:#1763b4; }
.eqd .question-progress .meta { flex-wrap:wrap; }
.eqd[data-page="take"] #numeric-instructions { margin-top:12px; }
.eqd[data-page="take"] #save-status:empty { display:none; }
.eqd .option span { min-width:0; overflow-wrap:anywhere; }
.eqd .report-grid > * { min-width:0; }
.eqd .skill-bar { outline:1px solid #d2deea; outline-offset:-1px; }
@media(max-width:420px) {
 .eqd .nav-actions .btn { padding-inline:13px; font-size:13px; }
 .eqd .topline { align-items:flex-start; flex-wrap:wrap; }
 .eqd .surface { padding:18px; }
}

/* Preparation UX: results/waiting only. Taking questions and other pages keep
   their established layout. Skill colours are applied only to numeric values. */
.eqd[data-page="results"] { --mute:#53667d; padding-bottom:64px; }
.eqd[data-page="results"] .eyebrow { color:#126fa3; }
.eqd[data-page="results"] .btn { font-size:14px!important; line-height:1.5!important; }
.eqd[data-page="results"] .wrap { max-width:1080px; }
.eqd[data-page="results"] .topline { padding-block:26px 20px; }
.eqd[data-page="results"] .results-header {
 position:relative; padding:35px 36px 32px; border-radius:26px; color:#fff;
 background:radial-gradient(ellipse at 100% 0,rgba(14,190,215,.35),transparent 56%),linear-gradient(115deg,#0a2446,#123e66 65%,#0d6376);
 box-shadow:0 16px 40px rgba(9,42,79,.14); border:1px solid #205d80;
}
.eqd[data-page="results"] .results-header .eyebrow { color:#9cedf7; max-width:calc(100% - 185px); margin-bottom:16px; }
.eqd[data-page="results"] .results-header h1 { font-size:clamp(29px,4vw,43px); font-weight:850; line-height:1.14; color:#fff; margin:0 0 13px; }
.eqd[data-page="results"] #report-tagline { max-width:660px; color:#e0ecf6; font-size:15px; line-height:1.7; margin:0; }
.eqd[data-page="results"] .result-complete { position:absolute; right:30px; top:29px; display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border-radius:999px; background:#d8f4f1; color:#155852; font-size:11px; font-weight:800; }
.eqd[data-page="results"] .report-grid { grid-template-columns:minmax(250px,300px) minmax(0,1fr); margin-top:23px; gap:19px; }
.eqd[data-page="results"] .overall-card { text-align:center; display:flex; flex-direction:column; align-items:center; background:linear-gradient(155deg,#fff 45%,#edf7fc); padding:30px 23px; }
.eqd[data-page="results"] .overall-card h2 { font-size:12px; line-height:1.4; letter-spacing:.08em; margin:0 0 14px; color:#155f95; }
.eqd[data-page="results"] .score-ring { width:196px; height:196px; flex:none; margin:7px auto 22px; background:conic-gradient(#087d9a var(--score,0%),#dcebf4 0); box-shadow:0 0 0 8px rgba(229,244,251,.7); }
.eqd[data-page="results"] .score-ring::before { inset:12px; background:#fff; }
.eqd[data-page="results"] .score-ring.is-unrated { background:#dce6ef; box-shadow:0 0 0 8px #f2f6fa; }
.eqd[data-page="results"] .score-ring .number { font-size:56px; color:#0c3558; }
.eqd[data-page="results"] .score-ring .number small { font-size:15px; color:#526980; margin-left:3px; }
.eqd[data-page="results"] .result-score { display:inline-block; color:#154c72; background:#e0eff9; border:1px solid #c6deef; padding:7px 15px; border-radius:999px; font-size:13px; font-weight:800; }
.eqd[data-page="results"] .overall-note { font-size:14px; color:#405b72; line-height:1.65; margin:15px 0 22px; max-width:245px; }
.eqd[data-page="results"] .coverage-detail { width:100%; border-top:1px solid #cedfec; padding-top:19px; margin-top:auto; font-size:12px; line-height:1.8; }
.eqd[data-page="results"] .skills-card { padding:27px 28px 23px; }
.eqd[data-page="results"] .card-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:8px; }
.eqd[data-page="results"] .card-heading .eyebrow { margin-bottom:7px; font-size:10px; color:#1d648e; }
.eqd[data-page="results"] .card-heading h2 { font-size:23px; font-weight:850; margin:0; }
.eqd[data-page="results"] .skill-key { color:#55687e; font-size:10px; text-align:center; line-height:1.8; white-space:nowrap; }
.eqd[data-page="results"] .skill-scale { display:block; width:81px; height:5px; border-radius:4px; background:linear-gradient(90deg,#c17331,#ac8315,#398b65); }
.eqd[data-page="results"] .skill-row { margin:0; padding:16px 0 14px; border-bottom:1px solid #e0eaf2; }
.eqd[data-page="results"] .skill-row:last-child { border-bottom:0; }
.eqd[data-page="results"] .skill-row .heading { align-items:center; flex-wrap:wrap; gap:8px 12px; margin-bottom:8px; font-size:13px; line-height:1.45; }
.eqd[data-page="results"] .skill-row .heading > span:first-child { min-width:0; flex:1 1 150px; }
.eqd[data-page="results"] .skill-row .heading .skill-value { color:#18334e; font-variant-numeric:tabular-nums; font-size:13px; }
.eqd[data-page="results"] .skill-bar { height:10px; background:#e9f1f7; }
.eqd[data-page="results"] .skill-status { color:#50667a; margin:7px 0 0; font-size:11px; line-height:1.5; }
.eqd[data-page="results"] .evidence-badge { flex:none; display:inline-block; border:1px solid #cbd8e4; background:#f1f5f9; color:#4b6073!important; border-radius:7px; padding:3px 8px; font-size:10px; font-weight:750; }
.eqd[data-page="results"] .skill-row.is-unrated .support { font-size:12px; max-width:440px; }
.eqd[data-page="results"] .skill-footnote { margin:11px 0 0; padding:12px 14px; border-radius:12px; background:#eef6fc; color:#345a79; font-size:12px; }
.eqd[data-page="results"] .insights { gap:19px; margin-top:20px; }
.eqd[data-page="results"] .insights .surface { padding:24px 26px; box-shadow:0 8px 30px rgba(9,44,86,.04); }
.eqd[data-page="results"] .insights .eyebrow { color:#24618c; font-size:10px; margin-bottom:9px; }
.eqd[data-page="results"] .insights h2 { font-size:19px; margin:0 0 17px; line-height:1.25; font-weight:850; }
.eqd[data-page="results"] .strength-card { background:linear-gradient(140deg,#fff 42%,#eef8fc); }
.eqd[data-page="results"] .priority-card { background:linear-gradient(140deg,#fff 42%,#f0f6ff); }
.eqd[data-page="results"] .highlight-list { margin:0; padding:0; list-style:none; }
.eqd[data-page="results"] .highlight-list li { margin:0; }
.eqd[data-page="results"] .highlight-item + .highlight-item { margin-top:15px; padding-top:14px; border-top:1px solid #dce7f0; }
.eqd[data-page="results"] .highlight-title { display:flex; align-items:center; flex-wrap:wrap; gap:6px 9px; margin-bottom:5px; color:#163e61; }
.eqd[data-page="results"] .highlight-title strong { font-size:14px; line-height:1.45; }
.eqd[data-page="results"] .highlight-status { border:1px solid #cad9e7; background:#eef3f8; color:#475c73; padding:3px 7px; border-radius:6px; font-size:10px; font-weight:700; }
.eqd[data-page="results"] .highlight-item .support,.eqd[data-page="results"] .highlight-empty { font-size:12px; line-height:1.7; color:#4c6379; }
.eqd[data-page="results"] .result-guidance { margin-top:29px; padding:0 7px; }
.eqd[data-page="results"] .result-guidance h2 { font-size:20px; font-weight:800; margin:0 0 9px; }
.eqd[data-page="results"] .result-guidance .report-summary { margin:0 0 13px; max-width:850px; }
.eqd[data-page="results"] .score-explanation { max-width:850px; }
.eqd[data-page="results"] .score-explanation summary { cursor:pointer; color:#165c92; font-weight:750; font-size:12px; padding:8px 0; width:fit-content; }
.eqd[data-page="results"] .score-explanation[open] { padding-bottom:6px; }
.eqd[data-page="results"] .score-explanation .support { padding:10px 15px; background:#eef4f9; border-radius:11px; color:#405a72; font-size:12px; }
.eqd[data-page="results"] .report-banner { margin-top:23px; padding:28px 31px; background:radial-gradient(ellipse at 100% 0,rgba(12,160,185,.45),transparent 70%),linear-gradient(105deg,#09294d,#124b70); border:1px solid #205a7b; }
.eqd[data-page="results"] .report-banner .eyebrow { color:#a2eaf5; font-size:10px; margin-bottom:10px; }
.eqd[data-page="results"] .report-banner h2 { font-size:25px; line-height:1.2; font-weight:800; }
.eqd[data-page="results"] .report-banner #next-steps-copy { margin:10px 0 19px; color:#e1edf8; }
.eqd[data-page="results"] .report-banner .btn { color:#124d79; min-height:48px; max-width:100%; text-align:center; white-space:normal; }
.eqd[data-page="results"] .report-banner .actions { gap:15px 20px; }
.eqd[data-page="results"] .result-secondary-action { color:#edfaff; font-weight:750; font-size:12px; text-decoration:underline; text-underline-offset:4px; padding:9px 0; }
.eqd[data-page="results"] .report-banner .guest-note { font-size:11px; color:#dceaf3; margin:17px 0 0; }
.eqd[data-page="results"] .report-banner .premium-note { margin:19px 0 0; padding-top:16px; border-top:1px solid #47728a; font-size:12px; color:#dcebf6; }
.eqd[data-page="results"] .premium-note a { color:#fff; text-decoration:underline; text-underline-offset:3px; font-weight:750; }
.eqd[data-page="results"] .report-banner :focus-visible,.eqd[data-page="results"] .results-header :focus-visible { outline-color:#b6f2ff; }
.eqd[data-page="results"] .processing { max-width:740px; margin:25px auto 0; padding:48px 48px 26px; background:radial-gradient(ellipse at 100% 0,rgba(166,233,246,.34),transparent 62%),#fff; border-color:#c7dfed; }
.eqd[data-page="results"] .processing-visual { position:relative; width:94px; height:94px; border-radius:27px; margin:0 auto 29px; background:linear-gradient(135deg,#0c365e,#137e91); box-shadow:0 12px 30px rgba(10,87,122,.2); }
.eqd[data-page="results"] .processing .spin { width:68px; height:68px; position:absolute; inset:13px; margin:0; border:3px solid #3b809c; border-top-color:#b6f4fb; }
.eqd[data-page="results"] .processing-symbol { position:absolute; inset:0; display:grid; place-items:center; font-size:32px; line-height:1; color:#d7fbff; }
.eqd[data-page="results"] .processing .eyebrow { color:#155f8f; font-size:11px; margin-bottom:13px; }
.eqd[data-page="results"] .processing h1 { margin:0 0 15px; font-size:clamp(27px,4vw,35px); line-height:1.17; font-weight:850; }
.eqd[data-page="results"] .processing .report-summary { max-width:485px; margin:0 auto 15px; font-size:15px; }
.eqd[data-page="results"] .processing .status-msg { margin:0 auto; max-width:485px; font-size:13px; min-height:24px; }
.eqd[data-page="results"] .processing-actions { justify-content:center; margin:24px 0; }
.eqd[data-page="results"] .processing-saved { display:flex; align-items:flex-start; gap:12px; max-width:495px; margin:26px auto 16px; padding:17px 19px; background:#edf6fc; border:1px solid #d7e8f3; border-radius:14px; text-align:left; }
.eqd[data-page="results"] .saved-mark { display:grid; place-items:center; flex:none; width:25px; height:25px; background:#d6eafa; border-radius:50%; color:#18577c; font-size:13px; }
.eqd[data-page="results"] .processing-saved p { font-size:12px; color:#3e5b73; line-height:1.8; margin:0; }
.eqd[data-page="results"] .processing-saved strong { color:#214c6e; }
.eqd[data-page="results"] .support-details { max-width:495px; margin:0 auto; color:#52687c; }
.eqd[data-page="results"] .support-details summary { cursor:pointer; font-size:11px; width:fit-content; margin:0 auto; padding:8px 0; }
.eqd[data-page="results"] .support-details p { font-size:11px; padding-block:6px; }
.eqd[data-page="results"] .support-reference { overflow-wrap:anywhere; }
@media(max-width:740px) {
 .eqd[data-page="results"] .report-grid { grid-template-columns:1fr; gap:17px; }
 .eqd[data-page="results"] .insights { grid-template-columns:1fr; gap:17px; }
 .eqd[data-page="results"] .overall-card { padding:24px; }
 .eqd[data-page="results"] .overall-note { max-width:390px; margin-bottom:17px; }
 .eqd[data-page="results"] .coverage-detail { max-width:440px; padding-top:15px; }
 .eqd[data-page="results"] .score-ring { width:172px; height:172px; }
 .eqd[data-page="results"] .skills-card { padding:23px; }
 .eqd[data-page="results"] .processing { padding:38px 27px 24px; }
}
@media(max-width:560px) {
 .eqd[data-page="results"] .wrap { width:calc(100% - 28px); }
 .eqd[data-page="results"] .results-header { padding:25px 22px; border-radius:21px; }
 .eqd[data-page="results"] .results-header .eyebrow { max-width:none; margin-bottom:12px; font-size:10px; }
 .eqd[data-page="results"] .result-complete { position:static; margin-top:17px; font-size:10px; }
 .eqd[data-page="results"] #report-tagline { font-size:13px; }
 .eqd[data-page="results"] .skills-card { padding:21px 19px; }
 .eqd[data-page="results"] .card-heading h2 { font-size:21px; }
 .eqd[data-page="results"] .card-heading { gap:9px; }
 .eqd[data-page="results"] .skill-row .heading > span:first-child { flex-basis:135px; }
 .eqd[data-page="results"] .skill-row .heading { font-size:12px; }
 .eqd[data-page="results"] .insights .surface { padding:22px; }
 .eqd[data-page="results"] .report-banner { padding:24px 22px; }
 .eqd[data-page="results"] .report-banner h2 { font-size:23px; }
 .eqd[data-page="results"] .report-banner .actions { flex-direction:column; align-items:stretch; gap:8px; }
 .eqd[data-page="results"] .result-secondary-action { text-align:center; }
 .eqd[data-page="results"] .report-banner .btn { font-size:12px!important; padding-inline:13px; }
 .eqd[data-page="results"] .processing { padding:32px 19px 20px; margin-top:15px; }
 .eqd[data-page="results"] .processing .report-summary { font-size:13px; }
 .eqd[data-page="results"] .processing-saved { padding:15px 13px; gap:9px; }
 .eqd[data-page="results"] .processing .actions .btn { padding-inline:17px; font-size:12px!important; }
}