/* /connected-ui.css */
:root{--connected-accent:#1557d2}.connected-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.connected-grid>section{min-width:0}.connected-grid label,#designForm label,.connected-review{display:block;font-weight:600;margin:16px 0}.connected-grid input:not([type=checkbox]),.connected-grid select,.connected-grid textarea,#designForm input,#designForm textarea,#overviewDays,#userSearch,.connected-review textarea{display:block;width:100%;padding:12px 14px;border:1px solid var(--line,#cbd5e1);border-radius:10px;background:var(--panel,#fff);color:var(--text,#15243a);margin-top:7px;font:inherit}.connected-grid textarea,.connected-review textarea{resize:vertical;line-height:1.6}.connected-grid .connected-check,.connected-check{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:18px 0}.connected-check input{margin-top:5px;flex:none}.connected-upload{padding:20px;border:2px dashed var(--line);border-radius:14px}.connected-upload small{display:block;margin-top:8px;font-weight:400}.connected-muted{color:var(--muted);font-size:13px;line-height:1.6}.saved-resumes article{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.saved-resumes h4{margin:0}.saved-resumes p{color:var(--muted);font-size:13px;margin:6px 0}.connected-empty{padding:30px 0}.connected-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.connected-metrics button{padding:25px;text-align:left;background:var(--panel,#fff);color:var(--text);border:1px solid var(--line);border-radius:16px;cursor:pointer}.connected-metrics b{display:block;font-size:38px}.connected-metrics span{display:block;margin-top:8px}.connected-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.connected-preview-label{padding:12px 16px;border:1px solid #e4c988;background:#fff8e7;color:#71511a;border-radius:8px}.hero{background:linear-gradient(135deg,#eef4ff,#f8fbff 60%,#eef9f7);color:#142440}.hero-copy h1{font-size:clamp(36px,4.2vw,64px);line-height:1.08;letter-spacing:-.045em;max-width:750px}.hero-copy>p{font-size:18px;line-height:1.65;color:#52637b;max-width:650px}.hero .primary,.button.primary{background:var(--connected-accent);color:#fff}.hero .secondary{color:#152d51;background:#fff;border:1px solid #cdd9eb}.hero .trust-row{color:#52637b}.hero .eyebrow{color:var(--connected-accent)}.hero-shell{gap:48px}.hero-actions{gap:12px}.studio-selection{display:flex;align-items:center;gap:14px;padding:16px;background:var(--panel,#fff);border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.studio-selection>div{flex:1}.studio-selection small,.studio-selection b{display:block}.studio-selection small{font-size:10px;letter-spacing:.12em;color:var(--muted)}#studioTemplateDialog{width:min(1120px,94vw);max-height:90vh;border:0;border-radius:20px;padding:26px;background:var(--panel,#fff);color:var(--text)}.studio-template-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:20px}.studio-template-option{padding:12px;text-align:left;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel,#fff);color:var(--text);cursor:pointer}.studio-template-option.selected{outline:3px solid var(--connected-accent)}.studio-template-paper{height:220px;overflow:hidden;padding:16px;background:#fff;color:#334155;box-shadow:0 2px 12px #10203015;margin-bottom:12px;font:9px/1.6 Arial}.studio-template-paper>b{font-size:15px;color:var(--choice-accent)}.studio-template-paper small{display:block}.studio-template-paper h4{color:var(--choice-accent);border-bottom:1px solid #ddd}.studio-template-option>strong,.studio-template-option>span,.studio-template-option>em{display:block;margin-top:5px}.studio-template-option>span{font-size:12px;color:var(--muted)}.studio-template-option>em{font:600 12px Arial;color:var(--connected-accent)}#studioTemplateSearch{padding:12px;border:1px solid var(--line);border-radius:10px;width:100%;font:inherit}.push-invitation{position:fixed;right:24px;bottom:24px;width:min(370px,calc(100vw - 32px));z-index:1000;padding:24px;border:1px solid #d4e0f3;border-radius:18px;background:#fff;color:#18304c;box-shadow:0 15px 60px #10284835}.push-invitation p{line-height:1.6}.push-invitation div{display:flex;gap:10px}.push-invitation small{display:block;margin-top:12px;color:#63758b}body[data-theme=dark] .hero{background:#14243f;color:#f3f6ff}body[data-theme=dark] .hero-copy>p,body[data-theme=dark] .hero .trust-row{color:#c2cde0}@media(max-width:1100px){.studio-template-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.connected-grid{grid-template-columns:1fr}.connected-metrics{grid-template-columns:1fr}.studio-template-cards{grid-template-columns:repeat(2,1fr)}.studio-selection{flex-wrap:wrap}.studio-selection>div{flex-basis:100%}.saved-resumes article{align-items:flex-start;flex-direction:column}.hero-shell{gap:24px}.hero-copy h1{font-size:40px}.connected-grid .panel-pad{padding:20px}.push-invitation{right:16px;bottom:16px}}
/* Reference-led document gallery: larger paper previews and direct selection. */
body[data-page=templates]{background:linear-gradient(#fff 0 280px,#eff8ff 280px 820px,#fff 820px 1500px,#eff8ff 1500px 2300px,#fff 2300px)}body.dark[data-page=templates]{background:var(--paper)}body[data-page=templates] .page-hero{text-align:center;padding:60px 0 34px}body[data-page=templates] .page-hero h1{max-width:800px;margin:14px auto;font-size:clamp(2.3rem,4.5vw,3.6rem);letter-spacing:-.04em}body[data-page=templates] .page-hero p{max-width:730px;margin:auto}body[data-page=templates] .page-hero .pill-row{justify-content:center;margin-top:24px}body[data-page=templates] #allTemplates{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.template-card{display:block;text-align:left;min-width:0;background:var(--paper,#fff);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 6px 20px #1a355010;overflow:hidden}.template-preview-button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;color:inherit}.template-preview-button .template-preview{height:420px;border-radius:7px;padding:12px;background:#f0f4f9}.template-preview-button>span{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#fff;color:#1848ad;border:1px solid #dae3f6;padding:7px 15px;border-radius:30px;font-size:13px;font-weight:700;white-space:nowrap;opacity:0;transition:.15s}.template-preview-button:hover>span,.template-preview-button:focus-visible>span{opacity:1}.template-meta{padding:16px 6px 5px}.template-meta>b{font-size:16px;line-height:1.35}.template-meta .button{display:flex;width:100%;margin-top:14px;border-radius:30px;min-height:44px}.template-meta small{font-size:13px}.gallery-tools{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:18px 0 24px;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.gallery-tools label{display:flex;gap:12px;align-items:center;font-size:14px}.gallery-tools select{padding:9px 12px;background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}.gallery-swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gallery-swatches button{width:25px;height:25px;border:2px solid var(--paper);border-radius:50%;background:var(--swatch);cursor:pointer;box-shadow:0 0 0 1px var(--line)}.gallery-swatches button[aria-pressed=true]{outline:2px solid var(--connected-accent);outline-offset:3px}.gallery-swatches button:first-child{width:auto;border-radius:8px;padding:2px 8px;background:var(--paper);color:var(--text);font-size:12px;height:28px}
/* Account billing and persistent application tracker. */
.purchase-panel{margin-top:28px}.purchase-scroll{overflow:auto}.purchase-table{width:100%;border-collapse:collapse;min-width:680px;font-size:14px}.purchase-table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:16px;border-bottom:1px solid var(--line)}.purchase-table td{padding:18px 16px;vertical-align:top;border-bottom:1px solid var(--line)}.purchase-table td small{display:block;margin-top:6px;color:var(--muted);max-width:240px;overflow-wrap:anywhere}.purchase-empty{display:flex;align-items:center;gap:20px;padding:26px 0}.purchase-empty h3{margin:0}.history-symbol{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:14px;background:#edf3ff;color:#1557d2;font-size:28px}.purchase-status{padding:4px 10px;background:var(--soft,#edf3ff);border-radius:20px;font-size:13px}.tracker-toolbar{display:flex;align-items:end;gap:18px;margin:20px 0}.tracker-toolbar label:first-child{flex:1}.tracker-toolbar label{font-size:14px;font-weight:600}.tracker-toolbar input,.tracker-toolbar select{display:block;margin-top:7px;width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:10px;font:inherit}.tracker-board{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:14px;overflow:auto;align-items:start;padding-bottom:16px}.tracker-column{background:var(--soft,#edf3fa);border-radius:12px;padding:14px;min-height:160px}.tracker-column h3{font-size:14px;display:flex;justify-content:space-between;margin:4px 0 18px}.tracker-column h3 span{color:var(--muted)}.application-card{display:block;width:100%;text-align:left;padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text);cursor:pointer;box-shadow:0 4px 12px #10204008;overflow-wrap:anywhere}.application-card small,.application-card strong,.application-card span,.application-card em{display:block}.application-card small{font-size:13px;color:var(--muted)}.application-card strong{font-size:15px;margin:5px 0 14px}.application-card span{font-size:12px;margin-top:6px;color:var(--muted)}.application-card .application-followup{color:var(--connected-accent)}.application-card em{font-size:12px;font-style:normal;font-weight:700;margin-top:16px;color:var(--connected-accent)}.tracker-column-empty{font-size:13px;color:var(--muted)}#applicationDialog{width:min(700px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--text);padding:30px}#applicationDialog::backdrop{background:#12233b80;backdrop-filter:blur(3px)}.application-dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.application-dialog-heading h2{font-size:27px;margin:8px 0}.application-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.application-fields label{font-size:14px;font-weight:600}.application-fields label>span{color:#d14545}.application-fields input,.application-fields select,.application-fields textarea{display:block;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;margin-top:6px;background:var(--paper);color:var(--text);font:inherit}.application-fields textarea{resize:vertical}.field-wide{grid-column:1/-1}.application-form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.tracker-delete{margin-left:auto;color:#b63e3e!important}.tracker-empty{text-align:center;padding:50px 24px!important}
/* Homepage template invitation. */
#exitDialog{width:min(900px,calc(100vw - 28px));max-height:92vh;padding:0;border:0;border-radius:24px;background:var(--paper);color:var(--text);overflow:auto}#exitDialog::backdrop{background:#0b1d3d80;backdrop-filter:blur(5px)}.resume-invite{display:grid;grid-template-columns:.9fr 1.1fr;position:relative;min-height:430px}.invite-documents{padding:34px 26px;background:linear-gradient(150deg,#ebf5ff,#dcecff);display:flex;align-items:center;justify-content:center;overflow:hidden}.invite-document{width:100%;max-width:285px;box-shadow:0 16px 45px #14357020;border-radius:6px;background:white;overflow:hidden}.invite-document .resume-sheet{width:100%;height:auto;min-height:350px;margin:0;transform:none;font-size:8px}.invite-document .resume-sheet main{padding:20px}.invite-copy{padding:44px 36px;display:flex;flex-direction:column;justify-content:center}.invite-copy .eyebrow{color:var(--connected-accent);letter-spacing:.12em}.invite-copy h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:14px 0}.invite-copy>p{font-size:16px;color:var(--muted);line-height:1.65}.invite-benefits{display:grid;gap:9px;margin:5px 0 24px;font-size:14px}.invite-benefits span:before{content:'✓';color:#157461;font-weight:700;margin-right:9px}.invite-copy .button{min-height:50px;border-radius:12px;margin-bottom:10px}.invite-copy>small{font-size:12px;color:var(--muted);text-align:center;margin-top:6px}.invite-close{position:absolute;right:12px;top:12px;z-index:1;border:0;background:var(--soft,#eef3f9);color:var(--text);border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.invite-skip{background:none;border:0;color:var(--muted);font-size:13px;cursor:pointer;padding:9px}.invite-trigger{margin-top:12px;border:0;background:transparent;color:var(--connected-accent);text-decoration:underline;text-underline-offset:4px;font:600 14px inherit;cursor:pointer}.push-invitation{padding:26px;border-radius:20px;border-top:4px solid var(--connected-accent)}.push-invitation h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}.push-invitation .button{min-height:46px;flex:1}.push-invitation p{font-size:15px}
@media(max-width:1000px){body[data-page=templates] #allTemplates{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-board{grid-template-columns:repeat(5,220px)}}@media(max-width:600px){body[data-page=templates] #allTemplates{grid-template-columns:1fr;gap:22px}.template-preview-button .template-preview{height:440px}.template-preview-button>span{opacity:1}.gallery-tools{align-items:flex-start;flex-direction:column}.application-fields{grid-template-columns:1fr}.field-wide{grid-column:auto}#applicationDialog{padding:22px}.tracker-toolbar{flex-wrap:wrap}.tracker-toolbar label:first-child{flex-basis:100%}.tracker-toolbar label:nth-child(2){flex:1}.tracker-delete{margin-left:0}.resume-invite{grid-template-columns:1fr;min-height:0}.invite-documents{padding:20px;height:155px}.invite-document{width:165px;transform:translateY(50px) rotate(-5deg)}.invite-copy{padding:26px}.invite-copy h2{font-size:30px}.purchase-empty{align-items:flex-start}.purchase-empty h3{font-size:18px}}

/* /template-designs.css */
.ref-resume{box-sizing:border-box;position:relative;width:100%;min-height:842px;background:#fff;color:#242d3c;padding:38px 40px;font:14px/1.45 Arial;text-align:left;overflow-wrap:anywhere;--ref-accent:#1557d2}.ref-resume *{box-sizing:border-box}.ref-resume .ref-header{border:0;text-align:center;padding:0 0 20px;margin:0}.ref-resume .ref-header h1,.ref-resume .ref-header .doc-name{color:var(--ref-accent);font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.025em;margin:0 0 9px;text-transform:none}.ref-resume .ref-role{margin:4px 0 8px;font-size:15px;color:inherit}.ref-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 14px;font-size:11px}.ref-contact span{overflow-wrap:anywhere}.ref-resume .ref-section{margin:15px 0 0;padding:0;break-inside:avoid}.ref-resume .ref-section h2{color:var(--ref-accent);font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;border:0;border-bottom:1px solid var(--ref-accent);margin:0 0 8px;padding:0 0 4px}.ref-resume p{margin:4px 0 8px;font-size:inherit;line-height:inherit}.ref-resume ul{padding:0 0 0 18px;margin:6px 0 10px;font-size:inherit;line-height:inherit}.ref-resume li{margin:4px 0;font-size:inherit;line-height:inherit}.ref-entry{margin:0 0 12px;break-inside:avoid}.ref-entry-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.ref-entry-heading b{flex:1;min-width:0}.ref-entry-heading>span{flex:none;font-size:.8em}.ref-meta{font-size:.9em!important}.ref-sample{font-size:9px;color:#64748b;text-align:center;margin:-22px 0 18px;letter-spacing:.08em}.ref-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:25px}.ref-columns main,.ref-columns aside{min-width:0}.ref-contact-side{display:block}.ref-contact-side span{display:block;margin:7px 0}.ref-columns aside>h2{font-size:14px}.ref-empty{text-align:center;padding:45px 15px;color:#64748b}.ref-spacing-compact{line-height:1.3}.ref-spacing-compact .ref-section{margin-top:11px}.ref-spacing-compact .ref-entry{margin-bottom:8px}
.ref-rendercv-ember .ref-header h1,.ref-rendercv-ember .ref-header .doc-name{font-weight:400}.ref-rendercv-ember .ref-section h2{border:0;border-bottom:1px solid #aaa}.ref-rendercv-engineeringclassic .ref-header{text-align:left}.ref-rendercv-engineeringclassic .ref-header h1,.ref-rendercv-engineeringclassic .ref-header .doc-name{font-weight:400}.ref-rendercv-engineeringclassic .ref-contact{justify-content:flex-start}.ref-rendercv-engineeringresumes{font-size:13px}.ref-rendercv-engineeringresumes .ref-header h1,.ref-rendercv-harvard .ref-header h1,.ref-rendercv-sb2nov .ref-header h1,.ref-rendercv-engineeringresumes .ref-header .doc-name,.ref-rendercv-harvard .ref-header .doc-name,.ref-rendercv-sb2nov .ref-header .doc-name{color:#171717}.ref-rendercv-engineeringresumes .ref-section h2{color:#171717;font-size:14px;border:0;font-weight:700}.ref-rendercv-harvard{font-size:13px}.ref-rendercv-harvard .ref-section h2{color:#171717;text-transform:uppercase;font-size:14px;border-bottom:1px solid #171717}.ref-rendercv-ink .ref-header{text-align:left}.ref-rendercv-ink .ref-contact{justify-content:flex-start}.ref-rendercv-ink .ref-section h2{border:0;font-size:17px}.ref-rendercv-moderncv .ref-header{text-align:left}.ref-rendercv-moderncv .ref-header h1,.ref-rendercv-moderncv .ref-header .doc-name{font-weight:400}.ref-rendercv-moderncv .ref-contact{justify-content:flex-start}.ref-rendercv-moderncv .ref-section{display:grid;grid-template-columns:85px minmax(0,1fr);gap:14px}.ref-rendercv-moderncv .ref-section h2{font-size:13px;border:0;border-top:4px solid var(--ref-accent);padding-top:7px}.ref-rendercv-opal .ref-section h2{border:0;font-size:15px}.ref-rendercv-opal .ref-header h1,.ref-rendercv-opal .ref-header .doc-name{font-size:29px}.ref-rendercv-sb2nov .ref-section h2{color:#222;border-bottom:1px solid #222;font-weight:400;font-size:18px}.ref-rendercv-sb2nov .ref-entry-heading>span{font-style:italic}
.ref-latexcv-classic .ref-header h1,.ref-latexcv-classic .ref-header .doc-name{font-weight:400;text-transform:uppercase;color:#333}.ref-latexcv-classic .ref-section h2{text-align:center;border:0;border-top:1px solid var(--ref-accent);padding-top:7px}.ref-latexcv-modern,.ref-latexcv-rows{border-top:12px solid #555;border-bottom:10px solid #555}.ref-latexcv-modern .ref-header,.ref-latexcv-rows .ref-header{background:#555;color:#fff;margin:-38px -40px 20px;padding:25px}.ref-latexcv-modern .ref-header h1,.ref-latexcv-rows .ref-header h1,.ref-latexcv-modern .ref-header .doc-name,.ref-latexcv-rows .ref-header .doc-name{color:#fff;font-weight:400;text-transform:uppercase}.ref-latexcv-modern .ref-section h2,.ref-latexcv-rows .ref-section h2{background:var(--ref-accent);color:#fff;border:0;padding:6px 10px;font-size:14px}.ref-latexcv-minimal{padding:45px 55px;font-size:13px}.ref-latexcv-minimal .ref-header h1,.ref-latexcv-minimal .ref-header .doc-name{color:#222;font-size:28px}.ref-latexcv-minimal .ref-section h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#222;border:0;margin-top:22px}.ref-latexcv-two-column .ref-columns{grid-template-columns:1fr 1fr;gap:22px}.ref-latexcv-two-column .ref-section h2{font-size:14px;background:var(--ref-accent);color:white;padding:6px 9px}.ref-latexcv-two-column{border-bottom:10px solid var(--ref-accent)}.ref-latexcv-sidebar .ref-columns aside{background:var(--ref-accent);color:#fff;padding:20px 15px;margin-top:-15px;margin-right:-40px;margin-bottom:-38px}.ref-latexcv-sidebar .ref-columns aside .ref-section h2{color:#fff;border-bottom-color:#ffffff70}.ref-latexcv-sidebar .ref-header{background:#555;color:white;margin:-38px -40px 20px;padding:22px}.ref-latexcv-sidebar .ref-header h1,.ref-latexcv-sidebar .ref-header .doc-name{color:#fff}.ref-latexcv-sidebarleft .ref-columns{grid-template-columns:minmax(0,.42fr) minmax(0,1fr)}.ref-latexcv-sidebarleft .ref-columns main{grid-column:2;grid-row:1}.ref-latexcv-sidebarleft .ref-columns aside{grid-column:1;grid-row:1;background:#f1f1f1;padding:15px;margin-left:-25px}.ref-latexcv-sidebarleft .ref-header{text-align:left;background:#444;color:white;padding:20px}.ref-latexcv-sidebarleft .ref-header h1,.ref-latexcv-sidebarleft .ref-header .doc-name{color:white}.ref-latexcv-sidebarleft .ref-contact{justify-content:flex-start}.ref-latexcv-rows .ref-section{display:grid;grid-template-columns:95px 1fr;gap:14px;border-top:1px solid #ddd;padding-top:12px}.ref-latexcv-rows .ref-section h2{align-self:start;margin:0;background:none;color:var(--ref-accent);font-size:13px;text-transform:uppercase;padding:0}.ref-latexcv-infographics,.ref-latexcv-infographics2{background:#eaf3ff;font-size:12px}.ref-latexcv-infographics .ref-columns,.ref-latexcv-infographics2 .ref-columns{grid-template-columns:1fr 1fr;gap:20px}.ref-latexcv-infographics .ref-header,.ref-latexcv-infographics2 .ref-header{background:var(--ref-accent);color:white;margin:-38px -40px 18px;padding:22px}.ref-latexcv-infographics .ref-header h1,.ref-latexcv-infographics2 .ref-header h1,.ref-latexcv-infographics .ref-header .doc-name,.ref-latexcv-infographics2 .ref-header .doc-name{color:white}.ref-latexcv-infographics .ref-section h2,.ref-latexcv-infographics2 .ref-section h2{font-size:13px;background:var(--ref-accent);color:white;padding:6px 10px;border:0}.ref-latexcv-infographics .ref-entry{border-left:2px solid var(--ref-accent);padding-left:12px;position:relative}.ref-latexcv-infographics .ref-entry:before{content:'';position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--ref-accent)}.ref-latexcv-infographics2 .ref-section-content{padding:10px;background:#fff;border-radius:6px}.ref-html-executive .ref-header h1,.ref-html-executive .ref-header .doc-name{color:#111}.ref-html-executive .ref-section h2{color:#111;border-top:1px solid #777;border-bottom:1px solid #777;padding:7px 0}.ref-html-executive .ref-contact{justify-content:space-between}
.ref-resume[class*=ref-career-sidebar-] .ref-columns{grid-template-columns:minmax(0,1fr) minmax(0,.43fr)}.ref-resume[class*=ref-career-sidebar-] .ref-header{background:var(--ref-accent);color:#fff;text-align:left;margin:-38px -40px 22px;padding:28px 40px}.ref-resume[class*=ref-career-sidebar-] .ref-header h1,.ref-resume[class*=ref-career-sidebar-] .ref-header .doc-name{color:#fff}.ref-resume[class*=ref-career-sidebar-] .ref-contact{justify-content:flex-start}.ref-resume[class*=ref-career-sidebar-] .ref-columns aside{background:#f0f5f9;padding:18px 14px}.ref-resume[class*=ref-career-sidebar-] .ref-section h2{font-size:14px;text-transform:uppercase}
.studio-paper:has(>.ref-resume){padding:0}.template-preview .ref-resume,.studio-template-paper .ref-resume{font-size:8px;min-height:420px;padding:20px 22px;line-height:1.4;box-shadow:0 3px 12px #15203015}.template-preview .ref-resume .ref-header h1,.studio-template-paper .ref-resume .ref-header h1,.template-preview .ref-resume .ref-header .doc-name,.studio-template-paper .ref-resume .ref-header .doc-name{font-size:20px}.template-preview .ref-resume .ref-role,.studio-template-paper .ref-resume .ref-role{font-size:9px}.template-preview .ref-contact,.studio-template-paper .ref-contact{font-size:7px;gap:2px 7px}.template-preview .ref-section h2,.studio-template-paper .ref-section h2{font-size:10px}.template-preview .ref-sample,.studio-template-paper .ref-sample{font-size:6px;margin:-8px 0 10px}.template-preview .ref-columns,.studio-template-paper .ref-columns{gap:12px}.template-preview .ref-resume .ref-header,.studio-template-paper .ref-resume .ref-header{margin:0 0 10px;padding:8px}.template-preview .ref-resume .ref-columns aside,.studio-template-paper .ref-resume .ref-columns aside{margin:0;padding:10px}.template-preview .ref-rendercv-moderncv .ref-section,.template-preview .ref-latexcv-rows .ref-section{grid-template-columns:55px 1fr;gap:9px}.studio-template-paper:has(.ref-resume){padding:0;height:260px}.studio-template-paper .ref-resume{font-size:6px}.studio-template-paper .ref-resume .ref-header h1,.studio-template-paper .ref-resume .ref-header .doc-name{font-size:14px}.studio-template-paper .ref-section h2{font-size:8px}.large-resume .ref-resume{max-width:595px;margin:auto}.reference-collection-note{font-size:13px;color:var(--muted);line-height:1.6}.ref-resume b,.ref-resume strong{color:inherit}
.ref-rendercv-classic .ref-contact{color:var(--ref-accent)}
/* CVTara originals now share their gallery and editable document renderer. */
.ref-clarity .ref-header,.ref-technical .ref-header,.ref-compact .ref-header,.ref-timeline .ref-header{text-align:left}.ref-clarity .ref-contact,.ref-technical .ref-contact,.ref-compact .ref-contact,.ref-timeline .ref-contact{justify-content:flex-start}
.ref-clarity .ref-header{border-bottom:3px solid var(--ref-accent);margin-bottom:20px}.ref-clarity .ref-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #d9e0e8;padding-bottom:6px}
.ref-technical .ref-header h1,.ref-technical .ref-header .doc-name{color:#182637}.ref-technical .ref-section h2{font-size:13px;border:0;border-left:3px solid var(--ref-accent);padding-left:9px;text-transform:uppercase;letter-spacing:.06em}
.ref-compact{font-size:13px;padding:32px 38px;line-height:1.35}.ref-compact .ref-header h1,.ref-compact .ref-header .doc-name{font-size:29px;color:#182637}.ref-compact .ref-section{margin-top:12px}.ref-compact .ref-section h2{font-size:13px;text-transform:uppercase;border-bottom:1px solid #bbb}.ref-compact .ref-entry{margin-bottom:8px}
.ref-executive .ref-header h1,.ref-executive .ref-header .doc-name{color:#182637;font-weight:400;letter-spacing:-.04em;font-family:Georgia,serif}.ref-executive .ref-section h2{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#182637;border-bottom:1px solid #bbc4cf}.ref-executive .ref-header{border-bottom:2px solid #182637}
.ref-timeline .ref-entry{padding-left:14px;border-left:2px solid #cad5e1}.ref-timeline .ref-section h2{border:0;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.ref-signal .ref-header,.ref-sidebar .ref-header{text-align:left;border-bottom:2px solid var(--ref-accent);margin-bottom:22px}.ref-signal .ref-contact,.ref-sidebar .ref-contact{justify-content:flex-start}.ref-signal .ref-columns aside,.ref-sidebar .ref-columns aside{background:#f0f4f8;padding:18px 12px}.ref-signal .ref-columns,.ref-sidebar .ref-columns{grid-template-columns:minmax(0,1fr) minmax(0,.4fr);gap:22px}.ref-signal .ref-section h2,.ref-sidebar .ref-section h2{font-size:13px;text-transform:uppercase;border:0;letter-spacing:.06em}.ref-sidebar .ref-header h1,.ref-sidebar .ref-header .doc-name{font-size:34px}
.ref-modern .ref-header{background:var(--ref-accent);color:white;text-align:left;margin:-38px -40px 24px;padding:30px 40px}.ref-modern .ref-header h1,.ref-modern .ref-header .doc-name{color:white;font-size:34px}.ref-modern .ref-contact{justify-content:flex-start}.ref-modern .ref-section h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #d9e2ea}
.ref-editorial{border-top:8px solid var(--ref-accent)}.ref-editorial .ref-header{text-align:left;padding-top:10px}.ref-editorial .ref-header h1,.ref-editorial .ref-header .doc-name{color:#182637;font-family:Georgia,serif;font-weight:400;font-size:38px}.ref-editorial .ref-contact{justify-content:flex-start}.ref-editorial .ref-section h2{font-family:Georgia,serif;font-size:17px;border:0}
.ref-campus .ref-header h1,.ref-campus .ref-header .doc-name{color:#182637;font-size:29px}.ref-campus .ref-header{border-bottom:1px solid #182637;margin-bottom:20px}.ref-campus .ref-section h2{text-transform:uppercase;font-size:13px;letter-spacing:.07em;border-bottom:1px solid #aeb9c6;color:#182637}
.stage-art>.ref-resume{width:595px;zoom:.53;min-height:842px;box-shadow:0 12px 36px #10283e20}
.invite-document>.ref-resume{width:595px;zoom:.48;min-height:842px}
@media(max-width:600px){.stage-art>.ref-resume{zoom:.43}.invite-document>.ref-resume{zoom:.28}}
/* section headings never split mid-word, even in narrow side columns */
.ref-resume h1,.ref-resume h2,.ref-resume h3,even in narrow side columns */
.ref-resume .doc-name{overflow-wrap:normal;word-break:normal;hyphens:none}
.ref-sidebar .ref-section h2,.ref-signal .ref-section h2{font-size:12px;letter-spacing:.03em}
/* show the top of a document in a card even when the sheet is taller than the card */
.template-preview{align-items:start}

.doc-name{display:block;font-size:2em;font-weight:700;margin:.67em 0}

/* Thumbnails: a full-size photo leaves the name and contact lines a sliver of room, so keep it small. */
.template-preview .ref-resume .ref-header>.ref-photo,.template-preview .ref-resume .ref-header>.ref-photo-placeholder{width:52px;height:52px;margin:0 0 8px 10px}
.template-preview .ref-contact span{overflow-wrap:normal;word-break:normal}

/* /owner-console.css */
.owner-form label{display:block;font-size:14px;font-weight:600;margin:16px 0}.owner-form input:not([type=checkbox]),.owner-form textarea,.owner-form select,.owner-editor-toolbar input,.owner-editor-toolbar select,.owner-library-layout>div>input{display:block;width:100%;padding:12px 14px;margin-top:7px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text);font:inherit}.owner-form textarea{resize:vertical;line-height:1.6}.owner-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.owner-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.owner-actions [role=status]{flex-basis:100%;margin:0}.owner-help{color:var(--muted);font-size:14px;line-height:1.6}.owner-details{padding:20px;border:1px solid var(--line);border-radius:12px;margin:20px 0}.owner-details summary{cursor:pointer;font-weight:600}.owner-details summary a{float:right;color:var(--connected-accent);font-weight:400}.owner-form .owner-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0}.owner-switch input{width:22px;height:22px;accent-color:var(--connected-accent)}.owner-integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.owner-service{padding:22px;border:1px solid var(--line);border-radius:14px}.owner-service p{font-size:14px;color:var(--muted)}.owner-provider-status{display:block;font-size:12px;padding:8px 10px;background:var(--soft);border-radius:8px;margin:14px 0}.owner-feature-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.owner-feature-row input[type=checkbox]{width:22px;height:22px}.owner-feature-row input[type=number]{margin:0;min-width:0}.owner-feature-head{color:var(--muted);font-size:13px}.owner-editor-layout{display:grid;grid-template-columns:220px 1fr;gap:22px}.owner-record-list{display:flex;flex-direction:column;gap:6px;max-height:670px;overflow:auto}.owner-record-list button{padding:13px 15px;text-align:left;background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:8px;font:600 14px inherit;cursor:pointer}.owner-record-list button:hover{border-color:var(--connected-accent);color:var(--connected-accent)}.owner-library-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:24px}.owner-library-layout>div>input{margin-bottom:18px}.owner-editor-toolbar{display:flex;gap:18px;align-items:end;margin:20px 0}.owner-editor-toolbar>label{flex:1}.owner-editor-toolbar>input{flex:1}#emailPreview{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;border:1px solid var(--line);background:var(--soft);font:14px/1.7 Arial}.owner-review{margin:18px 0}.owner-big-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.owner-big-metrics article{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.owner-big-metrics span{display:block;font-size:15px;color:var(--muted)}.owner-big-metrics b{display:block;font-size:54px;line-height:1.2;margin-top:16px}.owner-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.owner-stat-line{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.owner-daily-list{max-height:360px;overflow:auto}.owner-table-scroll{overflow:auto}.owner-table-scroll small{display:block;color:var(--muted);margin-top:5px}.owner-table-scroll .admin-table{min-width:950px}#ownerUserDialog{width:min(700px,92vw);border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--paper);color:var(--text)}.owner-feature-disabled>:not(.owner-unavailable){display:none!important}.owner-unavailable{padding:26px;border:1px solid var(--line);border-radius:12px}.owner-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.owner-review-grid p{font-size:16px;line-height:1.7}.owner-blog-image{display:block;max-width:100%;height:auto;border-radius:12px;margin:20px 0}.owner-consent{position:fixed;bottom:20px;left:20px;z-index:900;background:var(--paper);color:var(--text);max-width:420px;padding:22px;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 40px #1232}.owner-consent button{margin:5px}.free-resume-preview .studio-paper{position:relative}.free-resume-preview .studio-paper:after{content:var(--watermark-label,'CVTara · Free preview');position:absolute;left:8%;right:8%;top:44%;text-align:center;transform:rotate(-28deg);color:#1a3f7920;font:700 44px/1.2 Arial;letter-spacing:.03em;pointer-events:none;z-index:3;overflow-wrap:anywhere}.admin-content{max-width:none!important}.admin-view>.admin-heading h2{font-size:34px}.owner-form .panel-pad{padding:28px}@media(max-width:1000px){.owner-integration-grid{grid-template-columns:1fr 1fr}.owner-big-metrics{grid-template-columns:1fr 1fr}}@media(max-width:700px){.owner-fields,.owner-integration-grid,.owner-dashboard-grid,.owner-editor-layout,.owner-library-layout,.owner-review-grid{grid-template-columns:1fr}.owner-big-metrics{gap:12px}.owner-big-metrics article{padding:18px}.owner-big-metrics b{font-size:36px}.owner-feature-row{grid-template-columns:1.5fr .5fr .8fr .8fr;gap:8px;padding:12px 0;font-size:13px}.owner-feature-row input[type=number]{padding:9px}.owner-record-list{max-height:220px}.owner-editor-toolbar{flex-direction:column;align-items:stretch}.owner-details{padding:14px}.owner-details summary a{float:none;display:block;margin-top:8px}.free-resume-preview .studio-paper:after{font-size:34px}.admin-view>.admin-heading h2{font-size:28px}}
.owner-preview-dialog{width:min(900px,94vw);max-height:90vh;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--text)}
.owner-provider-fields{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.owner-provider-fields[hidden]{display:none}.owner-service{min-width:0}.owner-provider-fields input,.owner-provider-fields textarea{max-width:100%}.owner-feature-row strong small{display:block;font-size:14px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:7px}.owner-clickable{cursor:pointer}.owner-clickable:hover,.owner-metric-button:hover{border-color:var(--connected-accent);box-shadow:0 6px 24px #1557d212}.owner-metric-button{display:block;text-align:left;padding:28px;background:var(--paper);color:var(--text);border-radius:16px;cursor:pointer;font:inherit}.owner-chart{display:flex;align-items:end;gap:8px;height:240px;padding-top:26px;overflow:auto}.owner-chart button{flex:1;min-width:28px;height:100%;display:flex;flex-direction:column;justify-content:end;border:0;background:transparent;cursor:pointer;color:var(--text);font:inherit}.owner-chart i{display:block;min-height:5px;height:var(--bar);background:linear-gradient(#2864ff,#1557d2);border-radius:5px 5px 0 0;margin:5px 0}.owner-chart small{font-size:12px;white-space:nowrap}.owner-empty-chart{min-height:220px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line);color:var(--muted)}.owner-page-list{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:12px;margin-bottom:28px}.owner-page-list table{min-width:700px}.owner-writing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.owner-read-preview{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;max-height:750px;overflow:auto;font-size:16px;line-height:1.7;margin-top:42px;overflow-wrap:anywhere}.owner-read-preview small{font-size:12px;color:var(--muted)}.owner-editor-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px;position:sticky;top:0;z-index:2;background:var(--paper);padding:12px;border:1px solid var(--line);border-radius:10px}.owner-editor-tools button{padding:10px 14px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--text);font:600 14px Arial;cursor:pointer}.owner-score{padding:16px;border-radius:12px;background:#1557d212;color:var(--connected-accent);font-size:28px;font-weight:700}.owner-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.owner-checks span{font-size:14px;color:var(--muted)}.owner-checks .complete{color:var(--connected-accent)}.owner-basic-pages a{margin:5px}.owner-inline-image{max-width:100%;height:auto;border-radius:10px}.owner-article-cover{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;margin:24px 0;background:#0c1c30}.owner-article-cover img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.owner-article-cover figcaption{position:absolute;left:5%;top:22%;width:43%;color:white;line-height:1.25}.owner-article-cover figcaption span{display:block;font-size:12px;letter-spacing:.12em;margin-bottom:20px}.owner-article-cover figcaption strong{font-size:clamp(18px,2.7vw,34px);display:block}.owner-faq{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.owner-form input[type=number]{min-width:72px}.owner-form .admin-table td{vertical-align:top}.owner-form .admin-table input{margin:0;max-width:150px}#profileWelcome{max-height:90vh;overflow:auto}#profileWelcome::backdrop{background:#0a173c88}@media(max-width:900px){.owner-writing-grid{grid-template-columns:1fr}.owner-read-preview{margin-top:0;max-height:500px}.owner-editor-tools{position:static}.owner-article-cover figcaption strong{font-size:20px}.owner-checks{grid-template-columns:1fr}}
.admin-body .dialog-actions[hidden]{display:none!important}.owner-audience-chart{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.owner-donut{width:180px;height:180px;flex:0 0 auto;border-radius:50%;background:conic-gradient(#1557d2 var(--paid-share),#c7d8fa 0);display:grid;place-items:center}.owner-donut b{width:136px;height:136px;border-radius:50%;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:36px}.owner-donut small{font-size:14px;color:var(--muted)}.owner-audience-chart .button{display:block;margin:8px 0}

/* Offers & festivals */
.pm-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pm-tpl{display:flex;align-items:center;gap:10px;border:0;border-radius:14px;padding:14px;cursor:pointer;font:inherit;text-align:left;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:transform .15s}
.pm-tpl:hover{transform:translateY(-2px)}.pm-tpl i{font-style:normal;font-size:26px}.pm-tpl b{font-size:13px;line-height:1.25}
.pm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.pm-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}.pm-card.is-live{border-color:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent)}
.pm-head{display:flex;align-items:center;gap:12px;padding:14px 16px}.pm-head i{font-style:normal;font-size:30px}.pm-head div{flex:1;min-width:0}.pm-head b{display:block}.pm-head small{display:block;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-body{padding:14px 16px;display:grid;gap:10px}.pm-meta{margin:0;font-size:13px;color:var(--muted)}
.pm-stats{margin:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}.pm-stats b{color:var(--ink)}
.pm-acts{display:flex;flex-wrap:wrap;gap:6px}
.pm-form fieldset{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0}.pm-form legend{font-weight:700;font-size:13px;padding:0 6px}
.pm-themes{display:flex;flex-wrap:wrap;gap:8px}.pm-theme input{position:absolute;opacity:0}.pm-theme span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;font-size:22px;cursor:pointer;border:3px solid transparent}.pm-theme input:checked+span{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper) inset}
.pm-img{display:flex;gap:8px;align-items:center}.pm-img input[type=text],.pm-img input:not([type]){flex:1}
.pm-cp{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.pm-cp label{flex:1;min-width:220px}
.pm-newcp{margin-top:10px;padding:12px;border-radius:10px;background:var(--soft);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pm-newcp .wide{grid-column:1/-1}
.pm-plans{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px}.pm-plans label{display:flex;gap:5px;align-items:center;font-size:13px}
.pm-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pm-check{display:flex;gap:8px;align-items:center;margin:8px 0 2px;font-weight:600}
.pm-trg{display:grid;gap:8px;margin:8px 0;padding:10px;border-radius:10px;background:var(--soft)}

/* /premium-products.css */
/* Coordinated document families: intentional type, hierarchy and composition. */
.ref-suite-meridian{border-top:9px solid var(--ref-accent)}.ref-suite-meridian .ref-header{text-align:left;padding:12px 0 24px;border-bottom:1px solid #b9c9d6}.ref-suite-meridian .ref-header h1,.ref-suite-meridian .ref-header .doc-name{font-size:37px;letter-spacing:-.045em;color:#163347}.ref-suite-meridian .ref-contact{justify-content:flex-start;color:#516778}.ref-suite-meridian .ref-section h2{font-size:12px;letter-spacing:.13em;text-transform:uppercase;border:0}.ref-suite-meridian .ref-entry{padding-left:12px;border-left:1px solid #cad7e1}
.ref-suite-atelier{padding:44px 48px}.ref-suite-atelier .ref-header{text-align:left;border-bottom:2px solid var(--ref-accent);padding-bottom:24px}.ref-suite-atelier .ref-header h1,.ref-suite-atelier .ref-header .doc-name{font-family:Georgia,serif;font-size:40px;line-height:1.1;font-weight:400;letter-spacing:-.04em;color:#352b2b}.ref-suite-atelier .ref-role{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.ref-suite-atelier .ref-contact{justify-content:flex-start}.ref-suite-atelier .ref-section h2{font-family:Georgia,serif;font-size:19px;font-weight:400;border-bottom:1px solid #d7c7c4;padding-bottom:7px}.ref-suite-atelier .ref-entry-heading b{font-weight:700}
.ref-suite-vector{border-left:9px solid var(--ref-accent);padding:38px 35px}.ref-suite-vector .ref-header{text-align:left;border-bottom:1px solid #becfd1;margin-bottom:22px}.ref-suite-vector .ref-header h1,.ref-suite-vector .ref-header .doc-name{font-size:36px;letter-spacing:-.04em}.ref-suite-vector .ref-contact{justify-content:flex-start}.ref-suite-vector .ref-columns{grid-template-columns:130px minmax(0,1fr);gap:25px}.ref-suite-vector .ref-columns main{grid-column:2;grid-row:1}.ref-suite-vector .ref-columns aside{grid-column:1;grid-row:1;border-right:1px solid #d5e1e2;padding-right:18px}.ref-suite-vector .ref-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;border:0}.ref-suite-vector .ref-columns aside>h2{font-size:12px;color:var(--ref-accent)}
.ref-suite-apex .ref-header{background:var(--ref-accent);margin:-38px -40px 22px;padding:38px 40px 30px;text-align:left;color:white}.ref-suite-apex .ref-header h1,.ref-suite-apex .ref-header .doc-name{font-size:39px;color:white;letter-spacing:-.045em}.ref-suite-apex .ref-role{color:white}.ref-suite-apex .ref-contact{justify-content:flex-start;color:#fff}.ref-suite-apex .ref-section h2{border:0;border-bottom:2px solid var(--ref-accent);font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding-bottom:8px}.ref-suite-apex .ref-entry-heading b{color:#1d2e57}
.ref-suite-forma .ref-header{text-align:left;padding-bottom:25px;border-bottom:1px solid #cbd0bf;margin-bottom:22px}.ref-suite-forma .ref-header h1,.ref-suite-forma .ref-header .doc-name{font-size:38px;color:#30392c;font-weight:400;letter-spacing:-.04em}.ref-suite-forma .ref-contact{justify-content:flex-start}.ref-suite-forma .ref-columns{grid-template-columns:minmax(0,1fr) 155px;gap:24px}.ref-suite-forma .ref-columns aside{background:#f2f4ec;padding:18px 14px;border-radius:0 0 18px 0}.ref-suite-forma .ref-section h2{font-size:12px;letter-spacing:.09em;text-transform:uppercase;border:0}.ref-suite-forma .ref-columns aside>h2{color:var(--ref-accent);font-size:12px}.ref-suite-forma .ref-entry{border-bottom:1px solid #e0e4da;padding-bottom:8px}
.ref-suite-ledger .ref-header h1,.ref-suite-ledger .ref-header .doc-name{font-size:36px;font-family:Georgia,serif;font-weight:400;color:#222b36}.ref-suite-ledger .ref-header{border-top:1px solid #364052;border-bottom:3px double #364052;padding:22px 0;margin-bottom:22px}.ref-suite-ledger .ref-section{display:grid;grid-template-columns:94px minmax(0,1fr);gap:20px;border-bottom:1px solid #d3d7de;padding:5px 0 16px}.ref-suite-ledger .ref-section h2{font-size:12px;border:0;letter-spacing:.04em;text-transform:uppercase;color:#30394b}.ref-suite-ledger .ref-entry-heading{flex-wrap:wrap;gap:4px}.ref-suite-ledger .ref-entry-heading>span{font-size:11px}
.ref-suite-studio{border-top:14px solid var(--ref-accent);padding-top:30px}.ref-suite-studio .ref-header{text-align:left;border-bottom:1px solid #dacada;padding-bottom:25px}.ref-suite-studio .ref-header h1,.ref-suite-studio .ref-header .doc-name{font-size:42px;line-height:1.03;letter-spacing:-.065em;color:#322039}.ref-suite-studio .ref-role{color:var(--ref-accent);font-weight:700;letter-spacing:-.02em}.ref-suite-studio .ref-contact{justify-content:flex-start}.ref-suite-studio .ref-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em;border:0;display:inline-block;background:#f5edf6;padding:5px 10px}.ref-suite-studio .ref-entry-heading b{color:#322039}
.ref-suite-origin{border-bottom:8px solid var(--ref-accent)}.ref-suite-origin .ref-header{text-align:left;position:relative;padding-left:18px;border-left:4px solid var(--ref-accent);margin:4px 0 28px}.ref-suite-origin .ref-header h1,.ref-suite-origin .ref-header .doc-name{font-size:35px;color:#392a21;letter-spacing:-.035em}.ref-suite-origin .ref-contact{justify-content:flex-start}.ref-suite-origin .ref-section h2{font-size:12px;letter-spacing:.12em;border-bottom:1px solid #decfbd;text-transform:uppercase;padding-bottom:7px}.ref-suite-origin .ref-entry{padding-left:13px;border-left:1px solid #e1d2c0}
#resumeStudio .studio-template-paper .ref-resume[class*=ref-suite-] .ref-header{margin:0 0 20px;padding:12px 0 22px}#resumeStudio .studio-template-paper .ref-suite-apex .ref-header{margin:-38px -40px 22px;padding:38px 40px 30px}#resumeStudio .studio-template-paper .ref-suite-ledger .ref-header{padding:22px 0}#resumeStudio .studio-template-paper .ref-suite-origin .ref-header{padding-left:18px}
#resumeStudio .studio-paper .ref-suite-atelier h1,#resumeStudio .studio-paper .ref-suite-atelier .doc-name{font-size:40px!important}#resumeStudio .studio-paper .ref-suite-studio h1,#resumeStudio .studio-paper .ref-suite-studio .doc-name{font-size:42px!important}#resumeStudio .studio-paper .ref-suite-meridian h1,#resumeStudio .studio-paper .ref-suite-vector h1,#resumeStudio .studio-paper .ref-suite-apex h1,#resumeStudio .studio-paper .ref-suite-meridian .doc-name,#resumeStudio .studio-paper .ref-suite-vector .doc-name,#resumeStudio .studio-paper .ref-suite-apex .doc-name{font-size:38px!important}
/* Letter canvas: the same renderer is used in the library and the editor. */
.letter-document{--letter-accent:#153b5c;position:relative;box-sizing:border-box;width:595px;min-height:842px;background:#fff;color:#263446;padding:44px 46px;font:14px/1.7 Arial,sans-serif;text-align:left;overflow-wrap:anywhere}.letter-document *{box-sizing:border-box}.letter-document h1,.letter-document .doc-name{font-size:33px;letter-spacing:-.04em;line-height:1.15;margin:0 0 10px;color:var(--letter-accent)}.letter-document-header{border-bottom:2px solid var(--letter-accent);padding-bottom:21px;margin-bottom:28px}.letter-document-header p{font-size:11px!important;line-height:1.7!important;color:#526575;margin:0!important}.letter-document .letter-recipient{display:flex;justify-content:space-between;gap:18px;margin-bottom:24px;font-size:12px;color:#46576a}.letter-recipient>div{display:grid;gap:2px}.letter-document h2{font:700 14px/1.5 Arial,sans-serif;color:#263446;margin:0 0 20px}.letter-document p{font-size:14px;line-height:1.75;margin:0 0 18px}.letter-document footer{margin-top:24px;font-size:14px}.letter-document footer p{margin:0 0 4px}.letter-monogram{display:none}.letter-placeholder{color:#8190a0}.letter-sample-label{font:9px Arial;letter-spacing:.1em;display:block;margin:-25px 0 20px;color:#73808b}
.letter-meridian{border-top:9px solid var(--letter-accent)}.letter-meridian .letter-document-header{border-bottom:1px solid #b9c9d6;padding-top:12px}.letter-meridian h1,.letter-meridian .doc-name{font-size:37px}
.letter-atelier{padding:50px}.letter-atelier h1,.letter-atelier .doc-name{font:400 39px/1.1 Georgia,serif;color:#352b2b}.letter-atelier .letter-document-header{border-bottom:2px solid var(--letter-accent)}.letter-atelier .letter-copy p{font-family:Georgia,serif;font-size:15px}.letter-atelier h2{color:var(--letter-accent);font-size:14px}
.letter-vector{border-left:9px solid var(--letter-accent);padding-left:42px}.letter-vector .letter-document-header{border-bottom:1px solid #b8cecf}.letter-vector .letter-recipient{border-left:3px solid var(--letter-accent);padding-left:12px}.letter-vector h1,.letter-vector .doc-name{font-size:37px}
.letter-apex .letter-document-header{background:var(--letter-accent);color:white;margin:-44px -46px 30px;padding:38px 46px 30px;border:0}.letter-apex .letter-document-header h1,.letter-apex .letter-document-header p,.letter-apex .letter-document-header .doc-name{color:white}.letter-apex .letter-document-header h1,.letter-apex .letter-document-header .doc-name{font-size:38px}.letter-apex h2{border-bottom:2px solid var(--letter-accent);padding-bottom:12px;color:var(--letter-accent)}
.letter-forma .letter-monogram{display:grid;place-items:center;float:right;width:53px;height:53px;background:#f0f3e9;color:var(--letter-accent);font-size:18px;letter-spacing:-.06em}.letter-forma h1,.letter-forma .doc-name{font-size:36px;font-weight:400;color:#30392c}.letter-forma .letter-document-header{border-color:#b3bba3}.letter-forma .letter-recipient{background:#f2f4ec;padding:14px}
.letter-ledger .letter-document-header{text-align:center;border-top:1px solid #364052;border-bottom:3px double #364052;padding:20px 0}.letter-ledger h1,.letter-ledger .doc-name{font-family:Georgia,serif;font-weight:400;color:#28313e}.letter-ledger .letter-recipient{border-bottom:1px solid #cfd4db;padding-bottom:16px}.letter-ledger .letter-copy{font-family:Georgia,serif}
.letter-studio{border-top:14px solid var(--letter-accent)}.letter-studio h1,.letter-studio .doc-name{font-size:40px;letter-spacing:-.06em;color:#322039}.letter-studio .letter-document-header{border-bottom:1px solid #dacada}.letter-studio h2{display:inline-block;background:#f5edf6;padding:8px 12px;color:var(--letter-accent)}
.letter-origin{border-bottom:8px solid var(--letter-accent)}.letter-origin .letter-document-header{border:0;border-left:4px solid var(--letter-accent);padding:0 0 0 18px;margin-top:8px}.letter-origin h1,.letter-origin .doc-name{font-size:35px;color:#392a21}.letter-origin .letter-recipient{border-bottom:1px solid #decfbd;padding-bottom:18px}
.cover-letter-preview{position:relative;overflow:hidden!important;height:385px!important;background:#e5eaf1;padding:18px!important}.cover-letter-preview>.letter-document{position:absolute;left:50%;top:20px;transform:translateX(-50%) scale(.43);transform-origin:top center}.large-letter{overflow:auto}.large-letter .letter-document{margin:auto}.stage-art>.letter-document{zoom:.53}.cover-letter-card{border-radius:12px!important;overflow:hidden;background:var(--paper)!important}.cover-letter-card .template-meta{padding:18px!important;text-align:left}.cover-letter-card .template-meta b{font-size:18px}.cover-letter-card .template-meta small{font-size:14px}
/* Product workflow surfaces */
.product-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.product-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.045em;margin:10px 0 0}.product-heading h2 em{font-style:normal;color:var(--blue)}.product-heading p{font-size:16px;color:var(--muted);line-height:1.65;max-width:660px}.product-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.product-actions>span{width:100%;font-size:13px;color:var(--muted);text-align:right}.product-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:26px;background:var(--paper)}.product-steps button{display:flex;align-items:center;gap:12px;padding:17px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}.product-steps button:last-child{border:0}.product-steps span{font-size:12px;font-weight:700;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid var(--line)}.product-steps [aria-current=step]{color:var(--ink);box-shadow:inset 0 -3px var(--blue)}.product-steps [aria-current=step] span{background:var(--blue);color:white;border-color:var(--blue)}.product-steps button:disabled{opacity:.5;cursor:default}.product-help{font-size:13px;color:var(--muted);line-height:1.65;margin:12px 0}
#view-letter [hidden],#matchReport [hidden],#diagnosisReady [hidden]{display:none!important}#view-letter{font-size:16px}#view-letter input,#view-letter select,#view-letter textarea,#view-letter button{font:inherit}#view-letter button{cursor:pointer}#view-letter button:disabled{cursor:default;opacity:.5}#view-letter :focus-visible{outline:3px solid #7096e8;outline-offset:3px}#view-letter .button{font-size:14px;min-height:44px;border-radius:8px;padding:11px 16px}.letter-choice-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.letter-choice-intro h3{font-size:24px;letter-spacing:-.025em;margin:0 0 9px}.letter-choice-intro p{font-size:15px;line-height:1.6;color:var(--muted);max-width:640px}.letter-choice-intro label{display:grid;gap:7px;font-size:14px;min-width:240px}.letter-choice-intro input{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
.letter-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.letter-template-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 530px}.letter-template-card:hover{border-color:#91acc8;box-shadow:0 8px 30px #172c410e}.letter-template-art{display:block;position:relative;width:100%;height:330px;border:0;background:#e5eaf1;overflow:hidden}.letter-template-art>div{position:absolute;width:595px;min-height:842px;left:50%;top:20px;transform:translateX(-50%) scale(.37);transform-origin:top center;pointer-events:none;box-shadow:0 5px 20px #14263e22}.letter-template-art>span{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#142b43;color:#fff;border-radius:22px;padding:8px 15px;font-size:13px;opacity:0}.letter-template-art:hover>span,.letter-template-art:focus-visible>span{opacity:1}.letter-template-label{padding:18px}.letter-template-label small{color:var(--blue);font-size:12px;font-weight:600}.letter-template-label h4{font-size:18px;margin:6px 0;line-height:1.35}.letter-template-label p{font-size:13px;color:var(--muted);margin:0 0 18px}
.letter-work-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.letter-work-toolbar b{font-size:14px}.letter-view-switch{display:none;margin-left:auto}.letter-work-grid{display:grid;grid-template-columns:minmax(340px,.94fr) minmax(0,1.06fr);gap:26px;align-items:start}.letter-editor,.letter-review{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.letter-section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:5px;border-bottom:1px solid var(--line)}.letter-section-nav button{font-size:13px!important;padding:12px 6px;border:0;border-radius:7px;background:transparent;color:var(--muted);line-height:1.45;min-height:48px}.letter-section-nav [aria-pressed=true]{background:var(--soft);color:var(--blue)}
#letterFields{padding:24px}#letterFields h3{font-size:23px;letter-spacing:-.025em;margin:0 0 18px}.letter-field{display:grid;gap:7px;margin-bottom:18px}.letter-field>span{font-size:14px;font-weight:600}.letter-field>small{font-size:13px;line-height:1.6;color:var(--muted)}.letter-field input,.letter-field textarea,.letter-field select{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:16px!important;line-height:1.6;min-height:47px}.letter-field input[type=color]{padding:5px}.letter-field textarea{resize:vertical}.letter-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.letter-field-pair>*{min-width:0}.letter-guidance{padding:16px;background:var(--soft);border-radius:8px;font-size:14px;line-height:1.65}.letter-guidance summary{cursor:pointer;font-weight:600}.letter-guidance p{color:var(--muted)}.letter-navigation{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-top:1px solid var(--line);gap:12px}.letter-navigation>span{font-size:12px;color:var(--muted)}.letter-colours{display:flex;gap:10px;flex-wrap:wrap}.letter-colours button{height:30px;width:30px;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line);border-radius:50%}.letter-resume-import{background:var(--soft);padding:16px;border-radius:9px;margin-bottom:22px}.letter-resume-import label{font-size:14px;display:grid;gap:8px}.letter-resume-import select{padding:11px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);max-width:100%}.letter-resume-import .button{margin-top:10px}.letter-resume-import p{font-size:13px;line-height:1.6;margin:10px 0 0;color:var(--muted)}
.letter-preview-column{position:sticky;top:20px;min-width:0}.letter-canvas-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.letter-canvas-toolbar>span{font-size:12px;letter-spacing:.1em;font-weight:700}.letter-canvas-toolbar label{font-size:12px;display:flex;align-items:center;gap:7px}.letter-canvas-toolbar select{border:1px solid var(--line);border-radius:7px;padding:9px;background:var(--paper);color:var(--ink);height:44px}.letter-canvas{padding:18px;border:1px solid #cad4df;border-radius:12px;background:#dfe5ed;max-height:calc(100dvh - 160px);min-height:400px;overflow:auto;scrollbar-gutter:stable}#letterPageFrame{position:relative;margin:auto}#letterLiveDocument{position:absolute;top:0;left:0;width:595px;transform-origin:top left;box-shadow:0 6px 25px #102c4826}.letter-document-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:11px 0;color:var(--muted)}.free-resume-preview #letterLiveDocument:after,.free-resume-preview #letterInspectDocument>.letter-document:not(:has(.letter-sample-label)):after{content:var(--watermark-label,'CVTara · Free preview');position:absolute;top:44%;left:4%;right:4%;transform:rotate(-28deg);text-align:center;color:#1a3f791f;font:bold 45px Arial;pointer-events:none}
.letter-review{padding:27px}.letter-review h3{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:12px 0 24px}.letter-review>p{font-size:14px;line-height:1.7;color:var(--muted)}.letter-review>.button{margin-top:12px}#letterReviewItems{display:grid;gap:9px}#letterReviewItems button{display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px 12px;text-align:left;color:var(--ink)}#letterReviewItems b{font-size:14px}#letterReviewItems small{margin-left:auto;color:var(--blue);font-size:12px}#letterReviewItems .complete{color:#1f7962}
#view-letter dialog{width:min(760px,calc(100vw - 24px));max-height:94dvh;padding:0;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:12px;overflow:auto;box-shadow:0 25px 100px #0b20354d}#view-letter dialog::backdrop{background:#0a172bc4}.letter-dialog-top,.letter-dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;background:var(--paper)}.letter-dialog-top h3{margin:0;font-size:21px}.letter-dialog-bottom{position:sticky;bottom:0;border-top:1px solid var(--line)}.letter-dialog-bottom p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.letter-dialog-bottom .button{flex:none}#letterInspectDocument{padding:22px;overflow:auto}#letterInspectDocument>.letter-document{margin:auto;box-shadow:0 5px 20px #102b4520}.letter-confirm{padding:28px}.letter-confirm h3{font-size:25px}.letter-confirm p{line-height:1.65;color:var(--muted)}
/* Requirement/evidence review, without artificial scores or waiting animations. */
.match-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0 0 26px;border:1px solid var(--line);border-radius:11px;background:var(--paper);overflow:hidden}.match-roadmap li{padding:18px;border-right:1px solid var(--line)}.match-roadmap li:last-child{border:0}.match-roadmap b{display:block;font-size:14px;margin-bottom:7px;color:var(--ink)}.match-roadmap span{display:block;font-size:13px;line-height:1.6;color:var(--muted)}.match-work-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.match-input-panel{min-width:0}.match-input-panel>label{display:grid;gap:8px;font-size:14px;font-weight:600;margin:18px 0}.match-input-panel input[type=file]{max-width:100%;font-size:14px}.match-input-panel textarea{width:100%;font-family:inherit;font-size:15px;line-height:1.65;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);resize:vertical}.match-input-panel .connected-check{display:flex;font-weight:400;line-height:1.65}.match-input-panel .connected-upload{margin-top:0;padding:18px;border:1px dashed #91a9c3;border-radius:9px;background:var(--soft)}.match-input-panel .connected-upload small{font-size:12px;font-weight:400;line-height:1.65;color:var(--muted)}#matchStatus{font-size:14px;line-height:1.6}.match-empty{padding:14px}.match-empty h3{font-size:29px;line-height:1.2;letter-spacing:-.035em;margin:14px 0 30px}.match-empty>div{padding:20px 0;border-top:1px solid var(--line)}.match-empty b{font-size:17px}.match-empty p{font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:0}.match-empty small{display:block;font-size:12px;line-height:1.6;color:var(--muted);padding-top:14px}
#matchReport{min-width:0}.evidence-report-header h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:10px 0}.evidence-report-header>p{font-size:14px;color:var(--muted);line-height:1.6}.evidence-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.evidence-metrics>div{padding:17px 13px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.evidence-metrics b{font-size:30px;display:block;color:var(--ink);letter-spacing:-.04em}.evidence-metrics span{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:7px}.evidence-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:22px}.evidence-tabs button{border:0;padding:12px;border-radius:7px;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;font-weight:600;min-height:44px;cursor:pointer}.evidence-tabs [aria-pressed=true]{background:var(--blue);color:white}[data-report-panel]>h3{font-size:20px;letter-spacing:-.02em;margin:18px 0}.evidence-signals{display:grid;gap:0}.evidence-signals article{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.evidence-signals article>span{color:var(--blue);font-size:19px}.evidence-signals b{font-size:15px}.evidence-signals p{font-size:14px;color:var(--muted);line-height:1.65;margin:7px 0 0}.evidence-method{margin-top:22px;border:1px solid var(--line);border-radius:8px;padding:15px}.evidence-method summary{font-size:14px;font-weight:600;cursor:pointer}.evidence-method p{font-size:13px;color:var(--muted);line-height:1.7}.evidence-item{border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:12px}.evidence-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.evidence-item-top small{font-size:12px;color:var(--muted)}.evidence-item-top h4{font-size:17px;margin:7px 0 15px;line-height:1.4}.evidence-badge{font-size:11px;color:#5b5966;background:#eeedf2;border:1px solid #dddae5;padding:5px 8px;border-radius:5px;white-space:nowrap}.status-evidenced .evidence-badge{background:#eaf5f0;color:#25664e;border-color:#c6e0d4}.status-mentioned .evidence-badge{background:#fdf4df;color:#805d15;border-color:#ebd9a8}.status-not_found .evidence-badge{background:#f8edf0;color:#854b5c;border-color:#e8cbd3}.evidence-item details summary{font-size:13px;color:var(--blue);cursor:pointer;padding:4px 0}.evidence-quotes{display:grid;gap:14px;margin-top:18px}.evidence-quotes b{font-size:12px;text-transform:uppercase;letter-spacing:.07em}.evidence-quotes blockquote,[data-report-panel]>blockquote{margin:8px 0 0;padding:13px 15px;border-left:3px solid #bacce0;background:var(--soft);font-size:14px;line-height:1.7;color:var(--ink)}.evidence-item details>p{font-size:14px;line-height:1.65;margin:18px 0 10px}.evidence-item details>small{font-size:12px;line-height:1.6;color:var(--muted)}.evidence-actions{padding-left:24px}.evidence-actions li{padding:12px 0 19px 8px;border-bottom:1px solid var(--line)}.evidence-actions li>span{font-size:12px;color:var(--blue)}.evidence-actions h4{font-size:17px;margin:7px 0}.evidence-actions p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.evidence-writing-guide{background:var(--soft);padding:18px;border-radius:8px;margin:22px 0;font-size:14px;line-height:1.7}.evidence-writing-guide p{color:var(--muted);margin-bottom:0}.match-stale{padding:12px 14px;background:#fff4d7;color:#795513!important;border:1px solid #e9d499;border-radius:8px}
.application-roadmap{border:1px solid var(--line);border-radius:13px;padding:24px;background:var(--paper);margin-bottom:24px}.application-roadmap h3{font-size:23px;letter-spacing:-.025em;margin:0 0 10px}.application-roadmap>p{font-size:14px;line-height:1.65;color:var(--muted)}.application-roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.application-roadmap-grid button{display:block;border:1px solid var(--line);border-radius:9px;text-align:left;background:var(--soft);padding:18px;color:var(--ink);cursor:pointer}.application-roadmap-grid small{font-size:12px;color:var(--blue);display:block}.application-roadmap-grid b{display:block;font-size:16px;margin:11px 0}.application-roadmap-grid span{font-size:13px;line-height:1.6;color:var(--muted);display:block}.owner-product-roadmap{margin-top:24px}.owner-product-roadmap summary{font-size:16px;font-weight:650;cursor:pointer}.owner-product-roadmap li{font-size:14px;line-height:1.7;margin:12px 0}.saved-letters-list>article{display:flex;align-items:center;gap:14px;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.saved-letters-list h4{font-size:17px;margin:0 0 8px}.saved-letters-list p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.saved-letters-list article>div:last-child{display:flex;gap:8px}.saved-letters-list .button{font-size:13px}.letter-saved-panel{margin-top:24px}
@media(min-width:1650px){.letter-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.letter-work-grid{grid-template-columns:minmax(310px,1fr) minmax(0,1fr);gap:18px}.letter-field-pair{grid-template-columns:1fr;gap:0}.letter-template-grid{gap:14px}.letter-template-art{height:290px}.letter-template-art>div{transform:translateX(-50%) scale(.32)}.match-work-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:18px}.evidence-item-top{flex-wrap:wrap}.application-roadmap-grid{grid-template-columns:1fr 1fr}.letter-canvas-toolbar{flex-wrap:wrap}.letter-canvas-toolbar>span{flex:1 1 100%}}
@media(max-width:980px){.letter-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-work-grid,.match-work-grid{grid-template-columns:1fr}.letter-preview-column{position:static}.letter-canvas{max-height:none}.letter-view-switch{display:flex;gap:4px}.letter-view-switch button{border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);padding:10px 16px;font-size:14px!important}.letter-view-switch [aria-pressed=true]{background:var(--blue);color:white}#view-letter[data-letter-view=edit]:not([data-letter-stage=review]) .letter-preview-column{display:none}#view-letter[data-letter-view=preview]:not([data-letter-stage=review]) .letter-editor{display:none}#view-letter[data-letter-stage=review] .letter-view-switch{display:none}.letter-choice-intro{flex-wrap:wrap}.letter-choice-intro label{width:100%}.product-heading{align-items:flex-start}.match-roadmap span{font-size:12px}.letter-field-pair{grid-template-columns:1fr 1fr;gap:16px}.letter-canvas-toolbar{flex-wrap:nowrap}.letter-canvas-toolbar>span{flex:auto}.evidence-item-top{flex-wrap:nowrap}}
@media(max-width:760px){.product-heading{flex-wrap:wrap}.product-heading h2{font-size:30px}.product-actions{width:100%;justify-content:flex-start}.product-actions>span{text-align:left}.product-steps button{flex-direction:column;gap:8px;text-align:center;font-size:12px!important;padding:13px 5px}.letter-work-toolbar{flex-wrap:wrap}.letter-work-toolbar b{flex:1}.letter-view-switch{flex:1 1 100%;margin:0}.letter-view-switch button{flex:1}.letter-field-pair{grid-template-columns:1fr;gap:0}#letterFields{padding:20px}.letter-review{padding:22px}.letter-canvas-toolbar{gap:6px}.letter-canvas-toolbar>span{font-size:10px}.letter-canvas-toolbar label{font-size:0}.letter-canvas-toolbar select{font-size:13px!important}.letter-dialog-top{padding:16px}.letter-dialog-bottom{flex-wrap:wrap}.letter-dialog-bottom .button{width:100%}.letter-document-meta{flex-wrap:wrap}.match-roadmap{grid-template-columns:1fr}.match-roadmap li{padding:13px 17px;border-right:0;border-bottom:1px solid var(--line)}.match-roadmap b{margin-bottom:4px}.match-roadmap span{font-size:13px}.match-input-panel,.evidence-report-header{padding:0}.match-input-panel.panel-pad{padding:20px}.evidence-metrics{gap:7px}.evidence-metrics>div{padding:13px 10px}.evidence-metrics b{font-size:27px}.evidence-metrics span{font-size:11px}.evidence-tabs button{font-size:12px!important;padding:10px 9px;flex:1}.evidence-item{padding:15px}.evidence-item-top{flex-wrap:wrap}.evidence-item-top h4{margin-bottom:4px}.evidence-item details{margin-top:12px}.application-roadmap{padding:20px}.saved-letters-list>article{align-items:flex-start;flex-direction:column}.large-letter .letter-document{zoom:.75}.stage-art>.letter-document{zoom:.43}}
@media(max-width:540px){.letter-template-grid{grid-template-columns:1fr}.letter-template-art{height:385px}.letter-template-art>div{transform:translateX(-50%) scale(.43)}.application-roadmap-grid{grid-template-columns:1fr}.application-roadmap-grid button{padding:16px}.application-roadmap-grid b{margin:7px 0}.letter-navigation>span{font-size:11px}.large-letter .letter-document{zoom:.5}}
@media(hover:none){.letter-template-art>span{opacity:1}}
@media(prefers-reduced-motion:reduce){#view-letter *,#view-match *{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:760px){.product-active .workspace-shell{display:block}}

.application-roadmap-grid [hidden]{display:none!important}
.letter-quick{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:24px}
.letter-quick-head h3{margin:6px 0 6px;font-size:20px}
.letter-quick-head p{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.6;max-width:68ch}
.letter-quick .letter-field{margin-bottom:14px}
.letter-quick .letter-field>span small{font-weight:400;color:var(--muted);margin-left:6px}
.letter-quick-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.letter-quick-actions small{color:var(--muted);font-size:13px}
.letter-quick-status{margin:12px 0 0;font-size:14px;line-height:1.6}
.letter-quick-status:empty{display:none}
.letter-quick-checks{margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.6;color:var(--muted)}
.letter-quick-empty{margin:0 0 12px;font-size:14px}
.letter-quick.is-compact .letter-quick-head p{display:none}
.studio-letter-link{margin-left:8px}

/* /template-picker.css */
/* Guided template picker (template-picker.js). Uses the site colour tokens so light and dark themes both work. */
.tp{display:block;background:var(--paper,#fff);border:1px solid var(--line,#dbe3ef);border-radius:var(--radius,18px);padding:22px;margin:0 0 26px;color:var(--ink,#0b1328)}
.tp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tp-head .eyebrow{margin:0}
.tp-all{font-size:14px;font-weight:700;color:var(--blue,#2864ff);text-decoration:underline;text-underline-offset:3px}
.tp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:16px 0 18px;padding:0}
.tp-steps li>span,.tp-steps li>button{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 12px;border:1px solid var(--line,#dbe3ef);border-radius:12px;background:var(--canvas,#f4f7fb);color:inherit;font:inherit;text-align:left}
.tp-steps li>button{cursor:pointer}
.tp-steps li.on>span{border-color:var(--blue,#2864ff);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue,#2864ff) 25%,transparent)}
.tp-steps i{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:var(--ink,#0b1328);color:var(--paper,#fff);font-style:normal;font-size:12px;font-weight:800}
.tp-steps li.done i{background:var(--good,#147d60)}
.tp-steps b{font-size:13px}
.tp-steps small{display:block;margin-left:auto;color:var(--muted,#60708b);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.tp-q{margin:0 0 12px;font-size:20px;line-height:1.3;outline:none}
.tp-q:focus,.tp-q:focus-visible{outline:none;box-shadow:none}
.tp-sub{margin:14px 0 8px;color:var(--muted,#60708b);font-size:14px}
.tp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tp-types button{display:block;text-align:left;padding:14px 16px;border:1px solid var(--line,#dbe3ef);border-radius:14px;background:var(--paper,#fff);color:inherit;font:inherit;cursor:pointer;min-height:76px}
.tp-types button:hover,.tp-types button:focus-visible,.tp-types button.on{border-color:var(--blue,#2864ff);background:var(--soft,#edf2f9)}
.tp-types b{display:block;font-size:16px;margin-bottom:4px}
.tp-types small{color:var(--muted,#60708b);font-size:13px;line-height:1.4}
.tp-search{display:block}
.tp-search span{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.tp-search input{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line,#dbe3ef);border-radius:12px;background:var(--paper,#fff);color:inherit;font:inherit;font-size:16px}
.tp-hits{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.tp-hits:empty{display:none}
.tp-hits button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line,#dbe3ef);border-radius:10px;background:var(--canvas,#f4f7fb);color:inherit;font:inherit;text-align:left;cursor:pointer}
.tp-hits button:hover,.tp-hits button:focus-visible{border-color:var(--blue,#2864ff)}
.tp-hits small{color:var(--muted,#60708b);font-size:12px}
.tp-inds,.tp-roles,.tp-switch{display:flex;flex-wrap:wrap;gap:8px}
.tp-roles{margin-top:6px;padding-top:4px}
.tp-roles .tp-sub{flex-basis:100%;margin:8px 0 2px}
.tp-inds button,.tp-roles button,.tp-switch button{padding:8px 13px;min-height:38px;border:1px solid var(--line,#dbe3ef);border-radius:99px;background:var(--paper,#fff);color:inherit;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tp-inds button.on,.tp-switch button[aria-pressed=true]{background:var(--ink,#0b1328);color:var(--paper,#fff);border-color:var(--ink,#0b1328)}
.tp-roles button{background:var(--soft,#edf2f9)}
.tp-roles .tp-any{background:transparent;border-style:dashed}
.tp-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.tp-bar .tp-sub{margin-top:0}
.tp-note{margin:4px 0 12px;padding:10px 12px;border-radius:10px;background:var(--soft,#edf2f9);font-size:14px}
.tp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:14px}
.tp-card{min-width:0;border:1px solid var(--line,#dbe3ef);border-radius:14px;overflow:hidden;background:var(--paper,#fff);display:flex;flex-direction:column}
.tp-art{position:relative;display:block;width:100%;padding:0;border:0;background:#e9eef5;cursor:pointer;color:inherit;text-decoration:none}
.tp-paper-wrap{position:relative;width:100%;aspect-ratio:1/1.18;overflow:hidden}
.tp-paper{width:595px;min-height:842px;background:#fff;pointer-events:none}
.tp-paper>.ref-resume,.tp-paper>.letter-document{width:595px;max-width:none;margin:0;box-shadow:none;min-height:842px}
.tp-art>span{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:#fff;color:#1848ad;border:1px solid #dae3f6;padding:6px 14px;border-radius:30px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 14px #15203022}
.tp-art:hover>span,.tp-art:focus-visible>span{background:#1848ad;color:#fff}
.tp-meta{display:flex;flex-direction:column;gap:6px;padding:12px;flex:1}
.tp-meta b{font-size:14px;line-height:1.3}
.tp-meta small{color:var(--muted,#60708b);font-size:12px}
.tp-meta .button{margin-top:auto;justify-content:center;text-align:center}
.tp-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0}
.tp-loading{margin:0;color:var(--muted,#60708b)}
.tp-dialog{width:min(760px,96vw);max-height:94vh;border:0;border-radius:18px;padding:0;background:var(--paper,#fff);color:var(--ink,#0b1328)}
.tp-dialog::backdrop{background:rgba(8,15,32,.6)}
.tp-dialog-shell{position:relative;padding:20px}
.tp-dialog-shell h3{margin:0 40px 12px 0}
.tp-dialog-paper{background:#e9eef5;border-radius:12px;padding:14px;overflow:auto;max-height:70vh}
.tp-dialog-paper>.ref-resume,.tp-dialog-paper>.letter-document{margin:0 auto;max-width:640px;background:#fff}
.tp-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.tp-dialog .dialog-close{position:absolute;top:12px;right:12px}
.tp-grid-seo{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.tp-seo{background:transparent;border:0;padding:0}
.sp-picks{margin:10px 0 0}
@media (max-width:1100px){.tp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.tp{padding:16px}.tp-types{grid-template-columns:1fr 1fr}.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tp-steps{grid-template-columns:1fr 1fr 1fr;gap:6px}.tp-steps b{font-size:12px}.tp-steps small{display:none}.tp-steps li>span,.tp-steps li>button{padding:6px 8px;gap:6px}}
@media (max-width:440px){.tp-types{grid-template-columns:1fr}.tp-grid{grid-template-columns:1fr 1fr}}

/* /brand-polish.css */
:root{--brand-cobalt:#1557d2}.cv-brand-logo{display:block;width:174px;height:auto;max-height:54px;object-fit:contain}.brand{flex-shrink:0}.brand small{display:none}.brand-mark{background:none;box-shadow:none}.nav-shell{gap:18px;min-height:80px}.main-nav a{font-size:14px;padding:10px 9px}.button{font-size:14px;min-height:44px;font-weight:700;transition:background-color .15s,color .15s}.button:hover{transform:none}.footer-main nav b{font-size:17px}.footer-main nav a,.footer-main>div>p,.footer-bottom{font-size:14px;line-height:1.75}.footer-main nav a{display:block;padding:5px 0}.footer-main{gap:30px}.footer-main .brand{display:inline-block;margin-bottom:16px}.site-header{backdrop-filter:none;background:var(--paper)}.brand-polish-note{font-size:14px}.coupon-entry{padding:18px;margin:18px 0;border:1px solid var(--line);border-radius:12px}.coupon-entry input{width:100%;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:8px}#admin-business .panel{margin-bottom:20px}#admin-business fieldset{border:1px solid var(--line);border-radius:12px;padding:18px;margin:15px 0}#admin-business input[type=checkbox]{width:auto}.ref-photo{object-fit:cover}body.dark .cv-brand-logo{background:white;border-radius:7px;padding:4px}body.dark .footer-main .cv-brand-logo{background:white}body:not(.dark) .cv-brand-logo{background:transparent}[data-language],.language-select{display:none!important}@media(max-width:1180px){.main-nav{display:none}.mobile-menu{display:grid!important}.nav-actions{margin-left:auto}}@media(max-width:600px){.cv-brand-logo{width:144px}.nav-shell{min-height:68px;gap:12px}.nav-actions .desktop-cta{display:none}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{font-size:13px}.button{min-height:46px}.workspace-top .brand .cv-brand-logo,.admin-top .brand .cv-brand-logo{width:125px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* /launch.css */
:root{--brand:#1557d2;--ink:#142b46;--accent:#1557d2}body{font-size:16px}.button.primary{background:#1557d2;color:#fff}.button{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4ae32;outline-offset:3px}.studio-preview-stage,.letter-canvas{background:#dfe7f2}.ref-photo,.ref-photo-placeholder{float:right;width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 0 14px 18px}.ref-photo.square{border-radius:14px}.ref-photo-placeholder{background:#e7eaf0;border:1px dashed #8a98ac;display:grid;place-content:center;text-align:center;font:12px/1.4 Arial;color:#465674}.ref-suite-prism .ref-header{background:var(--ref-accent);color:white;margin:-36px -36px 24px;padding:32px 36px}.ref-suite-prism .ref-header h1,.ref-suite-prism .ref-header .ref-role,.ref-suite-prism .ref-header .doc-name{color:white}.ref-suite-prism .ref-columns{grid-template-columns:1fr 30%;gap:24px}.ref-suite-prism aside{background:color-mix(in srgb,var(--ref-accent) 12%,white);padding:16px;border-radius:16px}.ref-suite-canvas .ref-header{border:0;border-left:12px solid var(--ref-accent);padding:14px 0 14px 22px}.ref-suite-canvas h1,.ref-suite-canvas .doc-name{font-size:42px;letter-spacing:-1.4px}.ref-suite-canvas .ref-section h2{display:inline-block;background:var(--ref-accent);padding:5px 12px;color:white;border:0}.ref-suite-folio .ref-columns{grid-template-columns:1fr 29%;gap:24px}.ref-suite-folio aside{border-left:5px solid var(--ref-accent);padding-left:18px}.ref-suite-folio h1,.ref-suite-folio .doc-name{font-size:35px}.ref-suite-portrait .ref-header{min-height:96px;border-bottom:3px double var(--ref-accent)}.ref-suite-chroma .ref-header{border-bottom:10px solid var(--ref-accent)}.ref-suite-chroma .ref-section h2{border:0;border-left:5px solid var(--ref-accent);padding-left:10px}.ref-suite-gallery h1,.ref-suite-gallery .doc-name{font-family:Georgia,serif;font-size:40px;font-weight:400}.ref-suite-gallery .ref-header{border-top:3px solid var(--ref-accent);padding-top:22px}.ref-suite-gallery h2{font-family:Georgia,serif;text-transform:none;font-size:18px}.letter-prism .letter-document-header,.letter-canvas .letter-document-header{border-left:9px solid var(--letter-accent);padding-left:24px}.letter-chroma .letter-document-header{border-bottom:9px solid var(--letter-accent)}.letter-gallery h1,.letter-gallery .doc-name{font-family:Georgia,serif;font-weight:400}.launch-panel{background:var(--surface,#fff);border:1px solid #d3deeb;border-radius:18px;padding:24px;margin:24px 0}.launch-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.launch-metrics article{background:#edf3fc;padding:18px;border-radius:12px;color:#142b46}.launch-metrics b{display:block;font-size:28px}.launch-table{overflow:auto}.launch-table table{width:100%;border-collapse:collapse;font-size:14px}.launch-table th,.launch-table td{padding:12px;text-align:left;border-bottom:1px solid #dae1ec}.launch-panel label{display:block;margin:12px 0}.launch-panel input,.launch-panel select{padding:10px;border:1px solid #bccad9;border-radius:8px;width:100%;max-width:500px}.launch-panel form{max-width:550px}.launch-panel [hidden]{display:none!important}.launch-status{color:#17417a}.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.parameter-grid article{padding:14px;border:1px solid #d7dfeb;border-radius:10px}.parameter-grid small{display:block;color:#536680}.blog-toc{padding:20px;background:#edf3fa;border-radius:12px;max-width:800px}.blog-toc a{display:block;padding:6px}.related-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-articles a{padding:16px;border:1px solid #d7dfeb;border-radius:12px}.related-articles img{width:100%;aspect-ratio:16/9;object-fit:cover}.export-dialog{width:min(600px,95vw);border:0;border-radius:20px;padding:28px}.export-dialog::backdrop{background:#10243dbb}.export-options{display:flex;gap:12px;flex-wrap:wrap}.overdue{color:#a42234;font-weight:bold}.side-plan{margin-top:16px}.ref-resume{overflow-wrap:anywhere}html[data-theme=dark] .launch-panel{background:#182b40;color:#ecf2fa}@media(max-width:760px){.launch-metrics{grid-template-columns:1fr 1fr}.parameter-grid,.related-articles{grid-template-columns:1fr}.launch-panel{padding:18px}.studio-picker-tools{grid-template-columns:1fr}.launch-metrics b{font-size:23px}}
.owner-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-dashboard-grid>*{min-width:0}#advancedOverview .owner-dashboard-grid>section:last-child{grid-column:1/-1}.owner-table-scroll{max-width:100%;overflow:auto}.owner-empty-chart{min-height:160px}.side-nav form{order:999;margin-top:20px}.ref-photo-placeholder{box-sizing:border-box}@media(max-width:760px){.owner-dashboard-grid{grid-template-columns:minmax(0,1fr)}.owner-audience-chart{gap:16px}.owner-big-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Download dialog */
.export-dialog.xd{width:min(560px,calc(100vw - 24px));max-height:92dvh;overflow:auto;padding:24px;border:1px solid var(--line,#dbe3ef);border-radius:18px;background:var(--paper,#fff);color:var(--ink,#0b1328);box-shadow:0 24px 70px rgba(11,19,40,.28)}.xd h2{margin:0;font-size:1.35rem}.xd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.xd-head p{margin:4px 0 0;color:var(--muted,#60708b);font-size:.92rem}.xd-x{flex:none;width:36px;height:36px;border:1px solid var(--line,#dbe3ef);border-radius:50%;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}
.xd-formats{border:0;margin:0;padding:0;display:grid;gap:8px}.xd-formats legend{font-weight:700;font-size:.9rem;margin-bottom:8px;padding:0}.xd-fmt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line,#dbe3ef);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.xd-fmt:hover{border-color:#9fb6d8}.xd-fmt:has(input:checked){border-color:#1557d2;background:rgba(21,87,210,.06);box-shadow:0 0 0 1px #1557d2 inset}.xd-fmt input{margin:3px 0 0;accent-color:#1557d2;flex:none}.xd-fmt b{display:block;font-size:.98rem}.xd-fmt small{display:block;color:var(--muted,#60708b);font-size:.85rem;margin-top:2px;line-height:1.4}
.xd-credit{margin:14px 0 0;font-size:.92rem;color:var(--muted,#60708b)}.xd-credit b{color:var(--ink,#0b1328)}.xd-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.xd-actions .button{flex:1 1 180px;justify-content:center}.xd-link{flex-basis:100%;border:0;background:none;padding:4px 0;color:#1557d2;font:inherit;font-size:.88rem;text-decoration:underline;cursor:pointer;text-align:left}.xd-status{margin:10px 0 0;font-size:.9rem;min-height:1.2em}
.xd .xd-unlock{margin:16px 0 0;padding:16px;border-radius:14px;border:1px solid #c9d8f2;background:linear-gradient(135deg,rgba(21,87,210,.07),rgba(21,87,210,.02))}.xd-unlock h3{margin:0 0 4px;font-size:1.02rem}.xd-unlock p{margin:0;font-size:.9rem;color:var(--muted,#60708b)}.xd-unlock-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.xd-unlock-actions .button{flex:1 1 160px;justify-content:center}.xd-unlock details{margin-top:10px;font-size:.88rem}.xd-unlock summary{cursor:pointer;color:#1557d2}
.xd-more{margin-top:14px;border-top:1px solid var(--line,#dbe3ef);padding-top:12px;font-size:.88rem;color:var(--muted,#60708b)}.xd-more summary{cursor:pointer;font-weight:600;color:var(--ink,#0b1328)}.xd-more ul{margin:8px 0 0;padding-left:18px;line-height:1.55}
body.dark .export-dialog.xd,html[data-theme=dark] .export-dialog.xd{background:#111b31;color:#f6f8ff;border-color:#263654}body.dark .xd-fmt,html[data-theme=dark] .xd-fmt,body.dark .xd-x,html[data-theme=dark] .xd-x,body.dark .xd-more,html[data-theme=dark] .xd-more{border-color:#263654}body.dark .xd-fmt:has(input:checked),html[data-theme=dark] .xd-fmt:has(input:checked){background:rgba(91,140,255,.12);border-color:#5b8cff;box-shadow:0 0 0 1px #5b8cff inset}body.dark .xd .xd-unlock,html[data-theme=dark] .xd .xd-unlock{background:#15223b;border-color:#263654;color:#f6f8ff}body.dark .xd-credit b,html[data-theme=dark] .xd-credit b,body.dark .xd-more summary,html[data-theme=dark] .xd-more summary{color:#f6f8ff}body.dark .xd-link,html[data-theme=dark] .xd-link,body.dark .xd-unlock summary,html[data-theme=dark] .xd-unlock summary{color:#8fb0ff}
@media(max-width:520px){.export-dialog.xd{padding:18px}.xd-actions .button,.xd-unlock-actions .button{flex-basis:100%}}

/* /experience.css */
:root{--cv-ink:#162846;--cv-blue:#2458db;--cv-mint:#d7f4e9;--cv-line:#dce3ee}.referral-center{padding:clamp(20px,3vw,36px);border:1px solid var(--cv-line);border-radius:22px;background:var(--surface,#fff);box-shadow:0 12px 40px #172c4c08}.ref-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.referral-center details,.ref-security{border:1px solid var(--cv-line);border-radius:14px;padding:18px;margin:18px 0}.referral-center summary{font-weight:700;cursor:pointer}.referral-center form,.ref-security form{display:grid;gap:15px;margin:18px 0}.referral-center label,.ref-security label{display:grid;gap:8px;font-size:14px}.referral-center input,.referral-center select,.referral-center textarea,.ref-security input{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--cv-line);border-radius:9px;background:var(--surface,#fff);color:inherit;font:inherit}.ref-check{display:flex!important;align-items:flex-start;gap:10px!important;line-height:1.5}.ref-check input{width:18px!important;min-width:18px;margin-top:3px}.referral-center progress{width:100%;height:14px;accent-color:var(--cv-blue)}.ref-share{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.ref-share a{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--cv-line);border-radius:10px;color:inherit;text-decoration:none}.ref-share a span{background:var(--cv-blue);color:white;font-weight:800;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;font-size:13px}.ref-share a:hover{border-color:var(--cv-blue)}.ref-notice{background:#edf3ff;padding:16px;border-radius:12px;color:var(--cv-ink)}.referral-dialog{max-width:680px;max-height:90vh;overflow:auto}.referral-dialog form{display:grid;gap:13px;border-top:1px solid var(--cv-line);padding-top:20px;margin:20px 0}.referral-dialog label{display:grid;gap:6px}.referral-dialog input,.referral-dialog select{padding:10px;border:1px solid var(--cv-line);border-radius:8px}.ref-private{background:#eef3fa;color:var(--cv-ink);padding:16px;border-radius:12px;overflow-wrap:anywhere}.ref-private p{margin:6px 0}.launch-table td{overflow-wrap:anywhere;max-width:320px}.cv-request-indicator{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;overflow:hidden;pointer-events:none}.cv-request-indicator:before{content:"";display:block;width:35%;height:100%;background:var(--cv-blue);animation:cv-scan 1s ease-in-out infinite}.cv-request-indicator[hidden]{display:none}.cv-page-enter{animation:cv-arrive .42s ease-out both}.cv-search-result{animation:cv-result .24s ease-out}.cv-help-link{display:inline-flex;padding:12px;text-decoration:none;color:inherit;border-radius:9px}.cv-help-link:hover{background:#2458db15}@keyframes cv-arrive{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes cv-result{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes cv-scan{from{transform:translateX(-100%)}to{transform:translateX(390%)}}@media(prefers-reduced-motion:reduce){.cv-page-enter,.cv-search-result,.cv-request-indicator:before{animation:none}.cv-request-indicator:before{width:100%}}@media(max-width:600px){.referral-center .launch-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-share a{padding:8px}.referral-center{padding:18px}.referral-dialog{width:calc(100% - 28px);box-sizing:border-box}}
html[data-theme=dark]{--surface:#182b40;--cv-line:#40556e}html[data-theme=dark] .referral-dialog{background:#182b40;color:#ecf2fa}html[data-theme=dark] .referral-dialog input,html[data-theme=dark] .referral-dialog select{background:#122338;color:#ecf2fa}html[data-theme=dark] .referral-center .launch-metrics article{background:#122338;color:#ecf2fa}.referral-center input:focus-visible,.referral-dialog input:focus-visible,.referral-center summary:focus-visible{outline:3px solid #e8a837;outline-offset:3px}

/* /cvtara-ui.css */
/* CVTara UI layer — loaded last on every page. Tokens, landing page, plan cards, dashboards, popup, preview shell. */
:root{--blue:#1557d2;--blue-2:#4f46e5;--ink:#0f172a;--ink-2:#1e293b;--canvas:#f5f7fb;--soft:#eef2f9;--line:#e2e8f0;--muted:#64748b;--radius:16px;--shadow:0 18px 50px rgba(15,23,42,.08);--ok:#16a34a;--amber:#f59e0b;--rose:#e11d48}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.005em}
h1,h2,h3,.doc-name{letter-spacing:-.03em}
.button{border-radius:12px;font-size:13px;min-height:44px;font-weight:700}
.button.primary{background:linear-gradient(135deg,#1557d2,#4f46e5);box-shadow:0 10px 24px rgba(21,87,210,.28)}
.button.primary:hover{box-shadow:0 14px 30px rgba(21,87,210,.36)}
.button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.panel,.metric-card,.admin-card,.price-card,.blog-card,.template-card{border-radius:var(--radius)}
.panel,.metric-card,.admin-card{box-shadow:0 1px 2px rgba(15,23,42,.04)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 40%,transparent);outline-offset:2px}

/* ---------- header ---------- */
.site-header{background:color-mix(in srgb,var(--paper) 94%,transparent)}
.nav-shell{min-height:68px}
.main-nav a{font-size:14px;font-weight:600;color:var(--ink-2);border-radius:10px}
.main-nav a:hover,.main-nav a.active{background:var(--soft);color:var(--blue)}
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-actions .button.secondary{display:inline-flex}
.brand small{display:none}
.lp-announce{background:linear-gradient(90deg,#1557d2,#4f46e5);color:#fff;text-align:center;font-size:13px;font-weight:600;padding:9px 14px}
.lp-announce a{color:#fff;text-decoration:underline;text-underline-offset:3px;margin-left:6px}

/* ---------- landing ---------- */
.lp{--w:min(1180px,calc(100% - 34px))}
.lp section{scroll-margin-top:84px}
.lp-wrap{width:var(--w);margin:auto}
.lp-hero{padding:64px 0 54px;background:radial-gradient(1200px 500px at 85% -10%,rgba(79,70,229,.14),transparent 60%),radial-gradient(900px 400px at -10% 10%,rgba(21,87,210,.12),transparent 60%)}
.lp-hero .lp-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.lp-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:#e8efff;color:#1d4ed8;font-weight:700;font-size:12px}
.lp-pill i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(22,163,74,.18)}
.lp-hero h1{font-size:clamp(36px,5.2vw,62px);line-height:1.04;margin:18px 0 16px;font-weight:850}
.lp-hero h1 em{display:block;font-style:normal;color:var(--blue);min-height:1.1em}
.lp-hero h1 em:after{content:"";display:inline-block;width:3px;height:.9em;margin-left:4px;background:var(--blue);vertical-align:-.08em;animation:lp-blink 1s steps(1) infinite}
@keyframes lp-blink{50%{opacity:0}}
.lp-lead{font-size:18px;color:var(--muted);max-width:560px}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.lp-cta .button{min-height:50px;padding:0 24px;font-size:15px}
.lp-trust{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:13px;font-weight:600}
.lp-trust span:before{content:"✓";color:var(--ok);margin-right:6px;font-weight:900}
.lp-card{background:var(--paper);border-radius:20px;box-shadow:0 30px 80px rgba(15,23,42,.16);overflow:hidden;border:1px solid var(--line)}
.lp-card-head{padding:22px 24px;color:#fff;background:linear-gradient(135deg,#1d4ed8,#4f46e5);display:flex;justify-content:space-between;gap:16px}
.lp-card-head small{display:block;opacity:.8;font-size:12px}
.lp-card-head b{font-size:40px;line-height:1.1;display:block}
.lp-card-head .after b{color:#86efac}
.lp-card-body{padding:18px 24px;display:grid;gap:14px}
.lp-bar span{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:5px}
.lp-bar i{display:block;height:8px;border-radius:8px;background:var(--soft);overflow:hidden}
.lp-bar i:after{content:"";display:block;height:100%;width:var(--v);border-radius:8px;background:var(--c,var(--blue))}
.lp-card-foot{display:flex;justify-content:space-between;padding:12px 24px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:600}
.lp-band{background:linear-gradient(135deg,#1347b0,#1557d2 55%,#4f46e5);color:#fff;padding:34px 0}
.lp-band .lp-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.lp-band b{display:block;font-size:34px;font-weight:850}
.lp-band span{opacity:.85;font-size:14px}
.lp-sec{padding:76px 0}
.lp-sec.alt{background:var(--paper)}
.lp-head{text-align:center;max-width:720px;margin:0 auto 38px}
.lp-head h2{font-size:clamp(28px,3.4vw,42px);margin:8px 0 10px;font-weight:850}
.lp-head p{color:var(--muted);font-size:17px;margin:0}
.lp-persona{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:auto}
.lp-persona button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:26px 20px;border:1.5px solid var(--line);border-radius:18px;background:var(--paper);transition:.2s}
.lp-persona button:hover,.lp-persona button:focus-visible{border-color:var(--blue);transform:translateY(-4px);box-shadow:var(--shadow)}
.lp-persona i{font-size:34px;font-style:normal;display:block;margin-bottom:10px}
.lp-persona b{display:block;font-size:17px}
.lp-persona span{color:var(--muted);font-size:14px}
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-step{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px 24px}
.lp-step:before{content:attr(data-n);position:absolute;top:-14px;left:22px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.lp-step i{font-size:30px;font-style:normal}
.lp-step h3{margin:10px 0 6px;font-size:19px}
.lp-step p{margin:0;color:var(--muted)}
.lp-primary{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:center}
.lp-primary h2{font-size:clamp(28px,3.2vw,40px);margin:8px 0 14px;font-weight:850}
.lp-primary p{color:var(--muted);font-size:17px}
.lp-primary ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:10px}
.lp-primary li{display:flex;gap:10px;font-weight:600}
.lp-primary li:before{content:"✓";color:var(--ok);font-weight:900}
.lp-tree{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}
.lp-node{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--soft)}
.lp-node.main{background:linear-gradient(135deg,#eef4ff,#f1efff);border-color:#a5b4fc}
.lp-node i{font-style:normal;font-size:24px}
.lp-node b{display:block}
.lp-node small{color:var(--muted)}
.lp-branches{display:grid;gap:10px;margin:14px 0 0 28px;padding-left:20px;border-left:2px dashed #a5b4fc}
.lp-chip{display:inline-block;margin-left:auto;padding:3px 9px;border-radius:99px;background:#dcfce7;color:#166534;font-size:11px;font-weight:800}
.lp-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-feature{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}
.lp-feature i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e8efff;font-style:normal;font-size:22px;margin-bottom:12px}
.lp-feature h3{margin:0 0 6px}
.lp-feature p{margin:0 0 10px;color:var(--muted)}
.lp-feature a{color:var(--blue);font-weight:700}
.lp-diag-badge{display:inline-flex;gap:6px;padding:6px 12px;border-radius:99px;background:#e8efff;color:#1d4ed8;font-weight:700;font-size:12px;margin-bottom:6px}
.lp-faq{max-width:820px;margin:auto;display:grid;gap:10px}
.lp-faq details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.lp-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.lp-faq summary:after{content:"+";font-size:20px;color:var(--blue)}
.lp-faq details[open] summary:after{content:"–"}
.lp-faq p{margin:10px 0 0;color:var(--muted)}
.lp-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-review{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}
.lp-review .stars{color:var(--amber);letter-spacing:2px}
.lp-review b{display:block;margin-top:10px}
.lp-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:26px;border:1.5px dashed var(--line);border-radius:16px}
.lp-final{background:linear-gradient(135deg,#1347b0,#4f46e5);color:#fff;text-align:center;padding:70px 20px}
.lp-final h2{font-size:clamp(28px,3.6vw,44px);margin:0 0 10px;font-weight:850}
.lp-final p{opacity:.9;margin:0 auto 24px;max-width:560px}
.lp-final .button{background:#fff;color:#1d4ed8;box-shadow:none;min-height:52px;padding:0 28px;font-size:16px}

/* ---------- plans ---------- */
.pl-wrap{width:100%}
.pl-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 28px;padding:5px;border-radius:99px;background:var(--soft);width:max-content;max-width:100%}
.pl-tabs button{border:0;background:transparent;padding:10px 22px;border-radius:99px;font-weight:700;font-size:14px;cursor:pointer;color:var(--muted)}
.pl-tabs button.active{background:var(--paper);color:var(--blue);box-shadow:0 2px 10px rgba(15,23,42,.12)}
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pl-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 24px;border:1.5px solid var(--line);border-radius:20px;background:var(--paper);transition:.2s}
.pl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.pl-popular{border-color:var(--blue);box-shadow:0 20px 50px rgba(21,87,210,.18)}
.pl-selected{outline:3px solid color-mix(in srgb,var(--blue) 45%,transparent);outline-offset:2px}
.pl-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 14px;border-radius:99px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.pl-card h3{margin:0;font-size:22px}
.pl-tag{margin:0;color:var(--muted);font-size:14px;min-height:42px}
.pl-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pl-price b{font-size:44px;line-height:1;letter-spacing:-.04em}
.pl-price span{color:var(--muted);font-size:14px}
.pl-price s{opacity:.7}
.pl-save{align-self:flex-start;padding:3px 10px;border-radius:99px;background:#dcfce7;color:#166534;font-size:12px;font-weight:800}
.pl-sub{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.pl-primary{display:flex;gap:12px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#fff7e6,#fff1d6);border:1px solid #fcd9a0;color:#7c4a03}
.pl-primary i{font-style:normal;font-size:22px}
.pl-primary b{display:block;font-size:14px}
.pl-primary span{font-size:12.5px;opacity:.85}
.pl-plus{font-size:13px;font-weight:700;color:var(--blue)}
.pl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pl-stats div{text-align:center;padding:12px 6px;border-radius:12px;background:var(--soft)}
.pl-stats b{display:block;font-size:26px;line-height:1.1;color:var(--blue)}
.pl-stats span{font-size:11px;color:var(--muted);font-weight:700}
.pl-perks{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:8px;flex:1}
.pl-perks li{display:flex;gap:9px;font-size:14px;font-weight:600}
.pl-perks li:before{content:"✓";color:var(--ok);font-weight:900}
.pl-addons{margin-top:34px;padding:26px;border-radius:20px;background:linear-gradient(135deg,#eef4ff,#f3f0ff);border:1px solid #c7d2fe}
.pl-addons-head h3{margin:0 0 4px}
.pl-addons-head p{margin:0 0 16px;color:var(--muted)}
.pl-addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pl-addon{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:16px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.pl-addon div b{display:block;font-size:14px}
.pl-addon div span{font-size:12px;color:var(--muted)}
.pl-addon strong{font-size:22px}
.pl-addon .button{grid-column:1/-1}
.pl-loading{text-align:center;color:var(--muted)}

/* ---------- checkout ---------- */
.co{width:min(1180px,calc(100% - 34px));margin:34px auto 60px}
.co-head{text-align:center;margin-bottom:26px}
.co-head h1{font-size:clamp(28px,3.4vw,42px);margin:6px 0 8px}
.co-head p{color:var(--muted)}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.co-box{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}
.co-box h2{margin:0 0 10px;font-size:20px}
.co-box dl{display:grid;gap:10px;margin:14px 0}
.co-box dl div{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.co-box dt{color:var(--muted)}
.co-box dd{margin:0;font-weight:700;text-align:right}
.co-total{font-size:20px}
.co-total dd{color:var(--blue)}
.checkout-consent{display:flex;gap:10px;margin:16px 0;font-size:14px;color:var(--muted)}
.coupon-entry{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:14px 0}
.coupon-entry label{display:grid;gap:6px;font-weight:700;font-size:13px}
.coupon-entry input{min-height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:var(--paper);color:var(--ink)}
.coupon-entry p{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted)}

/* ---------- popup (social proof) ---------- */
.fomo{position:fixed;left:18px;bottom:18px;z-index:90;max-width:340px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.22);transform:translateY(24px);opacity:0;pointer-events:none;transition:.45s cubic-bezier(.2,.9,.3,1)}
.fomo.show{transform:none;opacity:1;pointer-events:auto}
.fomo i{font-style:normal;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#e0e7ff,#dbeafe);flex:none}
.fomo b{display:block;font-size:13px}
.fomo p{margin:2px 0 0;font-size:13px;color:var(--muted);line-height:1.4}
.fomo a{color:var(--blue);font-weight:700;font-size:12px}
.fomo button{position:absolute;top:6px;right:8px;border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer;line-height:1}
@media (prefers-reduced-motion:reduce){.fomo{transition:none}.lp-hero h1 em:after{animation:none}}
.mobile-cta-bar{z-index:80}

/* ---------- dashboards ---------- */
body[data-page=workspace] .side-panel{background:linear-gradient(180deg,#1e1b4b,#2e2a78);}
body[data-page=workspace] .side-panel .brand small{color:#a5b4fc}
body[data-page=workspace] .side-nav button.active,body[data-page=workspace] .side-nav a.active{background:#4f46e5}
body[data-page=admin] .side-panel{background:linear-gradient(180deg,#0b1220,#111c33)}
body[data-page=admin] .side-nav button.active{background:#1d4ed8}
.side-nav button,.side-nav a{font-size:13px;color:#c7d2fe;transition:.15s}
body[data-page=admin] .side-nav button,body[data-page=admin] .side-nav a{color:#b6c2dc}
.side-nav button:hover,.side-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.side-nav .nav-group{margin:14px 12px 4px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#818cf8}
.side-nav button i,.side-nav a i{background:rgba(255,255,255,.1)}
.workspace-top,.admin-top{height:66px;box-shadow:0 1px 0 var(--line)}
.workspace-content,.admin-content{background:var(--canvas)}
.metric-grid{gap:14px}
.metric-card{padding:20px;border-radius:16px;position:relative;overflow:hidden}
.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--blue),var(--blue-2))}
.metric-card b{font-size:30px;letter-spacing:-.03em}
.metric-card span,.metric-card small{font-size:12px}
.admin-heading h2{font-size:28px}
.admin-heading .eyebrow{display:none}
.ws-hero{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:26px 28px;border-radius:20px;background:linear-gradient(135deg,#312e81,#4f46e5);color:#fff;margin-bottom:18px}
.ws-hero h2{margin:0 0 4px;font-size:26px}
.ws-hero p{margin:0;opacity:.85}
.ws-ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#86efac var(--p,0%),rgba(255,255,255,.2) 0);position:relative;flex:none}
.ws-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#3730a3}
.ws-ring{align-content:center;gap:2px}.ws-ring b,.ws-ring small{position:relative;display:block;line-height:1.1}
.ws-plan-chip{flex:none;display:grid;gap:2px;justify-items:start;min-width:170px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}.ws-plan-chip small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.ws-plan-chip b{font-size:22px;line-height:1.2}.ws-plan-chip span{font-size:12.5px;opacity:.8;margin-bottom:8px}.ws-plan-chip .button{min-height:38px;padding:8px 16px}
.ws-ring b{font-size:22px}
.ws-ring small{font-size:10px;opacity:.8}
.ws-usage{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.ws-use{padding:18px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.ws-use span{display:block;font-size:12px;color:var(--muted);font-weight:700}
.ws-use b{font-size:26px}
.ws-use small{color:var(--muted)}
.ws-use i{display:block;height:6px;border-radius:6px;background:var(--soft);margin-top:10px;overflow:hidden}
.ws-use i:after{content:"";display:block;height:100%;width:var(--v,0%);background:linear-gradient(90deg,var(--blue),var(--blue-2));border-radius:6px}
.ws-notice{padding:14px 18px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;margin-bottom:16px;font-size:14px}
.pr-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:18px}
.pr-panel h2{margin:0 0 4px}
.pr-panel>p{margin:0 0 16px;color:var(--muted)}
.pr-main{display:flex;gap:14px;align-items:center;padding:18px;border-radius:16px;background:linear-gradient(135deg,#fff7e6,#fff1d6);border:1.5px solid #fcd9a0;color:#7c4a03}
.pr-main i{font-style:normal;font-size:30px}
.pr-main div{flex:1}
.pr-main small{display:block;opacity:.8}
.pr-list{display:grid;gap:10px;margin-top:16px}
.pr-row{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.pr-row div{flex:1;min-width:0}
.pr-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-row small{color:var(--muted)}
.pr-actions{display:flex;flex-wrap:wrap;gap:8px}
.pr-form{display:none;margin-top:16px;padding:18px;border-radius:14px;border:1.5px dashed #a5b4fc;background:#f5f7ff}
.pr-form.open{display:grid;gap:10px}
.pr-form label{display:grid;gap:5px;font-weight:700;font-size:13px}
.pr-form input,.pr-form textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);color:var(--ink);font:inherit}
.bl-current{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;border-radius:18px;border:2px solid var(--blue);background:var(--paper);margin-bottom:22px}
.bl-current h3{margin:0}
.bl-current p{margin:2px 0 0;color:var(--muted)}
.bl-status{padding:4px 12px;border-radius:99px;background:#dcfce7;color:#166534;font-weight:800;font-size:12px}
.ad-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.ad-tabs button{border:1px solid var(--line);background:var(--paper);padding:9px 16px;border-radius:99px;font-weight:700;cursor:pointer}
.ad-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.ad-plan{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}
.ad-plan-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.ad-plan-head h3{margin:0}
.ad-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ad-fields label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}
.ad-fields input,.ad-fields textarea,.ad-fields select{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--paper);color:var(--ink);font:inherit;min-height:40px}
.ad-fields .wide{grid-column:span 2}
.ad-fields .full{grid-column:1/-1}
.ad-check{display:flex!important;align-items:center;gap:8px;grid-template-columns:none!important}
.ad-save{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;padding:14px 0;background:linear-gradient(transparent,var(--canvas) 30%)}
.ad-table{width:100%;border-collapse:collapse}
.ad-table th,.ad-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
.ad-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ad-pill{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800}
.ad-pill.ok{background:#dcfce7;color:#166534}.ad-pill.bad{background:#fee2e2;color:#991b1b}.ad-pill.mid{background:#e0e7ff;color:#3730a3}
.ad-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ad-toolbar input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);color:var(--ink)}
.ad-check-list{display:grid;gap:10px}
.ad-check-list>div{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}
.ad-check-list b{flex:1}
.ad-danger{color:#b91c1c}
.connected-preview-label{display:none!important}

/* ---------- preview shell ---------- */
body.pv{margin:0;height:100vh;display:flex;flex-direction:column;background:#0f172a}
.pv-bar{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#0f172a;color:#cbd5e1;flex-wrap:wrap}
.pv-bar b{color:#fff;margin-right:8px;font-size:13px}
.pv-bar small{opacity:.7;margin-right:10px}
.pv-tab{border:0;background:transparent;color:#cbd5e1;padding:8px 14px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer}
.pv-tab.active{background:#1d4ed8;color:#fff}
.pv-tab:hover{background:rgba(255,255,255,.1)}
.pv-spacer{flex:1}
.pv-bar a,.pv-bar button.pv-mini{color:#cbd5e1;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.2);padding:6px 11px;border-radius:9px;background:transparent;cursor:pointer;text-decoration:none}
.pv-frame{flex:1;border:0;width:100%;background:#fff}
.pv-info{padding:6px 14px;background:#1e293b;color:#94a3b8;font-size:12px}
.pv-info code{background:#0f172a;padding:1px 6px;border-radius:6px;color:#e2e8f0}

@media (max-width:1020px){
  .lp-hero .lp-wrap,.lp-primary{grid-template-columns:1fr}
  .pl-grid,.lp-feature-row,.lp-steps,.lp-reviews,.pl-addon-grid{grid-template-columns:1fr}
  .lp-band .lp-wrap{grid-template-columns:repeat(2,1fr)}
  .lp-persona{grid-template-columns:1fr}
  .co-grid,.ws-usage{grid-template-columns:1fr 1fr}
  .ad-fields{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .co-grid,.ws-usage,.ad-fields{grid-template-columns:1fr}
  .ws-hero{flex-direction:column;align-items:flex-start}
  .ws-plan-chip{width:100%;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.ws-plan-chip small,.ws-plan-chip b,.ws-plan-chip span{grid-column:1}.ws-plan-chip span{margin:0}.ws-plan-chip .button{grid-column:2;grid-row:1/4}
  .fomo{left:10px;right:10px;bottom:70px;max-width:none}
  .lp-hero{padding-top:36px}
  .bl-current{flex-direction:column;align-items:flex-start}
}
body.dark .lp-pill,body.dark .lp-persona button,body.dark .lp-faq details{border-color:var(--line)}
body.dark .pl-primary,body.dark .pr-main{background:#3b2d12;border-color:#7c5a1c;color:#fde68a}
body.dark .pl-addons{background:#17213a;border-color:#2b3a63}
body.dark .lp-node.main{background:#1b2547;border-color:#4b5bd6}
body.dark .pr-form{background:#16203a}
body.dark .ws-notice{background:#3a2412;border-color:#7a4a1c;color:#fdba74}
.pv-info .pv-mini{color:#e2e8f0;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.25);padding:5px 10px;border-radius:9px;background:rgba(255,255,255,.06);cursor:pointer}
.pv-info .pv-mini:hover{background:rgba(255,255,255,.14)}
.ad-dialog{border:0;border-radius:18px;padding:22px;box-shadow:0 30px 80px rgba(15,23,42,.35)}
.ad-dialog::backdrop{background:rgba(15,23,42,.5)}
.lp h1,.lp h2,.lp h3,.co h1,.co-box h2,.pl-card h3{line-height:1.15}
.lp-head h2,.lp-primary h2,.lp-final h2{line-height:1.12}
/* 3.16 checkout price breakdown and wallet toggle */
.co-breakdown:empty{display:none}.co-breakdown{margin:6px 0 0;padding:10px 0 0;border-top:1px dashed var(--line,#e2e8f0);display:grid;gap:6px;font-size:14px}
.co-breakdown div{display:flex;justify-content:space-between;gap:12px}.co-breakdown dt{color:var(--muted,#475569)}.co-breakdown dd{margin:0;font-weight:600}
.co-wallet{display:flex;gap:8px;align-items:center;margin-top:4px;font-size:14px;font-weight:600}
.cv-refund-btn{margin-top:6px}.cv-refund-note{font-size:13px;color:var(--muted,#475569)}
.cv-wallet-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0}
.cv-wallet-hero article{padding:14px 16px;border:1px solid var(--line,#e2e8f0);border-radius:12px;background:var(--surface,#fff)}
.cv-wallet-hero b{display:block;font-size:22px;color:#2B3A8C}html.dark .cv-wallet-hero b{color:#8EA0F2}
.cv-up-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.cv-up-choices a{display:grid;gap:4px;padding:14px;border:1.5px solid var(--line,#e2e8f0);border-radius:14px;text-decoration:none;color:inherit}
.cv-up-choices a.pop{border-color:#F59E0B;background:rgba(245,158,11,.08)}.cv-up-choices b{font-size:20px}.cv-up-choices em{font-style:normal;font-size:12px;font-weight:800;color:#B45309;letter-spacing:.06em;text-transform:uppercase}
.cv-up-choices span{font-size:13px;color:var(--muted,#475569)}@media(max-width:520px){.cv-up-choices{grid-template-columns:1fr}}
/* Tara AI dialog */
.tara-dialog{width:min(680px,95vw);background:var(--paper,#fff);color:var(--ink,#0f172a)}.tara-dialog::backdrop{background:rgba(8,18,38,.55)}
.tara-dialog h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tara-left{font-size:13px;font-weight:600;color:var(--muted,#64748b)}
.tara-lead{color:var(--muted,#64748b);margin:4px 0 14px}.tara-form{display:grid;gap:12px}.tara-form label{display:grid;gap:6px;font-weight:600;font-size:14px}
.tara-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line,#cbd5e1);border-radius:12px;font:inherit;background:var(--soft,#f8fafc);color:inherit}
.tara-tasks{display:flex;flex-wrap:wrap;gap:8px}.tara-chip{display:inline-flex!important;cursor:pointer}.tara-chip input{position:absolute;opacity:0;pointer-events:none}
.tara-chip span{padding:7px 12px;border:1px solid var(--line,#cbd5e1);border-radius:999px;font-size:13px;font-weight:600;background:var(--soft,#f8fafc)}
.tara-chip input:checked+span{background:#1557d2;border-color:#1557d2;color:#fff}.tara-chip input:focus-visible+span{outline:2px solid #1557d2;outline-offset:2px}
.tara-link{justify-self:start;border:0;background:none;color:#1557d2;font:inherit;font-size:13px;cursor:pointer;padding:0;text-decoration:underline}
.tara-consent{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important;color:var(--muted,#64748b)}.tara-actions{display:flex;gap:10px;flex-wrap:wrap}
.tara-result{display:grid;gap:8px}.tara-result h3{margin:0;font-size:15px}.tara-result small{color:var(--muted,#64748b);font-weight:500}.tara-result .button{justify-self:start}

/* Check my writing */
.wc-dialog{max-width:680px;width:calc(100vw - 32px);max-height:88vh;overflow:auto;background:var(--paper,#fff);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 24px 60px rgba(15,23,42,.25)}
.wc-dialog::backdrop{background:rgba(15,23,42,.45)}
.wc-dialog h2{margin:0 0 6px}
.wc-lead{color:var(--muted);margin:0 0 12px}
.wc-counts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.wc-counts span{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;background:var(--soft)}
.wc-counts span b{font-size:14px}
.wc-counts span.ok b{color:var(--ok)}
.wc-group h3{font-size:15px;margin:14px 0 6px;display:flex;gap:8px;align-items:center}
.wc-group h3 span{background:var(--soft);border-radius:999px;padding:0 8px;font-size:12px}
.wc-group ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wc-group li{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--soft)}
.wc-group li small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.wc-group li q{display:block;quotes:none;font-size:14px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.wc-group li q mark{background:#fde68a;color:#1f2937;border-radius:3px;padding:0 2px}
.wc-group li p{margin:6px 0 0;font-size:13.5px}
.wc-try b{font-weight:600;color:var(--blue)}
.wc-full{margin-top:14px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;font-size:13.5px}
.wc-full p{margin:0 0 8px}
.wc-note{font-size:12.5px;color:var(--muted);margin:14px 0 10px}
.wc-actions{display:flex;gap:8px;flex-wrap:wrap}

.workspace-top>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.workspace-top>div:first-child h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-top .mobile-menu{margin-left:0;flex:none}
@media(min-width:761px){.workspace-top .mobile-menu{display:none!important}}

/* /cvtara-ds.css */
/* CVTara Design System layer — loaded after cvtara-ui.css. Source of truth: CVTara_Design_System.html */
:root{--bg:#f8fafc;--paper:#fff;--ink:#0f172a;--ink2:#1e293b;--muted:#475569;--line:#e2e8f0;--soft:#f1f5f9;--blue:#1557d2;--indigo:#6366f1;--success:#22c55e;--warn:#f59e0b;--danger:#ef4444;--shadow:0 4px 24px rgba(15,23,42,.10);
  /* aliases used by the existing app */
  --canvas:var(--bg);--ink-2:var(--ink2);--blue-2:var(--indigo);--ok:#22c55e;--radius:10px;--font:'Inter',sans-serif}
body.dark,:root[data-theme=dark]{--bg:#0f1117;--paper:#1a1f2e;--ink:#f1f5f9;--ink2:#cbd5e1;--muted:#94a3b8;--line:#2d3748;--soft:#1e293b;--canvas:#0f1117;--ink-2:#cbd5e1}
body{font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;background:var(--bg);color:var(--ink);letter-spacing:0}
h1,h2,h3{letter-spacing:-.03em;color:inherit}
code,pre,.mono{font-family:'JetBrains Mono',monospace}

/* ---- buttons ---- */
.button{padding:8px 18px;border-radius:6px;font-size:14px;font-weight:600;min-height:38px;transition:all .2s;box-shadow:none}
.button.primary{background:#1557d2;color:#fff;box-shadow:none}
.button.primary:hover{background:#1248b3;transform:translateY(-1px);box-shadow:none}
.button.secondary{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.button.secondary:hover{border-color:var(--blue);color:var(--blue)}
.button.small{padding:5px 12px;font-size:13px;min-height:30px}
.lp-cta .button.primary,.lp-final .button,.pl-card.pl-popular .button.primary,.ws-hero .button.primary,.pr-main .button.primary{background:linear-gradient(135deg,#1557d2,#6366f1);color:#fff;box-shadow:0 4px 16px rgba(21,87,210,.35)}
.lp-cta .button.primary:hover,.lp-final .button:hover,.pl-card.pl-popular .button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(21,87,210,.45);background:linear-gradient(135deg,#1557d2,#6366f1)}
.lp-cta .button{min-height:44px;padding:10px 24px;font-weight:700}

/* ---- inputs ---- */
.form-control,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{padding:9px 12px;border:1.5px solid var(--line);border-radius:6px;font-size:14px;font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);outline:none;transition:border-color .15s}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}
label,.form-row label{font-weight:700}
.form-row>label,.form-row label>span:first-child{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 50%,transparent)}

/* ---- cards ---- */
.panel,.metric-card,.admin-card,.admin-stat,.ws-use,.job-card,.email-card,.price-card,.pl-card,.pl-addon,.blog-card,.template-card,.lp-feature,.lp-review,.lp-step,.kanban-col,.co-box,.lp-persona button{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.pl-card,.blog-card,.template-card,.lp-feature,.lp-review,.lp-step,.job-card,.lp-persona button,.pl-addon{transition:box-shadow .2s,transform .15s}
.pl-card:hover,.blog-card:hover,.template-card:hover,.lp-feature:hover,.lp-review:hover,.lp-step:hover,.job-card:hover,.lp-persona button:hover,.pl-addon:hover,.anim-card:hover{box-shadow:0 10px 40px rgba(16,32,48,.14);transform:translateY(-3px)}
.blog-card{border-radius:18px;overflow:hidden}
.lp-card,.co-box,.pl-card{border-radius:16px}
.pl-card.pl-popular,.pl-card.pl-selected{border-color:var(--blue);box-shadow:0 10px 40px rgba(21,87,210,.18)}

/* ---- KPI cards ---- */
.metric-card:before{display:none}
.metric-card,.admin-stat{padding:16px}
.metric-card span,.metric-card small,.admin-stat span,.ws-use span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.metric-card b,.admin-stat b,.ws-use b{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:0}
.metric-grid,.admin-stat-grid,.ws-usage{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.ws-use i:after{background:linear-gradient(90deg,#1557d2,#6366f1)}

/* ---- hero bar ---- */
.ws-hero{background:linear-gradient(135deg,#1e1b4b,#3730a3);border-radius:12px;padding:24px 28px;margin-bottom:20px}
.ws-hero h2{font-size:18px;font-weight:800;margin:0}
.ws-hero p{font-size:13px;opacity:.75;margin-top:3px}
.ws-ring:before{background:#2b2a7a}
.ws-hero .button.secondary{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.ws-hero .button.secondary:hover{background:rgba(255,255,255,.25);color:#fff}
.admin-heading,.workspace-view>.eyebrow{margin-bottom:6px}
.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--indigo)}
.workspace-view h2,.admin-view h2,.admin-heading h2{font-size:22px;font-weight:800;letter-spacing:-.02em}

/* ---- sidebars: shared shell ---- */
.workspace-shell,.admin-shell{grid-template-columns:220px 1fr}
.workspace-content,.admin-content{padding:28px 32px;background:var(--bg);max-width:none}
.workspace-top,.admin-top{height:56px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none}
.side-panel{padding:0;gap:0}
.side-panel .brand{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}
.side-nav{padding:0}
.side-nav button,.side-nav a{display:flex;align-items:center;gap:10px;padding:9px 16px;margin:0;border-radius:0;border-left:3px solid transparent;font-size:13px;font-weight:500;transition:all .2s}
.side-nav button i,.side-nav a i{background:transparent;width:20px;height:auto;font-style:normal}
.side-nav .nav-group{margin:0;padding:16px 20px 6px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
/* customer sidebar */
body[data-page=workspace] .side-panel{background:#1e1b4b}
body[data-page=workspace] .side-panel .brand small{color:#a5b4fc;font-size:11px}
body[data-page=workspace] .side-nav button,body[data-page=workspace] .side-nav a{color:#a5b4fc}
body[data-page=workspace] .side-nav button:hover,body[data-page=workspace] .side-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
body[data-page=workspace] .side-nav button.active,body[data-page=workspace] .side-nav a.active{background:#4338ca;color:#fff;border-left-color:#818cf8}
body[data-page=workspace] .side-nav .nav-group{color:#4338ca}
/* admin sidebar */
body[data-page=admin] .side-panel,body[data-page=admin] .admin-side{background:#0f172a}
body[data-page=admin] .side-panel .brand small{color:#64748b}
body[data-page=admin] .side-nav button,body[data-page=admin] .side-nav a{color:#64748b;padding:8px 16px}
body[data-page=admin] .side-nav button:hover,body[data-page=admin] .side-nav a:hover{background:rgba(255,255,255,.05);color:#e2e8f0}
body[data-page=admin] .side-nav button.active,body[data-page=admin] .side-nav a.active{background:#1e293b;color:#fff;border-left-color:transparent}
body[data-page=admin] .side-nav .nav-group{color:#475569}

/* ---- tables ---- */
.admin-table,.ad-table,.purchase-table,.admin-view table{width:100%;border-collapse:collapse;font-size:13px;background:var(--paper)}
.admin-table th,.ad-table th,.purchase-table th,.admin-view th{text-align:left;padding:10px 12px;background:var(--soft);color:var(--muted);font-weight:700;font-size:13px;text-transform:none;letter-spacing:0;border-bottom:2px solid var(--line)}
.admin-table td,.ad-table td,.purchase-table td,.admin-view td{padding:9px 12px;border-bottom:1px solid var(--line);color:var(--ink2)}
.admin-table tr:hover td,.ad-table tr:hover td,.purchase-table tr:hover td{background:var(--soft)}
.table-wrap,.admin-card:has(>table),.admin-card:has(>.admin-table){overflow:hidden;padding:0}

/* ---- pills / status ---- */
.pill,.status-chip,.template-badge,.bl-status,.nav-count{padding:3px 9px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}
.pill{border:0;background:var(--soft);color:var(--muted)}
.st-paid,.st-active,.st-published,.bl-status,.status-chip{background:#d1fae5;color:#059669}
.st-free,.st-draft{background:#f1f5f9;color:#475569}
.st-started,.st-pending{background:#fef3c7;color:#d97706}
.st-paused,.st-failed{background:#fee2e2;color:#dc2626}
.st-queued{background:#ede9fe;color:#7c3aed}
.tag{display:inline-flex;align-items:center;gap:5px;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--muted)}
.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.tag-purple{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}
.live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ---- toggle switch ---- */
.switch-line input[type=checkbox],.toggle-switch input{accent-color:var(--blue)}

/* ---- upload zone ---- */
.upload-zone{border:2px dashed var(--blue);border-radius:12px;animation:uploadPulse 1.8s ease-in-out infinite}
@keyframes uploadPulse{0%,100%{border-color:var(--blue);opacity:1}50%{border-color:var(--indigo);opacity:.7}}

/* ---- FOMO toast ---- */
@keyframes toastIn{from{transform:translateX(-120%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes toastOut{from{transform:translateX(0);opacity:1}to{transform:translateX(-120%);opacity:0}}
.fomo{left:24px;bottom:28px;max-width:300px;border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px rgba(0,0,0,.18);z-index:5000;transform:none;opacity:0;pointer-events:none;transition:none}
.fomo.show{opacity:1;pointer-events:auto;animation:toastIn .4s ease}
.fomo.show.hide{animation:toastOut .4s ease forwards}

/* ---- landing polish ---- */
.lp-hero h1{font-size:clamp(34px,4.6vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.03em}
.lp-head h2{font-size:30px;font-weight:800;letter-spacing:-.03em}
.lp-sec{padding:72px 0}
.lp-band{background:linear-gradient(135deg,#1e1b4b,#3730a3)}
.lp-announce{background:linear-gradient(90deg,#1557d2,#6366f1)}
.lp-final{background:linear-gradient(135deg,#1e1b4b,#3730a3)}
.pl-tabs button{border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;border:1.5px solid var(--line);background:var(--paper);color:var(--muted)}
.pl-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.main-nav a:hover,.main-nav a.active{background:var(--soft);color:var(--blue)}

/* ---- shared topbar (demo preview) ---- */
.cv-topbar{position:fixed;top:0;left:0;right:0;height:44px;background:#1e293b;z-index:6000;display:flex;align-items:center;gap:14px;padding:0 16px;font-family:'Inter',sans-serif}
.cv-topbar .cv-brand{color:#fff;font-size:15px;font-weight:800;letter-spacing:-.02em}
.cv-topbar .cv-tabs{display:flex;gap:4px;margin:0 auto}
.cv-topbar button{background:transparent;border:0;color:#94a3b8;padding:6px 14px;border-radius:6px;font:600 13px 'Inter',sans-serif;cursor:pointer;transition:all .2s}
.cv-topbar button:hover{background:#2d3748;color:#e2e8f0}
.cv-topbar button.on{background:#2d3748;color:#fff;font-weight:700}
body.has-topbar{padding-top:44px}
body.has-topbar .side-panel{top:44px;height:calc(100vh - 44px)}
body.has-topbar .workspace-shell,body.has-topbar .admin-shell{min-height:calc(100vh - 44px)}
body.has-topbar .site-header{top:44px}
@media(max-width:900px){.cv-topbar .cv-brand{display:none}.cv-topbar .cv-tabs{margin:0}.workspace-shell,.admin-shell{grid-template-columns:1fr}.workspace-content,.admin-content{padding:20px 16px}}

/* ---- refinements ---- */
.ws-usage{grid-template-columns:repeat(4,1fr)}
.metric-grid,.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.ws-use b small,.ws-use small{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;margin-left:4px}
.side-panel .brand img{filter:brightness(0) invert(1);max-width:150px}
.side-panel .button,.side-panel>button,.side-panel form button{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.2);border-radius:6px;min-height:34px;padding:7px 12px;font-size:13px;width:calc(100% - 32px);margin:6px 16px}
.side-panel .button:hover,.side-panel>button:hover,.side-panel form button:hover{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.35)}
.side-panel>a:not(.brand){display:block;padding:8px 20px;font-size:13px;font-weight:500;color:#a5b4fc}
.side-panel>a:not(.brand):hover{color:#fff}
body[data-page=admin] .side-panel>a:not(.brand){color:#64748b}
@media(max-width:1000px){.ws-usage{grid-template-columns:1fr 1fr}}
body.dark .side-panel .brand img{background:transparent!important;padding:0!important;box-shadow:none!important}

/* ---- layout stability: no width jumps / white flashes when switching views ---- */
html{scrollbar-gutter:stable;background:var(--bg)}
body{background:var(--bg)}
.workspace-shell,.admin-shell{grid-template-columns:220px minmax(0,1fr)}
.workspace-main,.admin-main{min-width:0;background:var(--bg)}
.workspace-content,.admin-content{width:100%;max-width:none;min-height:calc(100vh - 56px);background:var(--bg)}
.side-panel{width:220px;overflow-x:hidden;overflow-y:auto}
.side-nav button,.side-nav a{width:100%;text-align:left;white-space:nowrap;overflow:hidden;cursor:pointer}
.side-nav button>span:not(.nav-count),.side-nav a>span{overflow:hidden;text-overflow:ellipsis}
.side-nav .nav-count{margin-left:auto;flex:none}
.admin-view,.workspace-view{min-width:0;background:transparent}
.admin-view.active,.workspace-view.active{animation:viewIn .25s ease}
@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.admin-view img,.admin-view table{max-width:100%}
.admin-view .panel,.admin-view .admin-card{overflow-x:auto}
body:not(.admin-ready)[data-page=admin] .admin-view.active{min-height:60vh}
body.has-topbar .side-panel{top:44px}

/* ---- Operations menu ---- */
.side-nav .nav-toggle{color:#94a3b8;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.8px;margin-top:6px}
.side-nav .nav-toggle em{margin-left:auto;font-style:normal;font-size:10px;opacity:.7}
.side-nav .nav-toggle:hover{background:rgba(255,255,255,.05);color:#e2e8f0}
.nav-sub{display:block;margin:0 0 8px 18px;border-left:1px solid rgba(255,255,255,.1)}
.nav-sub.closed{display:none}
.nav-sub button,.nav-sub a{padding-left:12px}
.side-nav a.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:#64748b;border-left:3px solid transparent}
.side-nav a.nav-link:hover{background:rgba(255,255,255,.05);color:#e2e8f0}
body[data-page=admin] .side-nav button i,body[data-page=admin] .side-nav a i{font-size:15px;width:22px;text-align:center}

/* ---- view banners & hub cards ---- */
.ops-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:12px;background:linear-gradient(135deg,#1e1b4b,#3730a3);color:#fff;margin-bottom:20px;position:relative;overflow:hidden}
.ops-banner:after{content:"";position:absolute;right:-40px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.35),transparent 70%)}
.ops-banner h2{font-size:18px;font-weight:800;margin:0;color:#fff}
.ops-banner p{font-size:13px;opacity:.78;margin:3px 0 0;color:#fff}
.ops-banner .button{margin-left:auto;position:relative;z-index:1;background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3)}
.ops-ic{width:44px;height:44px;flex:none;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:22px}
.admin-view:has(>.ops-banner)>.admin-heading .eyebrow{display:none}
.admin-view:has(>.ops-banner)>.admin-heading h2{font-size:16px;margin:0 0 8px}
.ops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.ops-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s,transform .15s;display:flex;flex-direction:column;gap:6px}
.ops-card:hover{box-shadow:0 10px 40px rgba(16,32,48,.14);transform:translateY(-3px)}
.ops-card .ops-ic{background:linear-gradient(135deg,#e0e7ff,#dbeafe);width:40px;height:40px;font-size:20px}
.ops-card h3{font-size:16px;font-weight:700;margin:6px 0 0}
.ops-card p{font-size:13px;color:var(--muted);margin:0 0 10px;flex:1}
.ops-card .button{align-self:flex-start}
.ops-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}
.ops-kpis .kpi{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.ops-kpis .kpi span{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.ops-kpis .kpi b{font-size:26px;font-weight:800}
.ops-rules{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 14px}
.ops-rules span{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:13px}
.ops-term{background:#0f172a;border-radius:12px;overflow:hidden}
.ops-term-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1e293b;color:#94a3b8;font-size:12px}
.ops-term-bar .button{margin-left:auto;background:#334155;color:#e2e8f0;min-height:26px;padding:3px 10px}
.ops-term pre{margin:0;padding:16px;font:12px/1.8 'JetBrains Mono',monospace;color:#e2e8f0;white-space:pre-wrap}
.ops-term .err{color:#f87171}.ops-term .warn{color:#fbbf24}.ops-term .info{color:#34d399}
.ops-skel{height:140px;border-radius:12px;background:linear-gradient(90deg,var(--soft) 25%,var(--line) 50%,var(--soft) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;margin-bottom:16px}
@keyframes shimmer{to{background-position:-200% 0}}
/* loading cover */
.cv-loading{position:fixed;inset:44px 0 0 0;z-index:5500;background:var(--bg);display:grid;place-items:center;transition:opacity .35s}
.cv-loading.off{opacity:0;pointer-events:none}
.cv-loading i{width:38px;height:38px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--blue);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}

/* ---- admin: target dashboard look ---- */
.pg-head{margin-bottom:22px}
.pg-head h2{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:0}
.pg-head p{color:var(--muted);font-size:15px;margin:4px 0 0}
.ops-h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:26px 0 12px}
.ops-kpis.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.ops-kpis .kpi{border:0;padding:18px 18px 16px}
.ops-kpis .kpi b{font-size:30px;display:block;letter-spacing:-.02em}
.ops-kpis .kpi small{display:block;margin-top:4px;color:#22c55e;font-size:13px;font-weight:500}
.ops-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:6px}
.ops-two>section h3,.ops-two>div>h3{margin:0 0 6px}
.ops-two .panel-pad h3{font-size:16px;font-weight:700}
.ops-svg{width:100%;height:auto;display:block}
.ops-t{font:700 11px 'Inter',sans-serif;fill:var(--ink)}.ops-t2{font:500 11px 'Inter',sans-serif;fill:var(--muted)}
.ops-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.ops-filters input{flex:1;min-width:220px}
.ops-filters span{color:var(--muted);font-size:13px}
.ops-filters .button{margin-left:auto}
.admin-view table.ad-table th{font-size:14px}
.ops-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:10px}
.ops-form.four{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.ops-form label{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--ink)}
.ops-form .wide{grid-column:1/-1}
.ops-form .ops-end{grid-column:1/-1}
.ops-form input:disabled{opacity:.75;background:var(--soft)}
.ops-sw{display:flex;align-items:center;gap:10px;font-weight:500;min-height:38px}
.ops-sw input{width:40px;height:22px;accent-color:var(--blue)}
.ops-note{margin:12px 0 0;color:var(--muted);font-size:13px}
.linklike{background:none;border:0;color:var(--blue);font-weight:700;cursor:pointer;padding:0}
.ops-tabs{display:flex;gap:8px;margin:20px 0 14px}
.ops-tabs button{padding:9px 18px;border-radius:8px;border:1.5px solid var(--line);background:var(--paper);font:600 14px 'Inter',sans-serif;color:var(--ink);cursor:pointer;transition:all .2s}
.ops-tabs button.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.ops-rv{display:flex;gap:14px;margin-bottom:12px}
.ops-rv .av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:700;font-size:13px}
.ops-rv p{margin:6px 0 10px;color:var(--ink2)}
.ops-rv small{color:var(--muted)}
.ops-rv-act{display:flex;gap:8px;flex-wrap:wrap}
.ops-ok{background:#22c55e!important;color:#fff!important;border:0!important}.ops-no{background:#ef4444!important;color:#fff!important;border:0!important}
.ops-live{position:fixed;right:24px;bottom:28px;width:225px;background:#0f172a;color:#e2e8f0;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.35);z-index:4000;font-size:13px;overflow:hidden}
.ops-live header{display:flex;align-items:center;gap:8px;padding:14px 16px 8px;font-weight:700;font-size:12px;letter-spacing:.8px;color:#94a3b8}
.ops-live header button{margin-left:auto;background:none;border:0;color:#64748b;cursor:pointer}
.ops-live>div{padding:0 16px}
.ops-live p{display:flex;justify-content:space-between;margin:0;padding:7px 0;border-bottom:1px solid #1e293b}
.ops-live p b{color:#fff}
.ops-live footer{padding:10px 16px;text-align:right;font-size:11px;color:#475569}
.ops-live.min>div,.ops-live.min footer{display:none}
body.has-topbar .ops-live{bottom:28px}
/* lighter legacy banner: heading-style */
.ops-banner{background:transparent;color:var(--ink);padding:0 0 4px;margin-bottom:18px;border-radius:0}
.ops-banner:after{display:none}
.ops-banner h2{color:var(--ink);font-size:26px;font-weight:800;letter-spacing:-.03em}
.ops-banner p{color:var(--muted);opacity:1;font-size:15px}
.ops-banner .ops-ic{display:none}
.ops-banner .button{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
@media(max-width:1200px){.ops-kpis.six{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-form.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ops-two{grid-template-columns:1fr}.ops-kpis.six{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-live{display:none}}
.side-nav>button,.side-nav>a,.nav-sub button,.nav-sub a{min-height:40px}
.ops-sw input{appearance:none;-webkit-appearance:none;width:40px;height:22px;border-radius:11px;background:#cbd5e1;position:relative;cursor:pointer;transition:.3s;padding:0;border:0;flex:none}
.ops-sw input:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.3s}
.ops-sw input:checked{background:var(--blue)}.ops-sw input:checked:before{transform:translateX(18px)}
.ops-sw em{font-style:normal}
.side-panel{display:flex;flex-direction:column;overflow:hidden}
.side-panel .side-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:block}
.side-panel .side-plan{flex:none;margin:8px 12px 12px}
.side-nav>button,.side-nav>a,.nav-sub button,.nav-sub a{min-height:36px}
.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}

/* ---- no flash of half-built admin: cover until ready ---- */
body[data-page=admin]:not(.admin-ready):not(.has-topbar)::before{content:"";position:fixed;inset:0;background:var(--bg);z-index:5400}
body[data-page=admin]:not(.admin-ready):not(.has-topbar)::after{content:"";position:fixed;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--blue);animation:spin .8s linear infinite;z-index:5401}

/* ---- sidebar contrast (light and dark) ---- */
body[data-page=admin] .side-nav button,body[data-page=admin] .side-nav a,body[data-page=admin] .side-nav a.nav-link,body[data-page=admin] .side-panel>a:not(.brand){color:#b8c3d8}
body[data-page=admin] .side-nav button:hover,body[data-page=admin] .side-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
body[data-page=admin] .side-nav button.active,body[data-page=admin] .side-nav a.active{background:#27365a;color:#fff;border-left-color:#818cf8;font-weight:600}
body[data-page=admin] .side-nav .nav-toggle{color:#e2e8f0}
body[data-page=admin] .side-nav .nav-group{color:#94a3b8}
body[data-page=admin] .side-panel .brand small{color:#94a3b8}
body[data-page=admin] .nav-sub{border-left-color:rgba(255,255,255,.2)}
body[data-page=admin] .side-nav .nav-count{background:rgba(255,255,255,.14);color:#e2e8f0}
body.dark[data-page=admin] .side-panel,body.dark[data-page=admin] .admin-side{background:#151b2e;border-right:1px solid #2a3350}
body.dark[data-page=admin] .side-nav button,body.dark[data-page=admin] .side-nav a{color:#c9d3e6}
body[data-page=workspace] .side-nav button,body[data-page=workspace] .side-nav a,body[data-page=workspace] .side-panel>a:not(.brand){color:#d3d9ff}
body[data-page=workspace] .side-nav .nav-group{color:#a5b4fc}
body.dark[data-page=workspace] .side-panel{background:#17153d;border-right:1px solid #2c2a66}

/* ======== shared admin kit: modal, toast, filters, tables ======== */
body.ad-modal-open{overflow:hidden}
.ad-modal{position:fixed;inset:0;z-index:6500;background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:center;padding:20px;animation:viewIn .18s ease}
.ad-modal-box{background:var(--paper);color:var(--ink);width:min(680px,100%);max-height:92dvh;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden}
.ad-modal-box.wide{width:min(980px,100%)}
.ad-modal.xl .ad-modal-box{width:min(1320px,100%);height:min(94dvh,960px)}
.ad-modal-box>header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}
.ad-modal-box>header h3{margin:0;font-size:17px;font-weight:800}
.ad-x{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--muted);padding:2px 8px;border-radius:6px}
.ad-x:hover{background:var(--soft);color:var(--ink)}
.ad-modal-body{padding:20px;overflow:auto;flex:1;min-height:0}
#adToast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;background:#0f172a;color:#fff;padding:12px 20px;border-radius:12px;font:600 14px 'Inter',sans-serif;z-index:7000;box-shadow:0 10px 40px rgba(0,0,0,.4);transition:all .25s;pointer-events:none;max-width:90vw}
#adToast.show{opacity:1;transform:translate(-50%,0)}#adToast.bad{background:#b91c1c}
.ops-click tbody tr{cursor:pointer;transition:background .15s}.ops-click tbody tr:hover td{background:var(--soft)}
.ad-table .r,.r{text-align:right;white-space:nowrap}
.ops-filterbox{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px}
.ops-f{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.ops-f input,.ops-f select{font-weight:500;text-transform:none;letter-spacing:0;min-height:38px}
.ops-f.grow,.grow{flex:1;min-width:200px}
.ops-pager{display:flex;gap:12px;align-items:center;justify-content:center;margin:16px 0}
.ops-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.ops-check{display:flex!important;align-items:center;gap:8px;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)!important}
.ops-check input{width:auto}
.ops-st{color:var(--muted);font-size:13px}
.mono,code{font-family:'JetBrains Mono',monospace;font-size:12px}
.ops-form small{color:var(--muted);font-weight:500}
/* order detail */
.ord-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.ord-head h2{margin:0;font-size:24px}.ord-head p{margin:2px 0 0;color:var(--muted)}.ord-amt{font-size:26px;margin-left:12px}
.ord-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ord-grid section{background:var(--soft);border-radius:12px;padding:16px}.ord-grid h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.ord-grid dl{margin:0}.ord-grid dl>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}.ord-grid dt{color:var(--muted)}.ord-grid dd{margin:0;text-align:right;font-weight:600;word-break:break-word}
.ord-time{list-style:none;margin:0;padding:0}.ord-time li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px}.ord-time small{color:var(--muted)}
.ord-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
/* error log */
.ops-elist{max-height:560px;overflow:auto;font:12.5px/1.5 'JetBrains Mono',monospace}
.ops-erow{display:grid;grid-template-columns:24px 64px 70px 1fr auto 150px;gap:10px;align-items:start;padding:10px 14px;border-bottom:1px solid #1e293b;color:#e2e8f0}
.ops-erow.done{opacity:.45}.ops-erow .msg b{display:block;font-weight:600;word-break:break-word}.ops-erow .msg small{color:#94a3b8}
.ops-erow .lv{font-weight:700}.lv.error{color:#f87171}.lv.warning{color:#fbbf24}.lv.info{color:#34d399}
.ops-erow .src{color:#94a3b8}.ops-erow .cnt{background:#1e293b;border-radius:10px;padding:1px 8px;color:#cbd5e1}.ops-erow .when{color:#64748b;text-align:right}
@media(max-width:900px){.ops-erow{grid-template-columns:24px 56px 1fr}.ops-erow .src,.ops-erow .cnt,.ops-erow .when{grid-column:3;text-align:left}.ord-grid{grid-template-columns:1fr}}
/* library */
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.lib-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s,transform .15s}
.lib-card:hover{box-shadow:0 10px 40px rgba(16,32,48,.14);transform:translateY(-3px)}.lib-card.off{opacity:.62}
.lib-card .template-preview-button,.lib-letter-btn{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;position:relative}
.lib-card .lib-thumb{height:300px!important;border-radius:0}
.lib-meta{padding:12px 14px;display:grid;gap:6px}.lib-meta small{color:var(--muted)}.lib-tags{display:flex;gap:6px;flex-wrap:wrap}.lib-act{display:flex;gap:8px;margin-top:4px}
/* site design */
.sd-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:start}
.sd-prev{position:sticky;top:12px}.sd-hero{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#eef2ff,#fff)}.sd-ann{background:linear-gradient(90deg,#1557d2,#6366f1);color:#fff;font-size:12px;text-align:center;padding:7px}
.sd-hero .lp-pill{margin:16px 16px 0}.sd-hero h4{font-size:24px;line-height:1.15;margin:12px 16px 6px;letter-spacing:-.03em}.sd-hero h4 em{color:var(--blue);font-style:normal;display:block}.sd-hero p{margin:0 16px 14px;color:var(--muted)}.sd-hero>div:last-child{padding:0 16px 18px}
.sd-table{display:grid;gap:12px}.sd-row{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px}
.sd-pg{display:grid;gap:4px;align-content:start}.sd-pg a{font-size:12px;color:var(--blue)}.sd-row label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}.sd-row small.ok{color:#16a34a}.sd-row small.warn{color:#d97706}
@media(max-width:1100px){.sd-grid{grid-template-columns:1fr}.sd-prev{position:static}.sd-row{grid-template-columns:1fr}}
/* mailer */
.mail-state{display:flex;align-items:center;gap:14px;padding:6px 0 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.mail-state div{flex:1}.mail-state small{display:block;color:var(--muted)}
.mail-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0}.mail-dl dt{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase}.mail-dl dd{margin:2px 0 0;font-weight:600}
.mail-tpl{margin-bottom:10px}.mail-tpl summary{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}.mail-tpl .mt-name{font-weight:700;flex:1}.mail-tpl>.ops-form{padding:0 18px 18px}
.mail-vars{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}.mail-vars .tag{cursor:pointer}
.mail-preview{display:grid;gap:8px}.mail-preview pre{white-space:pre-wrap;font:14px/1.6 'Inter',sans-serif;background:var(--soft);padding:16px;border-radius:10px;margin:0}.mail-preview small{color:var(--muted);display:inline-block;width:56px}
/* blog editor */
.seo-files{display:grid;gap:10px;margin-bottom:16px}.seo-files h3{margin:0}
.ed{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;height:100%}
.ed-main{display:grid;gap:12px;align-content:start;min-width:0}.ed-main label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.ed-main label input,.ed-main label textarea{text-transform:none;letter-spacing:0;font-weight:500}
.ed-url{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);flex-wrap:wrap}.ed-url input{flex:1;min-width:160px}
.ed-kw{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.ed-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px;background:var(--soft);border:1px solid var(--line);border-radius:10px;position:sticky;top:-20px;z-index:2}.ed-tools button{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:5px 11px;font:600 13px 'Inter',sans-serif;cursor:pointer;color:var(--ink)}.ed-tools button:hover{border-color:var(--blue);color:var(--blue)}
.ed-split,.ed-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ed-split textarea{min-height:420px;font:13.5px/1.6 'JetBrains Mono',monospace;resize:vertical}.ed-prev{border:1.5px solid var(--line);border-radius:6px;padding:16px 20px;overflow:auto;max-height:560px;background:var(--paper);line-height:1.7}.ed-prev h1{font-size:26px;letter-spacing:-.03em;margin:0 0 12px}.ed-prev h2{font-size:20px;margin:22px 0 8px;border-bottom:1px solid var(--line);padding-bottom:6px}.ed-prev img{max-width:100%;border-radius:8px}
.ed-side{display:grid;gap:14px;align-content:start}.ed-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px;background:var(--paper)}.ed-card h4{margin:0;font-size:14px;display:flex;justify-content:space-between}.ed-card label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.ed-checks{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13px}.ed-checks .ok{color:#16a34a}.ed-checks .no{color:var(--muted)}#eScore .ok{color:#16a34a}#eScore .mid{color:#d97706}#eScore .bad{color:#dc2626}
.ed-cover{min-height:90px;border-radius:8px;background:var(--soft);display:grid;place-items:center;overflow:hidden;font-size:13px;color:var(--muted)}.ed-cover img{width:100%;display:block}
.ed-faq{display:grid;grid-template-columns:1fr 1.6fr auto;gap:8px;margin-bottom:8px}.ed-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;position:sticky;bottom:0}
.url-grp{margin-bottom:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.url-grp summary{padding:10px 14px;cursor:pointer;font-weight:700;background:var(--soft)}
.hl-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.hl-st{font-size:20px;display:block}.hl-top small{color:var(--muted)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}.mv-steps{margin:0;padding-left:20px;display:grid;gap:10px;line-height:1.6}
@media(max-width:1000px){.ed{grid-template-columns:1fr}.ed-split{grid-template-columns:1fr}.ed-kw{grid-template-columns:1fr}.ed-faq{grid-template-columns:1fr}}

/* ======== resume / cover-letter preview popup: 70% document, 30% details, every device ======== */
#templateDialog .dialog-shell,#letterDialog .dialog-shell{width:min(1320px,calc(100vw - 20px));height:min(94dvh,940px);max-height:none;overflow:hidden;border-radius:16px;display:flex}
#templateDialog .template-dialog-content,#letterDialog .template-dialog-content{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:0;padding:0;width:100%;height:100%;min-height:0}
#dialogResume,#dialogLetter{overflow:auto;min-height:0;height:100%;padding:24px;background:linear-gradient(145deg,#e8edf6,#f6f8fc);border-radius:0;display:block!important;scrollbar-gutter:stable}
body.dark #dialogResume,body.dark #dialogLetter{background:#0b1220}
#dialogResume .ref-resume,#dialogLetter .letter-document{margin:0 auto!important;box-shadow:0 12px 50px rgba(15,23,42,.22);transform:none!important;position:static!important}
#templateDialog .template-info,#letterDialog .template-info{overflow:auto;padding:28px 24px 24px;border-left:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:12px;min-height:0}
#templateDialog .template-info h2,#letterDialog .template-info h2{font-size:22px;margin:0}
#templateDialog .template-info ul,#letterDialog .template-info ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}
#templateDialog .dialog-actions,#letterDialog .dialog-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
#templateDialog .dialog-close,#letterDialog .dialog-close{position:absolute;top:10px;right:12px;z-index:10;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:22px;cursor:pointer;line-height:1}
@media(max-width:900px){
  #templateDialog .dialog-shell,#letterDialog .dialog-shell{width:100vw;height:100dvh;border-radius:0}
  #templateDialog .template-dialog-content,#letterDialog .template-dialog-content{grid-template-columns:1fr;grid-template-rows:minmax(0,64%) minmax(0,36%)}
  #dialogResume,#dialogLetter{padding:12px}
  #templateDialog .template-info,#letterDialog .template-info{border-left:0;border-top:1px solid var(--line);padding:16px}
}
.nav-sub{margin-left:12px}.nav-sub button,.nav-sub a{padding-left:10px;gap:8px}
.side-nav .nav-count{font-size:10px;padding:1px 7px;min-width:0}
.ops-form label{align-content:start}
.ops-live.min{width:auto}.ops-live.min header{padding:10px 14px}
.ed-actions{position:static!important;order:-1}

/* ---- theme: html + body both carry the dark state, so no light edges anywhere ---- */
html.dark,html[data-theme=dark]{--bg:#0f1117;--paper:#1a1f2e;--ink:#f1f5f9;--ink2:#cbd5e1;--muted:#94a3b8;--line:#2d3748;--soft:#1e293b;--canvas:#0f1117;--ink-2:#cbd5e1;color-scheme:dark;background:#0f1117}
html:not(.dark){color-scheme:light}
html.dark body{background:var(--bg);color:var(--ink)}
button[data-theme]{display:inline-grid;place-items:center;min-width:38px;min-height:38px;padding:0;line-height:0}
body.dark .site-header .brand img,body.dark .cv-brand-logo,body.dark .brand img{background:transparent!important;filter:brightness(0) invert(1);padding:0!important}
/* dark-mode contrast fixes */
html.dark .category-tabs button.active,body.dark .category-tabs button.active{background:#3b6cf0;color:#fff;border-color:#3b6cf0}
body.dark .pl-plus,body.dark .workspace-main b,body.dark .workspace-main em,body.dark .workspace-main small,body.dark .workspace-main s,body.dark dd#checkoutPrice,body.dark .workspace-main a.active,body.dark button.linklike,body.dark .workspace-main a:not(.button){--blue:#8fb2ff}
body.dark .pl-plus,body.dark dd#checkoutPrice,body.dark .workspace-main a.active,body.dark button.linklike,body.dark .workspace-main em{color:#8fb2ff}
body.dark .workspace-main button.button.secondary{color:#fca5a5;border-color:rgba(252,165,165,.35)}
body.dark .toc a,body.dark .toc b,body.dark aside.toc{color:#e2e8f0}
body.dark .toc a.active{color:#8fb2ff}
body.dark a.active,body.dark .nav a.active,body.dark nav a.active{color:#8fb2ff}
body.dark .toc,body.dark aside.toc{background:#1a1f2e!important}
body.dark .toc b,body.dark .toc a{color:#e2e8f0!important}
body.dark .checkout b,body.dark #checkoutDialog b,body.dark dialog b,body.dark main b{--x:1}
body.dark .button.secondary{color:#fca5a5}
body.dark .button.secondary[class*=primary]{color:inherit}
body.dark .blog-toc{background:#1a1f2e!important;border-color:#2d3748}
body.dark .pl-stats>div{background:#1e293b}
body.dark .pl-stats b,body.dark .pl-stats em{color:#8fb2ff}
body.dark a.active{color:#8fb2ff!important}
body.dark .workspace-main .button.secondary,body.dark .panel .button.secondary{color:#fca5a5}
body.dark .ad-danger,body.dark .danger,body.dark button.danger,body.dark [class*=danger]{color:#fca5a5!important}
body.dark button.button.secondary[style*="b91c1c"],body.dark button.button.secondary[style*="#b91c1c"]{color:#fca5a5!important}
body.dark [data-del]{color:#fca5a5!important}
/* table toolkit + reports */
.kit-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.kit-bar input[type=search]{flex:1 1 180px;min-width:140px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}
.kit-count{font-size:12px;color:var(--muted)}
.kit-menu{position:relative}.kit-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:200px;max-height:320px;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.18);padding:6px;display:grid;gap:2px}
.kit-pop[hidden]{display:none}.kit-pop button,.kit-pop label{display:flex;gap:8px;align-items:center;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.kit-pop button:hover,.kit-pop label:hover{background:var(--soft)}
th.kit-sort{cursor:pointer;user-select:none}th.kit-sort:after{content:" ↕";opacity:.35;font-size:11px}th[aria-sort=ascending]:after{content:" ↑";opacity:1}th[aria-sort=descending]:after{content:" ↓";opacity:1}
.rp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.rp-tabs button{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.rp-tabs button.active{background:#1557d2;border-color:#1557d2;color:#fff}
.rp-colgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 14px;margin:8px 0}.rp-colgrid label{font-size:13px;display:flex;gap:6px;align-items:center}
.rp-cols{margin:12px 0}.rp-cols summary{cursor:pointer;font-weight:700}
.rp-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:8px}.rp-btns{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.rp-presets{margin-top:10px;font-size:13px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.rp-chip{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.rp-chip button{border:0;background:var(--soft);color:var(--ink);padding:5px 10px;cursor:pointer;font:inherit}
body.dark .rp-tabs button.active{background:#3b6cf0;border-color:#3b6cf0}
/* feedback view */
.fb-card{max-width:760px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px 28px;box-shadow:0 12px 34px rgba(15,23,42,.06)}
.fb-head h2{margin:2px 0 6px}.fb-head p{color:var(--muted);margin:0 0 14px}
.fb-form{display:grid;gap:14px}.fb-form label{display:grid;gap:6px;font-weight:700;font-size:13px}
.fb-form input:not([type=radio]):not([type=checkbox]),.fb-form textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1.5px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);font:inherit}
.fb-stars{border:0;padding:0;margin:0}.fb-stars legend{font-weight:700;font-size:13px;margin-bottom:6px}
.fb-starrow{display:inline-flex;flex-direction:row-reverse;gap:4px}.fb-starrow input{position:absolute;opacity:0;pointer-events:none}
.fb-starrow label{font-size:32px;line-height:1;color:#cbd5e1;cursor:pointer;transition:color .15s,transform .15s}
.fb-starrow label:hover,.fb-starrow label:hover~label,.fb-starrow input:checked~label{color:#f59e0b}.fb-starrow label:hover{transform:scale(1.12)}
.fb-starrow input:focus-visible+label{outline:2px solid #1557d2;outline-offset:2px;border-radius:6px}
.fb-count{justify-self:end;color:var(--muted);font-weight:500}
.owner-my-feedback{margin-top:20px}.owner-my-feedback article{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0}
.side-domain{margin:12px 14px 16px;font-size:12px;color:rgba(255,255,255,.7);line-height:1.8}.side-domain a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.fb-form .connected-check{display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.5}.fb-form .connected-check input{width:18px;height:18px;margin-top:2px;flex:none}
.side-nav{overflow-y:auto}
/* Keep every page the same width: reserve the scrollbar space so short and long pages do not shift sideways. */
html{overflow-y:scroll;scrollbar-gutter:stable}

/* /site-polish.css */
/* 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}
/* Fixed header: the menu stays at the top while the page scrolls (the wrapper sticks, so the header inside it does too) */
[data-header]{position:sticky;top:0;z-index:60;display:block;min-height:68px}
body.has-topbar [data-header]{top:44px}
[data-header]>.site-header{position:relative;top:auto}
/* One-click back to top */
.to-top{position:fixed;right:20px;bottom:24px;z-index:70;width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:var(--ink,#0b1020);color:var(--paper,#fff);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(10,25,54,.22);transition:transform .18s ease,opacity .18s ease}
.to-top[hidden]{display:none}
.to-top:hover{transform:translateY(-2px)}
.to-top:focus-visible{outline:3px solid var(--blue,#1557d2);outline-offset:3px}
@media (max-width:760px){.to-top{right:14px;bottom:calc(78px + env(safe-area-inset-bottom))}}
@media print{.to-top{display:none}}
[data-header] .site-header{background:var(--paper)}