.template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.resume.banner .cv-head{background:var(--accent);padding:20px 24px;border:0}.resume.banner .cv-head h1,.resume.banner .headline,.resume.banner .contact{color:white}.resume.banner h2{border-top:1px solid var(--accent);border-bottom:0;padding-top:8px}.resume.gold .cv-head{background:#ffc64d;border:0;border-radius:12px;padding:22px;color:#29251c}.resume.gold .cv-head h1,.resume.gold .headline,.resume.gold .contact{color:#29251c}.resume.gold h2{letter-spacing:2px;border-color:#edc46b}.resume.teal .cv-head{border-top:9px solid var(--accent);border-bottom:0;padding-top:20px}.resume.teal h2{border-top:2px solid var(--accent);border-bottom:0;padding-top:9px;text-transform:none;font-size:13pt}.resume.timeline h1{font-weight:400;text-transform:uppercase;color:var(--accent)}.resume.timeline .cv-head{border:0}.resume.timeline .item{border-left:2px solid var(--accent);padding-left:15px}.resume.timeline h2{border:0}.resume.heritage{font-family:Georgia,'Times New Roman',serif}.resume.heritage .cv-head{text-align:center;border-bottom:3px double #666}.resume.heritage h1{font-size:24pt;letter-spacing:3px}.resume.heritage h2{text-align:center;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:6px 0;font-size:11pt;letter-spacing:2px}.resume.ruled .cv-head{text-align:center;border-bottom:1px solid var(--accent)}.resume.ruled h1{font-size:25pt;letter-spacing:3px;font-weight:400}.resume.ruled h2{text-align:center;text-transform:none;font-size:13pt;border-bottom:1px solid var(--accent);letter-spacing:1.5px}.mini-paper.banner>b:first-child{background:#19477f;color:white;padding:8px 3px}.mini-paper.gold>b:first-child{background:#ffc64d;padding:8px 3px;color:#252525}.mini-paper.teal{border-top:7px solid #267e71}.mini-paper.timeline{border-left:3px solid #008b93}.mini-paper.heritage,.mini-paper.ruled{text-align:center}.mini-paper.heritage{font-family:Georgia,serif;color:#222}.mini-paper.ruled b{border-bottom:1px solid #006994;padding-bottom:3px}.resume section{break-inside:auto}.resume h2{break-after:avoid}.resume .jobtitle,.resume .meta{break-after:avoid}.resume li{orphans:2;widows:2}@media print{.resume li{break-inside:auto}.resume.banner .cv-head,.resume.gold .cv-head{break-inside:avoid}.resume .item{break-inside:auto}}

/* v35 — template-first welcome + realistic sample previews */
.template-welcome{max-width:980px;margin:4px auto 22px;text-align:center;padding:10px 16px 0}
.template-welcome h1{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:8px 0 10px;color:#102f55;letter-spacing:-1.2px}
.template-welcome p{max-width:760px;margin:0 auto 7px;font-size:16px;line-height:1.55;color:#50657c}
.template-welcome .template-reassure{font-size:13px;color:#718399}
.template-gallery{gap:20px!important;align-items:stretch}
.template-card{padding:10px!important;border:1px solid #d7e1ec!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 18px rgba(18,48,82,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}
.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(18,48,82,.14);border-color:#7aa7d5!important}
.template-card[aria-pressed="true"]{border:2px solid #1768bd!important;box-shadow:0 0 0 3px rgba(23,104,189,.10),0 12px 28px rgba(18,48,82,.13)}
.template-card .mini-paper{height:305px!important;min-height:305px!important;padding:13px!important;overflow:hidden;background:#fff;color:#26384c;text-align:left;box-shadow:inset 0 0 0 1px #e1e7ee}
.template-card .mini-paper .sp-name{display:block;font-size:14px;line-height:1.1;font-weight:800;letter-spacing:.3px;color:var(--sample-accent,#174f86);margin-bottom:2px}
.template-card .mini-paper .sp-contact{display:block;font-size:4.7px;color:#64758a;border-bottom:1.5px solid var(--sample-accent,#174f86);padding-bottom:5px;margin-bottom:7px}
.template-card .mini-paper .sp-section{display:block;font-size:5.8px;line-height:1;font-weight:800;letter-spacing:.55px;color:var(--sample-accent,#174f86);margin:7px 0 4px;text-transform:uppercase}
.template-card .mini-paper .sp-text{display:block;font-size:4.8px;line-height:1.45;color:#3d4c5e;margin-bottom:3px}
.template-card .mini-paper .sp-job{display:flex;justify-content:space-between;gap:5px;font-size:5.1px;font-weight:800;margin:5px 0 2px}
.template-card .mini-paper .sp-bullets{display:block;font-size:4.6px;line-height:1.5;padding-left:7px}
.template-card .mini-paper .sp-skills{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;font-size:4.6px;line-height:1.4}
.template-card .mini-paper.sample-two{display:grid!important;grid-template-columns:34% 66%;gap:0;padding:0!important}
.template-card .mini-paper.sample-two .sp-side{padding:12px 8px;background:#eef3f8;min-width:0}
.template-card .mini-paper.sample-two .sp-main{padding:12px 10px;min-width:0}
.template-card .mini-paper.sample-two.sidebar-dark .sp-side,.template-card .mini-paper.sample-two.blue-sidebar .sp-side{background:#173b63;color:white}
.template-card .mini-paper.sample-two.sidebar-dark .sp-side *,.template-card .mini-paper.sample-two.blue-sidebar .sp-side *{color:white!important;border-color:rgba(255,255,255,.55)!important}
.template-card .mini-paper.sample-two.split-clean .sp-side{background:#fff;border-right:3px solid #607b97}
.template-card>strong{display:block;margin:10px 4px 2px;font-size:15px;color:#183b67}
.template-card>small{display:block;min-height:32px;margin:0 4px 7px;color:#6a7b8d;line-height:1.35}
@media(max-width:950px){.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.template-gallery{grid-template-columns:1fr!important}.template-card .mini-paper{height:360px!important}}

/* v36 — Resume-Now-style sticky template filters. Only the gallery scrolls past them. */
.template-quickbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 22px;padding:14px 16px;background:rgba(255,255,255,.97);border:1px solid #d9e2ec;border-radius:12px;box-shadow:0 7px 20px rgba(19,49,82,.09);backdrop-filter:blur(8px)}
.template-quickbar b{font-size:13px;color:#183b67;white-space:nowrap}.quick-filter,.quick-colours{display:flex;align-items:center;gap:8px}.quick-filter button{padding:8px 11px;border:1px solid #cbd8e5;background:#fff;border-radius:8px;font-size:12px}.quick-filter button[aria-pressed="true"]{background:#163c65;color:#fff;border-color:#163c65}.quick-swatches{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.quick-swatch{width:25px;height:25px;min-width:25px;padding:0;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #b8c5d2}.quick-swatch.selected{box-shadow:0 0 0 3px #2878c8}.quick-note{margin-left:auto;max-width:260px;font-size:11px;line-height:1.35;color:#6a7b8d}
.quick-template-mode .full-design-control,.quick-template-mode #column-layout-editor,.quick-template-mode #single-layout-editor{display:none!important}.quick-template-mode .fields>.hint{display:none}.full-template-mode .template-quickbar .quick-note{display:none}.full-template-mode .full-design-control{display:initial}.full-template-mode label.full-design-control{display:block}.full-template-mode .pair.full-design-control{display:grid}
@media(max-width:760px){.template-quickbar{top:0;gap:10px}.quick-note{width:100%;max-width:none;margin-left:0}.quick-colours{align-items:flex-start}.quick-swatches{max-width:260px}}