:root{--accent:#6366f1;--resume-font:Inter,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#efedf3;color:#24212d;font-family:Inter,Arial,sans-serif}.document-actions{height:64px;background:#fff;border-bottom:1px solid #e3e0e9;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.document-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.document-brand b{width:31px;height:31px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center}.document-actions>div{display:flex;gap:8px}.document-actions a,.document-actions button{border:1px solid #dcd8e5;background:#fff;border-radius:8px;min-height:37px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;color:#24212d}.document-actions button{background:var(--accent);border-color:var(--accent);color:#fff}.resume-sheet{width:210mm;min-height:297mm;margin:28px auto;background:#fff;box-shadow:0 18px 55px rgba(27,22,58,.18);display:grid;grid-template-columns:66mm 1fr;font-family:var(--resume-font);font-size:10pt;line-height:1.45;overflow:hidden}.resume-sidebar{background:var(--accent);color:#fff;padding:17mm 9mm}.identity-block{text-align:left}.identity-block img,.document-avatar{width:32mm;height:32mm;border-radius:50%;object-fit:cover;margin-bottom:7mm}.document-avatar{display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:24pt;font-weight:800}.identity-block h1{font-size:22pt;line-height:1.02;margin:0;letter-spacing:-.035em}.identity-block>p{font-size:10pt;opacity:.85;margin:3mm 0 0}.sidebar-section{margin-top:10mm}.sidebar-section h2,.document-section>h2{font-size:8pt;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4mm}.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:2.5mm;font-size:8.5pt;word-break:break-word}.contact-list a{color:inherit;text-decoration:none}.document-skills{display:flex;flex-wrap:wrap;gap:2mm}.document-skills span{font-size:8pt;border:1px solid rgba(255,255,255,.35);border-radius:3px;padding:1.4mm 2mm}.language-row{display:flex;justify-content:space-between;gap:4mm;font-size:8pt;margin-bottom:2mm}.language-row span{opacity:.8}.resume-main{padding:16mm 13mm}.document-header{border-bottom:2px solid var(--accent);padding-bottom:5mm;margin-bottom:8mm}.document-header h1{font-size:27pt;line-height:1;margin:0;letter-spacing:-.04em}.document-header>p{color:var(--accent);font-size:12pt;margin:2mm 0 3mm}.header-contact{display:flex;flex-wrap:wrap;gap:2mm 5mm;font-size:8.5pt;color:#5e5967}.header-contact a{color:inherit;text-decoration:none}.document-section{margin-bottom:8mm;break-inside:avoid}.document-section>h2{color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,#ddd);padding-bottom:2mm}.summary-text,.entry-description{white-space:pre-line;color:#4f4b57;margin:0;font-size:9pt}.document-entry{margin-bottom:5mm;break-inside:avoid}.document-entry.compact{margin-bottom:3.5mm}.entry-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8mm}.entry-heading h3{font-size:10.5pt;margin:0}.entry-heading p{font-size:8.5pt;margin:1mm 0 0;color:#625d6a}.entry-heading a{color:var(--accent);text-decoration:none}.entry-heading time{font-size:8pt;color:#6e6875;white-space:nowrap}.document-entry ul{padding-left:5mm;margin:2mm 0 0;font-size:8.7pt;color:#4f4b57}.document-entry li{margin-bottom:1.2mm}.tech-list{font-size:8pt;color:var(--accent);font-weight:600;margin-top:2mm}.main-skill-list{display:flex;flex-wrap:wrap;gap:2mm}.main-skill-list span{font-size:8.5pt;background:#f2f0f6;padding:1.5mm 2.5mm;border-radius:3px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:5mm}.reference-grid article{border-left:2px solid var(--accent);padding-left:3mm}.reference-grid h3{font-size:9.5pt;margin:0}.reference-grid p{font-size:8pt;color:#5f5a67;margin:1mm 0}.template-creative_purple .resume-sidebar{background:linear-gradient(165deg,var(--accent),#211444)}.template-creative_purple .document-section>h2{display:flex;align-items:center;gap:3mm;border:0}.template-creative_purple .document-section>h2:after{content:"";height:1px;flex:1;background:color-mix(in srgb,var(--accent) 30%,#ddd)}.template-minimal_professional,.template-ats_clean{display:block;padding:16mm 17mm}.template-minimal_professional .resume-main,.template-ats_clean .resume-main{padding:0}.template-minimal_professional .document-section>h2{color:#24212d;border-color:#24212d}.template-minimal_professional .document-header{text-align:center;border-bottom:1px solid #bdb8c5}.template-minimal_professional .header-contact{justify-content:center}.template-ats_clean{font-family:Arial,sans-serif}.template-ats_clean .document-header{border-bottom:1px solid #111}.template-ats_clean .document-header>p,.template-ats_clean .document-section>h2,.template-ats_clean .entry-heading a{color:#111}.template-ats_clean .document-section>h2{border-color:#111}.size-small{font-size:9pt}.size-large{font-size:10.8pt}.spacing-compact .document-section{margin-bottom:5mm}.spacing-compact .document-entry{margin-bottom:3mm}.spacing-spacious .document-section{margin-bottom:10mm}.spacing-spacious .document-entry{margin-bottom:7mm}.document-public-footer{text-align:center;font-size:11px;color:#777181;padding:0 0 25px}.document-public-footer a{color:var(--accent);font-weight:700}.is-print-mode .resume-sheet{margin:0;box-shadow:none}@page{size:A4;margin:0}@media print{body{background:#fff}.no-print{display:none!important}.resume-sheet{margin:0;box-shadow:none;width:210mm;min-height:297mm}.document-section,.document-entry{break-inside:avoid}}@media(max-width:850px){.resume-sheet{width:min(100%,210mm);margin:0 auto;box-shadow:none;transform-origin:top center}.document-actions{padding:0 12px}.document-brand span{display:none}}@media(max-width:560px){body{background:#fff}.resume-sheet{display:block;min-height:0}.resume-sidebar{padding:32px 26px}.identity-block img,.document-avatar{width:90px;height:90px}.resume-main{padding:30px 25px}.template-minimal_professional,.template-ats_clean{padding:30px 25px}.entry-heading{flex-direction:column;gap:3px}.document-actions a{display:none}}

/* Formal Executive — original MyPortfolioHub layout */
.template-formal_executive{display:block;padding:15mm 18mm;font-family:Georgia,'Times New Roman',serif;color:#1f2933}
.template-formal_executive .resume-main{padding:0}
.template-formal_executive .document-header{text-align:center;border-top:3px double var(--accent);border-bottom:3px double var(--accent);padding:6mm 4mm 5mm;margin-bottom:9mm}
.template-formal_executive .document-header h1{font-size:25pt;letter-spacing:.075em;text-transform:uppercase;font-weight:600}
.template-formal_executive .document-header>p{font-family:Inter,Arial,sans-serif;color:#4d5562;font-size:10pt;letter-spacing:.12em;text-transform:uppercase;margin:2.5mm 0 3.5mm}
.template-formal_executive .header-contact{justify-content:center;font-family:Inter,Arial,sans-serif;color:#525966;font-size:8pt}
.template-formal_executive .document-section{margin-bottom:7mm}
.template-formal_executive .document-section>h2{display:flex;align-items:center;gap:3mm;color:var(--accent);border:0;font-size:8pt;letter-spacing:.18em;text-align:center;white-space:nowrap}
.template-formal_executive .document-section>h2:before,.template-formal_executive .document-section>h2:after{content:"";height:1px;flex:1;background:color-mix(in srgb,var(--accent) 55%,#c9c9c9)}
.template-formal_executive .entry-heading h3{font-size:10.5pt;font-weight:700}
.template-formal_executive .entry-heading p,.template-formal_executive .entry-heading time,.template-formal_executive .summary-text,.template-formal_executive .entry-description,.template-formal_executive .document-entry ul{font-family:Inter,Arial,sans-serif}
.template-formal_executive .main-skill-list{justify-content:center}
.template-formal_executive .main-skill-list span{background:transparent;border:1px solid #c8c8c8;border-radius:0;padding:1.4mm 3mm;color:#303741}
.template-formal_executive .reference-grid article{border-left:0;border-top:1px solid #c8c8c8;padding:3mm 0 0}

/* Classic Formal — original MyPortfolioHub layout */
.template-classic_formal{display:block;padding:15mm 17mm;font-family:'Times New Roman',Times,serif;color:#181818}
.template-classic_formal .resume-main{padding:0}
.template-classic_formal .document-header{border:0;border-bottom:1.5px solid #222;padding:0 0 5mm;margin-bottom:7mm;text-align:left}
.template-classic_formal .document-header h1{font-size:28pt;letter-spacing:.015em;font-weight:700}
.template-classic_formal .document-header>p{color:#333;font-size:11pt;font-style:italic;margin:1.5mm 0 3mm}
.template-classic_formal .header-contact{font-family:Arial,sans-serif;font-size:8pt;color:#444;gap:2mm 4mm}
.template-classic_formal .document-section{margin-bottom:6mm}
.template-classic_formal .document-section>h2{color:#111;border-bottom:1px solid #222;padding-bottom:1.5mm;font-size:9pt;letter-spacing:.13em}
.template-classic_formal .summary-text,.template-classic_formal .entry-description{color:#2f2f2f;font-size:9.3pt}
.template-classic_formal .entry-heading h3{font-size:10.7pt}
.template-classic_formal .entry-heading p{color:#3f3f3f;font-style:italic}
.template-classic_formal .entry-heading time{color:#333}
.template-classic_formal .main-skill-list span{background:transparent;border:0;border-right:1px solid #aaa;border-radius:0;padding:0 3mm 0 0}
.template-classic_formal .main-skill-list span:last-child{border-right:0}
.template-classic_formal .reference-grid article{border-left:1px solid #333}

@media(max-width:560px){.template-formal_executive,.template-classic_formal{padding:30px 25px}}

/* Refreshed preview toolbar */
.document-actions{height:68px;padding:0 20px;box-shadow:0 5px 20px rgba(27,22,58,.06)}.document-brand span{display:grid;gap:2px}.document-brand strong{font-size:11px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-brand small{font-size:8px;color:#7b7587;font-weight:500}.document-action-note{display:flex;align-items:center;gap:7px;color:#706a7c;font-size:9px}.document-action-note i{width:7px;height:7px;border-radius:50%;background:#1daf6c;box-shadow:0 0 0 4px rgba(29,175,108,.1)}.document-actions>div:last-child a,.document-actions>div:last-child button{min-height:40px;border-radius:9px}.document-actions>div:last-child button{box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 25%,transparent)}@media(max-width:720px){.document-action-note{display:none}.document-brand strong{max-width:160px}}@media(max-width:560px){.document-brand span{display:grid}.document-brand strong{max-width:125px}.document-brand small{display:none}.document-actions>div:last-child button{font-size:10px;padding:0 11px}}


/* MyPortfolioHub preview chrome — the resume paper remains print-white. */
body{background:#080a0f;color:#e8eaf0}
.document-actions{background:#0d1117;border-bottom-color:rgba(255,255,255,.075);box-shadow:0 5px 20px rgba(0,0,0,.28)}
.document-brand{color:#e8eaf0}.document-brand b{background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 8px 20px rgba(99,102,241,.25)}
.document-brand small,.document-action-note{color:#8892a4}
.document-actions a{background:#111827;border-color:rgba(255,255,255,.12);color:#e8eaf0}
.document-actions a:hover{border-color:rgba(99,102,241,.55);background:#161d2e}
.document-actions button{background:linear-gradient(135deg,#6366f1,#06b6d4);border-color:transparent;box-shadow:0 8px 20px rgba(99,102,241,.24)}
.document-public-footer{color:#8892a4}.document-public-footer a{color:#22d3ee}
@media print{body{background:#fff!important;color:#24212d!important}.document-actions{display:none!important}}