.resume-app{--resume-accent:#d93830;overflow-x:hidden}.resume-main{margin-left:236px;min-height:100vh}.resume-topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:12px}.resume-header-actions,.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.resume-content{max-width:1500px;margin:auto;padding:38px 36px 0}.resume-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 32px}.resume-intro h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3vw,46px);line-height:1.24;letter-spacing:-1.8px;margin:17px 0}.resume-intro h1 span{color:var(--accent)}.resume-intro p,.view-heading p{color:var(--sub);line-height:1.7;margin:8px 0;font-size:13px}.local-badge{display:flex;align-items:center;gap:13px;padding:17px 19px;background:#edf6f1;border:1px solid #d7e9de;border-radius:12px;color:#34735d}.local-badge>span{font-size:32px}.local-badge b{font-size:12px}.local-badge small{display:block;margin-top:5px;font-size:10px}.workflow{display:flex;align-items:center;gap:22px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px;color:#77818f;font-size:12px}.workflow a,.workflow button{display:flex;align-items:center;gap:10px;font-size:12px}.workflow b{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #dce1e7;border-radius:50%;font-size:10px}.workflow .current{color:#b92e26;font-weight:600}.workflow .current b{background:#fff0ed;border-color:#f0cfc9}.workflow>span{margin:auto;color:#b1b8c4}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.view-heading h2,.ai-card h2{font:700 23px Manrope,Arial,sans-serif;letter-spacing:-.7px;margin:0}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.r-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 4px 16px #17203303;min-width:0}.card-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;font-weight:700;color:#7e8795;margin-bottom:18px}.tiny-tag{font-size:8px;color:#398369;background:#edf7f2;border-radius:4px;padding:5px 7px;letter-spacing:.8px}.tiny-tag.neutral{color:#818a98;background:#f2f4f7}.resume-drop{text-align:center;border:1px dashed #d9dfe8;border-radius:12px;padding:24px 15px;background:#fcfcfd}.resume-drop.dragover{background:#fff0ed;border-color:var(--accent)}.resume-file-art{width:49px;height:60px;border:1px solid #d9dfe8;background:#fff;border-radius:7px;position:relative;margin:0 auto 16px;box-shadow:-7px 5px 0 #eef0f5;display:grid;place-items:center;transform:rotate(5deg)}.resume-file-art span{color:var(--accent);font-size:13px;font-weight:700}.resume-file-art i{position:absolute;right:-11px;bottom:-5px;border-radius:50%;width:24px;height:24px;background:var(--accent);color:#fff;font-style:normal;font-size:17px}.resume-drop h3,.job-section h3{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:8px 0}.resume-drop p,.job-section p{font-size:12px;color:var(--sub);line-height:1.7;margin:6px 0 17px}.resume-drop .primary{gap:22px}.resume-drop small{display:block;font-size:10px;color:#87909d;margin:15px 0 0;line-height:1.5}.privacy-line{font-size:10px;color:#768477;text-align:center;margin:17px 0 0;line-height:1.6}.privacy-line span{margin-right:5px}.resume-app textarea,.r-input,.resume-app select{width:100%;padding:12px 13px;border:1px solid #dce1e8;border-radius:8px;background:#fcfcfd;color:var(--ink);font-size:12px;line-height:1.7;resize:vertical}.resume-app textarea::placeholder,.r-input::placeholder{color:#9aa2af}.resume-app textarea:focus,.r-input:focus{border-color:#949fac;background:#fff}.job-section textarea{min-height:183px}.job-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#929aa7}.job-footer small{font-size:10px}.text-link{font-size:11px;font-weight:600;color:#59677b;text-decoration:underline;text-underline-offset:3px;padding:3px}.r-button{border:1px solid #dce1e7;background:#fff;border-radius:8px;padding:10px 13px;color:#4d596b;font-size:12px;font-weight:600;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.r-button:hover{background:#f4f6f9;border-color:#b7c1cf}.r-button.small{font-size:10px;padding:7px 10px;min-height:32px}.analyse-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 30px}.analyse-row p{font-size:11px;color:#89909b;line-height:1.8;margin:0}.analyse-row b{color:#667181;font-weight:500}.analyse-row .primary{gap:28px;min-width:193px;justify-content:space-between}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding:25px 0}.feature-strip>div{display:grid;grid-template-columns:30px 1fr;gap:5px 8px}.feature-strip span{grid-row:1/3;color:#858f9f;font-size:24px}.feature-strip b{font-size:11px;font-weight:600}.feature-strip p{font-size:10px;color:#9098a4;margin:0;line-height:1.7}.loaded-document{display:flex;align-items:center;gap:12px;margin:25px 0;overflow-wrap:anywhere}.loaded-document>div:nth-child(2){flex:1;min-width:0}.loaded-document b{font-size:13px}.loaded-document small{display:block;color:var(--sub);font-size:10px;margin-top:6px}.file-type{background:#fff0ed;color:var(--accent);border-radius:8px;padding:18px 10px;font-size:10px;font-weight:700}.loaded-actions{display:flex;gap:10px;flex-wrap:wrap}.subtext{font-size:11px!important;color:#818b98!important;line-height:1.7!important}.r-notice,#message{font-size:12px;line-height:1.7;padding:15px 18px;border:1px solid #e8d6aa;background:#fffaf0;border-radius:10px;margin-bottom:18px;color:#80642a}.processing{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:20px;margin-bottom:20px}.processing>div:nth-child(2){flex:1}.processing .spinner{width:26px;height:26px;margin:0}.processing b{display:block;font-size:13px}.processing small{font-size:10px;color:var(--sub)}.processing progress{display:block;width:100%;height:5px;accent-color:var(--accent);margin:10px 0}.score-grid{display:grid;grid-template-columns:1.05fr 2fr;gap:20px}.main-score{display:flex;align-items:center;gap:22px}.score-ring{position:relative;width:132px;height:132px;flex-shrink:0}.score-ring svg{transform:rotate(-90deg);width:100%;height:100%;fill:none;stroke-width:8}.score-ring .track{stroke:#eef0f4}.score-ring .value{stroke:var(--score-color,#39836b);stroke-linecap:round;stroke-dasharray:339.3;transition:stroke-dashoffset 1s ease}.score-ring div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.score-ring strong{font:750 35px Manrope,Arial,sans-serif;letter-spacing:-2px}.score-ring small{font-size:10px;color:var(--sub)}.main-score h3{font-size:16px;margin:6px 0}.main-score p{font-size:10px;color:var(--sub);line-height:1.7}.score-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 20px}.category-score>div{display:flex;justify-content:space-between;gap:8px;margin:0 0 11px;font-size:11px}.category-score strong{white-space:nowrap}.meter{height:5px;background:#eff1f5;border-radius:5px;overflow:hidden}.meter>span{display:block;height:100%;background:#577fba;border-radius:5px}.report-note{color:#87909c;font-size:10px;line-height:1.8;margin:14px 0 22px}.report-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:20px;align-items:start}.report-columns h3{font-size:15px;margin:0 0 17px}.issue{border-top:1px solid #edf0f4;padding:14px 0}.issue:last-child{padding-bottom:0}.issue summary{display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer;list-style:none}.issue summary::after{content:'+';margin-left:auto;color:#8b95a3}.issue[open] summary::after{content:'−'}.severity{font-size:8px;text-transform:uppercase;letter-spacing:.5px;padding:4px 6px;border-radius:4px;flex-shrink:0}.severity.high,.severity.critical{background:#ffeded;color:#b03630}.severity.medium{background:#fff5df;color:#947024}.severity.low{background:#edf2f9;color:#5576a8}.issue p{font-size:11px;line-height:1.8;color:#727d8d}.issue p b{color:#4e5969}.issue blockquote{font-size:11px;background:#f6f7fa;border-left:2px solid #cbd2de;margin:12px 0;padding:10px 12px;overflow-wrap:anywhere}.positive-list{padding:0;list-style:none}.positive-list li{font-size:11px;color:#527761;margin-bottom:13px;line-height:1.7;padding-left:19px;position:relative}.positive-list li::before{content:'✓';position:absolute;left:0}.keyword-card{margin-top:20px}.keyword-card h4{font-size:11px;margin:17px 0 9px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:10px;border-radius:5px;padding:5px 8px;background:#eef5f1;color:#54816b;overflow-wrap:anywhere}.chip.missing{background:#f9f1e8;color:#98754d}.convert-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#202734;border-radius:14px;padding:23px 25px;margin:22px 0;color:#fff}.convert-cta h3{font-size:17px;margin:0 0 8px}.convert-cta p{font-size:11px;color:#b0bbca;line-height:1.7;margin:0}.ai-card{display:grid;grid-template-columns:1fr auto;gap:20px;margin:22px 0}.ai-card .eyebrow{font-size:9px;color:#648675;margin-bottom:12px}.ai-card h2{font-size:20px}.ai-card p{font-size:12px;color:var(--sub);line-height:1.8}.ai-card>button{align-self:center;max-width:230px}.ai-card #ai-results{grid-column:1/-1}.semantic-result{border-top:1px solid var(--line);padding:14px 0}.semantic-result strong{font-size:12px}.semantic-result p{margin:7px 0}.template-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}.template-heading b{font-size:12px}.template-heading small{font-size:10px;color:var(--sub)}.template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.template-option{padding:15px 10px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px}.template-option.selected{border-color:#d94b42;box-shadow:0 0 0 1px #d94b42;background:#fff9f7}.template-option b{font-size:11px;display:block;line-height:1.5}.template-option small{display:block;font-size:9px;color:var(--sub);line-height:1.6;margin-top:5px}.template-mini{height:48px;width:39px;border:1px solid #e0e4ea;background:#fff;display:flex;flex-direction:column;gap:4px;padding:9px 6px;margin-bottom:12px;border-radius:2px}.template-mini i{height:2px;background:#d9dee7}.template-mini i:first-child{height:3px;width:65%;background:#66778d}.template-option[data-template=executive] .template-mini{padding-top:13px;gap:5px}.template-option[data-template=technical] .template-mini{gap:3px}.builder-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.r-label{display:block;font-size:11px;font-weight:600;color:#5c6879;margin:16px 0 8px}.section-editor{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.section-toolbar{display:flex;gap:5px;align-items:center;margin-bottom:9px}.section-toolbar input{flex:1;min-width:0;font-weight:600;background:white;padding:9px}.section-toolbar button{flex-shrink:0;padding:4px 7px;min-height:30px;font-size:10px}.section-editor textarea{min-height:140px}.add-section-row{display:flex;gap:8px;margin-top:20px}.add-section-row select{flex:1;min-width:0;font-size:11px}.add-section-row button{white-space:nowrap;font-size:11px}.preview-column{position:sticky;top:20px;min-width:0}.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#8b94a3;font-size:9px;letter-spacing:.8px;margin-bottom:12px}.paper-scroll{padding:18px;background:#e9ecf1;border:1px solid #e0e4ea;border-radius:12px;overflow:auto;max-height:850px}.resume-paper{background:#fff;box-shadow:0 3px 12px #13213714;min-height:640px;padding:35px 32px;font-family:Arial,sans-serif;color:#202631;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.resume-paper h1{font-family:Arial,sans-serif;line-height:1.3;letter-spacing:0;margin:0 0 8px;font-size:26px}.resume-paper h2{font-family:Arial,sans-serif;font-size:13px;margin:18px 0 6px;line-height:1.4;letter-spacing:0}.resume-paper .preview-contact{font-size:11px;white-space:pre-wrap;line-height:1.5;margin-bottom:10px}.resume-paper .preview-line{margin:0 0 4px;white-space:pre-wrap}.resume-paper .preview-bullet{padding-left:16px;position:relative}.resume-paper .preview-bullet::before{content:'•';position:absolute;left:1px}.resume-paper.template-corporate h2{text-transform:uppercase}.resume-paper.template-executive{font-size:12.5px;line-height:1.5}.resume-paper.template-executive h1{font-size:29px}.resume-paper.template-executive h2{margin-top:23px}.resume-paper.template-technical{font-size:11.5px}.resume-paper.template-technical h2{margin-top:15px}.preview-empty{color:#a2a9b4!important;text-align:center;font-size:13px;padding:100px 0}.export-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:24px}.export-bar b{font-size:12px}.export-bar small{display:block;font-size:10px;color:var(--sub);margin-top:7px}.export-bar .button-row{justify-content:flex-end}.export-bar button{font-size:11px}.resume-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#959da8;border-top:1px solid var(--line);padding:25px 0;margin-top:30px;line-height:1.8}.resume-footer a{text-decoration:underline;margin-left:10px}.nav-symbol{font-size:22px;width:20px;text-align:center}.resume-mobile-nav,.resume-mobile-brand{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#resume-dialog{width:min(950px,94vw);max-height:92vh;border:0;border-radius:16px;padding:24px;color:var(--ink);box-shadow:var(--shadow)}#resume-dialog::backdrop{background:#18203388}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:20px;margin:0}#dialog-body canvas{max-width:100%;height:auto;display:block;margin:12px auto;border:1px solid var(--line)}#dialog-body iframe{width:100%;height:65vh;border:1px solid var(--line)}#dialog-body textarea{min-height:280px}#dialog-body .button-row{margin:14px 0}#resume-toast{position:fixed;right:24px;bottom:24px;max-width:450px;background:#202734;color:#fff;padding:14px 20px;border-radius:10px;z-index:20;font-size:12px;box-shadow:var(--shadow)}.spell-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--line);font-size:12px}
@media(min-width:1600px){.resume-sidebar{width:236px}}@media(max-width:1150px){.resume-sidebar{width:205px}.resume-main{margin-left:205px}.resume-content{padding:28px 24px 0}.resume-topbar{padding:0 24px}.local-badge{display:none}.score-grid{grid-template-columns:1fr}.template-grid{gap:7px}.template-option{padding:12px 8px}.builder-layout{grid-template-columns:1fr 1fr;gap:16px}.r-card{padding:20px}.resume-paper{padding:27px 22px;min-height:500px}.export-bar{align-items:flex-start;flex-direction:column}.export-bar .button-row{justify-content:flex-start}}@media(max-width:850px){.resume-sidebar{width:71px}.resume-sidebar .nav-item>span:last-child{display:none}.resume-sidebar .nav-symbol{font-size:23px}.resume-main{margin-left:71px}.resume-intro h1{font-size:35px}.resume-content{padding:26px 22px 0}.workflow{gap:10px}.workflow a,.workflow button{font-size:10px;gap:6px}.template-option small{display:none}.report-columns{grid-template-columns:1fr}.ai-card{grid-template-columns:1fr}.ai-card>button{max-width:none;justify-self:start}.builder-layout{grid-template-columns:1fr}.preview-column{position:static}.resume-paper{min-height:650px}.paper-scroll{max-height:900px}.score-categories{gap:20px}.resume-footer{flex-direction:column;gap:4px}}@media(max-width:600px){.resume-sidebar{display:none}.resume-main{margin-left:0}.resume-topbar{height:65px;padding:0 17px}.resume-mobile-brand{display:block}.resume-topbar .breadcrumb{font-size:10px;gap:6px}.resume-header-actions{gap:5px}.resume-header-actions .free-tag{font-size:9px;padding:6px}.resume-header-actions .r-button{font-size:9px;padding:5px 7px}.resume-mobile-nav{display:flex;gap:7px;padding:10px 17px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.resume-mobile-nav a{font-size:11px;flex:1;text-align:center;border-radius:6px;padding:8px;background:#f4f5f8}.resume-content{padding:26px 17px 0}.resume-intro h1{font-size:31px;letter-spacing:-1.3px}.resume-intro .eyebrow{font-size:8px}.resume-intro p{font-size:12px}.workflow{gap:7px;align-items:flex-start;margin-bottom:25px}.workflow a,.workflow button{flex-direction:column;text-align:center;flex:1;font-size:9px;line-height:1.5}.workflow>span{margin-top:7px}.input-grid{grid-template-columns:1fr}.view-heading h2{font-size:21px}.analyse-row{flex-direction:column;align-items:stretch}.analyse-row .primary{justify-content:space-between}.feature-strip{gap:15px;grid-template-columns:1fr}.feature-strip>div{grid-template-columns:26px 1fr}.feature-strip span{font-size:20px}.r-card{padding:18px}.main-score{gap:19px}.score-ring{width:115px;height:115px}.score-categories{grid-template-columns:repeat(2,1fr)}.convert-cta{align-items:stretch;flex-direction:column;padding:22px}.convert-cta .primary{font-size:12px}.template-heading{align-items:flex-start;flex-direction:column;gap:6px}.template-grid{grid-template-columns:repeat(3,1fr);gap:8px}.template-option b{font-size:10px}.template-mini{height:38px;padding:6px;margin-bottom:7px}.builder-layout{gap:22px}.section-toolbar input{font-size:11px}.section-toolbar button{padding:3px 5px}.add-section-row{flex-direction:column}.preview-heading{font-size:8px}.paper-scroll{padding:10px}.resume-paper{padding:24px 20px;min-height:480px;font-size:10.5px}.resume-paper h1{font-size:23px}.resume-paper h2{font-size:12px}.resume-paper .preview-contact{font-size:10px}.export-bar{padding:19px}.export-bar .button-row{display:grid;grid-template-columns:1fr 1fr;width:100%}.export-bar #download-pdf{grid-column:1/-1}.processing{gap:12px;padding:15px}.processing b{font-size:11px}.resume-footer{font-size:9px}#resume-toast{left:17px;right:17px;bottom:17px}#resume-dialog{padding:18px}.dialog-heading h2{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{body>*{display:none!important}body>.print-only{display:block!important}.print-only{font-family:Arial,sans-serif;font-size:11pt;line-height:1.4}.print-only h1{font-size:24pt}.print-only h2{font-size:12pt;break-after:avoid}.print-only .preview-line{white-space:pre-wrap;margin:0 0 4pt}.print-only .preview-bullet{padding-left:12pt}.print-only .preview-bullet::before{content:'• ';}.print-only .preview-contact{white-space:pre-wrap;font-size:10pt}@page{size:A4;margin:17mm}}

/* The picker and the full-size preview use the same type and ink as the downloads. */
.template-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.template-option {
  display: flex; align-items: center; gap: 12px; min-width: 0; padding: 13px 10px;
}
.template-option:focus-visible { outline: 2px solid #356e9d; outline-offset: 3px; }
.template-option:hover { border-color: #a4afbb; }
.template-option.selected { border-color: var(--resume-accent); }
.template-label { min-width: 0; }
.template-option b { font-size: 12px; }
.template-option small { display: block; font-size: 10px; }
.cv-swatch {
  display: flex; flex: 0 0 46px; flex-direction: column; height: 62px; padding: 5px;
  gap: 2px; border: 1px solid #dce2e8; border-radius: 2px; background: white;
  box-shadow: 0 2px 3px #1824380c; overflow: hidden;
}
.cv-swatch strong, .cv-swatch em { color: var(--cv-ink); font-family: var(--cv-heading); }
.cv-swatch strong { text-align: var(--cv-align); font-size: 7px; line-height: 1.2; }
.cv-swatch em {
  font-size: 4px; font-weight: bold; font-style: normal; line-height: 1.2;
  text-transform: var(--cv-case, capitalize); margin-top: 2px;
}
.cv-swatch i { height: 1px; background: #aeb7c2; }
.cv-swatch i:nth-child(2) { width: 65%; align-self: var(--cv-align); }
.cv-swatch i:nth-child(5),.cv-swatch i:last-child { width: 78%; }
[data-rule="name"] .cv-swatch strong, [data-rule="heading"] .cv-swatch em {
  border-bottom: 1px solid var(--cv-ink); padding-bottom: 1px;
}
.resume-paper[data-rule] { font-family: var(--cv-body); font-size: clamp(11px, 1.25vw, var(--cv-body-size)); }
.resume-paper[data-rule] h1, .resume-paper[data-rule] h2 {
  color: var(--cv-ink); font-family: var(--cv-heading);
}
.resume-paper[data-rule] h1 { font-size: var(--cv-name-size); text-align: var(--cv-align); }
.resume-paper[data-rule] h2 { margin-top: var(--cv-section-gap); font-size: 1.1em; text-transform: var(--cv-case); }
.resume-paper[data-rule] .preview-contact { text-align: var(--cv-align); font-size: .92em; }
.resume-paper[data-rule="name"] h1, .resume-paper[data-rule="heading"] h2 {
  border-bottom: 1px solid var(--cv-ink); padding-bottom: .2em;
}
@media (max-width: 1350px) { .template-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .template-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .template-option { gap: 8px; padding: 10px 8px; }
  .template-option b { font-size: 11px; }
  .template-option small { font-size: 9px; }
  .cv-swatch { flex-basis: 36px; height: 55px; padding: 4px; }
}
