/* Visual template catalogue and the ten resume layout families. */
.templates{max-width:1500px;margin:auto}.templates>h1{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1}.templates>p{color:#58647a}.gallery-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0 10px;padding:14px;background:#fff;border:1px solid #dce4f3;border-radius:14px}.gallery-tools label{font-size:.74rem;font-weight:800;color:#263553}.gallery-tools select,.gallery-tools input{height:37px;border:1px solid #ccd5e6;border-radius:7px;background:#fff;padding:0 9px;min-width:125px;color:#1b2943}.gallery-tools input{min-width:180px}.gallery-count{margin-left:auto;font-size:.79rem;font-weight:800;color:#4c5870}.color-options{display:flex;align-items:center;gap:6px}.color-options button{width:21px;height:21px;padding:0;border-radius:50%;border:2px solid #fff;background:var(--swatch);box-shadow:0 0 0 1px #9ba7ba}.color-options button[aria-pressed=true]{box-shadow:0 0 0 2px #315df4}.chooser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;padding:10px 2px 24px;max-height:605px;overflow-y:auto}.chooser .template-card{display:block;min-width:0;padding:0;background:#fff;border:2px solid #e0e6f1;border-radius:10px;overflow:hidden;text-align:left;white-space:normal;color:#1c2b47;box-shadow:0 4px 16px #1e33600d}.chooser .template-card:hover,.chooser .template-card:focus-visible{border-color:#6a8aff;transform:translateY(-2px)}.chooser .template-card.active{border-color:#315df4;box-shadow:0 0 0 2px #315df42b}.template-card .mini-paper{height:175px;margin:10px 10px 0;background:#fff;border:1px solid #dce2e8;box-shadow:0 3px 12px #23365418;position:relative;overflow:hidden;padding:13px 13px 8px;font-family:var(--mini-font,Arial);color:#263143}.mini-top{height:34px;border-bottom:2px solid var(--mini-accent);margin-bottom:10px}.mini-name{font-size:11px;font-weight:900;letter-spacing:.04em}.mini-role{font-size:5px;margin-top:4px;color:#667286}.mini-body{display:grid;grid-template-columns:1fr 1.8fr;gap:9px}.mini-paper .mini-heading{font-size:5px;text-transform:uppercase;font-weight:900;border-bottom:1px solid var(--mini-accent);margin-bottom:5px;padding-bottom:2px}.mini-line{height:2px;background:#9ca8b8;opacity:.65;margin:0 0 4px}.mini-line.short{width:65%}.mini-line.mid{width:82%}.mini-paper[data-family=column] .mini-body,.mini-paper[data-family=compact] .mini-body,.mini-paper[data-family=creative] .mini-body{grid-template-columns:1fr 2fr}.mini-paper[data-family=column] .mini-body>div:first-child,.mini-paper[data-family=creative] .mini-body>div:first-child{background:var(--mini-accent);margin:-10px 0 -12px -13px;padding:10px 6px 12px 13px;color:#fff}.mini-paper[data-family=column] .mini-body>div:first-child .mini-line,.mini-paper[data-family=creative] .mini-body>div:first-child .mini-line{background:#fff}.mini-paper[data-family=center] .mini-top,.mini-paper[data-family=executive] .mini-top{text-align:center}.mini-paper[data-family=center] .mini-body,.mini-paper[data-family=classic] .mini-body,.mini-paper[data-family=ats] .mini-body{display:block}.mini-paper[data-family=ats] .mini-top{border-bottom:1px solid #667286}.mini-paper[data-family=editorial] .mini-top{border:0;border-left:5px solid var(--mini-accent);padding-left:8px}.mini-paper[data-family=band] .mini-top{background:var(--mini-accent);color:#fff;margin:-13px -13px 10px;padding:12px 13px;height:50px}.mini-paper[data-family=band] .mini-role{color:#e5eaf5}.mini-paper[data-family=timeline] .mini-body>div:last-child{border-left:2px solid var(--mini-accent);padding-left:8px}.mini-paper[data-family=modern] .mini-top{border-top:5px solid var(--mini-accent);padding-top:5px}.template-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px}.template-card-bottom b{font-size:.73rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card-bottom span{font-size:.62rem;color:#315df4;font-weight:900;white-space:nowrap}.chosen-template{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 13px;font-size:.84rem;font-weight:800}.chosen-template button{background:#315df4}.paper{--paper-accent:var(--accent);width:min(100%,794px);min-height:1040px;position:relative}.paper .main,.paper .side{min-width:0}.paper .avatar[src=""]{display:none}body[data-resume-family=ats] .paper,body[data-resume-family=classic] .paper{display:block;padding:48px 55px;border-radius:0}body[data-resume-family=ats] .paper .side,body[data-resume-family=classic] .paper .side{background:transparent;padding:0}body[data-resume-family=ats] .paper .main,body[data-resume-family=classic] .paper .main{padding:0}body[data-resume-family=ats] .paper .avatar,body[data-resume-family=classic] .paper .avatar{display:none}body[data-resume-family=ats] .paper h1,body[data-resume-family=classic] .paper h1{font-size:2rem}body[data-resume-family=ats] .paper .side h2,body[data-resume-family=classic] .paper .side h2{display:none}body[data-resume-family=ats] .paper #skills,body[data-resume-family=classic] .paper #skills{position:static!important;border:0!important;padding:0!important}body[data-resume-family=ats] .paper #contact,body[data-resume-family=classic] .paper #contact{border-bottom:1px solid #a9b5c8;padding-bottom:14px}body[data-resume-family=center] .paper,body[data-resume-family=executive] .paper{display:block;border-radius:0}body[data-resume-family=center] .paper .side,body[data-resume-family=executive] .paper .side{text-align:center;padding:35px 50px 22px;background:transparent}body[data-resume-family=center] .paper .main,body[data-resume-family=executive] .paper .main{padding:15px 50px 45px}body[data-resume-family=center] .paper .avatar,body[data-resume-family=executive] .paper .avatar{display:none}body[data-resume-family=center] .paper .side h2,body[data-resume-family=executive] .paper .side h2{display:none}body[data-resume-family=executive] .paper{border-top:13px solid var(--accent)}body[data-resume-family=column] .paper,body[data-resume-family=creative] .paper{grid-template-columns:29% 71%}body[data-resume-family=column] .paper .side,body[data-resume-family=creative] .paper .side{background:var(--accent);color:#fff;padding:42px 24px}body[data-resume-family=column] .paper h1,body[data-resume-family=creative] .paper h1{color:#fff;font-size:2rem}body[data-resume-family=column] .paper .side h2,body[data-resume-family=creative] .paper .side h2{border-color:#fff}body[data-resume-family=modern] .paper{grid-template-columns:1fr}body[data-resume-family=modern] .paper .side{display:flex;align-items:center;gap:25px;border-top:12px solid var(--accent);padding:28px 45px}body[data-resume-family=modern] .paper .main{padding:12px 45px 45px}body[data-resume-family=modern] .paper .avatar{width:95px;height:95px;flex:none}body[data-resume-family=band] .paper{display:block}body[data-resume-family=band] .paper .side{background:var(--accent);color:#fff;padding:38px 48px}body[data-resume-family=band] .paper h1{color:#fff}body[data-resume-family=band] .paper .main{padding:28px 48px}body[data-resume-family=band] .paper .avatar{display:none}body[data-resume-family=editorial] .paper{display:block;padding:40px 50px;border-left:15px solid var(--accent)}body[data-resume-family=editorial] .paper .side,body[data-resume-family=editorial] .paper .main{background:transparent;padding:0}body[data-resume-family=editorial] .paper .avatar{display:none}body[data-resume-family=editorial] .paper .side h2{display:none}body[data-resume-family=timeline] .paper{grid-template-columns:32% 68%}body[data-resume-family=timeline] .paper .main{border-left:4px solid var(--accent)}body[data-resume-family=compact] .paper{grid-template-columns:26% 74%}body[data-resume-family=compact] .paper .side{padding:32px 22px}body[data-resume-family=compact] .paper .main{padding:32px 34px}body[data-resume-family=compact] .paper h1{font-size:2rem}body[data-resume-variant="1"] .paper h1{text-transform:uppercase;letter-spacing:.04em}body[data-resume-variant="2"] .paper h2{border-bottom-style:dashed;letter-spacing:.23em}body[data-resume-variant="3"] .paper h1{font-style:italic}body[data-resume-variant="3"] .paper .main h2{background:color-mix(in srgb,var(--accent) 12%,white);padding:8px}body[data-resume-variant="4"] .paper h2{border-left:5px solid var(--accent);border-bottom:0;padding-left:10px}body[data-resume-variant="4"] .paper{border-radius:0}.gallery-tools button:focus-visible,.template-card:focus-visible{outline:3px solid #315df4;outline-offset:2px}@media(max-width:1100px){.chooser{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.chooser{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:480px}.template-card .mini-paper{height:130px;margin:5px 5px 0}.template-card-bottom{padding:6px}.template-card-bottom b{font-size:.63rem}.template-card-bottom span{font-size:.55rem}.gallery-tools{align-items:stretch}.gallery-tools label{width:100%}.gallery-tools input,.gallery-tools select{width:100%}.gallery-count{margin-left:0}.paper{min-height:800px!important}.paper .side,.paper .main{padding:26px!important}body[data-resume-family=column] .paper,body[data-resume-family=creative] .paper,body[data-resume-family=compact] .paper,body[data-resume-family=timeline] .paper{grid-template-columns:1fr!important}}@media print{.gallery-tools,.chooser,.chosen-template{display:none!important}body[data-resume-family] .paper{width:210mm!important;max-width:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;min-height:297mm!important}body[data-resume-family=ats] .paper #skills{position:static!important}}
/* An explicit hidden rule keeps filtering reliable over card display styles. */
.chooser .template-card[hidden]{display:none}
.chooser .template-card.active{background:#fff;color:#1c2b47}

/* The gallery cards use the same layout family and style treatment as the full page. */
.mini-paper[data-variant="1"]{border-top:6px solid var(--mini-accent)}
.mini-paper[data-variant="1"] .mini-name{text-transform:uppercase;letter-spacing:.09em}
.mini-paper[data-variant="1"] .mini-heading{border-bottom-width:2px}
.mini-paper[data-variant="2"]{background:linear-gradient(#f5f7fa 0 43px,#fff 43px)}
.mini-paper[data-variant="2"] .mini-heading{border-bottom-style:dashed}
.mini-paper[data-variant="2"] .mini-top{border-bottom-style:dashed}
.mini-paper[data-variant="3"]{border-left:8px solid var(--mini-accent)}
.mini-paper[data-variant="3"] .mini-name{font-style:italic;font-size:13px}
.mini-paper[data-variant="3"] .mini-heading{background:color-mix(in srgb,var(--mini-accent) 14%,white);padding:3px 4px}
.mini-paper[data-variant="4"] .mini-top{background:var(--mini-accent);color:#fff;margin:-13px -13px 10px;padding:12px 13px;height:49px;border:0}
.mini-paper[data-variant="4"] .mini-role{color:#eef3fa}
.mini-paper[data-variant="4"] .mini-heading{padding:3px 4px;background:var(--mini-accent);color:#fff;border:0}
body[data-resume-variant="1"] .paper{border-top:9px solid var(--accent)!important}
body[data-resume-variant="1"] .paper .main h2{border-bottom-width:3px!important}
body[data-resume-variant="2"] .paper .main h2{border-bottom-style:dashed!important}
body[data-resume-variant="2"] .paper .role{color:var(--accent)}
body[data-resume-variant="3"] .paper{border-left:12px solid var(--accent)!important}
body[data-resume-variant="3"] .paper .main h2{background:color-mix(in srgb,var(--accent) 13%,white)!important;padding:8px 10px!important;border:0!important}
body[data-resume-variant="4"] .paper .main h2{background:var(--accent)!important;color:#fff!important;padding:8px 10px!important;border:0!important;letter-spacing:.1em}
body[data-resume-variant="4"] .paper{border-top:7px solid var(--accent)!important}
body.template-ats-classic .paper h2{color:var(--accent)!important;border-bottom-color:var(--accent)!important}
body.template-ats-classic .paper #contact{border-bottom-color:var(--accent)!important}
@media(max-width:650px){.mini-paper[data-variant="4"] .mini-top{margin:-13px -13px 7px}}