.ui-chevron{display:inline-block;flex:none;font-family:"Inter",sans-serif!important;font-size:1rem!important;font-weight:500!important;line-height:1;letter-spacing:0;vertical-align:middle}
:root{--forest:#245a4a;--forest-deep:#173f35;--green:#39a77b;--mint:#dff2e9;--cream:#f6f2e9;--paper:#fffefa;--text:#18352d;--muted:#68746d;--line:rgba(36,90,74,.17);--line-strong:rgba(36,90,74,.29);--danger:#c64b5c;--shadow:0 18px 50px rgba(23,63,53,.11),0 2px 8px rgba(23,63,53,.05);--shadow-small:0 8px 24px rgba(23,63,53,.09),0 1px 4px rgba(23,63,53,.05)}
*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(135deg,#dcefe4 0%,#eef4e8 30%,var(--cream) 61%,#eee2cf 100%);background-attachment:fixed;font-family:"Manrope",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(57,167,123,.22);outline-offset:2px}h1,h2,h3,p{text-wrap:pretty}
.site-header{position:sticky;top:0;z-index:30;width:100%;border-bottom:1px solid rgba(36,90,74,.15);background:rgba(255,254,250,.9);box-shadow:0 8px 28px rgba(23,63,53,.07)}.nav-shell{display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 40px));height:78px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:11px;padding:0;border:0;background:none;cursor:pointer}.brand-mark{width:38px;height:38px;overflow:visible;filter:drop-shadow(0 6px 8px rgba(23,63,53,.22))}.brand-mark rect{fill:var(--forest)}.brand-mark path{fill:none;stroke-width:9;stroke-linecap:round}.mark-left{stroke:#55bd92}.mark-right{stroke:var(--green)}.mark-middle{stroke:var(--paper)}.brand>span{display:flex;font-size:1.05rem;line-height:1;letter-spacing:-.055em}.brand b{font-weight:800}.brand b:last-child{color:var(--green)}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:9px 13px;border:1px solid transparent;border-radius:999px;color:#59675f;background:transparent;font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}.nav-link:hover{border-color:rgba(36,90,74,.12);color:var(--forest-deep);background:rgba(223,242,233,.65)}.nav-link.is-active{border-color:rgba(36,90,74,.28);color:var(--forest-deep);background:var(--mint)}.nav-profile{margin-left:9px;border-color:var(--line);color:var(--forest-deep);background:var(--paper)}.nav-toggle{display:none}
.view{display:none;width:min(1160px,calc(100% - 40px));margin:0 auto}.view.is-active{display:block}.landing-view.is-active{display:block;min-height:calc(100svh - 78px);padding:72px 0 95px}.reveal{animation:reveal .48s cubic-bezier(.22,1,.36,1) both}.reveal-delay{animation-delay:.08s}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.eyebrow,.step-label{margin:0 0 15px;color:var(--forest);font-size:.66rem;font-weight:800;letter-spacing:.12em}.landing-copy{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:70px;align-items:end;margin-bottom:46px;padding-bottom:38px;border-bottom:1px solid var(--line-strong)}.landing-copy h1,.page-heading h1,.process-header :is(h1,h2){margin:0;font-size:clamp(3rem,5.4vw,5.2rem);font-weight:700;line-height:.99;letter-spacing:-.06em}.landing-copy h1{max-width:720px;font-size:clamp(3.1rem,5.6vw,5.35rem)}.landing-copy>p{margin:0 0 7px;color:#56655d;font-size:1.02rem;line-height:1.72}.button-row{display:flex;flex-wrap:wrap;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:47px;padding:12px 17px;border-radius:8px;font-size:.75rem;font-weight:800;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.button-primary{border:1px solid var(--forest);color:white;background:var(--forest);box-shadow:0 9px 20px rgba(23,63,53,.18)}.button-primary:hover:not(:disabled){background:var(--forest-deep);transform:translateY(-1px);box-shadow:0 13px 27px rgba(23,63,53,.22)}.button-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.button-secondary{border:1px solid var(--line-strong);color:var(--forest-deep);background:rgba(255,254,250,.7)}.button-secondary:hover{border-color:var(--forest);background:var(--paper);transform:translateY(-1px)}.button-wide{width:100%;justify-content:space-between}
.job-entry{display:grid;grid-template-columns:.62fr 1.38fr;gap:76px;padding:42px 46px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(255,254,250,.9);box-shadow:var(--shadow)}.job-entry-heading{padding-top:3px}.job-entry-heading h2{margin:0 0 12px;font-size:2rem;letter-spacing:-.045em}.job-entry-heading p{max-width:290px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}.job-entry-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.job-entry-fields>.method-tabs,.job-entry-fields>.method-view,.job-entry-fields>.form-status,.job-entry-fields>.button{grid-column:1/-1}
.wex-toggle{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--mint);cursor:pointer}
.wex-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.wex-toggle .switch-track{position:relative;flex:0 0 auto;width:44px;height:27px;margin-top:2px;border-radius:99px;background:#c7d2cc;transition:.2s}
.wex-toggle .switch-track i{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.2s;font-style:normal}
.wex-toggle input:checked+.switch-track{background:var(--forest)}
.wex-toggle input:checked+.switch-track i{transform:translateX(17px)}
.wex-toggle input:focus-visible+.switch-track{outline:3px solid rgba(57,167,123,.24);outline-offset:2px}
.wex-toggle-copy strong{display:block;font-size:.875rem;color:var(--forest-deep)}
.wex-toggle-copy small{display:block;margin-top:3px;color:var(--muted);font-size:.75rem;line-height:1.5}
.service-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.service-list article{min-height:205px;padding:32px 28px;border-right:1px solid var(--line-strong)}.service-list article:first-child{padding-left:0}.service-list article:last-child{padding-right:0;border-right:0}.service-list span{color:var(--green);font-size:.65rem;font-weight:800}.service-list h2{margin:36px 0 10px;font-size:1.2rem;letter-spacing:-.035em}.service-list p{max-width:300px;margin:0;color:var(--muted);font-size:.75rem;line-height:1.6}
.page-view,.process-view{padding:70px 0 110px}.page-heading{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:60px;align-items:end;margin-bottom:42px}.page-heading .eyebrow{grid-column:1/-1;margin-bottom:-40px}.page-heading h1{font-size:clamp(2.8rem,5vw,4.7rem)}.page-heading>p:not(.eyebrow){margin:0 0 6px;color:var(--muted);line-height:1.65}.form-surface,.builder-form,.cv-preview,.quiz,.skills-result,.profile-summary,.profile-card,.process-surface,.progress-panel{border:1px solid var(--line);background:rgba(255,254,250,.88);box-shadow:var(--shadow-small)}.split-form{display:grid;grid-template-columns:.7fr 1.3fr;gap:68px;padding:38px;border-radius:18px}.form-intro>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:45px;border-radius:11px;color:white;background:var(--forest);font-size:.72rem;font-weight:800;box-shadow:0 8px 18px rgba(23,63,53,.2)}.form-intro h2{margin:0 0 10px;font-size:1.85rem;letter-spacing:-.04em}.form-intro p{max-width:280px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field>span{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.73rem;font-weight:800}.field>span small,.field>small{color:var(--muted);font-size:.6rem;font-weight:600}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px;outline:none;color:var(--text);background:#fbfaf5;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(57,167,123,.13)}.form-status{min-height:18px;margin:9px 0;color:var(--danger);font-size:.7rem}
.field-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.char-count{flex:0 0 auto;font-variant-numeric:tabular-nums}.char-count.is-near-limit{color:#b5892f;font-weight:700}.char-count.is-at-limit{color:var(--danger);font-weight:700}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.plan-grid article{display:flex;flex-direction:column;min-height:430px;padding:27px;border:1px solid var(--line);border-radius:17px;background:rgba(255,254,250,.8);box-shadow:var(--shadow-small)}.plan-grid article.plan-featured{border-color:var(--forest);background:var(--forest);color:white;box-shadow:0 22px 55px rgba(23,63,53,.2);transform:translateY(-8px)}.plan-grid article>div>span{color:var(--green);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.plan-featured>div>span{color:#8fdeb9}.plan-grid h2{margin:14px 0 8px;font-size:2.7rem;letter-spacing:-.06em}.plan-grid h2 small{font-size:.75rem;letter-spacing:0}.plan-grid p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}.plan-featured p{color:rgba(255,255,255,.7)}.plan-grid ul{display:grid;gap:13px;margin:30px 0;padding:0;list-style:none}.plan-grid li{position:relative;padding-left:21px;font-size:.73rem}.plan-grid li::before{content:"";position:absolute;left:0;top:.3em;width:12px;height:12px;background:var(--green);-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,') center/contain no-repeat}.plan-grid .button{margin-top:auto}.plan-featured .button-primary{border-color:var(--paper);color:var(--forest-deep);background:var(--paper)}.comparison{margin-top:28px;padding:30px;border:1px solid var(--line);border-radius:17px;background:rgba(255,254,250,.82);box-shadow:var(--shadow-small)}.comparison h2{margin:0 0 22px;font-size:1.5rem}.comparison-row{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:16px;padding:14px 8px;border-top:1px solid var(--line);font-size:.72rem}.comparison-row b:not(:first-child){text-align:center}.comparison-head{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
.builder-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:start}.builder-form{padding:28px;border-radius:17px}
@media(min-width:1051px){#cv-preview{position:sticky;top:94px;min-height:min(700px,calc(100vh - 110px));max-height:calc(100vh - 110px);overflow-y:auto}}
.site-update-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 48px 12px 18px;position:relative;color:#fff;background:var(--forest-deep);font-size:.8rem;text-align:center}.site-update-banner-copy{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 10px}.site-update-banner strong{font-weight:800}.site-update-banner p{margin:0;color:rgba(255,255,255,.85)}.site-update-banner-close{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.16);font-size:1.1rem;line-height:1;cursor:pointer}.site-update-banner-close:hover{background:rgba(255,255,255,.28)}.site-update-banner.is-warning{color:#3f2d0a;background:#f5d78e}.site-update-banner.is-warning p{color:#5c4413}.site-update-banner.is-warning .site-update-banner-close{color:#3f2d0a;background:rgba(63,45,10,.12)}.site-update-banner.is-warning .site-update-banner-close:hover{background:rgba(63,45,10,.2)}
.ai-cv-banner{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px 18px;border:1px solid #aacabb;border-radius:14px;background:linear-gradient(135deg,var(--mint),rgba(223,242,233,.55))}
.ai-cv-banner b{display:block;font-size:.82rem;color:var(--forest-deep)}
.ai-cv-banner p{margin:3px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}
.ai-cv-banner .button{flex:0 0 auto;white-space:nowrap}.cv-preview{min-height:700px;padding:55px 58px;border-radius:17px;background:var(--paper);box-shadow:var(--shadow)}.cv-preview header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:2px solid var(--forest)}.cv-preview-heading{min-width:0}.cv-preview h2{margin:0;font-size:2.3rem;letter-spacing:-.05em}.cv-preview header p{margin:6px 0 0;color:var(--green);font-weight:700}
.cv-preview-details{flex:0 0 auto;padding-top:8px;text-align:right}
.cv-preview-details p{margin:3px 0 0;color:var(--muted);font-weight:400;font-size:.8rem;white-space:nowrap}
.cv-preview-details p:first-child{margin-top:0}.cv-preview section{margin-top:30px}.cv-preview h3{margin:0 0 12px;color:var(--forest);font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}.cv-preview section p,.cv-preview li{color:var(--muted);font-size:.74rem;line-height:1.65}.cv-preview ul{display:grid;gap:8px;margin:0;padding-left:18px}.skill-tags{display:flex;flex-wrap:wrap;gap:7px}.skill-tags span{padding:7px 10px;border:1px solid #bad7c8;border-radius:999px;color:var(--forest);background:var(--mint);font-size:.65rem;font-weight:700}
/* CV skills read as a plain bulleted list rather than keyword-dump pills
(matches the plain "ยท"-joined line the PDF/Word export already uses) -
column-width lets the browser balance 1-3 columns on its own depending
on how many skills there are, rather than a hardcoded column count.
Scoped to .cv-preview so the unrelated Skills Review quiz result tags
(index.html #skills-result-tags), which share the base .skill-tags
class, keep their own pill look. */
.cv-preview .skill-tags{display:block;column-width:150px;column-gap:22px}
.cv-preview .skill-tags span{display:block;position:relative;padding:2px 0 2px 15px;margin:0 0 7px;border:0;border-radius:0;background:none;color:var(--text);font-size:.74rem;font-weight:600;line-height:1.4;break-inside:avoid}
.cv-preview .skill-tags span::before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--forest)}
.skill-entry{display:grid;grid-template-columns:1fr 42px;gap:7px}.skill-entry button{border:1px solid var(--forest);border-radius:8px;color:white;background:var(--forest);font-size:1.2rem;font-weight:700;cursor:pointer}.skill-editor{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}.skill-editor li{display:grid;grid-template-columns:24px 1fr 32px;align-items:center;gap:8px;padding:9px 8px;border:1px solid var(--line);border-radius:8px;background:#fbfaf5;cursor:grab}.skill-editor li:active{cursor:grabbing}.skill-editor .drag-handle{color:#8a948e;font-size:1rem}.skill-editor b{font-size:.7rem}.skill-editor button{width:28px;height:28px;border:0;border-radius:7px;color:var(--forest);background:var(--mint);font-size:1rem;cursor:pointer}.save-choice{display:flex;align-items:center;gap:9px;margin:8px 0 18px;color:var(--forest-deep);font-size:.72rem;font-weight:700;cursor:pointer}.save-choice input{width:17px;height:17px;accent-color:var(--forest)}
.quiz{padding:10px 30px 30px;border-radius:17px}.quiz fieldset{margin:0;padding:25px 0;border:0;border-bottom:1px solid var(--line)}.quiz legend{display:flex;align-items:center;gap:13px;width:100%;margin-bottom:15px;font-size:.84rem;font-weight:800}.quiz legend span{color:var(--green);font-size:.64rem}.quiz fieldset>label{display:flex;align-items:center;gap:10px;margin:8px 0;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#fbfaf5;cursor:pointer}.quiz fieldset>label:has(input:checked){border-color:var(--green);background:var(--mint)}.quiz input{accent-color:var(--forest)}.quiz label span{font-size:.72rem}.quiz>.button{margin-top:25px}.skills-result{margin-top:22px;padding:34px;border-radius:17px}.skills-result[hidden]{display:none}.skills-result h2{margin:0;font-size:2.1rem;letter-spacing:-.045em}.skills-result>p:not(.eyebrow){max-width:700px;color:var(--muted);line-height:1.65}.skills-result .skill-tags{margin:22px 0}
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.contact-layout aside{padding-top:15px}.contact-layout aside h2{font-size:1.6rem}.contact-layout aside p{max-width:300px;color:var(--muted);line-height:1.65}.contact-layout aside a{color:var(--forest);font-weight:800}.contact-layout .form-surface{padding:30px;border-radius:17px}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-summary{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:28px;border-radius:17px}.avatar{display:grid;place-items:center;width:66px;height:66px;border-radius:15px;color:white;background:var(--forest);font-size:1.15rem;font-weight:800;box-shadow:0 10px 22px rgba(23,63,53,.2)}.profile-summary small{color:var(--green);font-weight:800;letter-spacing:.11em}.profile-summary h2{margin:4px 0;font-size:1.5rem}.profile-summary p{margin:0;color:var(--muted);font-size:.72rem}.profile-card{padding:26px;border-radius:17px}.profile-card h2{margin:0 0 20px;font-size:1.25rem}.profile-card dl{margin:0 0 22px}.profile-card dl div{display:flex;justify-content:space-between;gap:22px;padding:13px 0;border-top:1px solid var(--line)}.profile-card dt{color:var(--muted);font-size:.7rem}.profile-card dd{margin:0;font-size:.72rem;font-weight:700;text-align:right}
.process-header{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:end;margin-bottom:28px}.process-header :is(h1,h2){font-size:clamp(2.6rem,4.5vw,4.2rem)}.role-context{display:flex;flex-direction:column;min-width:260px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,254,250,.76);box-shadow:var(--shadow-small)}.role-context span{color:var(--green);font-size:.55rem;font-weight:800;letter-spacing:.11em}.role-context b{margin:4px 0;font-size:.85rem}.role-context small{color:var(--muted);font-size:.63rem}.end-review{align-self:start;padding:9px 12px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(255,254,250,.65);font-size:.67rem;font-weight:800;cursor:pointer}.process-layout{display:grid;grid-template-columns:230px 1fr;gap:14px;align-items:start}.progress-panel{padding:10px;border-radius:15px}.progress-panel ol{display:grid;gap:3px;margin:0;padding:0;list-style:none}.progress-panel li{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid transparent;border-radius:9px;color:#7d8780;font-size:.72rem}.progress-panel li span{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;font-size:.6rem}.progress-panel li.is-active{border-color:#b8d8c7;color:var(--forest-deep);background:var(--mint)}.progress-panel li.is-active span{border-color:var(--green);color:white;background:var(--green)}.progress-panel li.is-complete{color:var(--forest)}.progress-panel li.is-complete span{border-color:var(--forest);color:white;background:var(--forest)}.process-surface{min-height:610px;padding:clamp(27px,4vw,48px);border-radius:17px;box-shadow:var(--shadow)}.process-step{display:none}.process-step.is-active{display:block;animation:reveal .4s ease both}.process-step h2{margin:0;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.03;letter-spacing:-.055em}.supporting-copy{max-width:700px;margin:15px 0 26px;color:var(--muted);line-height:1.65}.review-step{padding-top:45px;text-align:center}.review-step .supporting-copy{margin:15px auto 38px}.review-indicator{position:relative;display:grid;place-items:center;width:100px;height:100px;margin:0 auto 30px;border:1px solid #b5d7c5;border-radius:50%;background:var(--mint)}.review-indicator span{position:absolute;inset:-7px;border:3px solid transparent;border-top-color:var(--green);border-right-color:var(--green);border-radius:50%;animation:spin 1.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.review-indicator b{font-size:1.4rem}.review-bar{overflow:hidden;width:min(520px,100%);height:8px;margin:0 auto 10px;border-radius:999px;background:#e4e5dc}.review-bar span{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .1s linear}.review-step>small{color:var(--muted)}.score-summary{margin-bottom:26px;padding:22px 26px;border:1px solid #c8e3d3;border-radius:16px;background:linear-gradient(135deg,#f0f8f3,#f8f6ee)}.score-row{display:flex;align-items:center;gap:22px}.score-summary-text{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.fit-score{--fit-color:var(--green);display:grid;flex-shrink:0;place-items:center;width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--fit-color) var(--score-angle,0deg),#e4e5dc 0)}.fit-score::before{content:"";grid-area:1/1;width:106px;height:106px;border-radius:50%;background:var(--paper)}.fit-score>div{z-index:1;grid-area:1/1;text-align:center}.fit-score strong{font-size:2.5rem;line-height:1;letter-spacing:-.07em}.fit-score div>span{font-weight:800}.fit-score small{display:block;margin-top:3px;color:var(--muted);font-size:.49rem;font-weight:800;letter-spacing:.08em}.fit-score.is-bad{--fit-color:#d65b68}.fit-label{padding:8px 12px;border-radius:999px;color:#155f4d;background:#ccebdc;font-size:.67rem;font-weight:800}.fit-label.is-bad{color:#8e2839;background:#f6d0d5}.score-summary .score-caveat{margin:0;max-width:none}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.feedback-grid article{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fbfaf5;box-shadow:var(--shadow-small)}.feedback-helps{border-color:#c0dccd;background:#f0f8f3}.feedback-gaps{border-color:#e9ddc0;background:#fbf6ea}.feedback-grid h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:.8rem}.feedback-helps h3{color:var(--forest-deep)}.feedback-helps h3 svg{color:var(--green)}.feedback-gaps h3{color:#7a5414}.feedback-gaps h3 svg{color:#b8792e}.feedback-grid ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.feedback-grid li{padding-top:12px;border-top:1px solid var(--line)}.feedback-grid li:first-child{padding-top:0;border-top:0}.feedback-grid li b{display:block;font-size:.69rem}.feedback-grid li span{display:block;margin-top:4px;color:var(--muted);font-size:.62rem;line-height:1.55}.copy-inline{padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:var(--forest);background:var(--paper);font-size:.6rem;font-weight:800;cursor:pointer}.cv-save-row{display:flex;align-items:center;gap:10px;margin-top:10px}.cv-save-row .form-status{margin:0;font-size:.7rem;min-height:0}.answer-box{margin-top:20px;padding:19px;border-left:3px solid var(--green);background:#f0f8f3}.answer-box[hidden]{display:none}.answer-box>span{display:flex;align-items:center;justify-content:space-between;color:var(--green);font-size:.57rem;font-weight:800;letter-spacing:.1em}.answer-box b,.answer-box small{display:block;margin-top:10px;font-size:.72rem;line-height:1.6}.answer-box small{color:var(--muted)}
.answer-example{margin:0 0 14px;padding:11px 13px;border:1px solid #e6c98a;border-radius:9px;color:#7a5b12;background:#fdf3dd;font-size:.72rem;font-weight:600;line-height:1.5}
.answer-example[hidden]{display:none}
.score-caveat{max-width:520px;margin:0 0 18px;color:var(--muted);font-size:.72rem;line-height:1.55}
.score-breakdown{margin:0 0 25px;padding:0;border:1px solid var(--line-strong);border-radius:14px;background:var(--paper);overflow:hidden}
.score-breakdown summary{position:relative;display:flex;align-items:center;min-height:58px;padding:15px 50px 15px 20px;color:var(--forest-deep);font-size:.95rem;font-weight:800;cursor:pointer;list-style:none}
.score-breakdown summary::-webkit-details-marker{display:none}
.score-breakdown summary::after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-65%) rotate(45deg);transition:transform .2s ease}
.score-breakdown[open] summary::after{transform:translateY(-25%) rotate(225deg)}
.score-breakdown summary:hover{background:var(--mint)}
.score-breakdown summary:focus-visible{outline:3px solid var(--green);outline-offset:-4px}
#score-breakdown-lists{padding:0 20px 20px;border-top:1px solid var(--line)}
.score-breakdown-group{margin-top:20px}
.score-breakdown-group+.score-breakdown-group{padding-top:20px;border-top:1px solid var(--line)}
.score-breakdown-group h4{margin:0 0 9px;color:var(--forest);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.score-breakdown-group ul{margin:0;padding:0;list-style:none}
.score-breakdown-group li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.score-breakdown-group li:first-child{border-top:0}
.score-criterion-copy{min-width:0}
.score-criterion-copy b{display:block;color:var(--text);font-size:.84rem;line-height:1.45}
.score-criterion-evidence{display:block;margin-top:4px;color:#52655a;font-size:.76rem;line-height:1.55}
.score-breakdown-group .criteria-met{display:inline-flex;align-items:center;justify-content:center;min-height:27px;margin:0;padding:4px 10px;border-radius:999px;font-size:.65rem;font-weight:800;line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.score-breakdown-group .criteria-met[data-met="yes"]{color:#155f4d;background:#ccebdc}
.score-breakdown-group .criteria-met[data-met="partial"]{color:#6d510d;background:#f6e6be}
.score-breakdown-group .criteria-met[data-met="no"]{color:#8e2839;background:#f6d0d5}
@media(max-width:520px){.score-breakdown summary{padding-left:16px}#score-breakdown-lists{padding:0 16px 16px}.score-breakdown-group li{grid-template-columns:1fr;gap:7px}.score-breakdown-group .criteria-met{justify-self:start;grid-row:1}}.confirm-dialog{width:min(450px,calc(100% - 30px));padding:0;border:1px solid var(--line);border-radius:17px;color:var(--text);background:var(--paper);box-shadow:0 30px 90px rgba(23,63,53,.27)}.confirm-dialog::backdrop{background:rgba(20,45,37,.55)}.confirm-dialog form{padding:30px}.confirm-dialog h2{margin:0 0 10px;font-size:1.8rem;line-height:1.1;letter-spacing:-.04em}.confirm-dialog p:not(.eyebrow){color:var(--muted);line-height:1.6}.confirm-dialog form>div{display:flex;gap:9px;margin-top:22px}footer{display:flex;justify-content:space-between;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:25px 0 35px;border-top:1px solid var(--line);color:var(--muted);font-size:.65rem}
.method-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.method-tab{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--forest);background:transparent;font-size:.72rem;font-weight:700;cursor:pointer}.method-tab:hover{border-color:var(--line-strong)}.method-tab.active{border-color:var(--forest);color:white;background:var(--forest)}.method-view[hidden]{display:none}
.dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 16px;border:1.5px dashed var(--line-strong);border-radius:14px;color:var(--muted);background:#fbfaf5;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone.dragover{border-color:var(--green);background:var(--mint)}.dropzone svg{color:var(--forest)}.dropzone strong{color:var(--forest-deep);font-size:.9rem}.dropzone small{font-size:.68rem}
.file-chip{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.file-chip[hidden]{display:none}.file-chip__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;color:white;background:var(--forest);font-size:.6rem;font-weight:800}.file-chip__meta{flex:1;min-width:0}.file-chip__meta strong{display:block;overflow:hidden;font-size:.83rem;text-overflow:ellipsis;white-space:nowrap}.file-chip__meta span{color:var(--muted);font-size:.7rem}.file-chip__remove{padding:6px 10px;border:0;border-radius:8px;color:var(--forest);background:var(--mint);font-size:.7rem;font-weight:700;cursor:pointer}
@media(max-width:1050px){.nav-shell{width:calc(100% - 28px)}.nav-toggle{display:grid;gap:4px;place-content:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.nav-toggle span{width:15px;height:2px;background:var(--forest-deep)}.nav-links{position:absolute;top:70px;right:14px;display:none;flex-direction:column;align-items:stretch;width:230px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:var(--shadow)}.nav-links.is-open{display:flex}.nav-link{text-align:left}.nav-profile{margin-left:0}.landing-copy{grid-template-columns:1fr;gap:25px}.job-entry{grid-template-columns:1fr;gap:28px}.page-heading{grid-template-columns:1fr}.page-heading .eyebrow{grid-column:auto;margin-bottom:-45px}.plan-grid{grid-template-columns:1fr}.plan-grid article.plan-featured{transform:none}.builder-layout,.contact-layout{grid-template-columns:1fr}.process-layout{grid-template-columns:1fr}.progress-panel ol{grid-template-columns:repeat(4,1fr)}.progress-panel li{justify-content:center}.progress-panel li b{display:none}}
@media(max-width:680px){.nav-shell{height:68px}.brand-mark{width:34px;height:34px}.brand>span{font-size:.96rem}.nav-links{top:63px}.view{width:calc(100% - 28px)}.landing-view.is-active,.page-view,.process-view{padding:48px 0 75px}.landing-copy{margin-bottom:30px;padding-bottom:30px}.landing-copy h1,.page-heading h1,.process-header :is(h1,h2){font-size:clamp(2.55rem,12vw,3.65rem)}.service-list{grid-template-columns:1fr}.service-list article,.service-list article:first-child,.service-list article:last-child{min-height:0;padding:23px 0;border-right:0;border-bottom:1px solid var(--line-strong)}.service-list article:last-child{border-bottom:0}.service-list h2{margin:10px 0 7px}.job-entry{padding:25px 21px}.job-entry-fields{grid-template-columns:1fr}.job-entry-fields .field,.job-entry-fields .button{grid-column:1}.page-heading{gap:35px}.page-heading .eyebrow{margin-bottom:-27px}.split-form{grid-template-columns:1fr;gap:30px;padding:24px}.form-intro>span{margin-bottom:20px}.plan-grid article,.comparison,.builder-form,.quiz,.skills-result,.contact-layout .form-surface,.profile-card{padding:22px}.comparison{overflow-x:auto}.comparison-row{min-width:580px}.cv-preview{min-height:0;padding:35px 25px}.cv-preview header{flex-wrap:wrap}.cv-preview-details{text-align:left;padding-top:0}.profile-layout{grid-template-columns:1fr}.profile-summary{grid-column:auto}.process-header{grid-template-columns:1fr}.role-context{width:100%}.end-review{justify-self:start}.progress-panel{overflow-x:auto}.progress-panel ol{min-width:350px}.process-surface{min-height:0;padding:27px 20px}.feedback-grid{grid-template-columns:1fr}.score-row{align-items:flex-start}.confirm-dialog form>div{flex-direction:column}footer{flex-direction:column;gap:8px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.landing-copy{grid-template-columns:minmax(0,1fr) 440px;gap:60px;align-items:center;padding-bottom:42px}.landing-copy h1{display:flex;align-items:center;min-height:2.05em}.cycling-heading #cycling-heading{transition:opacity .55s ease,transform .55s ease}.cycling-heading #cycling-heading.is-changing{opacity:0;transform:translateY(8px)}.hero-word{display:inline-block;will-change:opacity}.landing-copy>div>p{margin:0 0 14px;color:#56655d;font-size:.92rem;line-height:1.66}.landing-copy .button{margin-top:9px}.service-list{grid-template-columns:repeat(2,1fr);gap:14px;border:0}.service-list article,.service-list article:first-child,.service-list article:last-child{min-height:170px;padding:28px;border:1px solid var(--line);border-radius:16px;background:rgba(255,254,250,.78);box-shadow:var(--shadow-small)}.service-list h2{margin:0 0 12px}.service-list p{max-width:430px}.page-heading-simple{display:block;max-width:850px}.page-heading-simple h2{margin:0;font-size:clamp(2.8rem,5vw,4.7rem);line-height:1;letter-spacing:-.06em}.page-heading-simple h3{max-width:680px;margin:20px 0 0;color:var(--muted);font-size:1rem;font-weight:500;line-height:1.65}.skill-editor{gap:10px;margin-top:12px}.skill-editor li{position:relative;padding:10px 8px;transition:opacity .16s ease,transform .16s ease,border-color .16s ease}.skill-editor li.is-dragging{opacity:.42}.skill-editor li.drop-before::before,.skill-editor li.drop-after::after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:99px;background:var(--green);box-shadow:0 0 0 3px rgba(57,167,123,.13)}.skill-editor li.drop-before::before{top:-7px}.skill-editor li.drop-after::after{bottom:-7px}.skill-editor .drag-handle{color:var(--forest)}.auth-heading{max-width:690px;margin:0 auto 34px;text-align:center}.auth-heading h1,.auth-heading h2{margin:0;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1;letter-spacing:-.06em}.auth-heading p{color:var(--muted);line-height:1.65}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(850px,100%);margin:0 auto}.auth-card{padding:32px;border:1px solid var(--line);border-radius:18px;background:rgba(255,254,250,.9);box-shadow:var(--shadow-small)}.auth-card h2{margin:0 0 26px;font-size:1.6rem}.auth-card-secondary{background:rgba(223,242,233,.72)}.text-button{display:block;margin:18px auto 0;border:0;color:var(--forest);background:none;font-size:.7rem;font-weight:700;cursor:pointer}.download-dialog{width:min(500px,calc(100% - 30px));padding:0;border:1px solid var(--line);border-radius:18px;color:var(--text);background:var(--paper);box-shadow:0 30px 90px rgba(23,63,53,.27)}.download-dialog::backdrop{background:rgba(20,45,37,.55)}.download-dialog form{padding:30px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-heading h2{margin:0;font-size:2rem;letter-spacing:-.045em}.dialog-close{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:1.2rem;cursor:pointer}.download-dialog form>p:not(.eyebrow){margin:12px 0 24px;color:var(--muted);line-height:1.6}.file-name-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fbfaf5}.file-name-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(57,167,123,.13)}.file-name-field input{border:0;box-shadow:none!important}.file-name-field b{padding-right:14px;color:var(--muted);font-size:.75rem}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
.letter-editor{margin:22px 0 28px;border:1px solid var(--line);border-radius:17px;background:rgba(255,254,250,.85);box-shadow:var(--shadow-small);overflow:hidden}.letter-editor-head{display:flex;flex-direction:column;gap:18px;padding:22px 24px}.letter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}.letter-fields .field{margin-bottom:0}.letter-colors{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--line)}.letter-colors>span{flex-shrink:0;color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.color-swatches{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:6px}.color-swatch{position:relative;width:26px;height:26px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.08) inset;transition:transform .15s ease}.color-swatch:hover{transform:translateY(-1px)}.color-swatch[data-color="white"]{background:#fff;border-color:var(--line-strong)}.color-swatch.is-selected{border-color:var(--forest-deep)}.color-swatch.is-selected:after{content:"";position:absolute;inset:-5px;border:1.5px solid var(--forest-deep);border-radius:50%}.color-swatch small{position:absolute;top:100%;left:50%;margin-top:5px;transform:translateX(-50%);color:var(--muted);font-size:.54rem;font-weight:700;white-space:nowrap}
.letter-split{display:grid;grid-template-columns:1.4fr 1fr;border-top:1px solid var(--line)}.letter-preview-pane{padding:30px;background:#f4f2ea;border-right:1px solid var(--line)}.letter-preview{overflow:hidden;border-radius:11px;background:#fff;box-shadow:var(--shadow-small)}.letter-band{height:18px}.letter-body-page{padding:34px 38px 46px}.letter-sender{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-bottom:26px;color:var(--text);font-size:.76rem;line-height:1.55}.letter-recipient{display:flex;flex-direction:column;gap:2px;color:var(--text);font-size:.76rem;line-height:1.55}.letter-date{margin:16px 0 20px;color:var(--muted);font-size:.76rem}.letter-text{margin:0;color:var(--text);font-family:inherit;font-size:.8rem;line-height:1.75;text-align:left;white-space:pre-wrap;word-wrap:break-word}
.letter-edit-pane{display:flex;flex-direction:column;padding:24px}.letter-edit-pane .field{flex:1;margin-bottom:12px}.letter-edit-pane textarea{height:100%;min-height:320px}.letter-actions{display:flex;align-items:center;gap:10px}.letter-actions .form-status{flex:1;margin:0}
.format-choice{display:flex;gap:12px;margin:4px 0 18px}.format-choice label{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:.72rem;font-weight:700;color:var(--forest-deep)}.format-choice input{accent-color:var(--forest)}.format-choice small{color:var(--muted);font-weight:600}
@media(max-width:900px){.letter-split{grid-template-columns:1fr}.letter-preview-pane{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:1050px){.landing-copy{grid-template-columns:1fr}.landing-copy h1{min-height:2.05em}}
@media(max-width:680px){.landing-copy h1{min-height:2.35em}.service-list{grid-template-columns:1fr}.service-list article,.service-list article:first-child,.service-list article:last-child{min-height:0;padding:23px;border:1px solid var(--line)}.auth-layout{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}
.landing-view.is-active{padding-top:0}.landing-copy{display:flex;flex-direction:column;align-items:center;gap:0;min-height:calc(100svh - 78px);margin:0;padding:110px 0 100px;border:0;text-align:center}.landing-copy h1{justify-content:center;width:100%;max-width:980px;min-height:1.18em;font-size:clamp(3.5rem,7.4vw,6.8rem)}.landing-copy>p{max-width:720px;margin:28px auto 0;color:var(--muted);font-size:1.08rem;line-height:1.7}.landing-actions{display:flex;justify-content:center;gap:10px;margin-top:30px}.landing-story{display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;align-items:start;padding:110px 0;border-top:1px solid var(--line-strong)}.story-heading>span,.landing-reason article>span,.services-section header>span{display:block;margin-bottom:22px;color:var(--green);font-size:.65rem;font-weight:800;letter-spacing:.14em}.story-heading h2,.landing-reason h2,.services-section header h2{margin:0;font-size:clamp(2.5rem,4.5vw,4.3rem);line-height:1.04;letter-spacing:-.055em}.story-copy{padding-top:38px}.story-copy p{margin:0 0 24px;color:var(--muted);font-size:1.02rem;line-height:1.82}.landing-reason{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;padding:105px 70px;border:1px solid var(--line);border-radius:24px;background:var(--forest);color:white;box-shadow:0 28px 70px rgba(23,63,53,.18)}.landing-reason article>span{color:#8fdeb9}.landing-reason>div{display:grid;gap:0;padding-top:16px}.landing-reason h3{margin:0;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);font-size:1.1rem}.landing-reason>div p{margin:8px 0 24px;color:rgba(255,255,255,.7);font-size:.82rem;line-height:1.65}.services-section{padding:120px 0 55px}.services-section>header{display:grid;grid-template-columns:1fr 410px;gap:70px;align-items:end;margin-bottom:46px}.services-section header>span{grid-column:1/-1;margin-bottom:-46px}.services-section header>p{margin:0;color:var(--muted);line-height:1.7}.service-list{grid-template-columns:repeat(2,1fr);gap:16px}.service-list article,.service-list article:first-child,.service-list article:last-child{display:grid;grid-template-columns:54px 1fr;gap:0 18px;min-height:245px;padding:31px;border:1px solid var(--line);border-radius:18px;background:rgba(255,254,250,.88);box-shadow:var(--shadow-small)}.service-icon{grid-row:1/4;display:grid;place-items:center;width:54px;height:54px;border:1px solid #bad7c8;border-radius:15px;color:var(--forest);background:var(--mint);font-size:.7rem;font-weight:800;letter-spacing:.04em}.service-list h3{align-self:center;margin:0;font-size:1.35rem;letter-spacing:-.04em}.service-list p{grid-column:2;margin:20px 0;color:var(--muted);font-size:.78rem;line-height:1.68}.service-list button{grid-column:2;justify-self:start;align-self:end;padding:0;border:0;color:var(--forest);background:none;font-size:.72rem;font-weight:800;cursor:pointer}.service-list button span{margin-left:8px}.page-heading-simple{max-width:900px;margin-bottom:50px}.page-heading-simple h2{font-size:clamp(2.8rem,5vw,4.7rem)}
@media(max-width:900px){.landing-copy{padding:85px 0}.landing-story,.landing-reason{grid-template-columns:1fr;gap:45px}.landing-story{padding:85px 0}.story-copy{padding-top:0}.landing-reason{padding:65px 45px}.services-section>header{grid-template-columns:1fr;gap:22px}.services-section header>span{grid-column:auto;margin-bottom:0}}
@media(max-width:680px){.landing-copy{min-height:calc(100svh - 68px);padding:70px 0}.landing-copy h1{min-height:2.12em;font-size:clamp(3rem,15vw,4.5rem)}.landing-copy>p{font-size:.92rem}.landing-actions{flex-direction:column;width:100%}.landing-actions .button{width:100%}.landing-story{padding:70px 0}.story-heading h2,.landing-reason h2,.services-section header h2{font-size:2.55rem}.landing-reason{padding:45px 25px;border-radius:18px}.services-section{padding-top:80px}.service-list{grid-template-columns:1fr}.service-list article,.service-list article:first-child,.service-list article:last-child{min-height:230px;padding:24px}.page-heading-simple h2{font-size:clamp(2.55rem,12vw,3.65rem)}}
.landing-copy h1{height:2.05em;min-height:0}.process-header h2{margin:0;font-size:clamp(2.6rem,4.5vw,4.2rem);line-height:.99;letter-spacing:-.06em}@media(max-width:680px){.landing-copy h1{height:2.35em;min-height:0}.process-header h2{font-size:clamp(2.55rem,12vw,3.65rem)}}
.site-header{border-bottom:0;background:rgba(23,63,53,.96);box-shadow:0 12px 34px rgba(23,63,53,.2)}.site-header .brand-mark{filter:drop-shadow(0 6px 10px rgba(0,0,0,.22))}.site-header .brand-mark rect{fill:var(--paper)}.site-header .mark-left{stroke:#55bd92}.site-header .mark-right{stroke:var(--green)}.site-header .mark-middle{stroke:var(--forest-deep)}.site-header .brand b{color:white}.site-header .brand b:last-child{color:#8fdeb9}.site-header .nav-link{color:rgba(255,255,255,.74)}.site-header .nav-link:hover{border-color:rgba(255,255,255,.24);color:white;background:rgba(255,255,255,.1)}.site-header .nav-link.is-active{border-color:rgba(255,255,255,.55);color:var(--forest-deep);background:var(--paper);box-shadow:0 5px 15px rgba(0,0,0,.16)}.site-header .nav-profile{border-color:rgba(255,255,255,.36);color:white;background:transparent}.site-header .nav-toggle{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}.site-header .nav-toggle span{background:white}.landing-story{border-top:0}.landing-reason h3{position:relative;padding:18px 0 0 22px;border-top:0}.landing-reason h3::before{content:"";position:absolute;top:24px;left:0;width:7px;height:7px;border-radius:50%;background:#8fdeb9}.services-section{margin:120px calc(50% - 50vw) 30px;padding:105px max(20px,calc((100vw - 1160px)/2)) 100px;background:linear-gradient(145deg,#e1f2e9 0%,rgba(255,254,250,.92) 52%,#ecdfcb 100%);box-shadow:inset 0 20px 60px rgba(23,63,53,.04),0 -20px 55px rgba(23,63,53,.06)}.services-section>header{position:relative;margin-bottom:55px;padding:0 0 0 34px}.services-section>header::before{content:"";position:absolute;top:3px;bottom:3px;left:0;width:6px;border-radius:99px;background:linear-gradient(var(--green),var(--forest))}.services-section header>span{color:var(--forest)}.service-list{gap:20px}.service-list article,.service-list article:first-child,.service-list article:last-child{position:relative;grid-template-columns:62px 1fr;min-height:295px;padding:34px;overflow:hidden;border:0;border-radius:22px;background:rgba(255,254,250,.94);box-shadow:0 22px 55px rgba(23,63,53,.11),0 2px 8px rgba(23,63,53,.06);transition:transform .22s ease,box-shadow .22s ease}.service-list article::after{content:"";position:absolute;right:-55px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:rgba(57,167,123,.08)}.service-list article:nth-child(2){background:#f8f3e9}.service-list article:nth-child(3){background:#f0f7f2}.service-list article:nth-child(4){background:#fffdf7}.service-list article:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(23,63,53,.16),0 3px 10px rgba(23,63,53,.07)}.service-icon{position:relative;z-index:1;width:62px;height:62px;border:0;border-radius:18px;color:white;background:var(--forest);box-shadow:0 10px 24px rgba(23,63,53,.22)}.service-list article:nth-child(2) .service-icon{color:var(--forest);background:#cfe8da}.service-list article:nth-child(3) .service-icon{color:var(--forest);background:#a9ddc6}.service-list article:nth-child(4) .service-icon{color:var(--forest);background:#e5d9bd}.service-list h3{font-size:1.55rem}.service-list p{position:relative;z-index:1;margin:24px 0 16px;font-size:.82rem}.service-list small{position:relative;z-index:1;grid-column:2;color:var(--green);font-size:.63rem;font-weight:800;line-height:1.5}.service-list button{position:relative;z-index:1;margin-top:24px;padding:9px 13px;border-radius:999px;color:white;background:var(--forest);box-shadow:0 7px 16px rgba(23,63,53,.16)}
@media(max-width:1050px){.nav-links{border-color:rgba(255,255,255,.18);background:var(--forest-deep)}.nav-profile{color:white}.services-section{padding-right:28px;padding-left:28px}}
@media(max-width:680px){.services-section{margin-top:80px;padding:75px 20px 70px}.services-section>header{padding-left:22px}.service-list article,.service-list article:first-child,.service-list article:last-child{grid-template-columns:54px 1fr;min-height:285px;padding:25px}.service-icon{width:54px;height:54px}.service-list small,.service-list p,.service-list button{grid-column:1/-1}.service-list button{justify-self:start}}
.site-header{background:rgba(43,105,86,.88);backdrop-filter:blur(20px) saturate(125%)}.story-heading>span,.landing-reason article>span,.services-section header>span{font-size:.78rem;letter-spacing:.15em}.services-section>header::before{top:52px;bottom:auto;height:96px}.service-list{align-items:stretch}.service-list article,.service-list article:first-child,.service-list article:last-child{display:flex;flex-direction:column;min-height:250px;padding:32px 34px}.service-list h3{margin:0;font-size:1.55rem}.service-list p{margin:18px 0 14px}.service-list small{margin-bottom:24px}.service-list button{margin-top:auto}.service-icon{display:none}
@media(max-width:680px){.story-heading>span,.landing-reason article>span,.services-section header>span{font-size:.72rem}.services-section>header::before{top:49px;height:78px}.service-list article,.service-list article:first-child,.service-list article:last-child{display:flex;min-height:235px;padding:25px}.service-list small,.service-list p,.service-list button{grid-column:auto}}
.landing-reason{grid-template-columns:1fr 1fr;gap:72px;padding:76px 68px;align-items:center}.landing-reason h2{max-width:560px;font-size:clamp(2.15rem,3.4vw,3.3rem);line-height:1.08}.landing-reason>div{gap:0;padding-top:0}.landing-reason h3{padding:14px 0 0 22px;font-size:1.25rem;line-height:1.3}.landing-reason h3::before{top:20px;width:8px;height:8px}.landing-reason>div p{max-width:500px;margin:9px 0 22px;font-size:.94rem;line-height:1.65}.landing-reason>div p:last-child{margin-bottom:0}
@media(max-width:900px){.landing-reason{grid-template-columns:1fr;gap:42px;padding:58px 45px}.landing-reason h2{max-width:720px}}
@media(max-width:680px){.landing-reason{gap:34px;padding:42px 25px}.landing-reason h2{font-size:2.25rem}.landing-reason h3{font-size:1.12rem}.landing-reason>div p{font-size:.86rem}}
.service-list article,.service-list article:first-child,.service-list article:last-child{display:grid;grid-template-columns:66px 1fr;grid-template-rows:auto auto auto 1fr;gap:0 22px;min-height:278px;text-align:left}.service-list article::after{display:none}.service-symbol{grid-row:1/5;display:grid;place-items:center;width:66px;height:66px;border-radius:19px;color:var(--forest);background:linear-gradient(145deg,#d5eee2,#b9dfcd);box-shadow:inset 0 0 0 1px rgba(36,90,74,.1),0 10px 25px rgba(23,63,53,.12)}.service-symbol svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-list article:nth-child(2),.service-list article:nth-child(3),.service-list article:nth-child(4){background:rgba(255,254,250,.94)}.service-list article:nth-child(2) .service-symbol{background:linear-gradient(145deg,#e2f3ea,#c8e6d7)}.service-list article:nth-child(3) .service-symbol{background:linear-gradient(145deg,#d0ecdf,#a8d8c2)}.service-list article:nth-child(4) .service-symbol{background:linear-gradient(145deg,#e8f5ee,#cce8da)}.service-list h3{align-self:start;margin:3px 0 0;font-size:1.45rem}.service-list p{grid-column:2;margin:17px 0 13px}.service-list small{grid-column:2;margin:0;color:var(--forest)}.service-list button{grid-column:2;justify-self:start;align-self:end;margin-top:24px}
@media(max-width:680px){.service-list article,.service-list article:first-child,.service-list article:last-child{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto auto 1fr;gap:0 17px;min-height:280px}.service-symbol{grid-row:1/2;width:56px;height:56px;border-radius:16px}.service-symbol svg{width:30px;height:30px}.service-list h3{align-self:center}.service-list p,.service-list small,.service-list button{grid-column:1/-1}}
.site-header{background:#34745f;backdrop-filter:none}
.services-section{background:#eef4ed}
.services-section{width:100%;margin:100px 0 30px;padding:80px 0 65px;background:transparent;box-shadow:none}.services-section>header{padding-left:30px}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-primary{grid-column:1/-1}.service-list article,.service-list article:first-child,.service-list article:last-child{min-height:270px}.service-primary.service-primary{grid-template-columns:78px minmax(0,1fr);min-height:255px;padding:42px 44px;background:linear-gradient(125deg,rgba(255,254,250,.97),rgba(223,242,233,.82))}.service-primary .service-symbol{width:78px;height:78px}.service-primary .service-symbol svg{width:44px;height:44px}.service-primary h3{font-size:1.7rem}.service-primary p{max-width:760px;font-size:.88rem}.service-symbol svg{width:39px;height:39px;stroke-width:1.55}html,body{max-width:100%;overflow-x:clip}
@media(max-width:680px){.services-section{margin-top:70px;padding:60px 0}.services-section>header{padding-left:22px}.service-list{grid-template-columns:1fr}.service-primary{grid-column:auto}.service-primary.service-primary{grid-template-columns:56px 1fr;min-height:300px;padding:25px}.service-primary .service-symbol{width:56px;height:56px}.service-primary .service-symbol svg{width:32px;height:32px}.service-primary h3{font-size:1.35rem}}
.service-symbol{border-radius:20px;color:#14935f;background:linear-gradient(145deg,#ecfff5,#c9f3dd);box-shadow:inset 0 0 0 1px rgba(20,147,95,.2),0 12px 28px rgba(20,147,95,.13)}.service-symbol svg{stroke-width:2.7}.service-list article:nth-child(2) .service-symbol,.service-list article:nth-child(3) .service-symbol{background:linear-gradient(145deg,#effff7,#c7f0da)}
.landing-copy{position:relative;justify-content:center;min-height:calc(100svh - 78px);padding:clamp(48px,9vh,100px) 0}.landing-copy>p,.landing-actions{will-change:opacity}.scroll-cue{position:absolute;bottom:28px;left:50%;display:inline-flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid rgba(23,63,53,.2);border-radius:999px;color:var(--forest);background:rgba(255,254,250,.42);font:inherit;font-size:.68rem;font-weight:700;cursor:pointer;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(8px);transition:border-color .18s ease,background .18s ease,opacity .24s ease}.scroll-cue.is-visible{opacity:1;pointer-events:auto;animation:scroll-cue-bounce 1.7s ease-in-out infinite}.scroll-cue span{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}.scroll-cue:hover{border-color:rgba(23,63,53,.48);background:rgba(255,254,250,.82)}.scroll-cue:focus-visible{outline:3px solid rgba(57,167,123,.3);outline-offset:3px}@keyframes scroll-cue-bounce{0%,48%,100%{transform:translateX(-50%) translateY(0)}16%{transform:translateX(-50%) translateY(-7px)}30%{transform:translateX(-50%) translateY(3px)}}.landing-story{padding:100px 0;scroll-margin-top:98px}.services-section{margin-top:100px}.service-primary.service-primary{grid-template-columns:66px minmax(0,1fr);min-height:270px;padding:34px}.service-primary .service-symbol{width:66px;height:66px}.service-primary .service-symbol svg{width:39px;height:39px}.service-primary h3{font-size:1.45rem}.service-primary p{max-width:760px;font-size:.82rem}.service-primary button{padding:9px 13px}
@media(max-width:680px){.landing-copy{min-height:calc(100svh - 68px);padding:48px 0 96px}.scroll-cue{bottom:24px;white-space:nowrap}.landing-story{padding:70px 0;scroll-margin-top:82px}.services-section{margin-top:70px}.service-primary.service-primary{grid-template-columns:56px 1fr;min-height:280px;padding:25px}.service-primary .service-symbol{width:56px;height:56px}.service-primary .service-symbol svg{width:30px;height:30px}.service-primary h3{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.scroll-cue{transition:none}.scroll-cue.is-visible{animation:none;transform:translateX(-50%)}}
h1:not(.cycling-heading),h2,.hero-word{color:var(--forest-deep);background:linear-gradient(180deg,#34745f 0%,#173f35 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-reason h2{background:linear-gradient(180deg,#fff 0%,#b7dfcb 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.motion-ready .scroll-stage{animation:none;opacity:0;transform:translateY(54px) scale(.985);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1)}.motion-ready .scroll-stage.is-in-view{opacity:1;transform:none}.motion-ready .landing-story.scroll-stage .story-copy{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.22,1,.36,1) .16s,transform .9s cubic-bezier(.22,1,.36,1) .16s}.motion-ready .landing-story.scroll-stage.is-in-view .story-copy{opacity:1;transform:none}.motion-ready .landing-reason.scroll-stage>div{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.22,1,.36,1) .18s,transform .9s cubic-bezier(.22,1,.36,1) .18s}.motion-ready .landing-reason.scroll-stage.is-in-view>div{opacity:1;transform:none}.motion-ready .services-section.scroll-stage>header{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1) .08s,transform .85s cubic-bezier(.22,1,.36,1) .08s}.motion-ready .services-section.scroll-stage.is-in-view>header{opacity:1;transform:none}.motion-ready .services-section.scroll-stage .service-list article{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease}.motion-ready .services-section.scroll-stage.is-in-view .service-list article{opacity:1;transform:none}.motion-ready .services-section.scroll-stage.is-in-view .service-list article:nth-child(1){transition-delay:.16s}.motion-ready .services-section.scroll-stage.is-in-view .service-list article:nth-child(2){transition-delay:.25s}.motion-ready .services-section.scroll-stage.is-in-view .service-list article:nth-child(3){transition-delay:.34s}.services-section>header{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:72px;margin-bottom:48px;padding:24px 0 0;border-top:1px solid rgba(23,63,53,.22)}.services-section>header::before{display:none}.services-section header>span{grid-column:1/-1;margin:0 0 -36px;color:#34745f;font-size:.68rem}.services-section header h2{max-width:700px;font-size:clamp(2.6rem,4.2vw,4rem);line-height:1.08;letter-spacing:-.05em}.services-section header>p{max-width:360px;font-size:.9rem;line-height:1.75}.service-list{gap:14px}.service-list article,.service-list article:first-child,.service-list article:last-child,.service-primary.service-primary{border:1px solid rgba(23,63,53,.14);border-radius:14px;background:rgba(255,254,250,.72);box-shadow:0 8px 24px rgba(23,63,53,.055)}.service-list article:hover{border-color:rgba(23,63,53,.28);box-shadow:0 14px 34px rgba(23,63,53,.09);transform:translateY(-2px)}.service-primary.service-primary{background:rgba(255,254,250,.78)}.service-list .service-symbol,.service-list article:nth-child(2) .service-symbol,.service-list article:nth-child(3) .service-symbol{border-radius:14px;color:var(--forest);background:#e1eee7;box-shadow:inset 0 0 0 1px rgba(23,63,53,.1)}
@media(max-width:900px){.services-section>header{grid-template-columns:1fr;gap:20px}.services-section header>span{grid-column:auto;margin:0 0 4px}.services-section header>p{max-width:620px}}
@media(max-width:680px){.motion-ready .scroll-stage{transform:translateY(34px)}.services-section>header{padding-top:18px}.services-section header h2{font-size:2.45rem}.service-list article,.service-list article:first-child,.service-list article:last-child,.service-primary.service-primary{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.motion-ready .scroll-stage,.motion-ready .landing-story.scroll-stage .story-copy,.motion-ready .landing-reason.scroll-stage>div,.motion-ready .services-section.scroll-stage>header,.motion-ready .services-section.scroll-stage .service-list article{opacity:1;transform:none;transition:none}}
.skill-editor .drag-handle{touch-action:none;user-select:none;-webkit-user-select:none}
.landing-copy h1{height:auto;min-height:2.18em;overflow:visible;line-height:1.04}.cycling-heading #cycling-heading{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.2em;row-gap:0;width:100%;overflow:visible}.hero-word{padding:0 .16em .18em;margin-right:-.14em;margin-bottom:-.12em;margin-left:-.14em;overflow:visible}h2{padding-bottom:.16em;overflow:visible}
.site-header,.site-header .brand-mark rect,.site-header .brand-mark path,.site-header .brand b,.site-header .nav-link,.site-header .nav-toggle,.site-header .nav-toggle span{transition:background-color .5s cubic-bezier(.22,1,.36,1),border-color .5s cubic-bezier(.22,1,.36,1),color .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),fill .5s cubic-bezier(.22,1,.36,1),stroke .5s cubic-bezier(.22,1,.36,1)}.site-header.is-home{background:rgba(52,116,95,var(--topbar-progress));box-shadow:0 12px 34px rgba(23,63,53,calc(var(--topbar-progress) * .2))}.site-header.is-home-top .brand-mark{filter:none}.site-header.is-home-top .brand-mark rect{fill:var(--forest)}.site-header.is-home-top .mark-left{stroke:#78cda9}.site-header.is-home-top .mark-right{stroke:#3daa7f}.site-header.is-home-top .mark-middle{stroke:var(--paper)}.site-header.is-home-top .brand b{color:var(--forest-deep)}.site-header.is-home-top .brand b:last-child{color:#2f8065}.site-header.is-home-top .nav-link{color:#496158}.site-header.is-home-top .nav-link:hover{border-color:rgba(23,63,53,.16);color:var(--forest-deep);background:rgba(255,254,250,.55)}.site-header.is-home-top .nav-profile{border-color:rgba(23,63,53,.3);color:var(--forest-deep);background:rgba(255,254,250,.35)}.site-header.is-home-top .nav-toggle{border-color:rgba(23,63,53,.28);background:rgba(255,254,250,.28)}.site-header.is-home-top .nav-toggle span{background:var(--forest-deep)}
@media(max-width:1050px){.site-header.is-home-top .nav-links{border-color:rgba(23,63,53,.14);background:var(--paper);box-shadow:var(--shadow)}.site-header.is-home-top .nav-profile{color:var(--forest-deep)}}
:root{--success:#1d684d;--error:#a52c41;--status-info:#4b6158}
#app .form-status,.download-dialog .form-status{color:var(--status-info);font-size:.875rem;line-height:1.55;min-height:1.55em}
#app .form-status[data-state="success"]{color:var(--success)}
#app .form-status[data-state="error"],.download-dialog .form-status[data-state="error"]{color:var(--error)}
.field-help{color:var(--muted);font-size:.875rem;line-height:1.6}
.service-list p,.service-primary p,.job-entry-heading p{font-size:1rem;line-height:1.65}
.service-list small{font-size:.75rem}
.job-entry-fields,.builder-form,.process-surface{min-width:0}
.plan-featured h2{color:var(--paper);background:none;-webkit-text-fill-color:currentColor}
.field>label{font-size:.875rem;font-weight:800}
.page-heading-simple :is(h1,h2){margin:0;font-size:clamp(2.8rem,5vw,4.7rem);line-height:1.05;letter-spacing:-.06em}
.page-heading-simple>p{max-width:680px;margin:20px 0 0;font-size:1rem;font-weight:500;line-height:1.65}
#app .field>span,#app .field>label{font-size:.875rem}
#app .field>small,#app .field>span small{font-size:.75rem}
#app .role-context span,.answer-box>span{color:var(--forest);font-size:.75rem}
#app .role-context small,.fit-score small{font-size:.75rem}
.feedback-grid li b{font-size:.875rem;line-height:1.65;font-weight:600}
.feedback-grid h3{font-size:1rem}
.progress-panel li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 10px;color:#52635b;font-size:.875rem}
.progress-panel li>span{grid-row:1/3}
.progress-panel li.is-active>span{background:var(--forest);border-color:var(--forest)}
.progress-panel .step-state{grid-column:2;font-size:.75rem}
.progress-panel li.is-active .step-state{font-weight:800}
.copy-inline{min-height:32px;font-size:.75rem}
.skill-editor li{grid-template-columns:24px minmax(0,1fr) auto}
.skill-editor b{overflow-wrap:anywhere;font-size:.875rem}
.skill-actions{display:flex;gap:4px}
.skill-actions button{width:32px;height:32px}
.skill-actions button:disabled{opacity:.4;cursor:not-allowed}
.headline-toggle{margin-top:22px;min-height:36px;padding:7px 13px;border:1px solid var(--line-strong);border-radius:999px;color:var(--forest);background:rgba(255,254,250,.6);font:inherit;font-size:.75rem;cursor:pointer}
.headline-toggle[hidden]{display:none}
.review-bar .is-indeterminate{width:35%;animation:review-wait 1.8s ease-in-out infinite}
@keyframes review-wait{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
#review-percent{max-width:520px;margin:16px auto;color:var(--muted);font-size:1rem;line-height:1.65}
.comparison{overflow:visible}
.comparison-scroll{overflow-x:auto}
.comparison-table{width:100%;min-width:540px;border-collapse:collapse;font-size:.875rem}
.comparison-table th,.comparison-table td{padding:16px 12px;border-top:1px solid var(--line);text-align:center}
.comparison-table th:first-child{text-align:left}
.comparison-table thead{color:var(--forest)}
.comparison-table tbody th{font-weight:600}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 18px;border-radius:8px;color:white;background:var(--forest-deep);transform:translateY(-160%)}
.skip-link:focus{transform:none}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:3px solid var(--forest-deep);outline-offset:3px;box-shadow:0 0 0 6px var(--paper)!important}
.view :is(h1,h2)[data-navigation-focus]:focus{outline:none!important;box-shadow:none!important}
[aria-invalid="true"]{border-color:var(--error)!important}
#app .plan-grid article>div>span{color:var(--forest)}
#app .plan-grid .plan-featured>div>span{color:#b7dfcb}
@media(max-width:1050px){.progress-panel li{display:flex;flex-direction:column;gap:5px;padding:10px 4px;text-align:center}.progress-panel li b{display:block;font-size:.75rem}.progress-panel .step-state{font-size:.75rem}}
@media(max-width:680px){.page-heading-simple :is(h1,h2){font-size:clamp(2.55rem,12vw,3.65rem)}.progress-panel ol{min-width:0}.progress-panel{overflow:visible}.progress-panel ol{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-editor li{grid-template-columns:20px minmax(0,1fr)}.skill-actions{grid-column:2;justify-content:flex-end}.headline-toggle{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.review-bar .is-indeterminate{animation:none;width:100%;opacity:.55}.review-indicator span{animation:none}.scroll-cue.is-visible{animation:none}}
.page-view{padding-top:48px}
.page-heading.page-heading-simple{max-width:none;margin-bottom:32px;padding:0 0 26px;border-bottom:1px solid var(--line)}
.page-heading.page-heading-simple :is(h1,h2),.process-header :is(h1,h2){font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.16;letter-spacing:-.045em}
.page-heading.page-heading-simple>p{max-width:680px;margin:12px 0 0;font-size:1rem;line-height:1.65}
.process-header{padding-bottom:24px;border-bottom:1px solid var(--line)}
.process-step h2{font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.25}
.job-entry{grid-template-columns:minmax(0,1fr);gap:20px}
.job-entry-heading{padding:0}
.job-entry-heading p{max-width:none;margin:0;font-size:.875rem}
.skills-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}
.skills-overview{padding:18px 0}
.skills-overview h2{margin:0;font-size:1.3rem;line-height:1.4;letter-spacing:-.025em}
.skills-overview>p{margin:12px 0 28px;font-size:.9375rem;line-height:1.7;color:var(--muted)}
.skills-progress-heading{display:flex;justify-content:space-between;gap:12px;font-size:.8125rem;color:var(--forest)}
#skills-progress{display:block;width:100%;height:6px;margin:12px 0 24px;border:0;border-radius:99px;overflow:hidden;appearance:none;background:#d8e5de}
#skills-progress::-webkit-progress-bar{background:#d8e5de}
#skills-progress::-webkit-progress-value{background:var(--forest);border-radius:99px}
#skills-progress::-moz-progress-bar{background:var(--forest);border-radius:99px}
.skills-question-nav{display:grid;gap:6px;padding:0;margin:0;list-style:none}
/* :not(.skills-section-toggle) matters here, not just for clarity - this
selector (class+element) is MORE specific than .skills-section-toggle
(class only), so without the exclusion it silently won regardless of
source order and forced every section header into this rule's
question-number grid layout instead of its own (that's what was
squashing section titles down to a couple of characters). */
.skills-question-nav button:not(.skills-section-toggle){display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 10px;align-items:center;width:100%;padding:10px 12px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:.875rem;cursor:pointer}
.skills-question-nav button.is-current{border-color:#aacabb;background:var(--mint);color:var(--forest-deep)}
.skills-section+.skills-section{margin-top:6px}
.skills-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;border:1px solid transparent;border-left:3px solid transparent;border-radius:9px;background:transparent;color:var(--forest-deep);font:inherit;font-size:.8rem;font-weight:700;letter-spacing:-.01em;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.skills-section-toggle:hover{background:rgba(94,234,212,.1)}
/* Deliberately subtle: a left accent border + bolder text, not a full
coloured fill - filling the whole row made the currently-open section
(which is most of the time, since you work through it top to bottom)
look like a permanently "stuck" green block next to the also-green
current-question row directly beneath it. */
.skills-section-toggle[aria-expanded="true"]{border-left-color:var(--forest);background:rgba(94,234,212,.08)}
.skills-section-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skills-section-chevron{flex:0 0 auto;display:inline-block;color:var(--muted);font-size:1rem;transition:transform .18s ease}
.skills-section-toggle[aria-expanded="true"] .skills-section-chevron{transform:rotate(90deg);color:var(--forest)}
.skills-section-questions{display:grid;gap:4px;margin:4px 0 2px;padding:2px 0 2px 12px;border-left:1px solid var(--line);list-style:none}
.skills-section-questions[hidden]{display:none}
.question-number{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line-strong);border-radius:50%;font-size:.75rem}
.question-state{grid-column:2;margin-top:2px;font-size:.75rem}
.skills-overview .skills-disclaimer{margin:24px 0 0;font-size:.8125rem}
.skills-draft-status{margin:6px 0 0;font-size:.75rem;color:var(--muted);min-height:1em}
.skills-question-card{padding:38px 40px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 12px 36px rgba(23,63,53,.07)}
.skills-question-count{margin:0 0 22px;color:var(--forest);font-size:.875rem;font-weight:700}
#quiz-questions fieldset{min-width:0;padding:0;margin:0;border:0}
#quiz-questions legend{width:100%;margin-bottom:28px;font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.4;font-weight:700;letter-spacing:-.025em;color:var(--forest-deep)}
.skills-option{display:flex;align-items:center;gap:14px;min-height:72px;margin:12px 0;padding:18px 20px;border:1px solid #c1cfc6;border-radius:12px;background:#fcfcf8;font-size:1rem;line-height:1.55;cursor:pointer;transition:border-color .18s,background-color .18s}
.skills-option:hover{border-color:var(--forest)}
.skills-option:has(input:checked){border-color:var(--forest);background:#e5f1ea}
.skills-option input{flex:0 0 auto;width:19px;height:19px;margin:0;accent-color:var(--forest)}
.skills-question-actions{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.skills-question-actions .button{min-width:110px;border-radius:999px;font-size:.875rem}
.skills-question-actions .button:disabled{opacity:.4;cursor:not-allowed;transform:none}
.skills-result-redesign{display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0;overflow:hidden;border-radius:18px;background:var(--paper);box-shadow:0 12px 36px rgba(23,63,53,.07)}
.skills-result-summary,.skills-result-use{padding:40px}
.skills-transferable{grid-column:1/-1;padding:28px 40px 40px;border-top:1px solid var(--line)}
.skills-transferable h3{margin:0 0 6px;font-size:1.15rem}
.skills-transferable>p{margin:0 0 18px;color:var(--muted);font-size:.82rem;line-height:1.6}
.skills-transferable-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.skills-transferable-list li{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(223,242,233,.35)}
.skills-transferable-list b{display:block;margin-bottom:3px;font-size:.85rem;color:var(--forest-deep)}
.skills-transferable-list span{display:block;color:var(--muted);font-size:.76rem;line-height:1.55}
.skills-transferable-list li.is-loading{border-color:transparent;background:transparent;padding:6px 0}
.skills-shimmer-line{display:block;height:13px;margin:9px 0;border-radius:6px;background:linear-gradient(90deg,rgba(36,90,74,.09) 25%,rgba(36,90,74,.18) 37%,rgba(36,90,74,.09) 63%);background-size:400% 100%;animation:skills-shimmer 1.4s ease-in-out infinite}
.skills-shimmer-line.short{width:55%}
@keyframes skills-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
#skills-cv-wording.is-revealed,.skills-transferable-list.is-revealed{animation:skills-reveal .4s ease both}
@keyframes skills-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.skills-result-redesign,#quiz-questions legend{scroll-margin-top:110px}
.skills-result-summary{background:#e5f1ea}
.skills-result-summary h2{margin:0;font-size:2rem;line-height:1.2}
.skills-result-summary>p:not(.eyebrow),.skills-result-use>p{font-size:1rem;line-height:1.7;color:var(--muted)}
.skills-result-use h3{margin:0;font-size:1.3rem}
.skills-result-use blockquote{margin:26px 0;padding-left:20px;border-left:3px solid var(--forest);font-size:1.0625rem;line-height:1.75;color:var(--forest-deep)}
.skills-result-redesign .skill-tags span{font-size:.8125rem}
.skills-result-redesign .button{font-size:.875rem;border-radius:999px}
#skills-workspace[hidden],#skills-result[hidden],#quiz-questions fieldset[hidden]{display:none}
@media(max-width:900px){.skills-workspace{grid-template-columns:1fr;gap:24px}.skills-overview{padding:0}.skills-overview h2{display:none}.skills-overview>p:not(.skills-disclaimer){margin-top:0}.skills-overview .skills-disclaimer{margin-top:14px}.skills-result-redesign{grid-template-columns:1fr}}
.interview-job-list{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none}
.interview-job-list li{margin:0;padding:0}
.interview-job-card{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--paper);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
.interview-job-card:hover{border-color:var(--forest);background:var(--mint);transform:translateY(-1px)}
.interview-job-card b{display:block;font-size:.98rem;color:var(--forest-deep)}
.interview-job-card small{display:block;margin-top:3px;color:var(--muted);font-size:.76rem}
.interview-job-card span{flex:0 0 auto;color:var(--forest);font-size:.82rem;font-weight:700}
.interview-empty{margin:20px 0 0;padding:20px 22px;border:1px dashed var(--line-strong);border-radius:14px;color:var(--muted);font-size:.875rem}
.interview-quiz{animation:skills-reveal .3s ease both}
#interview-question-card h2{margin:0 0 20px;font-size:clamp(1.25rem,2.2vw,1.55rem);line-height:1.4;font-weight:700;letter-spacing:-.02em;color:var(--forest-deep)}
#interview-question-card textarea{width:100%;min-height:110px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:12px;background:#fcfcf8;font:inherit;font-size:.95rem;line-height:1.6;resize:vertical}
#interview-question-card textarea:focus-visible{outline:2px solid var(--forest);outline-offset:1px}
#interview-question-card small.interview-hint{display:block;margin-top:8px;color:var(--muted);font-size:.75rem}
.interview-feedback{padding:0;margin:0;overflow:hidden;border-radius:18px;background:var(--paper);box-shadow:0 12px 36px rgba(23,63,53,.07);animation:skills-reveal .35s ease both}
.interview-feedback-summary{padding:40px;background:#e5f1ea}
.interview-feedback-summary h2{margin:0;font-size:2rem;line-height:1.2}
.interview-feedback-summary>p:not(.eyebrow){margin:8px 0 0;font-size:1rem;line-height:1.7;color:var(--muted)}
.interview-feedback-list{display:grid;gap:14px;margin:0;padding:32px 40px 0;list-style:none}
.interview-feedback-list li{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:rgba(223,242,233,.35)}
.interview-feedback-list b{display:block;margin-bottom:6px;font-size:.9rem;color:var(--forest-deep)}
.interview-feedback-list p{margin:0;color:var(--text);font-size:.85rem;line-height:1.6}
.interview-feedback-list .interview-your-answer{margin:0 0 8px;color:var(--muted);font-style:italic}
.interview-feedback-list .interview-suggestion{margin-top:8px;color:var(--forest-deep)}
.interview-feedback>.button-row{padding:24px 40px 40px}
@media(max-width:680px){.iv-roles .interview-job-card{flex-direction:row;align-items:center;gap:12px}.interview-feedback-summary,.interview-feedback-list{padding:26px 22px}.interview-feedback>.button-row{padding:20px 22px 26px}}
@media(max-width:680px){.page-view{padding-top:32px}.page-heading.page-heading-simple{margin-bottom:24px;padding-bottom:22px}.page-heading.page-heading-simple :is(h1,h2),.process-header :is(h1,h2){font-size:2rem}.skills-question-card,.skills-result-summary,.skills-result-use,.skills-transferable{padding:26px 22px}.skills-option{padding:16px;min-height:76px}.skills-question-actions{gap:10px}.skills-result-use .button-row{flex-direction:column}.skills-question-nav button{min-height:44px}.ai-cv-banner{flex-direction:column;align-items:flex-start}.ai-cv-banner .button{width:100%}}
.site-header.is-home.is-home-top{background:transparent;box-shadow:none;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.headline-control{display:block;width:100%;padding:0;border:0;border-radius:12px;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;cursor:pointer}
.headline-control:disabled{cursor:default}
.landing-copy>.headline-status{min-height:1.6em;margin:8px 0 0;font-size:.8125rem;line-height:1.6;color:var(--forest)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* NOT `display:flex` here on its own - .help-panel and .process-step are
both single classes (equal specificity), and .help-panel is declared
later in this file, so it silently beat .process-step{display:none}
and .process-step.is-active{display:block} regardless of which step
was actually active. That made #flagged-panel ("This job listing
raised some concerns...") permanently visible on every job-check
screen from the moment the job form was submitted - never actually
triggered by a real safeguarding flag, just always-on dead markup
with its reasons list never populated (since renderFlagged() was
never called). Found 2026-09-06 chasing a "still getting flagged"
report that turned out to have nothing to do with the AI at all: the
person never even reached the CV step or sent a real request - tail
logs showed zero /api/application calls corresponding to their
reports. Three extra classes (.process-step.is-active.help-panel)
outrank both of those rules, so flex layout only applies when this
step is genuinely the active one. */
.process-step.is-active.help-panel{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:560px}
.help-panel .help-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--mint);color:var(--forest)}
.help-panel h2{margin:0;font-size:1.5rem;letter-spacing:-.03em}
.help-reasons{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none}
.help-reasons li{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--text);font-size:.92rem;line-height:1.5}
.help-guidance{margin:4px 0 6px;padding:16px 18px;border-radius:14px;background:var(--mint);color:var(--forest-deep);font-size:.92rem;line-height:1.6}
.flagged-dispute{width:100%;margin:2px 0 4px}
.flagged-dispute-form{margin-top:12px;padding:16px;border:1px dashed var(--line-strong);border-radius:14px;background:rgba(255,254,250,.6);text-align:left}
.flagged-dispute-form .field{margin-bottom:12px}
.flagged-dispute-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:.82rem;resize:vertical}
/* CV Builder: contact field row, structured experience/education editors,
font choice, and the matching bits of the live preview. */
.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;margin-bottom:18px;align-items:end}
.field-grid .field{margin-bottom:0}
@media(max-width:680px){.field-grid{grid-template-columns:1fr}}
.button-small{min-height:auto;padding:8px 14px;font-size:.7rem;border-radius:999px}
.entry-editor{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:14px}
.entry-editor li{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.entry-editor .entry-editor-grid{display:grid;grid-template-columns:1.4fr 1.4fr 1fr;gap:12px 14px;margin-bottom:12px}
.entry-editor .field{margin-bottom:12px}
.entry-editor li>.button-small{margin-top:2px}
@media(max-width:680px){.entry-editor .entry-editor-grid{grid-template-columns:1fr}}
.font-choice{display:flex;gap:9px;flex-wrap:wrap}
.font-choice-option{padding:9px 16px;border:1.5px solid var(--line-strong);border-radius:999px;background:rgba(255,254,250,.7);color:var(--forest-deep);font-size:.8rem;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.font-choice-option.is-selected{border-color:var(--forest-deep);background:var(--mint)}
.cv-preview-contact{margin:4px 0 0;font-size:.82rem;opacity:.85}
.cv-preview-empty{color:var(--muted);font-size:.85rem;margin:0}
.preview-entry{margin-bottom:14px}
.preview-entry:last-child{margin-bottom:0}
.preview-entry-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;margin-bottom:4px}
.preview-entry-head b{font-size:.92rem}
.preview-entry-head span{color:var(--muted);font-size:.78rem;white-space:nowrap}
.preview-entry ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px;font-size:.85rem;line-height:1.5}
/* Job check: "Use saved CV" method tab. */
.profile-cv-box{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.profile-cv-box p{margin:0}
.profile-cv-preview{margin-top:10px !important;color:var(--muted);font-size:.82rem;line-height:1.55;white-space:pre-line}
/* Structured CVs render via the same .cv-preview document look used in the
CV Builder (see updateCvPreview in app-base.js) so this stays a live
preview of the actual saved document, not a text dump - scaled down to
fit inside the job-check panel rather than a full page. */
.profile-cv-preview.cv-preview{min-height:0;padding:24px 26px;box-shadow:none;border:1px solid var(--line)}
.profile-cv-preview.cv-preview header{padding-bottom:16px}
.profile-cv-preview.cv-preview h2{font-size:1.5rem}
.profile-cv-preview.cv-preview section{margin-top:18px}
/* "Optimise an existing CV" dialog reuses the download-dialog frame. */
.download-dialog .dropzone{margin-bottom:0}
a.nav-link{text-decoration:none}
/* Keep the same viewport gradient on its own compositor layer. */
body.application-page{background:none;isolation:isolate}
body.application-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#dcefe4 0%,#eef4e8 30%,var(--cream) 61%,#eee2cf 100%);will-change:transform}
html.access-contrast body.application-page::before{display:none}
/* Guided application-answer refinement */
.application-help-fields{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px;align-items:start}.character-limit-field .limit-input{display:flex;align-items:stretch}.character-limit-field input{min-width:0;border-radius:9px 0 0 9px}.limit-input>span{display:flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-left:0;border-radius:0 9px 9px 0;color:var(--muted);background:#f1f2eb;font-size:.65rem;font-weight:700}.answer-tools{display:flex;align-items:center;gap:11px}.answer-length{color:var(--muted);font-size:.6rem;font-weight:700;text-transform:none;letter-spacing:0}.example-coach{margin:0 0 18px;padding:18px;border:1px solid #b8d8c7;border-radius:13px;background:linear-gradient(145deg,#edf8f2,#f8f5ec)}.example-coach-label{color:var(--green);font-size:.57rem;font-weight:800;letter-spacing:.12em}.example-coach>p{margin:7px 0 15px;color:var(--forest-deep);font-size:.76rem;font-weight:700;line-height:1.55}.example-coach .field{margin-bottom:7px}.example-coach textarea{background:rgba(255,254,250,.88)}.example-coach-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.example-coach-actions .form-status{flex:1;margin:0}.example-coach-actions .button{flex:0 0 auto}@media(max-width:680px){.application-help-fields{grid-template-columns:1fr}.character-limit-field{max-width:260px}.example-coach-actions{align-items:stretch;flex-direction:column}.example-coach-actions .button{width:100%}}
.mark{width:18px;height:18px;vertical-align:middle;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3}
.mark-yes{stroke:var(--green)}
.mark-no{width:15px;height:15px;stroke:#b3bcb6;stroke-width:2}
/* Schools page */
#schools-view{padding-top:54px}
#schools-view .eyebrow{font-size:.68rem;letter-spacing:.13em}
.school-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(30px,5vw,64px);border:1px solid #d2e5d8;border-radius:28px;background:radial-gradient(circle at 98% 4%,rgba(147,209,171,.35),transparent 42%),linear-gradient(125deg,#e5f3e9 0%,#f5f8ef 65%,#fffdf7 100%);box-shadow:0 22px 55px rgba(23,63,53,.07)}
.school-hero-copy{min-width:0}
.school-hero h1{max-width:20ch;margin:10px 0 16px;padding-bottom:.1em;font-size:clamp(2rem,3.2vw,2.9rem);font-weight:600;line-height:1.15;letter-spacing:-.045em;overflow:visible}
.school-lead{max-width:44ch;margin:0;color:#4e6659;font-size:.95rem;line-height:1.6}
.school-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-top:22px}
.school-story{position:relative;isolation:isolate;width:100%;max-width:460px;aspect-ratio:460/720;margin:0 auto;color:var(--forest-deep)}
.school-story::before{content:"";position:absolute;inset:13% 0 10%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,rgba(176,211,171,.36),transparent 70%)}
.school-story-path{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:#7caa8a}
.school-story-stage{display:block;color:#466a52;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.school-story-explore{position:absolute;top:1%;left:8%}
.school-story-question{margin:7px 0 0;font-family:Georgia,serif;font-size:clamp(1.4rem,2.2vw,1.8rem);font-style:italic;letter-spacing:-.04em}
.school-career-photo{position:absolute;width:37%;padding:7px 7px 11px;background:#fffdf7;box-shadow:0 8px 20px rgba(23,63,53,.12);border:1px solid rgba(61,86,49,.08)}
.school-career-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.school-career-photo>span{display:block;margin-top:9px;font-size:.65rem;font-weight:600;text-align:center;color:#45634f}
.school-career-photo-design{top:11%;left:8%;transform:rotate(-8deg)}
.school-career-photo-tech{top:14%;right:7%;transform:rotate(7deg)}
.school-story-build{position:absolute;top:35%;left:7%;width:46%;transform:rotate(-5deg)}
.school-story-build>.school-story-stage{margin:0 0 10px 8px}
.school-story-cv{position:relative;padding:23px 18px 13px;border:1px solid #e1dfcc;background:#fffef8;box-shadow:0 8px 22px rgba(23,63,53,.08);color:#315846}
.school-story-cv>strong{display:block;font-size:1.1rem;letter-spacing:-.04em}
.school-cv-rule{display:block;height:2px;margin:10px 0 13px;background:#b9cfb2}
.school-story-cv>b{display:block;margin:11px 0 4px;font-size:.61rem}
.school-story-cv>span:not(.school-story-paperclip):not(.school-cv-rule){display:block;color:#66705e;font-size:.57rem;line-height:1.5}
.school-story-cv>svg{display:block;width:74px;height:18px;margin-top:12px;color:#79a184}
.school-story-paperclip{position:absolute;top:-12px;right:20px;width:12px;height:34px;border:2px solid #879a83;border-radius:7px;transform:rotate(13deg)}
.school-story-prepare{position:absolute;top:44%;right:0;width:43%;transform:rotate(4deg)}
.school-story-prepare>.school-story-stage{margin:0 0 10px 12px}
.school-story-answer{position:relative;padding:16px 16px 20px;border-radius:18px 18px 18px 3px;background:#254f40;box-shadow:0 9px 22px rgba(23,63,53,.12);color:#fffdf2}
.school-story-answer::after{content:"";position:absolute;bottom:-11px;left:0;border-top:15px solid #254f40;border-right:18px solid transparent}
.school-story-answer>svg{width:23px;height:23px;color:#c1d9b1}
.school-story-answer>p{margin:7px 0 0;font-family:Georgia,serif;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.35}
.school-story-next{position:absolute;top:79%;left:8%;right:4%;transform:rotate(-2deg)}
.school-story-next>.school-story-question{font-size:clamp(1.4rem,2.1vw,1.75rem)}
.school-story-destinations{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0;padding:0;list-style:none}
.school-story-destinations>li{padding:7px 10px;border:1px solid #c1d5bd;border-radius:5px;background:#f8fbef;color:#3d614a;font-size:.68rem;line-height:1.3;box-shadow:0 3px 8px rgba(23,63,53,.04)}
.school-story-destinations>li:nth-child(2){transform:rotate(3deg);background:#e2edda}
.school-story-destinations>li:nth-child(3){transform:rotate(-2deg);background:#f9f1d9}
.school-story figcaption{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#587568;font-size:.7rem;line-height:1.5}
@media(min-width:901px) and (max-width:1100px){.school-hero{gap:24px;padding:36px;grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}}
@media(max-width:420px){.school-story{aspect-ratio:auto;height:610px;min-width:0}.school-career-photo{width:39%;padding:5px 5px 9px}.school-career-photo>span{font-size:.56rem}.school-story-build{top:32%;left:3%;width:48%}.school-story-cv{padding:18px 12px 11px}.school-story-cv>strong{font-size:.95rem}.school-story-prepare{top:42%;width:44%}.school-story-answer{padding:12px 12px 16px}.school-story-question{font-size:1.45rem}.school-story-next{top:78%;left:5%;right:0}.school-story-destinations{gap:6px;margin-top:10px}.school-story-destinations>li{padding:6px 8px;font-size:.62rem}}
.school-benefits{margin-top:75px}
.school-section-intro{max-width:750px}
.school-section-intro h2{margin:7px 0 12px;font-size:clamp(2rem,3.4vw,3rem);line-height:1.13;letter-spacing:-.05em}
.school-section-intro>p:last-child{max-width:670px;margin:0;color:var(--muted);font-size:.93rem;line-height:1.7}
.school-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:29px}
.school-offer-card{padding:29px;border:1px solid var(--line);border-radius:21px;background:rgba(255,254,250,.88);box-shadow:var(--shadow-small)}
.school-offer-icon{display:grid;place-items:center;width:47px;height:47px;margin-bottom:24px;border-radius:14px;background:var(--mint);color:var(--forest)}
.school-offer-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.school-offer-card h3{margin:0 0 10px;color:var(--forest-deep);font-size:1.1rem;letter-spacing:-.03em}
.school-offer-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.7}
.school-start{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);margin-top:68px;padding:clamp(30px,5vw,62px);border-radius:27px;background:linear-gradient(145deg,#245a4a,#173f35);box-shadow:0 24px 55px rgba(23,63,53,.16)}
.school-start .eyebrow{color:#a9d8bd}
.school-start h2{max-width:12ch;margin:9px 0 17px;color:#fff;background:none;-webkit-text-fill-color:currentColor;font-size:clamp(2rem,3.3vw,3rem);line-height:1.12;letter-spacing:-.05em}
.school-start-intro>p:last-child{max-width:410px;margin:0;color:#d0e7d9;font-size:.91rem;line-height:1.72}
.school-steps{margin:0;padding:0;list-style:none}
.school-steps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:17px;padding:18px 0;border-top:1px solid rgba(255,255,255,.2)}
.school-steps li:first-child{padding-top:0;border-top:0}
.school-steps li>span{color:#a9d8bd;font-size:.78rem;font-weight:800}
.school-steps h3{margin:0 0 5px;color:#fff;font-size:1rem}
.school-steps p{max-width:500px;margin:0;color:#d0e7d9;font-size:.81rem;line-height:1.63}
@media(max-width:900px){.school-hero,.school-start{grid-template-columns:1fr}.school-hero h1{max-width:20ch}.school-offer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){#schools-view{padding-top:28px}.school-hero{padding:26px 22px;border-radius:21px}.school-hero h1{font-size:clamp(1.85rem,7.5vw,2.4rem)}.school-lead{font-size:.9rem}.school-benefits{margin-top:54px}.school-offer-grid{grid-template-columns:1fr;gap:12px}.school-offer-card{padding:24px}.school-start{gap:31px;margin-top:54px;padding:30px 24px;border-radius:21px}}
.comparison-table td .mark{display:inline-block}
.comparison-table tbody th{font-weight:600}
.comparison-table tbody tr:nth-child(even){background:rgba(36,90,74,.035)}
@media(max-width:680px){#plans-view .comparison-table{min-width:0;font-size:.76rem}#plans-view .comparison-table th,#plans-view .comparison-table td{padding:12px 6px}#plans-view .comparison-table th[scope=row]{width:44%}#plans-view .comparison-table thead th{font-size:.7rem}#plans-view .comparison{padding:20px 14px}}
.fit-score.is-mixed{--fit-color:#bf8a29}
.fit-label.is-mixed{color:#80590f;background:#fcf0d2}
/* Grouped nav dropdowns (Tools, Help) - built by nav-groups.js */
.nav-group{position:relative;display:flex}
.nav-group:not(:has(.nav-menu-item:not([hidden]))){display:none}
.nav-group-toggle{display:inline-flex;align-items:center;gap:5px}
.nav-group-toggle svg{width:12px;height:12px;transition:transform .2s ease}
.nav-group.is-open .nav-group-toggle{border-color:rgba(36,90,74,.28);color:var(--forest-deep);background:var(--mint)}
.nav-group.is-open .nav-group-toggle svg{transform:rotate(180deg)}
.nav-menu{display:none;flex-direction:column;gap:2px}
.nav-group.is-open .nav-menu{display:flex}
.nav-menu-item{display:flex;align-items:center;gap:11px;text-align:left}
.nav-menu-icon{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--mint);color:var(--forest-deep)}
.nav-menu-icon svg{width:16px;height:16px}
.nav-menu-text{display:grid;gap:1px}
.nav-icon-row{display:flex;align-items:center;gap:8px;position:relative}
.site-header .nav-icon-row .nav-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;box-sizing:border-box}
.site-header .nav-icon-row .nav-link>svg{width:21px;height:21px;flex:none}
.site-header .nav-toggle{position:relative;width:40px;height:40px;border-radius:12px;gap:4px}
.site-header .nav-toggle span{width:18px;height:2px;border-radius:2px;transform-origin:center;transition:transform .2s ease,opacity .15s ease,background-color .2s ease}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1050px){.site-header .nav-links{width:min(360px,calc(100vw - 28px));box-sizing:border-box;max-height:calc(100svh - 90px);overflow-y:auto;overscroll-behavior:contain}.nav-icon-row{display:grid;grid-template-columns:40px 40px minmax(0,1fr);width:100%;padding:6px 0;gap:12px 8px}.nav-icon-row .notification-wrap,.nav-icon-row #dashboard-settings-group{display:contents}.nav-icon-row .notification-bell{grid-area:1/1}.nav-icon-row .nav-settings-group>.nav-group-toggle{grid-area:1/2}.site-header .nav-icon-row .dashboard-settings-menu,.site-header .nav-icon-row .notification-panel{position:static;grid-area:2/1/3/-1;inset:auto;width:100%;min-width:0;max-width:none;box-sizing:border-box;max-height:min(420px,60svh);overflow:auto;border-radius:14px;box-shadow:none;transform:none}.site-header .nav-icon-row .dashboard-settings-menu{padding:16px}.site-header .nav-icon-row .notification-panel .nc-list{max-height:40svh}}
@media(prefers-reduced-motion:reduce){.site-header .nav-toggle span,.site-header .nav-group-toggle svg{transition:none}.site-header .nav-menu{animation:none}}
.access-motion .site-header .nav-toggle span,.access-motion .site-header .nav-group-toggle svg{transition:none}
.access-motion .site-header .nav-menu,.access-motion .notification-panel{animation:none}
.nav-menu-text b{font-size:.78rem}
.nav-menu-text small{font-size:.66rem;font-weight:600;opacity:.7;white-space:normal}
.site-header .nav-menu .nav-menu-item{text-transform:none;letter-spacing:normal;white-space:normal}
@media(min-width:1051px){
.nav-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:30;min-width:270px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow);animation:nav-menu-in .16s ease}
.site-header .nav-menu .nav-menu-item{padding:9px 11px;border-radius:10px;color:var(--forest-deep)}
.site-header .nav-menu .nav-menu-item:hover{border-color:transparent;background:var(--mint)}
}
@media(max-width:1050px){
.nav-group{flex-direction:column}
.nav-group-toggle{justify-content:space-between}
.nav-menu{padding:2px 0 4px 10px}
.nav-menu-icon{background:rgba(255,255,255,.12);color:inherit}
}
@keyframes nav-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* CV Builder: start card, style panel and actions (index.html #cv-builder-view). */
.cv-start-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:22px 26px;border-radius:20px;background:var(--forest-deep);color:#fff}
.cv-start-card b{display:block;font-size:1.08rem;margin-bottom:4px}
.cv-start-card p{margin:0;color:rgba(255,255,255,.78);font-size:.92rem;line-height:1.5}
.cv-start-card .button{flex:none;background:#fff;color:var(--forest-deep);border-color:#fff}
.cv-style-panel{margin:8px 0 22px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,254,250,.7)}
.cv-style-panel h3{margin:0 0 14px;font-size:1rem}
.cv-style-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.cv-style-row:first-of-type{border-top:0}
.cv-style-label{font-weight:700;font-size:.88rem;color:var(--forest-deep)}
.cv-style-row .color-swatches{padding-bottom:0}
.cv-actions{display:flex;flex-wrap:wrap;gap:10px}
.cv-actions .button{flex:1 1 auto;justify-content:center}
.cv-actions #download-cv{flex:2 1 160px}
.cv-actions-note{margin-top:12px}
@media(max-width:680px){.cv-start-card{flex-direction:column;align-items:flex-start}.cv-start-card .button{width:100%}.cv-style-row{grid-template-columns:1fr;gap:8px}.cv-actions .button{flex:1 1 100%}}
/* Full-screen guided CV onboarding (index.html #cv-generate-dialog). */
.cv-onboarding{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:linear-gradient(160deg,#fbfaf6 0%,#eef4ee 100%);color:var(--forest-deep)}
.cv-onboarding::backdrop{background:#fbfaf6}
.cv-onboarding[open]{display:block}
.cv-onboarding form{display:flex;flex-direction:column;height:100%}
.cvob-top{display:flex;align-items:center;gap:14px;padding:18px clamp(16px,4vw,40px)}
.cvob-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(23,63,53,.07);color:var(--forest-deep);cursor:pointer;transition:background .15s ease}
.cvob-icon:hover{background:rgba(23,63,53,.14)}
.cvob-icon[hidden]{display:none}
.cvob-progress{flex:1;display:flex;gap:6px}
.cvob-progress span{flex:1;height:4px;border-radius:99px;background:rgba(23,63,53,.14);transition:background .3s ease}
.cvob-progress span.is-done{background:var(--forest-deep)}
.cvob-stage{flex:1;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:clamp(20px,6vh,72px) clamp(16px,4vw,40px) 24px}
.cvob-step{width:min(560px,100%)}
.cvob-enter{animation:cvob-in .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes cvob-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cvob-count{margin:0 0 12px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cvob-step h2{margin:0 0 10px;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1;letter-spacing:-.02em}
.cvob-hint{margin:0 0 28px;font-size:1.02rem;line-height:1.55;color:var(--muted)}
.cvob-label{display:block;margin-bottom:14px;font-size:.85rem;font-weight:700}
.cvob-input{display:block;width:100%;margin-top:6px;padding:16px 18px;border:2px solid transparent;border-radius:16px;background:rgba(23,63,53,.06);color:var(--forest-deep);font:inherit;font-size:1.1rem;font-weight:500;transition:border-color .15s ease,background .15s ease}
.cvob-input:focus{outline:0;border-color:var(--forest-deep);background:#fff}
.cvob-area{resize:vertical;min-height:120px;line-height:1.5}
.cvob-options{display:grid;gap:12px}
.cvob-option{display:flex;flex-direction:column;gap:2px;width:100%;padding:18px 20px;border:2px solid transparent;border-radius:16px;background:rgba(23,63,53,.06);color:var(--forest-deep);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.cvob-option b{font-size:1.05rem}
.cvob-option small{font-size:.88rem;color:var(--muted)}
.cvob-option:hover{background:rgba(23,63,53,.1);transform:translateY(-1px)}
.cvob-option.is-selected{border-color:var(--forest-deep);background:#fff}
.cvob-chip-entry{display:flex;gap:10px;align-items:center}
.cvob-chip-entry .cvob-input{margin-top:0}
.cvob-add{flex:none;width:54px;height:54px;border:0;border-radius:16px;background:var(--forest-deep);color:#fff;font-size:1.6rem;cursor:pointer}
.cvob-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.cvob-chips li{display:inline-flex;align-items:center;gap:6px;padding:8px 8px 8px 14px;border-radius:99px;background:#fff;border:1.5px solid var(--forest-deep);font-weight:600;font-size:.9rem}
.cvob-chips button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:rgba(23,63,53,.1);color:var(--forest-deep);cursor:pointer;line-height:1}
.cvob-job{margin-top:6px}
.cvob-link{margin-top:4px;padding:6px 0;border:0;background:none;color:var(--forest-deep);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cvob-working{display:flex;flex-direction:column;align-items:flex-start;padding-top:8vh}
.cvob-spinner{width:44px;height:44px;margin-bottom:24px;border:4px solid rgba(23,63,53,.14);border-top-color:var(--forest-deep);border-radius:50%;animation:cvob-spin .9s linear infinite}
@keyframes cvob-spin{to{transform:rotate(360deg)}}
.cvob-foot{padding:14px clamp(16px,4vw,40px) calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px}
.cvob-foot .form-status{width:min(560px,100%);margin:0;min-height:1.2em}
.cvob-buttons{display:flex;gap:12px;width:min(560px,100%)}
.cvob-continue,.cvob-skip{height:56px;border-radius:99px;font:inherit;font-size:1.02rem;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease}
.cvob-continue{flex:1;border:0;background:var(--forest-deep);color:#fff}
.cvob-continue:hover{transform:translateY(-1px)}
.cvob-continue[hidden],.cvob-skip[hidden]{display:none}
.cvob-skip{flex:none;padding:0 26px;border:2px solid rgba(23,63,53,.2);background:transparent;color:var(--forest-deep)}
.cvob-skip:hover{background:rgba(23,63,53,.06)}
@media(prefers-reduced-motion:reduce){.cvob-enter,.cvob-spinner{animation:none}.cvob-progress span,.cvob-option,.cvob-continue{transition:none}}
/* Light buttons on dark panels: the generic .button-primary:hover turns the
background dark green, which made their dark green text unreadable. */
.cv-start-card .button:hover:not(:disabled),.plan-featured .button-primary:hover:not(:disabled){background:#e6efe9;border-color:#e6efe9;color:var(--forest-deep)}
/* Teacher card listing student account-deletion requests (dashboard.html #deletion-requests-panel). */
.deletion-request{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,254,250,.7)}
.deletion-request+.deletion-request{margin-top:10px}
.deletion-request small{display:block;color:var(--muted)}
.deletion-request p{margin:6px 0 0}
@media(max-width:680px){.deletion-request{flex-direction:column;align-items:flex-start}}
/* Onboarding v2: entry chips (tap to edit), pills, suggestions and the centred loading screen. */
.cvob-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cvob-pill{padding:10px 16px;border:2px solid transparent;border-radius:99px;background:rgba(23,63,53,.06);color:var(--forest-deep);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.cvob-pill:hover{background:rgba(23,63,53,.12)}
.cvob-pill.is-selected{border-color:var(--forest-deep);background:#fff}
.cvob-items{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.cvob-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 18px;border:2px solid var(--forest-deep);border-radius:14px;background:#fff;color:var(--forest-deep);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}
.cvob-item-label{font-weight:700}
.cvob-item small{margin-left:auto;color:var(--muted);font-size:.8rem}
.cvob-item-hover{display:none;font-weight:700}
.cvob-item:hover,.cvob-item:focus-visible,.cvob-item.is-editing{background:var(--forest-deep);color:#fff}
.cvob-item:hover .cvob-item-label,.cvob-item:focus-visible .cvob-item-label{display:none}
.cvob-item:hover .cvob-item-hover,.cvob-item:focus-visible .cvob-item-hover{display:inline}
.cvob-item:hover small,.cvob-item:focus-visible small,.cvob-item.is-editing small{color:rgba(255,255,255,.75)}
.cvob-editing{margin:0 0 12px;font-weight:700;color:var(--forest-deep)}
.cvob-entry-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:4px}
.cvob-danger{color:#a3271f}
.cvob-suggest-label{margin:22px 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cvob-suggest-list{display:flex;flex-wrap:wrap;gap:8px}
.cvob-suggest{padding:9px 14px;border:1.5px dashed rgba(23,63,53,.35);border-radius:99px;background:transparent;color:var(--forest-deep);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.cvob-suggest:hover{background:#fff;border-color:var(--forest-deep)}
.cvob-note{margin:0;color:var(--muted);font-size:.9rem}
.cvob-stage.is-working{align-items:center}
.cvob-step .cvob-working{display:flex;flex-direction:column;align-items:center;padding-top:0;text-align:center}
.cvob-working h2{margin-bottom:8px}
.cvob-working .cvob-hint{margin-bottom:28px}
.cvob-working .cvob-spinner{margin:0}
/* Onboarding grades screen: a grade box per subject. */
.cvob-grades{margin:0 0 22px;padding:0;border:0}
.cvob-grades legend{margin-bottom:10px;font-weight:700}
.cvob-grade-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.cvob-grade-row span{flex:1;font-weight:600}
.cvob-grade-row .cvob-input{width:120px;margin-top:0;padding:12px 14px;font-size:1rem}
.cvob-check{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.92rem;font-weight:600}
/* Cover-letter personalisation: a compact onboarding-style gate shown before the draft. */
.letter-guide{margin:22px 0 26px;border:1px solid var(--line-strong);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-small);overflow:hidden;transition:border-color .2s ease}.letter-guide.is-open{border-color:var(--green)}
.letter-guide-toggle{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:0;color:var(--forest-deep);background:transparent;font:inherit;text-align:left;cursor:pointer}.letter-guide-toggle:hover{background:rgba(223,242,233,.45)}.letter-guide-toggle:focus-visible{outline:3px solid rgba(57,167,123,.3);outline-offset:-3px}
.letter-guide-toggle-icon{display:grid;flex-shrink:0;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--forest);background:var(--mint)}.letter-guide-toggle-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.letter-guide-toggle-text b{font-size:.95rem;letter-spacing:-.01em}.letter-guide-toggle-text small{color:var(--muted);font-size:.74rem;line-height:1.45}.letter-guide-toggle-chevron{flex-shrink:0;color:var(--forest);font-size:1.5rem;line-height:1;transform:rotate(90deg);transition:transform .2s ease}.letter-guide.is-open .letter-guide-toggle-chevron{transform:rotate(-90deg)}
.letter-guide-body{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(223,242,233,.35),rgba(255,254,250,0))}.letter-guide-body[hidden]{display:none}.letter-guide-progress{display:flex;gap:6px;padding:16px 18px 0}.letter-guide-progress:empty{display:none}.letter-guide-progress span{flex:1;height:4px;border-radius:999px;background:var(--line-strong);transition:background .25s ease}.letter-guide-progress span.is-done{background:var(--green)}
.letter-guide-stage{padding:18px 18px 8px}.letter-guide-count{margin:0 0 8px;color:var(--green);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.letter-guide-intro{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}
#letter-guide-card h4{margin:0 0 14px;color:var(--forest-deep);font-size:1.05rem;line-height:1.4;letter-spacing:-.01em}#letter-guide-card textarea{width:100%;min-height:110px;padding:13px 15px;border:1px solid var(--line-strong);border-radius:11px;color:var(--forest-deep);background:#fff;font:inherit;font-size:.9rem;line-height:1.55;resize:vertical}#letter-guide-card textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(57,167,123,.15)}.letter-guide-hint{display:block;margin-top:8px;color:var(--muted);font-size:.68rem}.letter-guide-options{display:grid;gap:8px}.letter-guide-option{cursor:pointer}.letter-guide-option input{position:absolute;opacity:0}.letter-guide-option span{display:block;padding:12px 15px;border:1px solid var(--line-strong);border-radius:11px;background:#fff;font-size:.86rem;font-weight:700;transition:border-color .15s ease}.letter-guide-option:hover span{border-color:var(--green)}.letter-guide-option input:checked+span{border-color:var(--green);background:var(--mint)}.letter-guide-option input:focus-visible+span{outline:3px solid rgba(57,167,123,.25);outline-offset:2px}
.letter-guide-skip,.letter-guide-back{padding:8px 4px;border:0;color:var(--forest);background:transparent;font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}.letter-guide-skip:hover,.letter-guide-back:hover{text-decoration:underline;text-underline-offset:4px}.letter-guide-skip[hidden],.letter-guide-back[hidden]{display:none}
.letter-guide-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px 18px}.letter-guide-actions-main{display:flex;align-items:center;gap:18px;margin-left:auto}.letter-guide .form-status{margin:12px 0 0;min-height:1.2em}
@media(max-width:680px){.letter-guide-toggle{padding:14px}.letter-guide-toggle-icon{width:36px;height:36px}.letter-guide-stage,.letter-guide-progress,.letter-guide-actions{padding-left:14px;padding-right:14px}.letter-guide-actions{flex-wrap:wrap}}
/* Schools page: book a demo (demo-request.js) */
.schools-book{margin-top:68px;padding:clamp(32px,5vw,58px);border:1px solid #d4e6d9;border-radius:25px;background:linear-gradient(120deg,#eff8f0,#fffdf7);box-shadow:0 18px 42px rgba(23,63,53,.06);text-align:center}
.schools-book h2{margin:7px 0 12px;font-size:clamp(1.9rem,3.1vw,2.7rem);line-height:1.18;letter-spacing:-.045em}
.schools-book>p:not(.eyebrow){max-width:610px;margin:0 auto;color:var(--muted);font-size:.9rem;line-height:1.7}
.schools-book-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 26px;margin-top:27px}
.school-email-link{color:var(--forest);font-size:.84rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.school-email-link:hover{color:var(--forest-deep)}
@media(max-width:680px){.schools-book{margin-top:54px;padding:30px 23px}.schools-book-actions{flex-direction:column;align-items:stretch}.schools-book-actions .button{width:100%}}
.demo-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.demo-notice{margin-top:18px}
/* Application question helper */
.application-helper{overflow:hidden;margin:34px 0 0;border:1px solid #bfd8c9;border-radius:22px;background:#fbfdf9;box-shadow:0 16px 38px rgba(23,63,53,.08)}
.application-helper-header{display:flex;align-items:flex-start;gap:18px;padding:28px 30px 25px;border-bottom:1px solid rgba(36,90,74,.12);background:radial-gradient(circle at 95% 0%,rgba(118,199,155,.16),transparent 45%),linear-gradient(110deg,#f2f8f1,#fbfdf9)}
.application-helper-eyebrow{margin:0 0 7px;color:#317a5e;font-size:.68rem;font-weight:800;letter-spacing:.13em}
.application-helper h3{margin:0;color:var(--forest-deep);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.18;letter-spacing:-.035em}
.application-helper .application-help-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,32%);gap:22px;align-items:stretch;padding:27px 30px 24px}
.application-helper .field{margin:0}
.application-helper .field>span:first-child{color:var(--forest-deep);font-size:.83rem;font-weight:800}
.application-helper .application-question-field textarea{min-height:168px;padding:16px 18px;border-color:#c8dacf;border-radius:13px;background:#fff;font-size:.95rem;line-height:1.55}
.application-helper .application-question-field textarea::placeholder,.application-helper input::placeholder{color:#87958b;opacity:1}
.application-helper .application-question-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.application-helper .application-question-meta small{color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.45}
.application-helper .application-question-meta .char-count{font-weight:700;white-space:nowrap}
.application-limit-panel{padding:18px;border:1px solid #dce9de;border-radius:15px;background:#f2f7f0}
.application-helper .character-limit-field>span{align-items:center;gap:10px;margin-bottom:7px}
.application-helper .character-limit-field>span small{padding:4px 8px;border-radius:999px;color:#547660;background:#e2eee3;font-size:.65rem;font-weight:700}
.application-helper .limit-input{display:flex;min-height:54px}
.application-helper .limit-input input{min-width:0;padding:12px 14px;border-color:#cbded0;border-radius:11px 0 0 11px;background:#fff;font-size:1rem}
.application-helper .limit-input>span{padding:0 12px;border-color:#cbded0;border-radius:0 11px 11px 0;color:#476655;background:#e6efe7;font-size:.7rem}
.application-limit-panel>p{margin:13px 0 0;color:#5b7264;font-size:.74rem;line-height:1.55}
.application-helper-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 30px;border-top:1px solid rgba(36,90,74,.11);background:#f3f8f1}
.application-helper-footer p{margin:0;color:#5b7264;font-size:.75rem;line-height:1.5}
.application-helper-footer .button{min-height:51px;padding:12px 20px;border-radius:11px;font-size:.82rem;white-space:nowrap}
.application-helper-footer .button span{margin-left:10px;font-size:1.15rem;font-weight:500;line-height:1}
.application-helper>#help-status{margin:0;padding:13px 30px;border-top:1px solid rgba(36,90,74,.1)}
.application-helper>#help-status:empty{display:none}
.application-helper .answer-box{margin:0;padding:24px 30px 30px;border:0;border-top:1px solid #c9dfce;background:#f3f9f3}
.application-helper .answer-box>span{gap:12px;color:#2b7659;font-size:.7rem}
.application-helper .answer-box .answer-tools{letter-spacing:0}
.application-helper #help-answer-content{margin-top:15px;padding:18px 20px;border:1px solid #d2e3d5;border-radius:13px;background:#fff}
.application-helper #help-answer-content b{margin:0;color:var(--forest-deep);font-size:.91rem;font-weight:600;line-height:1.7;white-space:pre-wrap}
.application-helper #help-answer-content small{margin-top:11px;font-size:.76rem}
#letter-panel.is-guiding>.application-helper{display:none}
@media(max-width:760px){.application-helper .application-help-fields{grid-template-columns:1fr}.application-limit-panel{max-width:none}}
@media(max-width:560px){.application-helper{border-radius:17px}.application-helper-header{gap:13px;padding:22px 20px}.application-helper-icon{flex-basis:42px;width:42px;height:42px;border-radius:12px}.application-helper-icon svg{width:23px;height:23px}.application-helper .application-help-fields{gap:17px;padding:21px 20px}.application-helper-footer{align-items:stretch;flex-direction:column;padding:18px 20px}.application-helper-footer .button{width:100%}.application-helper>#help-status{padding:12px 20px}.application-helper .answer-box{padding:21px 20px}.application-helper .answer-box>span{align-items:flex-start;flex-wrap:wrap}}
/* Job Check entry: dashboard-style workspace. */
#job-check-view{padding-top:48px}
.job-check-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:26px;padding:0 0 28px;border-bottom:1px solid var(--line)}
.job-check-hero .eyebrow{margin-bottom:12px}
.job-check-hero :is(h1,h2){margin:0;color:var(--forest-deep);font-size:clamp(2.4rem,4.4vw,4.1rem);line-height:1.05;letter-spacing:-.055em}
.job-check-hero-copy{max-width:650px}
.job-check-hero>div:first-child>p:last-child{max-width:620px;margin:14px 0 0;color:#576c60;font-size:.95rem;line-height:1.65}
.job-check-hero-step{display:flex;flex:0 0 auto;align-items:center;gap:13px;min-width:204px;padding:13px 17px;border:1px solid #c8dece;border-radius:15px;background:#f8fbf5;box-shadow:0 8px 22px rgba(23,63,53,.05)}
.job-check-hero-step>span{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:var(--forest);font-size:.75rem;font-weight:800}
.job-check-hero-step small,.job-check-hero-step strong,.job-check-hero-step em{display:block}
.job-check-hero-step small{color:#478369;font-size:.58rem;font-weight:800;letter-spacing:.09em}
.job-check-hero-step strong{margin:2px 0;color:var(--forest-deep);font-size:.82rem}
.job-check-hero-step em{color:var(--muted);font-size:.66rem;font-style:normal}
#job-check-view .job-entry{display:grid;grid-template-columns:minmax(0,1fr) 315px;grid-template-areas:"main toggle";gap:20px;align-items:start;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.job-check-main{grid-area:main;min-width:0;overflow:hidden;border:1px solid rgba(36,90,74,.15);border-radius:19px;background:var(--paper);box-shadow:0 12px 34px rgba(23,63,53,.07)}
#job-check-view .job-entry-heading{display:flex;align-items:flex-start;gap:16px;padding:27px 30px 23px;border-bottom:1px solid rgba(36,90,74,.11);background:linear-gradient(115deg,#f6faf4,#fffefa 72%)}
.job-check-card-icon{display:grid;flex:0 0 48px;place-items:center;width:48px;height:48px;border-radius:13px;color:#fff;background:var(--forest);box-shadow:0 8px 18px rgba(23,63,53,.16)}
.job-check-card-icon svg{width:25px;height:25px}
#job-check-view .job-entry-heading .eyebrow{margin:2px 0 5px;color:#378063;font-size:.63rem}
#job-check-view .job-entry-heading h2{margin:0;color:var(--forest-deep);font-size:1.38rem;line-height:1.2;letter-spacing:-.035em}
#job-check-view .job-entry-heading p:last-child{max-width:550px;margin:7px 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}
#job-check-view .job-entry-fields{display:block;padding:25px 30px 0}
.job-check-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#job-check-view .job-check-field-grid .field{min-width:0;margin:0}
#job-check-view .field>span{color:var(--forest-deep);font-size:.75rem}
#job-check-view .field>span small{color:#7d8a80;font-size:.63rem;font-weight:600}
#job-check-view .field input,#job-check-view .field textarea{border-color:#cbdcd0;border-radius:11px;background:#fff;font-size:.86rem}
#job-check-view .field input{min-height:47px}
#job-check-view .field textarea{min-height:220px;padding:15px 17px;line-height:1.55}
#job-check-view .field input::placeholder,#job-check-view .field textarea::placeholder{color:#8b9a8e;opacity:1}
.job-check-advert-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:24px 0 13px;padding-top:24px;border-top:1px solid rgba(36,90,74,.12)}
.job-check-advert-head .eyebrow{margin:0 0 5px;font-size:.62rem}
.job-check-advert-head h3{margin:0;font-size:1.07rem;letter-spacing:-.025em}
.job-check-advert-head>span{color:var(--muted);font-size:.68rem;font-weight:700}
#job-check-view .method-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 0 17px;padding:5px;border:1px solid #dce8dc;border-radius:12px;background:#f1f6ef}
#job-check-view .method-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:8px 10px;border:1px solid transparent;border-radius:9px;color:#476b56;background:transparent;font-size:.72rem;font-weight:800}
#job-check-view .method-tab svg{width:17px;height:17px;flex:none}
#job-check-view .method-tab:hover{color:var(--forest-deep);background:#e5efe5}
#job-check-view .method-tab.active{border-color:#c2d8c8;color:var(--forest-deep);background:#fff;box-shadow:0 3px 10px rgba(23,63,53,.07)}
#job-check-view .method-view .field{margin-bottom:0}
#job-check-view .field-footer{align-items:flex-start;margin-top:3px}
#job-check-view .field-footer small{color:var(--muted);font-size:.66rem;line-height:1.45}
#job-check-view .dropzone{min-height:220px;justify-content:center;border-color:#aacbb6;border-radius:13px;background:#f8fbf6}
#job-check-view .dropzone svg{width:30px;height:30px}
.job-check-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px -30px 0;padding:17px 30px;border-top:1px solid rgba(36,90,74,.12);background:#f7faf4}
.job-check-form-footer .form-status{flex:1;min-width:0;margin:0;line-height:1.45}
.job-check-form-footer .button{min-width:232px;border-radius:10px;font-size:.76rem;white-space:nowrap}
#job-check-view .wex-toggle{grid-area:toggle;align-items:flex-start;gap:12px;padding:17px;border-color:#d4e2d3;border-radius:15px;background:#f8fbf5}
#job-check-view .wex-toggle-copy strong{font-size:.75rem;line-height:1.35}
#job-check-view .wex-toggle-copy small{font-size:.66rem;line-height:1.5}
#job-check-view .wex-toggle .switch-track{width:40px;height:24px}
#job-check-view .wex-toggle .switch-track i{width:18px;height:18px}
#job-check-view .wex-toggle input:checked+.switch-track i{transform:translateX(16px)}
.job-check-action{display:flex;flex:none;flex-direction:column;align-items:stretch;gap:8px;min-width:260px}
.job-check-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:#587265;font-size:.66rem;line-height:1.45}
.job-check-privacy svg{width:17px;height:17px;flex:none;color:var(--forest)}
@media(max-width:900px){#job-check-view .job-entry{grid-template-columns:1fr;grid-template-areas:"toggle" "main"}}
@media(max-width:680px){#job-check-view{padding-top:37px}.job-check-hero{align-items:flex-start;flex-direction:column;gap:20px}.job-check-hero-step{width:100%}#job-check-view .job-entry-heading{padding:22px 19px}#job-check-view .job-entry-fields{padding:22px 19px 0}.job-check-field-grid{grid-template-columns:1fr;gap:16px}.job-check-advert-head{margin-top:22px}.job-check-advert-head>span{display:none}.job-check-form-footer{align-items:stretch;flex-direction:column;margin:23px -19px 0;padding:17px 19px}.job-check-action{min-width:0;width:100%}.job-check-form-footer .button{width:100%}}
@media(max-width:430px){#job-check-view .method-tabs{grid-template-columns:1fr}#job-check-view .method-tab{justify-content:flex-start;padding-left:13px}}
/* Job Check: CV entry stage */
.process-header-actions{display:flex;justify-content:flex-end}
.cv-upload-only{display:none}
#process-view[data-current-step="upload"]{padding-top:48px}
#process-view[data-current-step="upload"] .process-header{grid-template-columns:minmax(0,1fr) minmax(190px,250px) 204px;gap:24px;align-items:end;margin-bottom:26px;padding-bottom:28px}
#process-view[data-current-step="upload"] .cv-upload-only{display:block}
#process-view[data-current-step="upload"] .process-header-copy{min-width:0}
#process-view[data-current-step="upload"] .process-header-copy .eyebrow{margin-bottom:12px}
#process-view[data-current-step="upload"] .process-header :is(h1,h2){font-size:clamp(2.4rem,4.4vw,4.1rem);line-height:1.08;letter-spacing:-.055em}
.process-header-description{max-width:610px;margin:14px 0 0;color:#576c60;font-size:.95rem;line-height:1.65}
#process-view[data-current-step="upload"] .role-context{min-width:0;width:100%;border-color:#c8dece;background:#f8fbf5;box-shadow:0 8px 22px rgba(23,63,53,.05)}
#process-view[data-current-step="upload"] .process-header-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}
#process-view[data-current-step="upload"] .process-header-actions .job-check-hero-step{display:flex;min-width:0;width:100%}
#process-view[data-current-step="upload"] .end-review{align-self:flex-end}
#process-view[data-current-step="upload"] .progress-panel{display:none}
#process-view[data-current-step="upload"] .process-layout{display:block}
#process-view[data-current-step="upload"] .process-surface{min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#upload-panel.is-active{display:block}
.cv-entry-main{min-width:0;overflow:hidden;border:1px solid rgba(36,90,74,.15);border-radius:19px;background:var(--paper);box-shadow:0 12px 34px rgba(23,63,53,.07)}
.cv-entry-heading{display:flex;align-items:flex-start;gap:16px;padding:27px 30px 23px;border-bottom:1px solid rgba(36,90,74,.11);background:linear-gradient(115deg,#f6faf4,#fffefa 72%)}
.cv-entry-heading .eyebrow{margin:2px 0 5px;color:#378063;font-size:.63rem}
#upload-panel .cv-entry-heading h2{margin:0;color:var(--forest-deep);font-size:1.38rem;line-height:1.2;letter-spacing:-.035em}
.cv-entry-heading p:last-child{max-width:550px;margin:7px 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}
.cv-entry-fields{padding:25px 30px 0}
#upload-panel .field>span{color:var(--forest-deep);font-size:.75rem}
#upload-panel .field input,#upload-panel .field textarea{border-color:#cbdcd0;border-radius:11px;background:#fff;font-size:.86rem}
#upload-panel .field input{min-height:47px}
#upload-panel .field textarea{min-height:220px;padding:15px 17px;line-height:1.55}
#upload-panel .field input::placeholder,#upload-panel .field textarea::placeholder{color:#8b9a8e;opacity:1}
.cv-method-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:24px 0 13px;padding-top:24px;border-top:1px solid rgba(36,90,74,.12)}
.cv-method-heading .eyebrow{margin:0 0 5px;font-size:.62rem}
.cv-method-heading h3{margin:0;font-size:1.07rem;letter-spacing:-.025em}
.cv-method-heading>span{color:var(--muted);font-size:.68rem;font-weight:700}
#upload-panel .method-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 17px;padding:5px;border:1px solid #dce8dc;border-radius:12px;background:#f1f6ef}
#upload-panel .method-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:8px 10px;border:1px solid transparent;border-radius:9px;color:#476b56;background:transparent;font-size:.72rem;font-weight:800}
#upload-panel .method-tab svg{width:17px;height:17px;flex:none}
#upload-panel .method-tab:hover{color:var(--forest-deep);background:#e5efe5}
#upload-panel .method-tab.active{border-color:#c2d8c8;color:var(--forest-deep);background:#fff;box-shadow:0 3px 10px rgba(23,63,53,.07)}
#upload-panel .method-view .field{margin-bottom:0}
#upload-panel .dropzone{min-height:220px;justify-content:center;border-color:#aacbb6;border-radius:13px;background:#f8fbf6}
#upload-panel .dropzone svg{width:30px;height:30px}
.cv-entry-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 18px;align-items:center;margin:26px -30px 0;padding:17px 30px;border-top:1px solid rgba(36,90,74,.12);background:#f7faf4}
.cv-entry-footer .field-help{grid-column:1;margin:0;color:#587265;font-size:.68rem;line-height:1.5}
.cv-entry-footer .form-status{grid-column:1;min-width:0;margin:0;line-height:1.45}
.cv-entry-action{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;gap:8px}
.cv-entry-action .button{min-width:190px;border-radius:10px;font-size:.76rem;white-space:nowrap}
.cv-entry-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:#587265;font-size:.66rem;line-height:1.45}
.cv-entry-privacy svg{width:17px;height:17px;flex:none;color:var(--forest)}
@media(max-width:950px){#process-view[data-current-step="upload"] .process-header{grid-template-columns:minmax(0,1fr) 204px}#process-view[data-current-step="upload"] .role-context{grid-column:1;grid-row:2;max-width:340px}#process-view[data-current-step="upload"] .process-header-actions{grid-column:2;grid-row:1/3}}
@media(max-width:680px){#process-view[data-current-step="upload"]{padding-top:37px}#process-view[data-current-step="upload"] .process-header{grid-template-columns:1fr;gap:18px}#process-view[data-current-step="upload"] .process-header-copy{grid-row:1}#process-view[data-current-step="upload"] .process-header-actions{grid-column:1;grid-row:2}#process-view[data-current-step="upload"] .role-context{grid-column:1;grid-row:3;max-width:none}#process-view[data-current-step="upload"] .process-header-actions .job-check-hero-step{width:100%}.cv-entry-heading{padding:22px 19px}.cv-entry-fields{padding:22px 19px 0}.cv-method-heading{margin-top:22px}.cv-method-heading>span{display:none}#upload-panel .method-tabs{grid-template-columns:1fr}#upload-panel .method-tab{justify-content:flex-start;padding-left:13px}.cv-entry-footer{grid-template-columns:1fr;margin:23px -19px 0;padding:17px 19px}.cv-entry-footer .field-help,.cv-entry-footer .form-status,.cv-entry-action{grid-column:1;grid-row:auto}.cv-entry-action{margin-top:10px}.cv-entry-action .button{width:100%}}
/* Job Check progress across the advert and application stages. */
.job-check-progress{width:100%;max-width:none;margin:0 0 28px}
@media(min-width:901px){#job-check-view .job-check-progress{width:calc(100% - 335px)}}
.job-check-progress ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:6px;border:1px solid #d6e5d9;border-radius:15px;background:#edf5ed;list-style:none;box-shadow:0 7px 20px rgba(23,63,53,.04)}
.job-check-progress li{min-width:0}
.job-check-progress button{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 13px;border:1px solid transparent;border-radius:10px;color:#60786a;background:transparent;text-align:left;font-size:.74rem;cursor:pointer}
.job-check-progress button:disabled{cursor:default;opacity:1}
.job-check-progress button span{display:grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid #bfd5c5;border-radius:9px;color:#5c7b68;background:#f8fbf7;font-size:.65rem;font-weight:800}
.job-check-progress button b{min-width:0;font-weight:800;line-height:1.25}
.job-check-progress li.is-complete button{color:var(--forest-deep);background:#e2f0e6}
.job-check-progress li.is-complete button:hover{border-color:#aacdb7;background:#d6e9db}
.job-check-progress li.is-complete button span{border-color:var(--forest);color:#fff;background:var(--forest)}
.job-check-progress li.is-active button{border-color:#c2d8c8;color:var(--forest-deep);background:#fff;box-shadow:0 3px 10px rgba(23,63,53,.08)}
.job-check-progress li.is-active button span{border-color:var(--forest);color:#fff;background:var(--forest)}
#job-check-view .job-check-hero{align-items:flex-start}
#job-check-view .job-check-hero .end-review{flex:none;align-self:flex-start}
#process-view .process-header{display:flex;align-items:flex-end;gap:20px}
#process-view .process-header-copy{flex:1;min-width:0}
#process-view .role-context{flex:0 1 250px;min-width:0}
#process-view .process-header-actions{flex:none;margin-left:auto}
#process-view .process-layout{display:block}
#process-view[data-current-step="upload"] .process-header{display:flex;align-items:flex-end;gap:20px}
#process-view[data-current-step="upload"] .process-header-actions{display:flex;align-items:flex-end}
@media(max-width:680px){.job-check-progress{margin-bottom:23px}.job-check-progress ol{gap:3px;padding:4px}.job-check-progress button{flex-direction:column;justify-content:center;gap:5px;min-height:68px;padding:6px 3px;text-align:center;font-size:.59rem}.job-check-progress button span{width:27px;height:27px;font-size:.59rem}#job-check-view .job-check-hero{flex-direction:column;align-items:stretch}#job-check-view .job-check-hero .end-review{align-self:flex-end;white-space:nowrap}#process-view .process-header,#process-view[data-current-step="upload"] .process-header{flex-direction:column;align-items:stretch}#process-view .role-context{flex:none;width:100%;max-width:none}#process-view .process-header-actions{align-self:flex-end}#process-view[data-current-step="upload"] .process-header-actions{align-self:flex-end}}
/* Cover letter workspace: share the application answers card's visual language. */
#letter-panel .letter-guide{margin:0 0 22px;border-color:#c8ddce;border-radius:17px;background:radial-gradient(circle at 96% 0%,rgba(118,199,155,.14),transparent 48%),linear-gradient(110deg,#f3f8f2,#fbfdf9);box-shadow:0 8px 24px rgba(23,63,53,.05)}
#letter-panel .letter-guide.is-open{border-color:#9fc8ad}
#letter-panel .letter-guide-toggle{padding:19px 21px}
#letter-panel .letter-editor{margin:0 0 30px;border-color:#bfd8c9;border-radius:22px;background:#fbfdf9;box-shadow:0 16px 38px rgba(23,63,53,.08)}
#letter-panel .letter-editor-banner{display:flex;align-items:flex-start;gap:18px;padding:28px 30px 25px;border-bottom:1px solid rgba(36,90,74,.12);background:radial-gradient(circle at 95% 0%,rgba(118,199,155,.16),transparent 45%),linear-gradient(110deg,#f2f8f1,#fbfdf9)}
#letter-panel .letter-editor-eyebrow,#letter-panel .letter-pane-heading span,#letter-panel .letter-section-label{margin:0;color:#317a5e;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#letter-panel .letter-editor-banner h3{margin:7px 0 0;color:var(--forest-deep);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.18;letter-spacing:-.035em}
#letter-panel .letter-editor-banner p:last-child{max-width:650px;margin:9px 0 0;color:#526a5d;font-size:.9rem;line-height:1.55}
#letter-panel .letter-editor-head{gap:15px;padding:25px 30px 24px}
#letter-panel .letter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
#letter-panel .letter-fields .field>span{color:var(--forest-deep);font-size:.82rem;font-weight:800}
#letter-panel .letter-fields input{min-width:0;border-color:#c8dacf;border-radius:11px;background:#fff}
#letter-panel .letter-colors{margin-top:3px;padding-top:18px;border-color:#dbe8dc}
#letter-panel .letter-colors>span{color:#547660;font-size:.67rem}
#letter-panel .letter-split{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);border-color:#dbe8dc}
#letter-panel .letter-preview-pane{padding:26px 30px 30px;border-right-color:#dbe8dc;background:#f2f7f0}
#letter-panel .letter-edit-pane{padding:26px 30px 30px;background:#fbfdf9}
#letter-panel .letter-pane-heading{min-height:55px;margin:0 0 16px}
#letter-panel .letter-pane-heading p{margin:5px 0 0;color:#617568;font-size:.76rem;line-height:1.45}
#letter-panel .letter-preview{border:1px solid #dce7dc;border-radius:12px;box-shadow:0 14px 32px rgba(23,63,53,.09)}
#letter-panel .letter-edit-pane .field>span{color:var(--forest-deep);font-size:.83rem;font-weight:800}
#letter-panel .letter-edit-pane textarea{min-height:350px;padding:17px 18px;border-color:#c8dacf;border-radius:12px;background:#fff;font-size:.88rem;line-height:1.7}
#letter-panel .letter-edit-pane .field-help{color:#617568;font-size:.72rem;line-height:1.5}
#letter-panel .letter-actions{flex-wrap:wrap;justify-content:flex-end;padding-top:14px;border-top:1px solid #dbe8dc}
#letter-panel .letter-actions .form-status{min-width:150px}
#letter-panel .letter-actions .button{min-height:46px;border-radius:10px;white-space:nowrap}
@media(max-width:900px){#letter-panel .letter-split{grid-template-columns:1fr}#letter-panel .letter-preview-pane{border-right:0;border-bottom:1px solid #dbe8dc}}
@media(max-width:560px){#letter-panel .letter-guide-toggle{padding:16px}#letter-panel .letter-editor{border-radius:17px}#letter-panel .letter-editor-banner{gap:13px;padding:22px 20px}#letter-panel .letter-editor-icon{flex-basis:42px;width:42px;height:42px;border-radius:12px}#letter-panel .letter-editor-icon svg{width:22px;height:22px}#letter-panel .letter-editor-head,#letter-panel .letter-preview-pane,#letter-panel .letter-edit-pane{padding:21px 20px}#letter-panel .letter-fields{grid-template-columns:1fr;gap:13px}#letter-panel .letter-actions{align-items:stretch}#letter-panel .letter-actions .form-status{flex-basis:100%}#letter-panel .letter-actions .button{flex:1}}
#letter-panel .letter-edit-pane{border-right:1px solid #dbe8dc}
#letter-panel .letter-preview-pane{border-right:0}
@media(max-width:900px){#letter-panel .letter-edit-pane{border-right:0;border-bottom:1px solid #dbe8dc}#letter-panel .letter-preview-pane{border-bottom:0}}
/* Review result and cover letter use the same card language as Application answers. */
#process-view[data-current-step="feedback"] .process-surface,#process-view[data-current-step="letter"] .process-surface{min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#feedback-panel .feedback-result-card{overflow:hidden;border:1px solid #bfd8c9;border-radius:22px;background:#fbfdf9;box-shadow:0 16px 38px rgba(23,63,53,.08)}
#feedback-panel .feedback-result-header{display:flex;align-items:flex-start;gap:18px;padding:30px;border-bottom:1px solid rgba(36,90,74,.12);background:radial-gradient(circle at 95% 0%,rgba(118,199,155,.18),transparent 45%),linear-gradient(110deg,#f2f8f1,#fbfdf9)}
#feedback-panel .feedback-result-header>div{min-width:0}
#feedback-panel .feedback-result-eyebrow{margin:0 0 8px;color:#317a5e;font-size:.68rem;font-weight:800;letter-spacing:.13em}
#feedback-panel .feedback-result-header h2{margin:0;color:var(--forest-deep);font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.16;letter-spacing:-.04em}
#feedback-panel .feedback-result-body{padding:27px 30px 28px}
#feedback-panel .score-summary{margin:0;padding:23px 25px;border:1px solid #c9dfce;border-radius:16px;background:linear-gradient(115deg,#edf7ef,#f7faf4);box-shadow:none}
#feedback-panel .score-row{gap:24px}
#feedback-panel .fit-score{width:116px;height:116px}
#feedback-panel .fit-score::before{width:92px;height:92px;background:#f7faf4}
#feedback-panel .fit-score strong{color:var(--forest-deep);font-size:2.2rem}
#feedback-panel .score-caveat{max-width:560px;color:#526a5d;font-size:.83rem;line-height:1.6}
#feedback-panel .feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:22px 0}
#feedback-panel .feedback-grid article{min-width:0;padding:24px;border:1px solid #d4e5d8;border-radius:16px;background:#f6faf6;box-shadow:none}
#feedback-panel .feedback-grid .feedback-gaps{border-color:#e4ddcc;background:#fbf8f0}
#feedback-panel .feedback-grid h3{gap:10px;margin:0 0 17px;color:var(--forest-deep);font-size:.94rem;line-height:1.4}
#feedback-panel .feedback-grid h3 svg{flex:none;width:21px;height:21px}
#feedback-panel .feedback-grid li{padding-top:14px;border-color:#dbe8dc}
#feedback-panel .feedback-grid .feedback-gaps li{border-color:#e8e0d0}
#feedback-panel .feedback-grid li b{color:#314e43;font-size:.82rem;line-height:1.55}
#feedback-panel .feedback-grid li span{margin-top:6px;color:#617568;font-size:.75rem;line-height:1.6}
#feedback-panel .score-breakdown{margin:0 0 20px;border-color:#c9dfce;border-radius:14px;background:#f7faf6}
#feedback-panel .score-breakdown[hidden]{display:none}
#feedback-panel .score-breakdown summary{padding-left:20px}
#feedback-panel .feedback-tip{margin:0;color:#5b7264;font-size:.76rem;line-height:1.55}
#feedback-panel .feedback-result-footer{padding:23px 30px 27px;border-top:1px solid rgba(36,90,74,.11);background:#f3f8f1}
#feedback-panel .feedback-result-footer>p:first-child{margin:0 0 14px;color:var(--forest-deep);font-size:.84rem;font-weight:800}
#feedback-panel .feedback-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#feedback-panel .feedback-actions .button{justify-content:space-between;gap:10px;min-width:0;min-height:54px;padding:12px 17px;border-radius:11px;text-align:left;line-height:1.4}
#feedback-panel .feedback-actions .ui-chevron{flex:none}
#feedback-panel #auto-optimise-status{margin:12px 0 0}
#feedback-panel #auto-optimise-status:empty{display:none}
@media(max-width:760px){#feedback-panel .feedback-grid{grid-template-columns:1fr}#feedback-panel .feedback-actions{grid-template-columns:1fr}}
@media(max-width:560px){#feedback-panel .feedback-result-card,#letter-panel .letter-workspace-intro{border-radius:17px}#feedback-panel .feedback-result-header,#letter-panel .letter-workspace-intro{gap:13px;padding:22px 20px}#feedback-panel .feedback-result-icon,#letter-panel .letter-workspace-icon{flex-basis:42px;width:42px;height:42px;border-radius:12px}#feedback-panel .feedback-result-icon svg,#letter-panel .letter-workspace-icon svg{width:22px;height:22px}#feedback-panel .feedback-result-body{padding:21px 20px}#feedback-panel .score-summary{padding:18px}#feedback-panel .score-row{align-items:center;gap:15px}#feedback-panel .fit-score{width:88px;height:88px}#feedback-panel .fit-score::before{width:70px;height:70px}#feedback-panel .fit-score strong{font-size:1.6rem}#feedback-panel .fit-score small{font-size:.52rem}#feedback-panel .score-caveat{font-size:.72rem}#feedback-panel .feedback-grid article{padding:20px}#feedback-panel .feedback-result-footer{padding:20px}#feedback-panel .feedback-actions .button{width:100%}}
/* Train for Interview: onboarding + immersive practice. */
#interview-view .iv-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:24px;padding:0 0 26px;border-bottom:1px solid var(--line)}
.iv-hero .eyebrow{margin-bottom:12px}
.iv-hero :is(h1,h2){margin:0;color:var(--forest-deep);font-size:clamp(2.4rem,4.4vw,4.1rem);line-height:1.05;letter-spacing:-.055em}
.iv-hero-copy{max-width:600px;margin:14px 0 0;color:#576c60;font-size:.95rem;line-height:1.65}
#interview-view[data-stage="quiz"] .iv-hero-copy{display:none}
#interview-view[data-stage="quiz"] .iv-hero{padding-bottom:20px}
.iv-steps{max-width:640px;margin:0 0 28px}
.iv-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:6px;border:1px solid #d6e5d9;border-radius:15px;background:#edf5ed;list-style:none;box-shadow:0 7px 20px rgba(23,63,53,.04)}
.iv-steps li{display:flex;align-items:center;gap:10px;min-width:0;min-height:54px;padding:8px 13px;border:1px solid transparent;border-radius:10px;color:#60786a;font-size:.74rem}
.iv-steps li span{display:grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid #bfd5c5;border-radius:9px;color:#5c7b68;background:#f8fbf7;font-size:.65rem;font-weight:800}
.iv-steps li b{min-width:0;font-weight:800;line-height:1.25}
.iv-steps li.is-complete{color:var(--forest-deep);background:#e2f0e6}
.iv-steps li.is-complete span,.iv-steps li.is-active span{border-color:var(--forest);color:#fff;background:var(--forest)}
.iv-steps li.is-active{border-color:#c2d8c8;color:var(--forest-deep);background:#fff;box-shadow:0 3px 10px rgba(23,63,53,.08)}
.iv-onboard{display:block;max-width:820px}
.iv-onboard[hidden]{display:none}
.iv-roles{padding:26px 28px;border:1px solid rgba(36,90,74,.15);border-radius:19px;background:var(--paper);box-shadow:0 12px 34px rgba(23,63,53,.07)}
.iv-roles-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.iv-roles-head h2{margin:0;color:var(--forest-deep);font-size:1.3rem;letter-spacing:-.03em}
.iv-roles-head span{padding:5px 11px;border-radius:999px;color:var(--forest);background:var(--mint);font-size:.68rem;font-weight:800;white-space:nowrap}
.iv-roles-intro{margin:8px 0 0;color:var(--muted);font-size:.84rem;line-height:1.55}
.iv-roles .interview-job-list{margin-top:18px}
.iv-roles .interview-job-card{padding:16px 18px;border-radius:13px}
.iv-roles .interview-job-card>span:last-child{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:999px;color:#fff;background:var(--forest);line-height:1}
.iv-roles .interview-job-card:hover>span:last-child{background:var(--forest-deep)}
.iv-roles .interview-job-card:disabled{opacity:.6;cursor:wait}
.iv-stage{position:relative;max-width:820px;margin:0 auto;padding:30px 34px 28px;border-radius:22px;background:linear-gradient(180deg,#f3f9f4,#fffefa 46%);box-shadow:0 22px 60px rgba(23,63,53,.12)}
.iv-stage[hidden]{display:none}
.iv-stage-top{display:flex;align-items:center;gap:14px}
.iv-interviewer{display:grid;flex:0 0 46px;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;background:var(--forest);box-shadow:0 8px 18px rgba(23,63,53,.18)}
.iv-interviewer svg{width:22px;height:22px}
.iv-stage-who{min-width:0;flex:1}
.iv-stage-who b{display:block;color:var(--forest-deep);font-size:.9rem}
.iv-stage-who small{display:block;overflow:hidden;color:var(--muted);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}
.iv-stage .skills-question-count{margin:0;padding:6px 12px;border-radius:999px;color:var(--forest);background:var(--mint);font-size:.72rem;white-space:nowrap}
#interview-progress{display:block;width:100%;height:6px;margin:20px 0 26px;border:0;border-radius:99px;overflow:hidden;appearance:none;background:#d8e5de}
#interview-progress::-webkit-progress-bar{background:#d8e5de}
#interview-progress::-webkit-progress-value{background:var(--green);border-radius:99px;transition:width .3s ease}
#interview-progress::-moz-progress-bar{background:var(--green);border-radius:99px}
.iv-stage #interview-question-card h2{background:#fff;-webkit-text-fill-color:currentColor;margin:0 0 22px;padding:22px 24px;border:1px solid rgba(36,90,74,.14);border-radius:4px 20px 20px 20px;background:#fff;box-shadow:0 8px 24px rgba(23,63,53,.07);font-size:clamp(1.2rem,2.3vw,1.6rem)}
.iv-stage #interview-question-card textarea{min-height:140px;padding:16px 18px;border-radius:14px;background:#fff}
.iv-stage #interview-question-card textarea:focus-visible{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(57,167,123,.14)}
.iv-stage .skills-question-actions{margin-top:22px;padding-top:20px}
.interview-feedback-summary{background:linear-gradient(135deg,#e5f1ea,#f6faf4)}
.interview-feedback-list{counter-reset:iv}
.interview-feedback-list li{position:relative;padding:20px 22px 20px 60px;counter-increment:iv;background:#fff}
.interview-feedback-list li::before{content:counter(iv);position:absolute;top:18px;left:18px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#fff;background:var(--forest);font-size:.72rem;font-weight:800}
@media(max-width:680px){#interview-view .iv-hero{align-items:flex-start;flex-direction:column;gap:14px}.iv-steps li{gap:8px;padding:8px}.iv-steps li b{font-size:.68rem}.iv-roles{padding:20px 18px}.iv-roles-head{align-items:flex-start;flex-direction:column}.iv-stage{padding:22px 18px}.iv-stage #interview-question-card h2{padding:18px}.interview-feedback-list li{padding-left:56px}}
/* Review loading screen. */
.review-step{max-width:620px;margin:0 auto;padding-top:14px}
.review-step h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.review-step .supporting-copy{margin:12px auto 26px}
.review-indicator{width:88px;height:88px;margin-bottom:22px;color:var(--forest);box-shadow:0 0 0 10px rgba(57,167,123,.09);animation:rv-breathe 2.6s ease-in-out infinite}
@keyframes rv-breathe{0%,100%{box-shadow:0 0 0 6px rgba(57,167,123,.08)}50%{box-shadow:0 0 0 14px rgba(57,167,123,.14)}}
.rv-stages{display:grid;gap:8px;margin:0 auto 24px;padding:0;list-style:none;text-align:left}
.rv-stages li{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid transparent;border-radius:14px;color:#8a978f;transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.rv-stages li b{display:block;font-size:.88rem}
.rv-stages li small{display:block;margin-top:2px;font-size:.72rem;line-height:1.4}
.rv-mark{position:relative;flex:0 0 26px;width:26px;height:26px;border:2px solid #cddbd2;border-radius:50%;background:#fff;transition:all .3s ease}
.rv-stages li.is-active{border-color:#c2d8c8;color:var(--forest-deep);background:#fff;box-shadow:0 6px 18px rgba(23,63,53,.08)}
.rv-stages li.is-active .rv-mark{border-color:var(--green);border-top-color:transparent;animation:spin 1s linear infinite}
.rv-stages li.is-done{color:var(--forest)}
.rv-stages li.is-done .rv-mark{border-color:var(--forest);background:var(--forest)}
.rv-stages li.is-done .rv-mark::after{content:"";position:absolute;top:5px;left:8px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.review-bar{width:100%;height:6px}
#review-percent{max-width:none;margin:14px auto 0;font-size:.82rem;line-height:1.6}
.rv-tip{max-width:460px;margin:22px auto 0;padding:14px 18px;border-radius:14px;color:var(--forest-deep);background:var(--mint);font-size:.8rem;line-height:1.55;transition:opacity .35s ease}
.rv-tip:empty{display:none}
.rv-tip.is-fading{opacity:0}
.rv-tip b{margin-right:6px;color:var(--forest);font-size:.66rem;letter-spacing:.09em}
@media(max-width:680px){.rv-stages li{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.review-indicator,.rv-stages li.is-active .rv-mark{animation:none}}
/* Simpler result and application headers, with a score bar instead of a ring. */
#feedback-panel .feedback-result-header{display:block;padding:29px 32px}
#feedback-panel .feedback-result-header h2{max-width:920px}
#feedback-panel .score-summary{background:#f3f8f1}
#feedback-panel .score-row{gap:34px}
#feedback-panel .fit-score{display:flex;flex:0 0 205px;flex-direction:column;align-items:flex-start;justify-content:center;width:205px;height:auto;min-height:112px;border-radius:0;background:none}
#feedback-panel .fit-score::before{display:none}
#feedback-panel .fit-score small{order:0;margin:0 0 5px;color:#547660;font-size:.68rem;font-weight:800;letter-spacing:.11em}
#feedback-panel .fit-score-value{display:flex;align-items:baseline;gap:1px;width:auto;text-align:left}
#feedback-panel .fit-score strong{font-size:clamp(2.5rem,4vw,3.2rem);line-height:1.05}
#feedback-panel .fit-score-value>span{color:var(--forest-deep);font-size:1.35rem;font-weight:800}
#feedback-panel .fit-score-track{overflow:hidden;width:100%;height:8px;margin-top:14px;border-radius:999px;background:#d7e6da}
#feedback-panel .fit-score-track>span{display:block;width:var(--score-percent,0%);height:100%;border-radius:inherit;background:var(--fit-color);transition:width .35s ease}
#letter-panel .letter-guide{background:#f3f8f1}
#letter-panel .letter-guide-toggle{gap:10px}
#letter-panel .letter-editor-banner{display:block;background:#f3f8f1}
#letter-panel .letter-editor-banner h3{margin-top:6px}
#letter-panel .application-helper-header{display:block;background:#f3f8f1}
#letter-panel .application-helper h3{margin-top:6px}
@media(max-width:560px){#feedback-panel .feedback-result-header{padding:23px 20px}#feedback-panel .score-row{align-items:stretch;flex-direction:column;gap:17px}#feedback-panel .fit-score{flex:auto;width:100%;min-height:0}#feedback-panel .fit-score-track{margin-top:10px}#feedback-panel .score-summary-text{gap:8px}#letter-panel .letter-editor-banner,#letter-panel .application-helper-header{padding:22px 20px}}
/* Selected CV: one quiet card for the file and its optional account action. */
#upload-panel .cv-selected-file{display:block;overflow:hidden;margin-top:0;padding:0;border:1px solid rgba(36,90,74,.16);border-radius:13px;background:#fff;box-shadow:0 1px 2px rgba(30,74,60,.04)}
#upload-panel .cv-selected-file[hidden],#cv-file-save-row[hidden]{display:none}
.cv-selected-file-main{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:15px 18px}
#upload-panel .cv-selected-file .file-chip__meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
#upload-panel .cv-selected-file .file-chip__meta strong{max-width:100%;color:var(--forest-deep);font-size:.9rem;font-weight:700;letter-spacing:-.01em;line-height:1.4}
#upload-panel .cv-selected-file .file-chip__meta>span{display:flex;align-items:center;gap:10px;color:#60786a;font-size:.76rem}
.cv-file-added{display:none!important;padding-left:10px;border-left:1px solid #c8dacd;color:#317a5e!important;font-size:.73rem!important;font-weight:700}
#upload-panel .cv-selected-file .file-chip__remove{flex:none;min-height:0;padding:6px 10px;border:0;border-radius:8px;color:var(--forest);background:var(--mint);font-size:.7rem;font-weight:700}
#upload-panel .cv-selected-file .file-chip__remove:hover{background:#d2ece4}
#upload-panel .cv-selected-file .file-chip__remove:focus-visible,#cv-file-save-row .copy-inline:focus-visible{outline:3px solid rgba(57,167,123,.3);outline-offset:2px}
#cv-file-save-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;margin:0;padding:12px 18px;border-top:1px solid rgba(36,90,74,.1);background:#f6faf4}
.cv-save-row-title{color:#345d49;font-size:.76rem;font-weight:800}
.cv-save-row-title small{margin-left:7px;color:#688071;font-size:.68rem;font-weight:600}
#cv-file-save-row .copy-inline{min-height:39px;padding:8px 13px;border-color:#bfd8c8;border-radius:9px;background:#fff;font-size:.73rem}
#cv-file-save-row .form-status{grid-column:1/-1;min-height:0;margin:0;font-size:.72rem}
#cv-file-save-row .form-status:empty{display:none}
.cv-entry-footer.is-ready .field-help{color:var(--forest);font-weight:800}
@media(max-width:560px){.cv-selected-file-main{align-items:flex-start;flex-direction:column;gap:15px;padding:18px}#upload-panel .cv-selected-file .file-chip__remove{width:100%}#cv-file-save-row{grid-template-columns:1fr;padding:15px 18px}#cv-file-save-row .copy-inline{width:100%}}
/* Next-step footer: heading left, two quiet actions right, status underneath. */
#feedback-panel .feedback-result-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;padding:20px 30px}
#feedback-panel .feedback-result-footer>p:first-child{margin:0;font-size:.95rem;letter-spacing:-.015em}
#feedback-panel .feedback-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
#feedback-panel .feedback-actions .button{justify-content:center;min-height:0;padding:13px 20px;border-radius:12px;font-size:.84rem;text-align:center}
#feedback-panel .feedback-result-footer #auto-optimise-status{grid-column:1/-1;margin:0}
@media(max-width:760px){#feedback-panel .feedback-result-footer{grid-template-columns:1fr;padding:20px}#feedback-panel .feedback-actions{flex-direction:column}#feedback-panel .feedback-actions .button{width:100%}}
/* Schools hero: use the left column. */
.school-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr)}
.school-hero h1{max-width:16ch;font-size:clamp(2.6rem,5.2vw,4.4rem);font-weight:700;line-height:1.05;letter-spacing:-.04em}
.school-hero .eyebrow{font-size:.78rem}
.school-hero .school-lead{max-width:34em;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6}
.school-hero-actions .button{min-height:56px;padding:14px 26px;font-size:.95rem}
@media(max-width:900px){.school-hero h1{max-width:18ch;font-size:clamp(2.2rem,8vw,3.2rem)}}
@media(max-width:680px){.school-hero h1{font-size:clamp(2rem,9vw,2.6rem)}.school-hero .school-lead{font-size:1rem}}
/* Pro plan: "Recommended" pill and a touch more lift so it reads as the default choice. */
.plan-grid article.plan-featured{position:relative;border-width:2px;box-shadow:0 0 0 4px rgba(85,189,146,.28),0 26px 60px rgba(23,63,53,.28);transform:translateY(-12px) scale(1.02)}
.plan-grid article.plan-featured::before{content:"Recommended";position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:5px 14px;border-radius:999px;background:#55bd92;color:#0f2e25;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
@media(max-width:820px){.plan-grid article.plan-featured{transform:none;margin-top:12px}}
/* Plans page billing panel, current-plan ring and fine print. */
.billing-panel{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:0 0 26px;padding:18px 22px;border:1px solid var(--line);border-left:5px solid #55bd92;border-radius:16px;background:rgba(255,254,250,.9);box-shadow:var(--shadow-small)}
.billing-panel[hidden]{display:none}
.billing-panel>div{flex:1 1 280px}
.billing-panel strong{display:block;color:var(--forest-deep);font-size:1.02rem}
.billing-panel p{margin:4px 0 0;color:#4e655a;line-height:1.55}
.billing-panel[data-tone="warn"]{border-left-color:#d9822b;background:#fff8ee}
.billing-panel .button{flex:0 0 auto}
.plan-grid article.plan-current{outline:3px solid #55bd92;outline-offset:3px}
.plan-grid article button[disabled]{opacity:.75;cursor:default}
.plans-fineprint{max-width:760px;margin:18px auto 0;color:#4e655a;font-size:.86rem;line-height:1.6;text-align:center}
.plans-fineprint a{color:var(--forest);text-underline-offset:3px}
.settings-billing-link{display:block;margin:6px 0 2px;padding:10px 0 4px;border-top:1px solid var(--line);color:var(--forest);font-weight:700;font-size:.9rem;text-decoration:none}
.settings-billing-link:hover{text-decoration:underline;text-underline-offset:3px}