/* One look across the whole site: the same headings, spacing, cards and buttons as the home page */
body[data-page] .page-hero{width:min(1180px,calc(100% - 38px));max-width:none;margin:0 auto;padding:clamp(40px,6vw,72px) 0 8px;text-align:left}
body[data-page] .page-hero .eyebrow{display:block;margin-bottom:10px}
body[data-page] .page-hero h1{font-size:clamp(34px,4.6vw,52px);line-height:1.08;font-weight:850;letter-spacing:-.03em;margin:0 0 14px;max-width:900px;color:var(--ink)}
body[data-page] .page-hero p{font-size:clamp(16px,1.4vw,18.5px);line-height:1.6;color:var(--muted);max-width:760px;margin:0 0 18px}
body[data-page] .page-hero .pill-row{justify-content:flex-start}
body[data-page] .page-hero .pill-row,.page-hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
body[data-page] .page-hero .pill{padding:7px 13px;border-radius:999px;background:color-mix(in srgb,var(--blue) 9%,var(--paper));border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));font-size:13px;font-weight:600;color:var(--ink)}
body[data-page] .section h2:not(.ref-resume h2,.letter-document h2,.studio-paper h2,.template-preview h2,.lp-doc h2,[class*="ref-suite"] h2,[class*="letter-"] h2),body[data-page] .section-heading h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;font-weight:850}
body[data-page] .legal-shell{width:min(860px,calc(100% - 38px));margin:0 auto;padding:clamp(36px,5vw,64px) 0 72px}
body[data-page] .legal-shell h1{font-size:clamp(32px,4.2vw,46px);line-height:1.1;font-weight:850;letter-spacing:-.03em;margin:0 0 14px;text-align:left}
body[data-page] .legal-shell>p:first-of-type{font-size:clamp(16px,1.4vw,18.5px);color:var(--muted);line-height:1.65}
body[data-page] .legal-shell h2{font-size:22px;letter-spacing:-.015em;font-weight:800;margin:34px 0 8px;padding-top:6px}
body[data-page] .legal-shell p,.legal-shell li{font-size:16px;line-height:1.7;color:var(--ink2,var(--ink))}
body[data-page] .legal-shell ul{padding-left:22px;display:grid;gap:6px}
body[data-page] .legal-shell a{color:var(--blue);font-weight:600}
body[data-page] .template-card,body[data-page] .cover-letter-card,body[data-page] .guide-card,body[data-page] .blog-card{border-radius:18px}
body[data-page].free-resume-preview{background:var(--bg)}

/* footer logo: the full-colour logo sits on a white tile so it reads on the dark footer */
body[data-page] .site-footer .cv-brand-logo{background:#fff;padding:9px 16px;border-radius:14px;height:auto;width:auto;max-width:210px;box-shadow:none}

/* ---- flat, transactional home: solid cards, thin borders, no heavy shadows ---- */
body[data-page=home] .lp-sec{padding-block:clamp(44px,6vw,72px)}
body[data-page=home] .lp-get-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
body[data-page=home] .lp-get-grid article{display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid var(--line,#e2e8f0);border-radius:16px;background:var(--surface,#fff);box-shadow:none}
body[data-page=home] .lp-get-grid article h3{margin:0;font-size:21px;letter-spacing:-.01em}
body[data-page=home] .lp-get-grid ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;flex:1}
body[data-page=home] .lp-get-grid li{position:relative;padding-left:26px;line-height:1.5}
body[data-page=home] .lp-get-grid li:before{content:"✓";position:absolute;left:0;top:0;color:#15803d;font-weight:800}
body[data-page=home] .lp-get-grid .button{align-self:flex-start}
body[data-page=home] .lp-get-main{border:2px solid #1557d2;background:linear-gradient(180deg,#f5f8ff,var(--surface,#fff) 60%)}
body[data-page=home] .lp-get-tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#1557d2;color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body[data-page=home] .lp-get-main small{color:var(--muted,#475569);line-height:1.5}
html.dark body[data-page=home] .lp-get-main{background:linear-gradient(180deg,#14213d,var(--surface,#0f172a) 60%)}
body[data-page=home] .lp-flow li,body[data-page=home] .lp-letters>*,body[data-page=home] .lp-spot>*{box-shadow:none}
body[data-page=home] .lp-flow li{border:1px solid var(--line,#e2e8f0);background:var(--surface,#fff)}
@media(max-width:900px){body[data-page=home] .lp-get-grid{grid-template-columns:1fr}}

/* contact: the heading is the page H1 and looks like the other section headings */
body[data-page=contact] .section-heading h1{margin:0 0 10px;font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;font-weight:850;line-height:1.15}

/* ---- sample resumes: professional, readable previews ---- */
body[data-page] .ref-resume{overflow-wrap:break-word;word-break:normal}
body[data-page] .ref-resume aside,body[data-page] .ref-resume aside *{overflow-wrap:break-word;word-break:normal;hyphens:manual}
body[data-page] .template-preview .ref-suite-prism .ref-columns,body[data-page] .template-preview .ref-suite-folio .ref-columns,body[data-page] .studio-template-paper .ref-suite-prism .ref-columns,body[data-page] .studio-template-paper .ref-suite-folio .ref-columns{grid-template-columns:minmax(0,1fr) minmax(112px,36%);gap:14px}
body[data-page] .template-preview .ref-resume .ref-columns aside{min-width:0}
body[data-page] .ref-resume .ref-photo-placeholder{font-size:0;line-height:0;color:transparent;border:1px solid #d5dbe6;background:#eef1f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239aa7bd'%3E%3Ccircle cx='12' cy='8.5' r='4.2'/%3E%3Cpath d='M3.5 21c0-4.7 3.8-7.5 8.5-7.5s8.5 2.8 8.5 7.5z'/%3E%3C/svg%3E") center 62%/62% no-repeat}
body[data-page] .ref-resume .ref-sample{position:absolute;top:7px;left:50%;transform:translateX(-50%);margin:0;padding:2px 10px;background:rgba(255,255,255,.95);color:#64748b;border-radius:999px;box-shadow:0 1px 3px rgba(15,23,42,.14);z-index:3;white-space:nowrap}
body[data-page] .template-preview .ref-resume .ref-sample{top:5px;padding:1px 7px}
body[data-page] .ref-resume .ref-header{display:flow-root}
body[data-page] .ref-resume .ref-columns{clear:both}
body[data-page] #dialogResume .ref-suite-prism .ref-columns,body[data-page] #dialogResume .ref-suite-folio .ref-columns{grid-template-columns:minmax(0,1fr) minmax(210px,35%)}
/* Footer: brand column plus four link columns (Product, Resources, Resume help, Legal); server fallback list before scripts run */
@media(min-width:1001px){.footer-main{grid-template-columns:1.4fr repeat(4,1fr)}}
.footer-links ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;width:min(1180px,calc(100% - 38px));margin:24px auto;padding:0}.footer-links a{color:inherit}