/* V2: one entrance, two independent preparation tools. */
.app-layout{display:block}.sidebar{display:none}.content{margin-left:0;width:100%}.topbar{max-width:1120px;margin:0 auto;padding:22px 24px;background:transparent;border:0;min-height:80px}.main-inner{max-width:1120px;margin:auto;padding:28px 24px 48px}.intro h1{font-size:clamp(44px,5.2vw,68px);line-height:1.02;letter-spacing:-.7px}.intro>p{font-size:17px;line-height:1.6}.breadcrumb{font-size:13px;color:var(--ink)}.view-intro .workspace{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.view-intro .panel{border:0;background:#fff;border-radius:28px;padding:32px}.view-intro .right-aside{padding-top:12px}.view-intro .intro{max-width:850px}.view-intro .preview-card{border-radius:28px}.view-intro .button.full,.hub-card .button{background:var(--ink)}.view-hub .intro{margin-bottom:38px}.view-hub .intro h1{font-size:clamp(44px,5.2vw,64px)}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hub-card{font:inherit;text-align:left;color:var(--ink);padding:30px 34px;border:0;border-radius:30px;display:flex;flex-direction:column;gap:12px;min-height:500px;cursor:pointer;transition:transform .18s,box-shadow .18s;overflow:hidden}.hub-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px -25px #1b1f2a99}.hub-card:disabled{opacity:.6;cursor:default;transform:none}.hub-documents{background:#f5e3da}.hub-interview{background:#e3e8e1}.hub-card-label{display:flex;align-items:center;gap:9px;font-size:15px}.hub-card-label .icon:last-child{margin-left:auto}.hub-card h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(36px,4vw,51px);letter-spacing:-.5px;line-height:1.02;margin:12px 0 0}.hub-card>p{font-size:16px;margin:0;color:#5f625e}.hub-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-top:auto}.hub-card-foot>span{font-family:'JetBrains Mono',monospace;font-size:12px}.hub-card-foot b{display:flex;gap:8px;align-items:center;font-weight:600}.hub-tip{font-size:14px;color:#656b70;margin-top:24px}.quota-note{font-size:12px;line-height:1.7;color:#737778;max-width:820px}.paper-preview{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:270px;padding:22px 10px}.document-art{background:#fff;border-radius:9px;box-shadow:0 24px 45px -28px #5a2b1f99;aspect-ratio:3/4;width:170px;max-width:100%;padding:24px 20px;display:flex;flex-direction:column;gap:12px;transform:rotate(-5deg);color:var(--ink)}.document-art.cv{transform:rotate(7deg);background:#fffcf5}.document-art span{font-family:'Instrument Serif',serif;font-size:24px;border-bottom:2px solid #c4553a;padding-bottom:12px;margin-bottom:5px}.document-art i{display:block;height:4px;border-radius:3px;background:#e5e0d9;width:100%}.document-art i:nth-child(3n){width:64%}.paper-preview .cv{margin-left:-45px;margin-top:25px}.paper-annotation{position:absolute;bottom:32px;right:0;font-size:12px;font-weight:500;background:#fff4eb;border:1px solid #d6a48e;border-radius:30px;padding:9px 12px;transform:rotate(-5deg);color:#91452e}.conversation-preview{background:#11141b;border-radius:18px;color:#f4f2ee;padding:24px;transform:rotate(-2deg);margin:18px 0 20px;flex:1;min-height:235px;box-shadow:0 24px 45px -28px #11141b99;display:flex;flex-direction:column;overflow:hidden}.conversation-preview>span{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;color:#e59d7e}.conversation-preview>p{font-family:'Instrument Serif',serif;font-size:30px;line-height:1.2;margin:16px 0}.conversation-preview>p span{color:#e2664a}.conversation-preview .orb-stage{height:82px;min-height:82px;margin:0}.conversation-preview .orb{width:54px;height:54px}.conversation-preview .orb-ring{width:78px;height:78px}.conversation-preview small{text-align:center;font-size:11px;color:#b4b7bd;margin-top:10px}.back-hub{margin-bottom:22px;font-size:13px}.view-documents .workspace{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:30px}.view-documents .doc-panel{border-radius:28px;padding:30px}.review-explainer{background:#f5e3da;border-radius:28px;padding:32px;position:sticky;top:24px}.review-explainer h2{font:400 39px/1.1 'Instrument Serif',serif;margin:18px 0}.review-explainer h2 em{color:var(--accent)}.review-explainer p{font-size:15px;line-height:1.65;color:#6b5a52}.review-explainer>b{font:12px 'JetBrains Mono',monospace}.review-tabs{display:flex;gap:8px;margin:28px 0 24px;border-bottom:1px solid var(--line);padding-bottom:15px}.review-tabs button{display:flex;align-items:center;gap:15px;background:transparent;color:#5c626e;border:1px solid var(--line);border-radius:999px;font:inherit;padding:12px 26px;cursor:pointer}.review-tabs button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.reading-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.reading-dot.clear{background:#3f9a5c}.reading-dot.partial{background:#d69b23}.reading-dot.limited{background:#d2553b}.review-layout{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.6fr);gap:28px;align-items:start}.review-aside{display:flex;flex-direction:column;gap:20px;min-width:0}.review-aside>.document-art{margin:16px auto 24px;width:165px}.review-aside .panel{padding:24px;border:0;border-radius:24px}.reading-panel h2{font:400 26px/1.15 'Instrument Serif',serif;display:flex;gap:10px;align-items:center;margin:14px 0}.reading-panel p,.review-dimensions>p{font-size:15px;line-height:1.6}.reading-panel small{display:block;color:#6b7078;font-size:12px;line-height:1.6}.review-dimensions>div{border-top:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:14px;padding:13px 0;font-size:13px}.review-dimensions small{display:block;font-size:12px;color:#737780;line-height:1.5;margin-top:5px}.review-dimensions b{font-size:11px;white-space:nowrap;font-weight:500}.level-strong{color:#397047}.level-improve{color:#a3442d}.level-unknown{color:#75623c}.review-content{min-width:0}.review-headline{font:400 clamp(30px,3.1vw,42px)/1.1 'Instrument Serif',serif;margin:0 0 22px}.review-strengths{background:#eaf0e7;border-radius:24px;padding:24px 28px;margin-bottom:20px}.review-strengths .feedback-kicker{color:#3f7a4f}.review-strengths p{font-size:15px;line-height:1.6;margin:14px 0 6px}.review-strengths details{font-size:12px;color:#4b6250}.review-strengths blockquote{margin:12px 0;line-height:1.6}.review-fix{display:flex;gap:16px;border:0;border-radius:24px;padding:25px;margin-bottom:16px}.fix-number{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font:12px 'JetBrains Mono',monospace}.review-fix>div{min-width:0;width:100%}.review-fix h3{font:400 29px/1.15 'Instrument Serif',serif;margin:0 0 12px}.review-fix p{font-size:15px;line-height:1.6}.rewrite-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.rewrite-pair>div{background:#f7f5f1;border-radius:15px;padding:16px;min-width:0;overflow-wrap:anywhere}.rewrite-pair>div+div{background:#f8eee7}.rewrite-pair blockquote,.rewrite-pair p{font-size:14px;line-height:1.6;margin:12px 0 0;white-space:pre-wrap}.rewrite-pair small{display:block;margin-top:12px;font-size:12px;line-height:1.6;color:#9a4b34}.feedback-kicker{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em}.review-loading .preparing{max-width:700px;margin:30px auto}.view-review .notice{margin-top:24px}.footer{margin-top:48px}.view-hub .steps,.view-intro .steps{display:none}
@media(max-width:800px){.main-inner{padding:18px 20px 32px}.topbar{padding:16px 20px;gap:10px;flex-wrap:wrap}.top-actions .session-badge{display:none}.breadcrumb{font-size:11px}.view-intro .workspace{gap:24px}.hub-card{padding:26px 24px;min-height:470px}.hub-card-foot{align-items:start;flex-direction:column;gap:12px}.view-documents .workspace{grid-template-columns:1fr}.review-explainer{position:static}.review-layout{grid-template-columns:1fr}.review-aside>.document-art{display:none}.review-aside{display:grid;grid-template-columns:1fr 1fr}.review-content{margin-top:6px}}
@media(max-width:600px){.view-intro .workspace,.hub-grid{grid-template-columns:1fr}.view-intro .right-aside{padding-top:0}.view-intro .panel,.view-documents .doc-panel{padding:24px 20px}.intro h1{font-size:46px}.intro>p{font-size:16px}.hub-card{min-height:470px;padding:28px}.hub-card h2{font-size:44px}.hub-card-foot{flex-direction:row;align-items:center}.review-aside{display:flex}.rewrite-pair{grid-template-columns:1fr}.review-fix{padding:22px 18px;gap:12px}.review-fix h3{font-size:27px}.review-tabs button{padding:11px 22px}.top-actions{gap:6px}.topbar .demo-button{font-size:10px;padding:8px 10px}.footer-right{flex-wrap:wrap}.review-strengths{padding:22px}}
@media(prefers-reduced-motion:reduce){.hub-card{transition:none}.hub-card:hover{transform:none}}
/* Match the supplied v2 reference: quiet header, generous two-column cards, no sidebar. */
.site-header{width:100%;max-width:1120px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.site-brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;font:600 20px 'Hanken Grotesk',sans-serif;letter-spacing:-.5px;color:var(--ink)}.site-brand .brand-mark{width:30px;height:30px;background:var(--ink);border-radius:7px}.site-brand .icon{width:20px}.header-note{font:10px 'JetBrains Mono',monospace;letter-spacing:.06em;color:#7a7f8c}.top-navigation{display:flex;align-items:center;gap:22px}.top-navigation button{border:0;background:transparent;font:14px 'Hanken Grotesk',sans-serif;padding:8px 0;color:#7a7f8c;white-space:nowrap}.top-navigation button.current{color:var(--ink);box-shadow:0 1px var(--ink)}.top-navigation button:hover{color:var(--accent)}.top-navigation #delete-session{display:flex;gap:7px;align-items:center;color:var(--ink)}.nav-divider{width:1px;height:18px;background:var(--line)}.main-inner{padding-top:26px}.registration-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:30px 0 28px}.registration-copy{display:flex;flex-direction:column;gap:28px}.registration-copy .eyebrow{font-size:11px;margin:0}.registration-copy h1{font:400 clamp(52px,6.4vw,84px)/.98 'Instrument Serif',serif;letter-spacing:-.015em;margin:0;text-wrap:balance}.registration-copy h1 em{color:var(--accent)}.registration-copy>p{font-size:18px;line-height:1.55;color:#4a4f5c;margin:0;max-width:480px}.intro-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:22px}.intro-facts strong{font:400 33px/1 'Instrument Serif',serif;display:block}.intro-facts span{display:block;font-size:12px;color:#7a7f8c;line-height:1.5;margin-top:8px}.view-intro .registration-panel{padding:32px;border-radius:20px}.registration-panel>h2{font-size:22px;font-weight:600;margin:0 0 24px}.registration-panel .input-wrap input{padding-left:16px}.registration-panel .consent{padding:14px;background:#f7f5f1;border-radius:12px}.registration-panel .field-hint{font-size:12px;line-height:1.5}.registration-panel #mode-notice{display:none}.view-hub .intro h1{font-size:clamp(40px,4.7vw,60px);line-height:1.05;max-width:1030px}.view-hub .intro>p:empty{display:none}.view-hub .eyebrow{color:#7a7f8c}.hub-card{padding:34px 38px;min-height:520px;border-radius:32px}.hub-card h2{font-size:clamp(38px,4.1vw,54px)}.hub-card-foot{font-size:14px}.hub-card-foot>span{font-size:13px}.mode-documents.view-documents .workspace{display:block;margin-top:28px}.mode-documents.view-documents .right-aside{display:none}.mode-documents.view-documents .intro{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:end}.mode-documents.view-documents .intro .eyebrow{grid-column:1/-1}.mode-documents.view-documents .intro h1{font-size:clamp(40px,5vw,60px);margin-bottom:0}.mode-documents.view-documents .intro>p{margin:0 0 4px}.mode-documents.view-documents .review-upload-form{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:none;border:0;box-shadow:none}.review-upload-form .document-block{border:0;background:#f5e3da;padding:30px 34px;border-radius:32px;margin:0;display:flex;flex-direction:column;gap:14px}.review-upload-form .document-block[data-kind=cv]{background:#ece3d3}.review-upload-form .document-block[data-kind=job]{grid-column:1/-1;background:var(--ink);color:#fff;border-radius:28px;padding:28px 34px}.review-upload-form .doc-number{display:none}.review-upload-form .document-title{margin-bottom:0}.review-upload-form .document-title h3{font-size:18px;display:flex;justify-content:space-between;width:100%;align-items:center}.review-upload-form .pill{background:#ffffff66;color:#4a4f5c}.review-upload-form .pill.optional{background:transparent;border:1px solid #747780;color:#d3d4d7}.review-upload-form .upload-art{margin:22px auto 18px;width:180px;min-height:240px}.review-upload-form .document-block:has(.file-selected) .upload-art{display:none}.review-upload-form .dropzone{background:#fff8;border:1px dashed #bcb2a4;border-radius:16px;padding:22px 16px}.review-upload-form .dropzone>b{color:var(--ink)}.review-upload-form .dropzone>.icon{color:#6b5a52}.review-upload-form .document-text summary{font-size:14px;color:#4a4f5c}.review-upload-form .document-text textarea{min-height:130px;border:1px solid transparent;background:#fff;border-radius:16px}.review-upload-form .text-meta{color:#726b64}.review-upload-form [data-kind=job] .document-text summary,.review-upload-form [data-kind=job] .text-meta{color:#d3d4d7}.review-upload-form [data-kind=job] .dropzone{background:#ffffff0a;border-color:#757985}.review-upload-form [data-kind=job] .dropzone b,.review-upload-form [data-kind=job] .dropzone small,.review-upload-form [data-kind=job] .dropzone .icon{color:#fff}.review-upload-form>.actions,.review-upload-form>.form-error,.review-upload-form>.under-button{grid-column:1/-1;margin:0}.review-upload-form>.actions{justify-content:flex-end;display:flex}.review-upload-form>.actions .button{background:var(--ink);width:auto;padding:16px 28px}.review-upload-form>.form-error:empty{display:none}.review-upload-form>.under-button{justify-content:flex-end}.view-review .review-aside{align-self:start}.review-tabs button{border-radius:12px}.view-review .feedback-actions{margin-top:28px}.registration-panel .button{font-size:15px}
@media(max-width:760px){.site-header{padding:20px;gap:18px;flex-wrap:wrap}.top-navigation{gap:18px}.header-note{font-size:8px}.registration-layout{grid-template-columns:1fr;gap:38px;padding-top:8px}.registration-copy h1{font-size:66px}.registration-copy>p{max-width:600px}.registration-panel{max-width:600px;width:100%}.mode-documents.view-documents .intro{grid-template-columns:1fr}.mode-documents.view-documents .intro>p{margin-top:20px}.review-upload-form .document-block{padding:26px 24px}.hub-card{padding:28px;min-height:500px}.top-navigation button{font-size:13px}}
@media(max-width:560px){.site-header{display:block;padding:20px 20px 8px}.site-brand{font-size:19px}.header-note{display:block;margin-top:14px}.top-navigation{margin-top:18px;justify-content:space-between;gap:10px}.top-navigation button{font-size:12px}.top-navigation .icon{width:15px;height:15px}.nav-divider{display:none}.registration-copy{gap:24px}.registration-copy h1{font-size:62px}.registration-copy>p{font-size:17px}.intro-facts strong{font-size:28px}.intro-facts span{font-size:11px}.view-intro .registration-panel{padding:26px 22px}.mode-documents.view-documents .review-upload-form{grid-template-columns:1fr}.review-upload-form [data-kind=job]{grid-column:auto}.review-upload-form>.actions .button{width:100%}.review-upload-form .upload-art{width:160px;min-height:210px}.hub-card h2{font-size:43px}.view-hub .intro h1{font-size:43px}.hub-card{min-height:500px}}
/* Compact reference upload: one active input, one quiet file row. */
.compact-document .document-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.compact-document .document-title h3{display:flex;gap:10px;align-items:center;margin:0;font-size:16px;font-weight:500}.compact-document .document-title h3 .icon{width:20px;height:22px}.document-requirement{font-size:12px;color:#776e63;flex:none}.compact-document .document-headline{font:400 clamp(28px,3.2vw,42px)/1.08 'Instrument Serif',serif;letter-spacing:-.5px;margin:10px 0 0}.review-upload-form .compact-document{padding:28px 32px;gap:18px}.compact-document .document-input{margin-top:auto;min-width:0}.input-switch{display:inline-flex;border-radius:999px;background:#ffffffa6;padding:4px;gap:3px;margin-bottom:12px}.input-switch button{padding:8px 14px;font:500 14px 'Hanken Grotesk',sans-serif;border:0;background:transparent;border-radius:999px;color:var(--ink)}.input-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #1b1f2a06}.compact-document .compact-upload{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid transparent;border-radius:18px;padding:16px;min-height:79px;min-width:0;transition:border-color .15s}.compact-upload.drag{border-color:var(--accent)}.compact-upload .file-type{font:11px 'JetBrains Mono',monospace;color:#3f7a4f;background:#eef3ee;border-radius:6px;padding:8px;flex:none;min-width:35px;text-align:center}.compact-upload .file-type .icon{width:18px;height:18px}.compact-upload .file-description{min-width:0;flex:1}.compact-upload .file-description b{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere;line-height:1.35}.compact-upload .file-description small{display:block;color:#6b7470;font-size:12px;margin-top:4px;line-height:1.35}.compact-upload .replace-file{font:14px 'Hanken Grotesk',sans-serif;color:#555c68;text-decoration:underline;text-underline-offset:4px;border:0;background:transparent;padding:6px 0;flex:none}.compact-upload .remove-file{display:grid;place-items:center;background:none;border:0;color:#8b8f95;padding:4px;flex:none}.compact-upload .remove-file .icon{width:15px;height:15px}.compact-document .text-pane textarea{width:100%;min-height:210px;resize:vertical;background:#fff;border:1px solid transparent;border-radius:18px;padding:16px;font:15px/1.6 'Hanken Grotesk',sans-serif}.compact-text-count{display:block;font-size:11px;color:#746e67;margin:6px 4px 0;text-align:right}.compact-document .file-error:empty{display:none}.compact-document .file-error{margin:0;font-size:12px}.document-illustration{display:flex;justify-content:center;align-items:center;min-height:255px;padding:16px 0 22px;flex:1}.illustration-sheet{width:168px;height:230px;background:#fff;border-radius:9px;box-shadow:0 24px 35px -23px #49372888;transform:rotate(-3deg);padding:23px 19px;display:flex;flex-direction:column;gap:6px}.illustration-sheet>i{height:3px;background:#e9e6e2;border-radius:3px;display:block;width:100%}.illustration-sheet>i:nth-of-type(3n){width:65%}.illustration-sheet>b{display:block;width:32%;height:4px;background:#1b1f2a;border-radius:3px;margin-top:9px}.sheet-header{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-bottom:8px}.sheet-header>i{display:block;height:4px;width:35%;background:#e9e6e2;border-radius:3px}.sheet-signature{font:italic 19px 'Instrument Serif',serif;margin-top:auto}.cv .illustration-sheet{transform:rotate(3deg)}.cv .sheet-header{justify-content:flex-start}.cv .sheet-header>span{width:29px;height:29px;border-radius:50%;background:#e6ddcc}.cv .sheet-header>i{height:5px;background:#1b1f2a;width:50%}.cv .sheet-signature{display:none}.illustrated-document[data-input-mode=text] .document-illustration{display:none}.illustrated-document[data-input-mode=text] .text-pane textarea{min-height:323px}.review-upload-form .document-block[data-kind=job]{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;gap:18px 30px;padding:24px 30px}.review-upload-form [data-kind=job] .document-requirement{color:#aeb2ba}.review-upload-form [data-kind=job] .document-title h3{color:#fff}.review-upload-form [data-kind=job] .file-error{grid-column:1/-1}.review-upload-form [data-kind=job] .document-input{margin:0}.review-upload-form [data-kind=job] .input-switch{background:#ffffff14}.review-upload-form [data-kind=job] .input-switch button{color:#fff}.review-upload-form [data-kind=job] .input-switch button[aria-pressed=true]{background:#fff;color:var(--ink)}.review-upload-form [data-kind=job] .compact-text-count{color:#c4c7cf}.compact-document:not(.illustrated-document) .document-title{margin-bottom:14px}.review-upload-form .compact-document .document-title h3{width:auto}.review-upload-form .compact-document .document-title{margin-bottom:0}.review-upload-form .document-block:has(.file-selected) .upload-art{display:none}
@media(max-width:600px){.review-upload-form .compact-document{padding:24px;gap:16px}.compact-document .document-headline{font-size:34px;max-width:300px}.document-illustration{min-height:225px;padding:8px 0 18px}.illustration-sheet{width:150px;height:205px;padding:20px 18px;gap:5px}.compact-document .compact-upload{padding:14px;gap:9px}.compact-upload .file-description b{font-size:13px}.compact-upload .file-description small{font-size:11px}.compact-upload .replace-file{font-size:12px}.compact-upload .file-type{font-size:10px;padding:7px;min-width:31px}.review-upload-form .document-block[data-kind=job]{display:flex;padding:24px;align-items:stretch}.illustrated-document[data-input-mode=text] .text-pane textarea{min-height:273px}.input-switch button{padding:7px 13px;font-size:13px}.document-requirement{font-size:11px}.compact-document .document-title h3{font-size:15px}}
/* Same document cards in both tools, with an explicit drop target. */
.view-documents .workspace{display:block;margin-top:28px}.view-documents .right-aside{display:none}.view-documents .intro{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:end}.view-documents .intro .eyebrow{grid-column:1/-1}.view-documents .intro h1{font-size:clamp(40px,5vw,60px);margin-bottom:0}.view-documents .intro>p{margin:0 0 4px}.view-documents .review-upload-form{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:none;border:0;box-shadow:none}.compact-document .compact-upload{border:1.5px dashed #b7ada0;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}.compact-document .compact-upload:hover,.compact-document .compact-upload.drag{border-color:var(--accent);background:#fffaf6;box-shadow:0 0 0 3px #c4553a14}.review-upload-form [data-kind=job] .compact-upload{border-color:#a9adb6}.review-upload-form [data-kind=job] .compact-upload.drag{border-color:#e59874;box-shadow:0 0 0 3px #e5987440}.compact-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.view-documents .intro{grid-template-columns:1fr}.view-documents .intro>p{margin-top:20px}}
@media(max-width:560px){.view-documents .review-upload-form{grid-template-columns:1fr}}
.review-unavailable{grid-column:1/-1;padding:32px}.review-unavailable h2{font:400 32px/1.2 'Instrument Serif',serif}.review-unavailable p{font-size:15px;line-height:1.6;max-width:650px}
.preview-extracted{display:block;margin:10px 0 0;padding:0;font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.reading-panel h2{margin-bottom:0}.reading-panel p{font-size:13px;line-height:1.6;margin:9px 0 0}
/* Official Kursusfabrikken wordmark; product name remains secondary. */
.site-brand{flex-direction:column;align-items:flex-start;gap:0;flex-shrink:0;text-align:left;letter-spacing:0}.kf-logo{display:block;object-fit:contain;width:200px;height:auto}.site-brand-product{align-self:stretch;padding-left:17.5%;margin-top:-5.5%;font-size:12px;line-height:1.3;font-weight:500;letter-spacing:.025em;color:#686d76}.conversation-brand{flex-direction:column;align-items:flex-start;gap:9px}.conversation-brand .kf-logo{width:180px;filter:brightness(0) invert(1)}.conversation-brand-copy b{font-size:13px}.conversation-brand-copy small{margin-top:3px}
@media(max-width:560px){.site-brand .kf-logo{width:180px}.site-brand-product{font-size:11px}.conversation-brand .kf-logo{width:155px}.conversation-brand-copy b{font-size:12px}.conversation-brand-copy small{max-width:175px}.conversation-header{min-height:112px}}

/* A single material view; selecting feedback never discards a local document. */
.review-upload-hint{max-width:760px;color:#6b7078;font-size:14px;line-height:1.65;margin:24px 0 0}
.review-upload-form .document-title h3{width:auto;flex:1;justify-content:flex-start}
.review-include{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#555b61;cursor:pointer;white-space:nowrap}
.review-include[hidden]{display:none}
.review-include input{width:16px;height:16px;accent-color:var(--ink);margin:0}
.excluded-from-review .document-headline,.excluded-from-review .document-illustration{opacity:.5}
.view-documents .main-inner{padding-bottom:140px}
:is(.review-upload-form,.material-flow)>.floating-review-action{position:fixed;z-index:40;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 160px);display:flex;align-items:center;justify-content:center;gap:0;padding:8px;border:1px solid #ffffffd9;border-radius:999px;background:#fffef9f2;backdrop-filter:blur(16px);box-shadow:0 12px 44px #1b1f2a26,0 2px 8px #1b1f2a14}
:is(.review-upload-form,.material-flow)>.floating-review-action .button{width:auto;background:var(--ink);padding:16px 28px;border-radius:999px;flex-shrink:0;box-shadow:none}
.review-upload-form>.form-error{scroll-margin-bottom:130px}
@media(max-width:760px){:is(.review-upload-form,.material-flow)>.floating-review-action{left:calc(50% - 30px);right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 96px);gap:0;padding:4px;display:flex;border-radius:999px;bottom:max(14px,env(safe-area-inset-bottom));background:#fffef9e6;box-shadow:0 6px 20px #1b1f2a1c,0 1px 4px #1b1f2a0a}:is(.review-upload-form,.material-flow)>.floating-review-action .button{width:auto;min-height:44px;padding:10px 16px;font-size:12px;line-height:20px;gap:8px;white-space:nowrap}:is(.review-upload-form,.material-flow)>.floating-review-action .button>.icon{width:14px;height:14px}}
@media(max-width:560px){.review-include{font-size:11px}}

/* Shared scrolling material workspace for document feedback and interview preparation. */
.view-documents .workspace.material-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start;margin-top:36px}
.material-flow{min-width:0;display:flex;flex-direction:column;gap:20px}
.material-flow .compact-document{margin:0;padding:30px 32px;border:1px solid #dedbd366;border-radius:26px;background:#f5e3da;display:flex;flex-direction:column;gap:22px;scroll-margin-top:28px;outline:none}
.material-flow .compact-document[data-kind=job]{background:#e5e9e0}
.material-flow .compact-document[data-kind=cv]{background:#ece3d3}
.material-flow .compact-document:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.material-section-number{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border:1px solid #292d3826;border-radius:50%;font:10px 'JetBrains Mono',monospace;color:#747269}
.material-flow .document-title{gap:10px;margin:0;min-height:30px}
.material-flow .document-title h3{flex:1;font-size:16px;gap:8px;justify-content:flex-start}
.material-flow .document-title h3>.icon{display:block;width:17px;height:19px}
.material-flow .document-requirement{font-size:11px}
.material-section-copy h2{font:400 clamp(30px,3vw,40px)/1.06 'Instrument Serif',serif;letter-spacing:-.35px;margin:0 0 10px}
.material-section-copy p{font-size:14px;line-height:1.6;color:#63685f;margin:0;max-width:560px}
.material-flow .document-input{display:flex;flex-direction:column;gap:12px}
.material-flow .input-switch{width:fit-content;background:#ffffff9c}
.material-flow .compact-upload{min-height:94px;padding:20px;border:1.5px dashed #abaea2;border-radius:16px;background:#ffffffdc}
.material-flow .text-pane textarea{width:100%;min-height:180px;height:190px;border:1px solid #dddcd4;border-radius:16px;background:#fff;padding:18px;resize:vertical;color:var(--ink);font:14px/1.7 'Hanken Grotesk',sans-serif}
.material-flow .text-pane textarea:focus{outline:2px solid var(--accent);outline-offset:2px}
.material-flow .compact-text-count{font-size:10px;color:#777c74;margin-top:6px}
.material-flow .file-error:empty,.material-flow>.form-error:empty{display:none}
.material-flow .file-error{margin:0;font-size:13px}
.material-flow .excluded-from-review .material-section-copy{opacity:.55}
.material-flow .review-include{font-size:11px}
.material-flow>.form-error{margin:0;scroll-margin-bottom:140px}
.material-privacy-note{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.6;color:#7b7e82;margin:0 4px}
.material-privacy-note>.icon{width:17px;height:20px;flex-shrink:0}
.material-rail{position:sticky;top:28px;padding:8px 0;align-self:start;min-width:0}
.material-rail-heading>.feedback-kicker{font-size:10px;color:#a0523b;letter-spacing:.1em}
.material-rail h2{font:400 38px/1.06 'Instrument Serif',serif;letter-spacing:-.4px;margin:18px 0 20px}
.material-rail h2 em{color:var(--accent)}
.material-rail-heading>p{font:11px 'JetBrains Mono',monospace;color:#73786f;margin:0 0 20px}
.material-rail ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.material-nav-item{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:10px;width:100%;align-items:center;text-align:left;border:1px solid transparent;border-radius:14px;padding:16px 12px;color:var(--ink);background:transparent;cursor:pointer;transition:background .15s,border-color .15s}
.material-nav-item:hover{background:#ffffff88}
.material-nav-item.is-current{background:#fff;border-color:#e9e4dc;box-shadow:0 5px 14px #1b1f2a04}
.material-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.material-nav-number{font:10px 'JetBrains Mono',monospace;color:#92958e}
.material-nav-copy b{display:block;font-size:14px;font-weight:500}
.material-nav-copy small{display:block;font-size:11px;line-height:1.5;color:#8a8c86;margin-top:4px}
.material-status-mark{border:1px solid #c8cbc3;border-radius:50%;width:19px;height:19px;display:grid;place-items:center}
.material-status-mark>.icon{width:13px;height:13px}
.material-nav-item[data-status=ready] .material-status-mark{background:#5e815f;border-color:#5e815f;color:#fff}
.material-nav-item[data-status=ready] small{color:#5e815f}
.material-nav-item:is([data-status=incomplete],[data-status=error]) .material-status-mark{background:#bd4c3b;border-color:#bd4c3b;color:#fff}
.material-nav-item:is([data-status=incomplete],[data-status=error]) small{color:#b34a39}
.material-nav-item:is([data-status=empty],[data-status=excluded]) .material-status-mark{background:#d5d8d1;border-color:#d5d8d1}
.material-nav-item[data-status=reading] .material-status-mark{border:0}
.material-nav-item[data-status=reading] .spinner{width:17px;height:17px;color:#9c613f}
.material-nav-item[data-status=excluded] .material-status-mark{border-style:dashed}
.material-context{font-size:13px;color:#7a7e77;line-height:1.7;border-top:1px solid var(--line);padding-top:20px;margin:24px 0 20px}
.material-private{display:flex;gap:9px;font-size:11px;line-height:1.7;color:#8c8f89}
.material-private>.icon{width:15px;height:18px;flex-shrink:0;margin-top:2px}
@media(max-width:900px){.view-documents .workspace.material-workspace{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.material-flow .compact-document{padding:26px}.material-rail h2{font-size:34px}}
@media(max-width:760px){
 .view-documents .workspace.material-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:20px}
 .material-rail{grid-row:1;position:sticky;top:0;z-index:30;background:#f4f2eef5;backdrop-filter:blur(14px);padding:12px 0;border-bottom:1px solid #e4dfd7}
 .material-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
 .material-rail-heading>h2,.material-context,.material-private{display:none}
 .material-rail-heading>p{font-size:10px;margin:0}
 .material-rail-heading>.feedback-kicker{font-size:9px}
 .material-rail ol{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
 .material-nav-item{grid-template-columns:minmax(0,1fr) 15px;gap:4px;padding:10px 8px;border-radius:10px;min-height:64px}
 .material-nav-number{display:none}.material-nav-copy b{font-size:12px}.material-nav-copy small{font-size:10px;margin-top:3px}
 .material-status-mark{width:15px;height:15px}.material-status-mark>.icon{width:11px;height:11px}
 .material-flow .compact-document{scroll-margin-top:126px}
}
@media(max-width:420px){.material-flow .compact-document{padding:24px 20px;gap:20px}.material-flow .document-title{flex-wrap:wrap}.material-flow .review-include{margin-left:auto;font-size:10px}.material-section-copy h2{font-size:33px}.material-flow .compact-upload{padding:16px 12px}.material-flow .text-pane textarea{height:190px}.material-privacy-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.material-nav-item{transition:none}}

/* Retain the reference paper illustrations without making each section taller. */
.material-section-intro{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:24px;align-items:center}
.material-flow .document-illustration{display:flex;flex:none;width:112px;height:148px;min-height:0;padding:0;margin:0}
.material-flow .illustration-sheet{width:96px;height:132px;padding:13px 11px;gap:3px;border-radius:6px;box-shadow:0 18px 26px -17px #49372877}
.material-flow .illustration-sheet>b{height:3px;min-height:3px;margin-top:4px}
.material-flow .illustration-sheet>i{height:2px;min-height:2px}
.material-flow .sheet-header{margin-bottom:3px;gap:5px}
.material-flow .sheet-header>i{height:2px}
.material-flow .cv .sheet-header>span{width:17px;height:17px}
.material-flow .cv .sheet-header>i{height:3px}
.material-flow .sheet-signature{font-size:12px}
.material-flow .job .sheet-signature{display:none}
.material-flow .job .sheet-header{justify-content:flex-start}
.material-flow .job .sheet-header>span{width:18px;height:18px;background:#dce3d4;border-radius:4px}
.material-nav-number>.icon{width:17px;height:19px}
@media(max-width:560px){.material-section-intro{grid-template-columns:minmax(0,1fr) 76px;gap:12px}.material-flow .document-illustration{width:76px;height:110px}.material-flow .illustration-sheet{transform:rotate(-3deg) scale(.76);flex-shrink:0}.material-flow .cv .illustration-sheet{transform:rotate(3deg) scale(.76)}.material-section-copy h2{font-size:29px}}

/* Mobile users see document status before the introduction, from the first screen. */
@media(max-width:760px){
 .material-page{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
 .material-page>.intro{grid-row:2;margin:8px 0 4px}
 .view-documents .material-page>.workspace.material-workspace{display:contents}
 .material-page .material-rail{grid-row:1;top:0;margin:0}
 .material-page .material-flow{grid-row:3}
}
.material-flow>.floating-review-action .button:disabled{background:#d8d7d2;color:#777a76;opacity:1;cursor:not-allowed}

/* Quiet upload view: compact documents and status, without explanatory side copy. */
.material-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 12px 14px}
.material-rail-heading>p{margin:0;font-size:10px}
.material-flow .compact-document{padding:26px 30px;gap:18px}
.material-section-copy h2{font-size:clamp(29px,2.8vw,37px);margin:0}
.material-section-intro{grid-template-columns:minmax(0,1fr) 96px;gap:20px}
.material-flow .document-illustration{width:96px;height:114px}
.material-flow .illustration-sheet{width:80px;height:110px;padding:10px 9px;gap:2px}
.material-flow .sheet-signature{font-size:10px}
.material-flow .text-pane textarea{min-height:150px;height:160px}
@media(max-width:760px){.material-rail-heading{margin:0 0 8px}}
@media(max-width:560px){.material-flow .compact-document{padding:22px 20px}.material-section-intro{grid-template-columns:minmax(0,1fr) 70px;gap:12px}.material-flow .document-illustration{width:70px;height:96px}.material-flow .illustration-sheet{transform:rotate(-3deg) scale(.8)}.material-flow .cv .illustration-sheet{transform:rotate(3deg) scale(.8)}.material-flow .text-pane textarea{height:160px}.material-section-copy h2{font-size:29px}}

/* Mobile material cards scroll horizontally instead of squeezing their labels. */
@media(max-width:760px){
 .material-rail nav{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:3px;scrollbar-width:none;padding:3px;margin:-3px;-webkit-overflow-scrolling:touch}
 .material-rail nav::-webkit-scrollbar{display:none}
 .material-rail ol{display:flex;flex-direction:row;gap:10px;width:max-content;min-width:100%;padding-right:3px}
 .material-rail li{flex:0 0 160px;scroll-snap-align:start}
 .material-nav-item{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e5e0d7;background:#ffffff70;min-height:52px;width:100%;border-radius:14px}
 .material-nav-item.is-current{background:#fff;border-color:#d8d0c4}
 .material-nav-copy{min-width:0}.material-nav-copy b{font-size:13px;line-height:1.3;white-space:nowrap}
 .material-nav-copy small{display:none}
 .material-status-mark{flex-shrink:0;width:17px;height:17px}
 .material-flow .compact-document{scroll-margin-top:112px}
}

@media(max-width:760px){.material-rail nav{cursor:grab}.material-rail nav.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.material-rail nav.is-dragging .material-nav-item{cursor:grabbing}}
