@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f7f8f2;--white:#fff;--ink:#192c26;--muted:#6b746c;--line:#e1e5db;--lime:#d8f36a;--green:#355a42;--serif:Georgia,serif;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6f8c29;outline-offset:4px}button{border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}h1{font-size:clamp(30px,3.3vw,48px);letter-spacing:-2px;line-height:1.15;font-weight:500;margin-bottom:14px}h2{font-size:22px;letter-spacing:-.8px;font-weight:650}h3{font-size:17px;letter-spacing:-.4px}p{line-height:1.65;color:var(--muted)}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:35px 24px 20px;display:flex;flex-direction:column;z-index:10}.brand{font-size:25px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:9px;text-decoration:none}.brand-mark{display:inline-grid;place-items:center;background:var(--lime);border-radius:10px;width:33px;height:36px;font-size:34px;font-weight:400;line-height:1}.brand-dot{font:9px sans-serif;align-self:flex-start;margin-top:5px;margin-left:-6px}.workspace-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#858b80;margin:47px 8px 19px}.workspace-label span{color:#a1a89a}nav{display:grid;gap:7px}nav button{display:flex;gap:12px;align-items:center;text-align:left;padding:14px 13px;border-radius:8px;font-size:13px;color:#626c62;min-height:46px}nav button>span{font-size:21px;line-height:1}nav button i{font-style:normal;margin-left:auto;display:none}nav button.active{background:var(--ink);color:var(--lime)}nav button.active i{display:block}nav button:hover:not(.active){background:var(--paper)}.sidebar-note{margin-top:auto;padding:23px 17px;background:#f4f6ed;border:1px solid #e8ebdf;border-radius:12px;position:relative}.small-caps{font-size:9px;letter-spacing:1.5px;font-weight:700}.sidebar-note h3{margin:16px 0 10px;font-size:20px;line-height:1.45;font-weight:500}.sidebar-note p{font-size:11px;line-height:1.8}.text-button{font-size:12px;padding:8px 0;font-weight:600}.profile{display:flex;align-items:center;gap:10px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.avatar{border-radius:50%;background:#e9e8df;width:34px;height:34px;display:grid;place-items:center}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.profile button{margin-left:auto;font-size:19px;min-width:32px;min-height:40px}.shell{margin-left:240px}.topbar{height:82px;border-bottom:1px solid var(--line);padding:0 45px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.topbar b{font-weight:500;color:var(--ink);margin-left:12px}.topbar>div{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#819848}.icon-button{margin-left:18px;border:1px solid #d9ded1;border-radius:50%;width:26px;height:26px}main{max-width:1440px;margin:auto;padding:39px 45px 25px;min-height:calc(100vh - 145px)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;margin-bottom:15px;color:#617154}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading p{font-size:13px;margin:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:12px 19px;border-radius:7px;font-size:12px;font-weight:650;text-decoration:none}.primary{background:var(--ink);color:white}.primary:hover{background:#355544}.secondary{border:1px solid #cfd6c6;background:#fff}.primary.lime{background:var(--lime);color:var(--ink)}.primary.lime:hover{background:#e4ff7d}.hero{display:grid;grid-template-columns:1.22fr 1fr;min-height:278px;background:#1c3029;border-radius:16px;overflow:hidden;margin-bottom:24px;color:white;position:relative}.hero-copy{padding:34px 35px;z-index:1}.hero .eyebrow{color:#baca9a;font-size:9px;display:flex;align-items:center;gap:9px}.hero .eyebrow:before{content:'';width:5px;height:5px;background:var(--lime);border-radius:50%}.hero h2{font-size:36px;line-height:1.17;font-weight:450;letter-spacing:-1.4px;margin:20px 0 13px}.hero h2 em{font-family:var(--serif);color:var(--lime);font-weight:400}.hero p{font-size:12px;color:#bdc9bc;max-width:300px;line-height:1.8;margin-bottom:22px}.orbit{position:relative;display:grid;place-items:center;overflow:hidden;min-height:270px;background:radial-gradient(ellipse at center,#41623c66,transparent 70%)}.orbit-ring{position:absolute;border:1px solid #78946b35;border-radius:50%;width:210px;height:210px;transform:rotate(-28deg) scaleX(1.3)}.orbit-ring:nth-child(2){width:300px;height:300px}.orbit-ring:nth-child(3){width:390px;height:390px}.orbit-ring:nth-child(4){width:480px;height:480px}.orbit-core{background:#d8f36a;border-radius:21px;transform:rotate(-9deg);width:89px;height:89px;display:grid;place-items:center;box-shadow:0 0 65px #d8f33422;color:#203329;font-size:76px;font-family:Arial;z-index:1}.orbit-chip{position:absolute;font-size:10px;background:#30453c;border:1px solid #5a6d4f;border-radius:7px;padding:10px 13px;color:#ebf2df;z-index:2;box-shadow:0 8px 20px #12211844}.chip-one{top:40px;left:25px;transform:rotate(-7deg)}.chip-two{right:25px;top:110px;transform:rotate(7deg)}.chip-three{bottom:38px;left:28px;transform:rotate(-5deg)}.orbit-chip span{color:var(--lime);margin-right:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:32px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:21px 23px}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#697566}.metric-top span:last-child{font-size:18px}.metric strong{font-family:'Manrope',sans-serif;font-size:30px;font-weight:500;display:inline-block;margin-top:13px;letter-spacing:-1px}.metric small{font-size:10px;color:var(--muted);margin-left:10px}.lower-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:17px;margin:0}.section-heading span{font-size:10px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.journey-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #edf0e7}.journey-row:first-child{padding-top:0}.journey-row:last-child{border:0;padding-bottom:0}.step-no{font-size:12px;background:#f1f4e9;border:1px solid #e2e8d8;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;flex-shrink:0}.journey-row h3{font-size:12px;margin:0 0 5px}.journey-row p{font-size:10px;margin:0}.journey-row button{margin-left:auto;width:36px;height:36px;font-size:20px}.insight{background:#eaf0dd;position:relative;overflow:hidden;padding:25px;min-height:230px;border-color:#dfe7cd}.insight .small-caps{color:#526543}.insight h3{font:25px/1.35 var(--serif);max-width:260px;margin:24px 0 10px}.insight p{font-size:11px;max-width:270px}.insight:after{content:'✳';position:absolute;right:-8px;bottom:-39px;font-size:150px;color:#d1ddba;z-index:0}.insight>*{position:relative;z-index:1}.bottom-note{font-size:10px;color:var(--muted);margin-top:22px;display:flex;gap:7px;align-items:center}footer{padding:23px 45px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);color:#7a8375;font-size:9px}footer span:last-child{letter-spacing:1.2px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:9px;margin-bottom:18px;font-size:12px;font-weight:600}.field textarea,.field input,.field select{width:100%;border:1px solid #cfd6c6;border-radius:8px;padding:13px;background:#fcfdf9;color:var(--ink);font-size:13px;line-height:1.7;font-weight:400}.field textarea{resize:vertical;min-height:220px}.field input,.field select{min-height:44px}.field small,.hint{font-size:11px;font-weight:400;color:var(--muted);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.notice{background:#edf1e5;border:1px solid #dce4cd;border-radius:8px;padding:13px 16px;font-size:12px;line-height:1.65;margin-bottom:22px}.results{margin-top:24px}.evidence-row{padding:17px 0;border-bottom:1px solid var(--line)}.evidence-row:last-child{border:0}.evidence-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.evidence-row h3{margin:0;font-size:14px}.evidence-row p{margin:10px 0 0;font-size:12px}.pill{font-size:9px;padding:6px 9px;border-radius:20px;background:#edf3df;color:#476025;white-space:nowrap}.pill.gap{color:#885d24;background:#fbf1dc}.section-intro{font-size:13px;max-width:630px}.empty{text-align:center;padding:55px 20px}.empty h2{margin:15px 0}.empty p{max-width:440px;margin:0 auto 20px}.empty-icon{font-size:40px;color:#718651}.question-number{font-size:11px;letter-spacing:1.3px;color:#687959}.question-title{font-size:27px;line-height:1.4;max-width:700px;margin:22px 0}.question-dots{display:flex;gap:10px;margin-bottom:25px}.question-dots button{width:37px;height:37px;border-radius:50%;border:1px solid var(--line)}.question-dots button.selected{background:var(--ink);color:white}.feedback{margin-top:20px;background:#edf3df;border-radius:10px;padding:20px;font-size:13px;line-height:1.8}.feedback ul{padding-left:20px;margin-bottom:0}.application{display:grid;grid-template-columns:1fr 160px 40px;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.application:last-child{border:0}.application h3{margin:0 0 5px}.application p{font-size:12px;margin:0}.application select{min-height:44px;border:1px solid var(--line);border-radius:7px;background:#fafbf6;padding:8px}.application button{font-size:22px;min-height:44px}.file-label{display:inline-flex;align-items:center;gap:10px;font-size:12px;border:1px dashed #b7c4a8;padding:12px 16px;border-radius:8px;cursor:pointer}.file-label input{max-width:210px;font-size:11px}.rule-list{font-size:13px;line-height:1.9;padding-left:20px;color:var(--muted)}.editor-area{min-height:350px!important}.tag{background:var(--lime);padding:4px 7px;font-size:9px;border-radius:4px;margin-left:9px}.privacy-controls{padding:25px 0 0;margin-top:20px;border-top:1px solid var(--line)}dialog{max-width:540px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:16px;padding:35px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#13231bb0;backdrop-filter:blur(4px)}dialog p{font-size:13px}dialog h2{margin-top:14px}.close{float:right;font-size:26px;width:35px;height:35px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);padding:12px}.skip:focus{top:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--ink);color:white;font-size:12px;padding:14px 24px;border-radius:9px;z-index:50;transition:transform .2s;max-width:90vw}#toast.visible{transform:translateX(-50%) translateY(0)}@media(min-width:1500px){main{padding-top:50px}.hero{min-height:330px}.hero-copy{padding:42px}.hero h2{font-size:45px}.orbit{min-height:330px}.metrics{margin-bottom:40px}.sidebar{width:260px}.shell{margin-left:260px}}
@media(max-width:1100px){.sidebar{width:205px;padding:30px 17px 18px}.shell{margin-left:205px}.brand{font-size:22px}.topbar{padding:0 27px}main{padding:30px 27px}.hero h2{font-size:30px}.hero-copy{padding:28px}.chip-one{left:3px}.chip-two{right:3px}.chip-three{left:5px}.metric{padding:18px}.metric small{display:block;margin:5px 0 0}.lower-grid{grid-template-columns:1.2fr 1fr}.sidebar-note{padding:18px 12px}footer{padding:20px 27px}}
@media(max-width:800px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:72px;padding:6px 8px;background:#fff;border-top:1px solid var(--line);border-right:0}.brand,.workspace-label,.sidebar-note,.profile{display:none}nav{display:flex;justify-content:space-around;gap:3px}nav button{flex:1;flex-direction:column;gap:5px;font-size:9px;padding:9px 3px;border-radius:8px;text-align:center;white-space:nowrap;min-height:55px}nav button>span{font-size:20px}nav button i{display:none!important}.shell{margin:0;padding-bottom:72px}.topbar{height:62px;padding:0 22px}.topbar b{margin-left:5px}.top-status{font-size:9px}.icon-button{margin-left:3px}main{padding:28px 22px}.hero h2{font-size:34px}.hero-copy{padding:27px}.orbit-chip{font-size:9px;padding:9px}.metrics{gap:10px}.metric{padding:16px}.metric-top{font-size:10px}.lower-grid{gap:16px}.two-col{grid-template-columns:1fr}.page-heading{align-items:flex-start}h1{letter-spacing:-1.2px}footer{padding:20px 22px;font-size:8px}.sidebar-note{display:none}#toast{bottom:85px}.application{grid-template-columns:1fr 130px 32px}}
@media(max-width:540px){main{padding:25px 18px}.page-heading{display:block;margin-bottom:24px}.page-heading>.primary{margin-top:18px}.page-heading p{font-size:12px}h1{font-size:33px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px 25px 10px}.hero h2{font-size:36px;max-width:300px}.hero p{max-width:280px}.orbit{min-height:200px;margin-top:-10px}.orbit-core{width:70px;height:70px;font-size:61px}.chip-one{top:22px;left:28px}.chip-two{top:75px;right:15px}.chip-three{bottom:22px;left:26px}.metrics{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:26px}.metric{padding:14px 10px}.metric-top{font-size:9px;min-height:26px;line-height:1.5}.metric-top span:last-child{display:none}.metric strong{font-size:26px;margin-top:7px}.metric small{font-size:9px;line-height:1.5}.lower-grid{grid-template-columns:1fr;gap:25px}.panel{padding:20px}.insight{min-height:215px}.insight h3{max-width:250px}.section-heading span{font-size:9px}.application{grid-template-columns:1fr 36px}.application select{grid-column:1;grid-row:2}.application button{grid-column:2;grid-row:1}.application h3{font-size:15px}.question-title{font-size:23px}.evidence-top{align-items:flex-start}.topbar{padding:0 18px}.topbar>span{font-size:10px}.bottom-note{line-height:1.8}footer{display:block;line-height:1.9;padding:16px 18px}footer span{display:block}.file-label{display:flex;flex-wrap:wrap}.actions .primary,.actions .secondary{flex-grow:1}.notice{font-size:11px}.top-status{max-width:90px;line-height:1.3}.icon-button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sidebar,.topbar,footer,.actions,.notice,.page-heading,button{display:none!important}.shell{margin:0;padding:0}main{padding:0}.two-col{display:block}.panel{border:0;padding:0}.field textarea{border:0;height:auto}.editor-source{display:none}}

/* ---- AI evidence layer (readable additions; the block above is the original compiled sheet) ---- */
.status-dot{background:#b5bcae}
.status-dot.on{background:#6f9a2a;box-shadow:0 0 0 3px #d8f36a66}
.pill.partial{color:#5b5a24;background:#f4f1cf}
.tag.muted{background:#eef1e6;color:#6b746c;font-weight:600}
.source-quote{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.7}
.source-quote span,.quote-label{display:inline-block;font-size:9px;letter-spacing:1.3px;font-weight:700;text-transform:uppercase;color:#617154;margin-right:8px}
.evidence-row p+p{margin-top:6px}
.spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}
@keyframes spin{to{transform:rotate(360deg)}}
.question-dots button.answered:not(.selected){border-color:#819848;color:#476025;background:#f1f6e2}

.suggestion{padding:20px 0;border-bottom:1px solid var(--line)}
.suggestion:last-of-type{border:0}
.suggestion h3{margin:0;font-size:14px}
.suggestion.applied{opacity:.72}
.diff-original,.diff-proposed{margin:12px 0 0;padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.7;color:var(--ink)}
.diff-original{background:#f6f3ee;color:#6b746c}
.diff-proposed{background:#eef7d3;border:1px solid #d6e8a6}
.diff-original span,.diff-proposed span{display:block;font-size:9px;letter-spacing:1.3px;font-weight:700;margin-bottom:5px;color:#617154}
.diff-original span{color:#8a847a}
.suggestion .hint{margin:10px 0 0}
.suggestion .actions{margin-top:14px}
.unsupported{margin-top:12px;background:#fbf6e8;border:1px solid #efe2bd;border-radius:8px;padding:12px 14px;font-size:12px}
.unsupported strong{display:block;font-size:10px;letter-spacing:1.3px;color:#885d24;margin-bottom:6px}
.unsupported ul{margin:0 0 6px;padding-left:18px;line-height:1.7}
.unsupported small{color:var(--muted)}

.feedback.ai{background:#fff;border:1px solid var(--line)}
.feedback.ai>strong{display:block;margin-bottom:8px}
.feedback h4{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#617154;margin:16px 0 6px}
.feedback ul{margin:0;padding-left:20px}
.star-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 4px}
.star-cell{border-radius:8px;padding:12px;font-size:12px;line-height:1.55;border:1px solid var(--line)}
.star-cell span{display:block;font-weight:700;font-size:11px;letter-spacing:.6px;margin-bottom:6px}
.star-cell p{margin:0;font-size:11px}
.star-cell.present{background:#eef7d3;border-color:#d6e8a6}
.star-cell.present span{color:#476025}
.star-cell.missing{background:#fbf6e8;border-color:#efe2bd}
.star-cell.missing span{color:#885d24}
.follow-up{margin:16px 0 0;font-size:13px;font-style:italic}
.follow-up span{display:block;font-style:normal;font-size:9px;letter-spacing:1.3px;font-weight:700;color:#617154;margin-bottom:4px}
@media(max-width:800px){.star-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.star-grid{grid-template-columns:1fr}.diff-original,.diff-proposed{font-size:12px}}

/* ---- Score, plans, Gap Interview ---- */
.score-card{display:flex;gap:28px;align-items:center;margin-bottom:22px;background:#1c3029;color:#fff;border-color:#1c3029}
.score-ring{flex-shrink:0;width:124px;height:124px;border-radius:50%;display:grid;place-items:center;text-align:center;border:6px solid #3a5a48;background:#223a31}
.score-ring strong{font-family:'Manrope',sans-serif;font-size:40px;font-weight:600;letter-spacing:-2px;line-height:1}
.score-ring span{font-size:8px;letter-spacing:1.6px;color:#b8c7b0;line-height:1.4;margin-top:4px}
.score-ring.strong{border-color:var(--lime)}.score-ring.good{border-color:#a9cf52}.score-ring.developing{border-color:#e4c15a}.score-ring.early{border-color:#d98d5a}
.score-copy .eyebrow{color:#baca9a}.score-copy h2{color:#fff;margin-bottom:8px}.score-copy p{color:#c9d4c6;font-size:13px;margin-bottom:6px}.score-copy .hint{color:#8fa38f}
.evidence-row.gap h3,.evidence-row.partial h3{color:#5a3f16}
.gap-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:12px 14px;background:#fbf6e8;border:1px dashed #e4d3a6;border-radius:8px;font-size:12px;color:#6b5a32}
.gap-cta button{white-space:nowrap;min-height:38px;padding:8px 14px}
.gap-form{margin-top:12px;padding:16px;background:#f7f8f2;border:1px solid var(--line);border-radius:10px}
.gap-form .field{margin-bottom:12px}.gap-form textarea{min-height:64px}
.gap-result{margin-top:12px;padding:16px;border:1px solid #d6e8a6;border-radius:10px;background:#f8fbee}
.gap-result.unsupported{border-color:#efe2bd;background:#fbf6e8}
.gap-result strong{display:block;font-size:12px;margin-bottom:8px}.gap-result .diff-proposed{margin:0}
.gap-done{margin-top:12px;font-size:12px;color:#476025;background:#eef7d3;border-radius:8px;padding:10px 14px}
.gap-done em{font-style:normal;color:var(--ink)}
.text-button[data-gap-reset]{color:var(--muted)}
.locked{text-align:center;padding:34px 24px;background:linear-gradient(180deg,#f7f8f2,#fff);border:1px dashed #cfd6c6;border-radius:12px}
.locked-badge{display:inline-block;background:var(--ink);color:var(--lime);font-size:9px;letter-spacing:1.5px;font-weight:700;padding:5px 9px;border-radius:20px;margin-bottom:14px}
.locked h3{font-size:19px;margin-bottom:8px}.locked p{max-width:440px;margin:0 auto 18px;font-size:13px}
.locked-inline{border-style:dashed}
.plan-table{width:100%;border-collapse:collapse;font-size:12px;margin:18px 0 12px}
.plan-table th{text-align:center;padding:8px 6px;font-family:'Manrope',sans-serif;font-size:13px;border-bottom:2px solid var(--line)}
.plan-table th small{display:block;font-weight:400;color:var(--muted);font-size:10px;margin-top:3px}
.plan-table th.current{background:#eef7d3;border-radius:8px 8px 0 0}
.plan-table td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:center;color:var(--ink)}
.plan-table td:first-child{text-align:left;color:var(--muted)}
dialog:has(.plan-table){max-width:640px}
.question-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.field.inline{margin:0;min-width:220px}.field.inline select{min-height:40px;padding:8px 12px}
.hint.why{margin:-10px 0 18px;max-width:700px}
@media(max-width:800px){.score-card{flex-direction:column;align-items:flex-start;gap:18px}.gap-cta{flex-direction:column;align-items:stretch}.question-toolbar{flex-direction:column;align-items:stretch}.field.inline{min-width:0}}

/* ---- CV scan report ---- */
.hint.centre{text-align:center;margin-top:18px}
.scan-intake textarea{min-height:260px}
.scan-hero{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;background:#1c3029;color:#fff;border-color:#1c3029;margin-bottom:28px;position:relative}
.score-ring.big{width:150px;height:150px;border-width:8px}
.score-ring.big strong{font-size:52px}
.score-ring.big span{font-size:12px;letter-spacing:.5px;color:#b8c7b0;margin-top:2px}
.score-ring.exceptional{border-color:var(--lime)}.score-ring.needs-work{border-color:#d98d5a}
.scan-copy .eyebrow{color:#baca9a;display:flex;align-items:center;gap:10px}
.scan-copy h2{color:#fff;font-size:24px;line-height:1.35;margin-bottom:10px;max-width:720px}
.scan-copy p{color:#c9d4c6;font-size:13px}
.scan-copy .actions .secondary{background:transparent;color:#fff;border-color:#4a6655}
.band-chip{font-size:10px;letter-spacing:.8px;padding:4px 9px;border-radius:20px;background:#355a42;color:#fff}
.band-chip.exceptional,.band-chip.strong{background:var(--lime);color:var(--ink)}.band-chip.developing{background:#e4c15a;color:var(--ink)}.band-chip.needs-work{background:#d98d5a;color:var(--ink)}
.bands{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:10px;color:#b8c7b0;border-top:1px solid #2f473c;padding-top:14px;margin-top:4px}
.bands span{letter-spacing:1.3px;font-weight:700;margin-right:6px}
.bands i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:-8px}
.bands i.needs-work{background:#d98d5a}.bands i.developing{background:#e4c15a}.bands i.strong{background:#a9cf52}.bands i.exceptional{background:var(--lime)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.tile{display:grid;gap:8px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;cursor:pointer;transition:border-color .15s}
.tile:hover,.tile[aria-expanded="true"]{border-color:var(--ink)}
.tile-label{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#697566;font-weight:600}
.tile strong{font-family:'Manrope',sans-serif;font-size:32px;font-weight:600;letter-spacing:-1.5px;line-height:1}
.tile .bar{height:6px;border-radius:4px;background:#eceee6;overflow:hidden}.tile .bar i{display:block;height:100%;border-radius:4px}
.tile.good .bar i{background:#6f9a2a}.tile.warn .bar i{background:#e4a62a}.tile.bad .bar i{background:#d9654a}
.tile .grade{font-size:10px;font-weight:700;padding:4px 8px;border-radius:20px;justify-self:start}
.tile.good .grade{background:#edf3df;color:#476025}.tile.warn .grade{background:#fbf1dc;color:#885d24}.tile.bad .grade{background:#fbe4de;color:#8c3a26}
.tile small{font-size:10px;color:var(--muted)}
.detail{margin-bottom:22px}.detail h3{margin-bottom:10px}.detail h4{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#617154;margin:16px 0 6px}
.detail q,.good-list q,.fix-list q{display:block;quotes:"“" "”";font-size:12px;color:var(--muted);margin:6px 0;padding-left:12px;border-left:2px solid var(--line);line-height:1.6}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checks li{display:flex;gap:12px;font-size:13px}.checks li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:12px}
.checks li.ok span{background:#edf3df;color:#476025}.checks li.no span{background:#fbf1dc;color:#885d24}.checks li p{margin:3px 0 0;font-size:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:12px;padding:7px 11px;border-radius:20px;border:1px solid}
.chip.ok{background:#edf3df;border-color:#d6e8a6;color:#355a42}.chip.no{background:#fbf6e8;border-color:#efe2bd;color:#885d24}
.scan-lists{margin-bottom:22px}.scan-lists h2{font-size:17px}
.good-list{border-top:4px solid #a9cf52}.fix-list{border-top:4px solid #e4a62a}
.good-list ul,.fix-list ol{padding-left:20px;margin:0;font-size:13px;line-height:1.7}.good-list li,.fix-list li{margin-bottom:12px}.fix-list li p{margin:2px 0 0;font-size:12px}
.next-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#1c3029;color:#fff;border-color:#1c3029}
.next-bar .eyebrow{color:#baca9a}.next-bar h3{margin:0;color:#fff}.next-bar .actions{margin:0}.next-bar .primary{background:var(--lime);color:var(--ink)}.next-bar .secondary{background:transparent;color:#fff;border-color:#4a6655}
@media(max-width:1100px){.tiles{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.scan-hero{grid-template-columns:1fr}.next-bar{flex-direction:column;align-items:stretch}nav button{font-size:8px}}
@media(max-width:540px){.tiles{grid-template-columns:1fr 1fr;gap:8px}.tile{padding:12px}.tile strong{font-size:26px}}
@media print{.scan-hero,.next-bar{background:#fff!important;color:var(--ink)!important;border:1px solid #ccc!important}.scan-copy h2,.next-bar h3{color:var(--ink)!important}.scan-copy p{color:#444!important}.tile{break-inside:avoid}.tiles{display:grid!important;grid-template-columns:repeat(4,1fr)}.hint.centre,.next-bar .actions,.scan-copy .actions,#tile-detail{display:none!important}.two-col.scan-lists{display:grid!important;grid-template-columns:1fr 1fr}}

/* ---- Gap Interview yes/no, export ---- */
.gap-q{border:0;padding:0;margin:0 0 14px}
.gap-q legend{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px;line-height:1.5;padding:0}
.yesno{display:flex;gap:8px;margin-bottom:8px}
.yesno button{min-height:36px;padding:6px 18px;border-radius:20px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:12px;cursor:pointer}
.yesno button.on{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.gap-q textarea.hidden{display:none}
.gap-q textarea{min-height:56px}
.toolbar-fields{display:flex;gap:12px;flex-wrap:wrap}
.question-dots{flex-wrap:wrap}
.question-dots.dense button{width:34px;height:34px;font-size:12px}
.hint.progress{margin:-8px 0 16px}
