/* Original resume catalog and product experience. */
.catalog-filters { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin:30px 0 24px; }
.catalog-filter-buttons,.catalog-language { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.catalog-filters button { border:1px solid #dfdfe8; background:white; border-radius:24px; padding:8px 14px; font-size:calc(12px * var(--ui-font-scale)); color:#777486; }
.catalog-filters button.active { color:#fff; background:#211b36; border-color:#211b36; }
.catalog-language>span { font-size:12px; color:#898494; margin-inline-end:5px; }
.catalog-language button { padding:7px 11px; }
.template-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.catalog-card { position:relative; min-width:0; border:1px solid #e6e4ed; background:#fff; border-radius:12px; padding:13px; color:#222030; text-align:start; box-shadow:0 3px 8px #241b3a03; transition:transform .22s,box-shadow .22s,border-color .22s; }
.catalog-card:hover { transform:translateY(-5px); border-color:#baa3f0; box-shadow:0 18px 34px #27203512; }
.catalog-badges { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; font:10px var(--sans); letter-spacing:.04em; }
.catalog-badges>span { color:#87818f; }
.catalog-badges b { font:500 11px var(--arabic); letter-spacing:0; padding:3px 9px; border-radius:12px; }
.catalog-badges .free { color:#537755; background:#eff7ed; }
.catalog-badges .premium { color:#7d5d25; background:#fbf3df; }
.catalog-paper-frame { aspect-ratio:595 / 842; width:100%; position:relative; overflow:hidden; background:white; box-shadow:0 2px 12px #241b3c0c; border:1px solid #eeedf1; direction:ltr; }
.catalog-card-title { display:flex; align-items:center; justify-content:space-between; padding:15px 2px 3px; }
.catalog-card-title b { display:block; font-size:calc(16px * var(--ui-font-scale)); }
.catalog-card-title small { display:block; margin-top:3px; color:#9b95a4; font-size:calc(11px * var(--ui-font-scale)); }
.catalog-card-title>span { width:28px; height:28px; border-radius:50%; background:#f5f2fc; color:#8968cc; display:grid; place-items:center; }
/* Shared renderer: samples and the real editable document use the same rules. */
.cv-sheet,.resume-page {
  --cv-accent:#111111; --cv-font:Arial,'IBM Plex Sans Arabic',sans-serif;
  --cv-base:10.5; --cv-name:22; --cv-heading:11.5; --cv-entry:10.5;
  --cv-line:1.45; --cv-gap:15px; --cv-margin-x:51px; --cv-margin-y:51px;
  color:#151515; background:#fff; font-family:var(--cv-font); font-size:calc(var(--cv-base) * 1px);
}
.cv-sheet { position:absolute; top:0; left:0; width:595px; min-height:842px; padding:var(--cv-margin-y) var(--cv-margin-x); transform:scale(var(--sheet-scale,.4)); transform-origin:top left; overflow:hidden; }
.resume-page { width:595px; min-height:842px; padding:var(--cv-margin-y) var(--cv-margin-x); margin:0; transform:scale(var(--pageScale,1)); transform-origin:top left; position:absolute; left:0; top:0; }
.resume-page[data-cv-format="Letter"],.cv-sheet[data-cv-format="Letter"] { min-height:770px; }
.cv-zoom-stage { position:relative; flex:none; margin-inline:auto; width:595px; height:842px; }
.resume-canvas { justify-content:flex-start; padding:24px 16px; }
.cv-document { display:block; }
.cv-document .resume-header { display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; gap:10px 16px; padding-bottom:14px; margin:0; border-bottom:2px solid var(--cv-accent); text-align:start; }
.cv-identity { flex:1; min-width:0; }
.cv-document .resume-name { margin:0; font-size:calc(var(--cv-name) * 1px); line-height:1.22; color:var(--cv-accent); font-weight:700; font-family:inherit; }
.cv-document .resume-role { margin-top:5px; font-size:calc(var(--cv-base) * 1px); color:var(--cv-accent); font-weight:500; }
.cv-document .resume-contact { display:flex; flex-direction:column; gap:3px; margin:0; font-size:calc(var(--cv-base) * .77px); line-height:1.5; color:#444; text-align:start; direction:inherit; overflow-wrap:anywhere; }
.cv-document .resume-group { padding:0; grid-column:auto; margin:var(--cv-gap) 0 0; break-inside:avoid; }
.cv-document .resume-group-title { color:var(--cv-accent); border-bottom:1px solid var(--cv-accent); padding:0 0 4px; margin:0 0 7px; font:700 calc(var(--cv-heading) * 1px)/1.4 var(--cv-font); letter-spacing:0; }
.cv-document .resume-group p { margin:0; color:#333; white-space:pre-wrap; font-size:calc(var(--cv-base) * 1px); line-height:var(--cv-line); }
.cv-document .resume-item { margin:0 0 var(--cv-entry-gap,10px); break-inside:avoid; }
.cv-document .resume-item:last-child { margin-bottom:0; }
.cv-document .resume-item-top { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
.cv-document .resume-item-top b { font-size:calc(var(--cv-entry) * 1px); font-weight:700; }
.cv-document .resume-item-top span { white-space:nowrap; color:#555; direction:ltr; font:400 calc(var(--cv-base) * .8px)/1.5 var(--cv-font); }
.cv-document .resume-item-meta { font-size:calc(var(--cv-base) * .86px); color:#555; margin:3px 0; }
.cv-document .resume-item p { font-size:calc(var(--cv-base) * .94px); color:#333; }
.cv-document .resume-skills { display:flex; flex-wrap:wrap; gap:5px 9px; }
.cv-document .resume-skill { background:transparent; color:#222; padding:0; font-size:calc(var(--cv-base) * .94px); }
.cv-document .resume-skill:before { content:'•'; margin-inline-end:5px; }
.cv-document .resume-skill small { font-size:inherit; color:#666; }
.cv-link { font-size:calc(var(--cv-base) * .86px); color:#555; direction:ltr; overflow-wrap:anywhere; margin-top:3px; }
.cv-columns { display:block; }
[data-cv-layout="split"] .cv-columns,[data-cv-layout="sidebar"] .cv-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:22px; }
.cv-main,.cv-side { min-width:0; }
[data-cv-layout="sidebar"] .cv-side { background:var(--cv-accent); padding:16px 13px; margin-top:var(--cv-gap); color:white; }
[data-cv-layout="sidebar"] .cv-side .resume-group:first-child { margin-top:0; }
[data-cv-layout="sidebar"] .cv-side .resume-group-title,[data-cv-layout="sidebar"] .cv-side .resume-skill,[data-cv-layout="sidebar"] .cv-side .resume-group p,[data-cv-layout="sidebar"] .cv-side .resume-item-top b,[data-cv-layout="sidebar"] .cv-side .resume-item-meta,[data-cv-layout="sidebar"] .cv-side .resume-skill small { color:white; border-color:#ffffff55; }
[data-cv-header="center"] .resume-header { display:flex; flex-direction:column; align-items:center; text-align:center; }
[data-cv-header="center"] .resume-contact { flex-direction:row; flex-wrap:wrap; justify-content:center; gap:4px 11px; }
[data-cv-header="end"] .resume-header { text-align:end; flex-direction:row-reverse; }
[data-cv-heading="block"] .resume-group-title { border:0; background:#f0f0f0; padding:4px 7px; }
[data-cv-heading="plain"] .resume-group-title { border:0; padding-bottom:1px; }
[data-cv-heading="box"] .resume-group-title { border:1px solid var(--cv-accent); padding:4px 7px; }
[data-cv-uppercase="true"] .resume-group-title { text-transform:uppercase; letter-spacing:.035em; }
[data-cv-links="underline"] .cv-link,[data-cv-links="underline"] .resume-contact span { text-decoration:underline; text-underline-offset:2px; }
[data-cv-links="accent"] .cv-link,[data-cv-links="accent"] .resume-contact span { color:var(--cv-accent); }
.cv-photo { width:65px; height:65px; object-fit:cover; border-radius:50%; flex:none; }
[data-cv-photo-shape="square"] .cv-photo { border-radius:4px; }
[data-cv-date-position="start"] .resume-item-top { flex-direction:row-reverse; }
[data-cv-details="inline"] .resume-contact { flex-direction:row; flex-wrap:wrap; gap:4px 10px; }
[data-cv-heading-icon="dot"] .resume-group-title:before { content:'●'; font-size:.65em; margin-inline-end:6px; }
[data-cv-heading-icon="square"] .resume-group-title:before { content:'■'; font-size:.65em; margin-inline-end:6px; }
.cv-entry-inline { font-size:.85em; font-weight:400; color:#666; }
.cv-document-footer { margin-top:26px; padding-top:9px; border-top:1px solid #ddd; color:#777; font-size:calc(var(--cv-base) * .7px); text-align:center; }
.cv-placeholder { color:#999; margin-top:25px; font-size:11px; line-height:1.8; }
[data-cv-template="riyadh"] .resume-header { border-bottom-width:1px; padding-bottom:20px; }
[data-cv-template="riyadh"] .resume-name { letter-spacing:.025em; }
[data-cv-template="graduate"] .resume-group-title { border:0; border-inline-start:3px solid var(--cv-accent); padding-inline-start:8px; }
[data-cv-template="graduate"] .resume-name { font-weight:500; }
[data-cv-template="finance"] .resume-group-title { text-transform:uppercase; letter-spacing:.04em; background:#efefef; border:0; padding:4px 6px; }
[data-cv-template="jeddah"] .resume-header { border-bottom:0; border-top:5px solid var(--cv-accent); padding-top:17px; }
[data-cv-template="jeddah"] .cv-side { border-inline-end:1px solid #ddd; padding-inline-end:14px; }
[data-cv-template="engineer"] .resume-group-title { border-bottom:2px solid var(--cv-accent); }
[data-cv-template="engineer"] .resume-item { border-inline-start:1px solid #ccc; padding-inline-start:10px; }
[data-cv-template="minimal"] .resume-header { border:0; padding-bottom:5px; }
[data-cv-template="minimal"] .resume-name { font-weight:400; }
[data-cv-template="minimal"] .resume-group-title { font-weight:500; border-bottom-color:#ccc; }
[data-cv-template="academic"] .resume-name,[data-cv-template="research"] .resume-name { letter-spacing:.01em; }
[data-cv-template="academic"] .resume-group-title { border-bottom:3px double #555; }
[data-cv-template="european"] .resume-header { background:#f0f1f2; padding:18px; border:0; }
[data-cv-template="european"] .resume-group-title { border-inline-start:3px solid var(--cv-accent); padding-inline-start:7px; border-bottom:0; }
[data-cv-template="health"] .resume-header { border-bottom:1px solid #bbb; }
[data-cv-template="health"] .resume-group-title { border:0; border-bottom:1px dotted #999; }
[data-cv-template="executive"] .resume-header { background:var(--cv-accent); padding:20px; border:0; color:white; }
[data-cv-template="executive"] .resume-name,[data-cv-template="executive"] .resume-role,[data-cv-template="executive"] .resume-contact { color:white; }
[data-cv-template="consultant"] .resume-group-title { text-transform:uppercase; border-bottom:0; border-inline-start:3px solid var(--cv-accent); padding-inline-start:7px; }
[data-cv-template="creative"] .resume-name { font-weight:400; border-bottom:4px solid var(--cv-accent); display:inline-block; padding-bottom:5px; }
[data-cv-template="creative"] .resume-header { border-bottom:0; }
[data-cv-template="research"] .resume-header { border-bottom:4px double var(--cv-accent); }
[data-cv-template="research"] .resume-group-title { font-style:italic; border-bottom-color:#bbb; }
[data-cv-template="horizon"] .cv-side { background:#f3f3f3; padding:0 12px 12px; }
[data-cv-template="horizon"] .resume-header { border-top:4px solid var(--cv-accent); border-bottom:0; padding-top:17px; }
[data-cv-template="signature"] .resume-header { border:1px solid var(--cv-accent); padding:20px; }
[data-cv-template="signature"] .resume-name { font-weight:400; font-style:italic; }
/* Dialogs */
.platform-dialog { max-width:min(1080px,94vw); max-height:90dvh; padding:32px; border:1px solid #e7e3ef; border-radius:18px; background:#faf9fc; color:#272334; box-shadow:0 30px 100px #09071466; overflow:auto; }
.platform-dialog::backdrop { background:#0c0b1b99; backdrop-filter:blur(6px); }
.dialog-close { position:absolute; top:13px; inset-inline-end:13px; z-index:3; width:29px; height:29px; border-radius:8px; border:1px solid #e2deea; background:#fff; color:#797184; font:20px var(--sans); }
.template-detail { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:42px; }
.detail-paper { width:100%; aspect-ratio:595 / 842; position:relative; overflow:hidden; background:white; box-shadow:0 7px 25px #271b3910; direction:ltr; }
.template-detail-copy h2 { font-size:36px; margin:16px 0; }
.template-detail-copy p,.template-detail-copy li { color:#898191; font-size:calc(14px * var(--ui-font-scale)); line-height:1.9; }
.template-detail-copy ul { padding-inline-start:20px; margin:22px 0; }
.template-detail-copy>small { display:block; color:#a09aa8; margin-top:16px; font-size:11px; }
.dialog-catalog { min-width:min(850px,80vw); }
.dialog-catalog>h2,.info-copy>h2 { font-size:30px; margin:12px 0; }
.dialog-catalog>p,.info-copy>p { font-size:15px; line-height:2; color:#8f8799; }
.dialog-template-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:24px; }
.dialog-template-grid>button { padding:8px; background:white; border:1px solid #e8e4ef; border-radius:9px; text-align:start; }
.dialog-template-grid>button>b { display:block; padding:9px 2px 0; color:#665875; font-size:13px; }
.info-copy { max-width:680px; padding:18px; }
.pro-pill { display:inline-block; padding:7px 12px; border:1px solid #dac688; border-radius:20px; color:#92722e; font:600 10px var(--sans); letter-spacing:.13em; }
.upgrade-content { max-width:700px; padding:20px 15px; }
.upgrade-content>h2 { font-size:36px; margin:18px 0 10px; }
.upgrade-content>p { color:#8f8799; font-size:15px; line-height:1.9; }
.upgrade-comparison { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:24px 0; }
.upgrade-comparison>div { background:#fff; border:1px solid #e7e1ee; border-radius:10px; padding:20px; }
.upgrade-comparison>div:last-child { border-color:#dbc997; background:#fffbf1; }
.upgrade-comparison b { font-size:18px; }
.upgrade-comparison ul { padding-inline-start:18px; color:#8c8194; font-size:13px; line-height:2; margin-bottom:0; }
.checkout-status { padding:15px; background:#f0edf6; border-radius:8px; font-size:13px; line-height:1.9; color:#85768f; margin-bottom:22px; }
/* Local resume library */
.library-button { border:1px solid #e5dfef; background:#f8f6fc; color:#7d5bb2; border-radius:6px; padding:8px 12px; font-size:calc(12px * var(--ui-font-scale)); }
.library-screen { max-width:1180px; margin:auto; padding:48px 28px 80px; }
.library-heading { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.library-heading h1 { font-size:42px; margin:10px 0; }
.library-heading p { color:#968d9e; font-size:calc(15px * var(--ui-font-scale)); }
.library-plan { display:grid; gap:5px; min-width:190px; padding:18px 22px; background:#fff; border:1px solid #e3deec; border-radius:10px; }
.library-plan b { color:#5d5070; font-size:14px; }
.library-plan span { color:#9b8da7; font-size:12px; }
.library-plan button { border:0; padding:0; margin-top:5px; text-align:start; background:none; color:#8d65cc; font-size:12px; }
.library-notice { background:#ece9f2; color:#8f829b; padding:11px 16px; margin:20px 0 30px; border-radius:8px; font-size:12px; line-height:1.8; }
.resume-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.new-resume-card { background:transparent; border:1px dashed #b9aec8; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; padding:35px; color:#9988ad; min-height:390px; }
.new-resume-card>b { font:300 45px var(--sans); }
.new-resume-card strong { font-size:16px; color:#756383; }
.new-resume-card>span { font-size:12px; }
.new-resume-card:hover { border-color:#8c66bc; background:#ffffff55; }
.saved-resume-card { background:#fff; border:1px solid #e5dfec; border-radius:12px; padding:12px; overflow:hidden; }
.saved-preview { display:block; border:0; background:none; padding:0; width:100%; }
.saved-card-meta { padding:14px 3px 3px; }
.saved-card-meta>b,.saved-card-meta>small { display:block; }
.saved-card-meta>b { color:#63526f; font-size:15px; }
.saved-card-meta>small { color:#a091aa; font-size:11px; margin-top:3px; }
.saved-card-meta>div { display:flex; gap:8px; margin-top:13px; }
.saved-card-meta button { background:#f5f0fa; border:1px solid #e6ddee; color:#89659f; border-radius:5px; padding:6px 12px; font-size:12px; }
.saved-card-meta button:last-child { margin-inline-start:auto; color:#b78491; background:#fff; }
.import-library,.import-setup-button { border:1px solid #dfd7eb; color:#856999; border-radius:7px; padding:12px 18px; background:#fff; margin-top:25px; font-size:14px; }
.import-setup-button { margin-top:0; text-align:start; }
.selected-template-banner { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; background:#252033; border-radius:9px; padding:15px 18px; color:#fff; }
.selected-template-banner>span { font-size:11px; color:#bdb2cc; }
.selected-template-banner>b { font-size:16px; }
.selected-template-banner small { margin-inline-start:8px; font:9px var(--sans); color:#c8b5e0; }
.selected-template-banner>button { margin-inline-start:auto; background:none; border:0; color:#d1b7ef; font-size:12px; }
/* Rich customization controls */
.advanced-group,.optional-group { border:1px solid #e7e1ee; border-radius:8px; margin:10px 0; background:#fff; padding:0 13px 12px; }
.advanced-group>summary,.optional-group>summary { padding:13px 0; cursor:pointer; color:#675572; font-size:calc(13px * var(--ui-font-scale)); font-weight:500; }
.advanced-range,.advanced-select { display:grid; gap:8px; margin:12px 0; color:#92819f; font-size:calc(12px * var(--ui-font-scale)); }
.advanced-range>span { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.advanced-range output { font:11px var(--sans); color:#9d8bab; }
.advanced-range input { width:100%; accent-color:#9b78c4; }
.advanced-select select,.optional-row input { width:100%; padding:9px 10px; border:1px solid #e4dceb; border-radius:5px; background:#fdfcff; color:#84718f; font-size:calc(12px * var(--ui-font-scale)); }
.advanced-check { display:flex; align-items:center; gap:7px; font-size:calc(12px * var(--ui-font-scale)); line-height:1.8; color:#927e9f; margin:10px 0; }
.advanced-check input { accent-color:#9372b9; }
.advanced-note,.optional-group>p { color:#8d789b; font-size:calc(11px * var(--ui-font-scale)); line-height:1.9; }
.browse-template-button,.plain-setting-button { width:100%; padding:11px; border:1px solid #d9cce7; border-radius:6px; background:#f9f4fd; color:#9775af; font-size:calc(12px * var(--ui-font-scale)); }
.plain-setting-button { background:#fff; margin-top:10px; }
.photo-input { width:100%; font-size:11px; color:#867291; }
.optional-chips { display:flex; flex-wrap:wrap; gap:5px; margin:10px 0; }
.optional-chips button { border:1px solid #e5daed; background:#faf6fd; color:#9878ab; border-radius:4px; padding:5px 7px; font-size:calc(10px * var(--ui-font-scale)); }
.optional-row { display:grid; gap:5px; margin:11px 0; font-size:calc(11px * var(--ui-font-scale)); color:#85708f; }
.optional-row>div { display:flex; gap:5px; }
.optional-row button { border:0; background:none; color:#917c9c; }
.saudi-editor-tools { border-top:1px solid #e8dfed; margin-top:18px; padding-top:14px; }
.saudi-editor-tools>b { color:#887094; font-size:calc(12px * var(--ui-font-scale)); }
.saudi-editor-tools>div { display:flex; gap:5px; margin:10px 0; flex-wrap:wrap; }
.saudi-editor-tools>div button { padding:6px 8px; background:#f7effd; border:1px solid #e3d6ed; border-radius:5px; color:#9c7baf; font-size:calc(10px * var(--ui-font-scale)); }
.match-job-button { border:1px solid #e2d4ed; background:#fff; color:#9c7daf; padding:10px; border-radius:5px; width:100%; margin-top:6px; text-align:start; font-size:calc(12px * var(--ui-font-scale)); }
.job-match-panel,.import-panel { width:min(680px,80vw); padding:18px; }
.job-match-panel h2,.import-panel h2 { font-size:31px; margin:14px 0; }
.job-match-panel p,.import-panel p { color:#7a6687; line-height:1.9; font-size:14px; }
.job-match-panel textarea,.import-panel textarea { display:block; resize:vertical; width:100%; border:1px solid #ded1e8; border-radius:8px; background:#fff; padding:15px; color:#85718e; font-size:14px; line-height:1.8; margin:15px 0; }
.keyword-chips { display:flex; flex-wrap:wrap; gap:7px; }
.keyword-chips span { padding:6px 10px; border:1px solid #e8d8ec; border-radius:5px; font-size:12px; }
.keyword-chips .matched { color:#6b9b7d; background:#edf8f0; border-color:#d1ead9; }
.keyword-chips .unmatched { color:#b79066; background:#fff8ef; border-color:#efdfca; }
.import-drop { position:relative; padding:25px; display:grid; place-items:center; gap:7px; border:1px dashed #c7acd9; border-radius:10px; background:#fff; color:#a083b5; }
.import-drop>span { font-size:30px; }
.import-drop>b { font-size:16px; }
.import-drop>small { font:11px var(--sans); color:#8f7b9c; }
.import-drop input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.import-text-label { font-size:13px; color:#7d648d; }
.import-panel>small { display:block; color:#84718f; font-size:11px; line-height:1.8; margin:12px 0; }
.import-status { min-height:20px; }
/* Expanded Saudi marketing story, plans, questions and footer. */
.platform-section { padding:92px max(calc((100vw - 1160px)/2),8%); }
.platform-section-heading h2 { font-size:47px; line-height:1.25; letter-spacing:-.05em; margin:15px 0; font-weight:600; }
.platform-section-heading h2>span { color:#a29aaf; }
.platform-section-heading>p { max-width:540px; color:#766c80; font-size:15px; line-height:1.9; }
#saudiFeatures { background:#fff; }
.feature-workshop-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:35px; }
.feature-workshop-grid>article>h3 { font-size:19px; margin:20px 0 8px; color:#6c587d; }
.feature-workshop-grid>article>p { font-size:14px; line-height:1.9; color:#746b7b; margin:0; }
.workshop-demo { min-height:215px; background:#f8f4fc; border:1px solid #eee4f5; border-radius:12px; padding:25px; display:flex; flex-direction:column; justify-content:center; }
.experience-demo>span { font-size:11px; color:#ac89c3; margin-bottom:15px; }
.experience-demo>b { font-size:17px; color:#51405d; }
.experience-demo>small { font-size:10px; color:#baa4c6; margin-top:4px; }
.experience-demo>p { color:#766280; font-size:12px; line-height:1.8; }
.experience-demo>div { font-size:10px; color:#84ab92; }
.design-demo>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; color:#9d7db1; }
.design-demo>div:first-child>b { font:23px var(--sans); color:#8c6a9f; }
.design-demo>div:first-child>span { font:11px var(--sans); }
.design-demo label { display:flex; align-items:center; justify-content:space-between; color:#84708f; font-size:11px; margin:8px 0; }
.demo-slider { width:55%; height:4px; border-radius:3px; background:#e5d3f0; position:relative; }
.demo-slider:after { content:''; position:absolute; width:10px; height:10px; background:#b693cd; border-radius:50%; top:-3px; left:40%; }
.demo-slider.offset:after { left:70%; }
.demo-swatches { display:flex; gap:6px; align-items:center; margin-top:16px; }
.demo-swatches>i { width:15px; height:15px; border-radius:50%; background:#151515; }
.demo-swatches>i:nth-child(2) { background:#8daeb4; }
.demo-swatches>i:nth-child(3) { background:#b392ca; }
.demo-swatches>span { font-size:10px; color:#8e779a; margin-inline-start:4px; }
.match-demo>span { font-size:11px; color:#ac8ebe; margin-bottom:12px; }
.match-demo>b { display:flex; align-items:center; justify-content:space-between; gap:10px; font:12px var(--sans); color:#8ca697; margin:7px 0; }
.match-demo>b>i { font-style:normal; }
.match-demo>b.missing { color:#c2a87d; }
.match-demo>small { font-size:9px; color:#867292; margin-top:15px; }
.saudi-stage-banner { margin-top:35px; border:1px solid #eadcf3; border-radius:12px; padding:25px; display:flex; align-items:center; justify-content:space-between; gap:20px; background:#fefcff; }
.saudi-stage-banner>div>span { color:#b291cb; margin-inline-end:9px; }
.saudi-stage-banner b { font-size:16px; color:#64536e; }
.saudi-stage-banner p { margin:6px 0 0; font-size:13px; color:#8a7796; }
#planSection { background:#f8f5fc; }
.plans-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; max-width:900px; margin:35px auto 0; }
.plan-card { border:1px solid #e9ddf2; border-radius:15px; padding:32px; background:#fff; }
.plan-eyebrow { font:600 10px var(--sans); letter-spacing:.12em; color:#b193c6; }
.plan-card h3 { font-size:24px; color:#483751; margin:14px 0; }
.plan-price { font:600 47px var(--sans); color:#43334e; }
.plan-price small { font:13px var(--arabic); }
.plan-card>p { font-size:14px; line-height:1.9; color:#746a7d; margin:15px 0; }
.plan-card ul { list-style:none; padding:0; margin:22px 0 28px; }
.plan-card li { font-size:13px; color:#76687f; margin:13px 0; }
.plan-card li:before { content:'✓'; margin-inline-end:10px; color:#b299c6; }
.plan-card .button { width:100%; }
.premium-plan { background:#20192f; border-color:#20192f; }
.premium-plan h3,.premium-plan .plan-price { color:#eee5f6; }
.premium-plan>p,.premium-plan li { color:#b4a0c8; }
.upcoming-price { font-family:var(--arabic); font-size:35px; line-height:1.6; }
.premium-outline { border:1px solid #655175; color:#d7c4e8; background:transparent; border-radius:7px; }
#faqSection { display:grid; grid-template-columns:.75fr 1.25fr; gap:50px; }
.faq-list { border-top:1px solid #e9dff0; }
.faq-list details { border-bottom:1px solid #e9dff0; padding:0 2px; }
.faq-list summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:21px 0; font-size:calc(16px * var(--ui-font-scale)); color:#614c70; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary>span { color:#9b7aae; font-size:18px; }
.faq-list details[open] summary>span { transform:rotate(45deg); }
.faq-list p { font-size:calc(14px * var(--ui-font-scale)); color:#74697e; line-height:2; margin:0 0 22px; }
.platform-footer { background:#13101c; padding:55px max(calc((100vw - 1160px)/2),8%) 20px; color:#a98fbd; }
.footer-top { display:grid; grid-template-columns:2fr 1fr 1fr; gap:70px; }
.footer-top>div:first-child>p { max-width:340px; font-size:14px; color:#8d7a9f; line-height:1.9; }
.footer-top>div:first-child>small { color:#9d8ea9; font-size:10px; }
.footer-top>div>b { font-size:14px; color:#c6b3d8; display:block; margin:0 0 16px; }
.footer-top a:not(.brand),.footer-top button { display:block; font-size:13px; color:#8e7b9e; margin:11px 0; border:0; padding:0; background:none; text-align:start; }
.footer-top .brand-word { color:#d0bcdf; }
.footer-bottom { display:flex; justify-content:space-between; padding-top:22px; margin-top:40px; border-top:1px solid #ffffff0b; font-size:10px; color:#a192ad; }
.hero-product .paper-accent { background:#111; }
.hero-product .paper-role,.hero-product .paper-section>b { color:#111; }
.hero-product .paper-tags i { background:#f1f1f1; color:#444; }
/* Readability and responsive layout */
.advanced-range,.advanced-select,.advanced-check,.optional-row { color:#665b70; }
.advanced-note,.optional-group>p { color:#756b7e; }
.advanced-select select,.optional-row input { color:#4d4158; }
.optional-chips button,.saudi-editor-tools>div button,.match-job-button { color:#78518e; }
.footer-top a:not(.brand),.footer-top button { color:#b4a5c4; }
.footer-top>div:first-child>p { color:#afa0bf; }
@media(max-width:1050px) {
  .template-gallery { gap:15px; }
  .platform-section { padding-inline:6%; }
  .footer-top { gap:35px; }
}
@media(max-width:820px) {
  .template-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .feature-workshop-grid { grid-template-columns:1fr; gap:24px; }
  .workshop-demo { min-height:200px; }
  #faqSection { grid-template-columns:1fr; gap:25px; }
  .template-detail { gap:24px; }
  .template-detail-copy h2 { font-size:28px; }
  .dialog-template-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .resume-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .library-heading h1 { font-size:35px; }
  .platform-section-heading h2 { font-size:40px; }
  .plans-grid { gap:15px; }
  .plan-card { padding:24px; }
}
@media(max-width:600px) {
  .catalog-filters { gap:14px; }
  .catalog-filter-buttons { gap:5px; }
  .catalog-filters button { padding:7px 11px; font-size:11px; }
  .catalog-card { padding:9px; }
  .catalog-card-title b { font-size:14px; }
  .catalog-card-title small { font-size:10px; }
  .catalog-badges { font-size:8px; }
  .catalog-badges b { font-size:9px; }
  .platform-dialog { max-width:95vw; padding:36px 18px 22px; border-radius:12px; }
  .template-detail { display:flex; flex-direction:column-reverse; }
  .detail-paper { max-width:350px; }
  .template-detail-copy { width:100%; }
  .template-detail-copy>small { font-size:10px; }
  .dialog-catalog { min-width:0; }
  .dialog-template-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .upgrade-content { padding:10px 0; }
  .upgrade-content>h2 { font-size:29px; }
  .upgrade-comparison { grid-template-columns:1fr; }
  .library-screen { padding:30px 17px 55px; }
  .library-heading { display:block; }
  .library-plan { margin-top:20px; }
  .resume-library-grid { gap:14px; }
  .new-resume-card { min-height:270px; padding:20px; }
  .new-resume-card strong { font-size:13px; }
  .new-resume-card>span { font-size:10px; }
  .saved-card-meta>div { flex-wrap:wrap; }
  .saved-card-meta button { padding:5px 8px; }
  .library-button { font-size:11px; padding:7px; }
  .platform-section { padding:62px 22px; }
  .platform-section-heading h2 { font-size:36px; }
  .saudi-stage-banner { display:block; padding:20px; }
  .saudi-stage-banner .text-button { margin-top:18px; }
  .plans-grid { grid-template-columns:1fr; }
  .faq-list summary { font-size:14px; }
  .faq-list p { font-size:13px; }
  .footer-top { grid-template-columns:1fr 1fr; gap:30px; }
  .footer-top>div:first-child { grid-column:1/-1; }
  .platform-footer { padding:42px 23px 20px; }
  .footer-bottom { gap:20px; line-height:1.7; }
  .job-match-panel,.import-panel { width:auto; min-width:70vw; padding:7px; }
  .job-match-panel h2,.import-panel h2 { font-size:27px; }
  .resume-canvas { padding:18px 12px; }
}
@media(max-width:420px) {
  .template-gallery { grid-template-columns:1fr; }
  .catalog-card-title b { font-size:17px; }
  .catalog-card-title small { font-size:12px; }
  .resume-library-grid { grid-template-columns:1fr; }
}
@media print {
  .platform-dialog,.platform-footer,.library-screen,.library-button { display:none!important; }
  .cv-zoom-stage { width:auto!important; height:auto!important; margin:0!important; position:static!important; }
  .resume-page { width:210mm!important; min-height:297mm!important; position:static!important; transform:none!important; margin:0!important; padding:var(--cv-print-y,18mm) var(--cv-print-x,18mm)!important; background:white!important; }
  .resume-page[data-cv-format="Letter"] { width:215.9mm!important; min-height:279.4mm!important; }
  .resume-page .resume-name { font-size:calc(var(--cv-name) * 1pt); }
  .resume-page .resume-role,.resume-page .resume-group p { font-size:calc(var(--cv-base) * 1pt); }
  .resume-page .resume-group-title { font-size:calc(var(--cv-heading) * 1pt); }
  .resume-page .resume-item-top b { font-size:calc(var(--cv-entry) * 1pt); }
  .resume-page .resume-contact,.resume-page .cv-link { font-size:calc(var(--cv-base) * .77pt); }
  .resume-page .resume-item p,.resume-page .resume-skill { font-size:calc(var(--cv-base) * .94pt); }
  .resume-page .resume-item-meta,.resume-page .resume-item-top span { font-size:calc(var(--cv-base) * .86pt); }
  .cv-side,.resume-header,.resume-group-title { print-color-adjust:exact; -webkit-print-color-adjust:exact; }
  .resume-page .resume-group { break-inside:avoid; }
}
.account-row {display:flex;align-items:center;flex-wrap:wrap;gap:14px;justify-content:space-between;line-height:1.8}
.account-row a,.account-row button,.library-notice>button {font:inherit;font-weight:600;color:#176449;cursor:pointer}
.account-row .button {color:white;font-size:.9rem;padding:10px 16px;white-space:nowrap}
.account-row button,.library-notice>button {border:0;background:transparent;text-decoration:underline}
/* The template collection: full documents, category navigation and detail pages. */
.catalog-route {background:#f4f3ef;color:#211b30}
.catalog-route .site-header {position:relative;inset:auto;background:#f4f3ef;border-bottom:1px solid #dedcd6;color:#201a2c;backdrop-filter:none}
.catalog-route .site-header nav {color:#625c6c}
.catalog-route .site-header nav a:hover {color:#211832}
.catalog-route .site-header .brand-symbol {background:#241c34;border-color:#241c34;color:#fff}
.catalog-route .site-header .button-small {background:#241b35;color:white;border-color:#241b35}
.catalog-route .site-header .locale-button {color:#352e44;border-color:#bdb9c6}
.catalog-route .site-header .interface-size-trigger {color:#352e44;border-color:#bdb9c6}
.catalog-page {max-width:1280px;margin:auto;padding:46px 36px 110px}
.catalog-breadcrumb {display:flex;align-items:center;gap:12px;color:#746f7e;font-size:calc(12px * var(--ui-font-scale));margin:15px 0 30px}
.catalog-breadcrumb a:hover {color:#241b35;text-decoration:underline}
.catalog-intro {padding:8px 0 27px}
.catalog-intro>.section-kicker {font:600 10px var(--sans);letter-spacing:.16em;color:#6f667c}
.catalog-intro h1 {font-size:clamp(35px,4.4vw,59px);line-height:1.35;letter-spacing:-.035em;margin:17px 0 20px;font-weight:700}
.catalog-intro h1 span {font-size:.79em;letter-spacing:-.025em}
.catalog-intro p {font-size:calc(18px * var(--ui-font-scale));line-height:1.9;color:#625a6e;max-width:950px}
.catalog-benefits {display:flex;flex-wrap:wrap;gap:12px 25px;margin:25px 0 0;font-size:calc(13px * var(--ui-font-scale));color:#645d6e}
.catalog-benefits span {white-space:nowrap}
.catalog-sticky-nav {position:sticky;top:0;z-index:6;background:#f4f3eff5;backdrop-filter:blur(12px);padding:20px 0;border-bottom:1px solid #dfdcd5;margin:10px 0 0}
.catalog-sticky-nav nav {display:flex;gap:10px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin}
.catalog-sticky-nav a {display:flex;align-items:center;gap:8px;flex:none;font-size:calc(13px * var(--ui-font-scale));font-weight:500;border:1px solid #726978;border-radius:30px;padding:10px 18px;background:transparent;transition:background .18s,color .18s}
.catalog-sticky-nav a:hover,.catalog-sticky-nav a:focus-visible {background:#241b35;color:#fff}
.catalog-sticky-nav a:first-child {background:white;border-color:white}
.catalog-sticky-nav a i {font:20px var(--sans);font-style:normal}
.catalog-page-options {display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:24px 0 36px}
.catalog-page-options>span {font-size:11px;color:#78717e}
.catalog-language button {border:1px solid #d7d2db;border-radius:20px;padding:7px 12px;background:white;color:#574f61;font:500 12px var(--sans)}
.catalog-language button.active {background:#292036;border-color:#292036;color:white}
.catalog-category {scroll-margin-top:110px;margin:0 0 80px}
.catalog-category-heading {display:flex;align-items:end;justify-content:space-between;gap:25px;margin:0 0 26px}
.catalog-category-heading h2 {font-size:clamp(25px,2.6vw,36px);line-height:1.4;margin:5px 0 12px;font-weight:650;letter-spacing:-.025em}
.catalog-section-number {display:block;font:11px var(--sans);letter-spacing:.14em;color:#9b92a2}
.catalog-category-heading p {font-size:calc(14px * var(--ui-font-scale));line-height:1.9;color:#6f6677;max-width:800px;margin:0}
.catalog-category-heading>span,.catalog-category-heading>a {white-space:nowrap;font-size:12px;color:#77707e}
.catalog-page-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.catalog-page-card {display:block;padding:0;border:0;border-radius:7px;background:transparent;box-shadow:none;text-decoration:none;overflow:visible}
.catalog-page-card .catalog-paper-frame {border-radius:5px;box-shadow:0 3px 12px #21172d09;border:1px solid #e3dfdf}
.catalog-page-card .catalog-card-title {padding:13px 4px 0;gap:10px}
.catalog-page-card .catalog-card-title b {font-size:calc(16px * var(--ui-font-scale));font-weight:600}
.catalog-page-card .catalog-card-title small {font-size:11px;color:#736b7d}
.catalog-access,.catalog-card-title>.catalog-access {font:500 10px var(--arabic);padding:4px 9px;width:auto;height:auto;border-radius:20px;white-space:nowrap}
.catalog-card-title>.is-free {background:#e9eee9;color:#365844}
.catalog-card-title>.is-pro {background:#eee6da;color:#7f602f}
.catalog-card-hover {position:absolute;inset:45% auto auto 50%;transform:translate(-50%,-50%) translateY(5px);opacity:0;pointer-events:none;white-space:nowrap;padding:12px 20px;border-radius:30px;background:#241a35;color:white;font-size:14px;box-shadow:0 8px 25px #1c112442;transition:opacity .2s,transform .2s}
.catalog-card:hover .catalog-card-hover,.catalog-card:focus-visible .catalog-card-hover {opacity:1;transform:translate(-50%,-50%)}
.catalog-page-card:hover {transform:translateY(-4px);box-shadow:none;border-color:transparent}
.category-more {display:flex;justify-content:center;margin-top:30px}
.category-more button {border:1px solid #30233e;background:transparent;color:#2c203c;border-radius:7px;padding:12px 28px;font-size:14px;font-weight:600;display:flex;gap:30px;align-items:center}
.category-more button:hover {background:white}
.catalog-faq {max-width:900px;margin:30px auto 0;border-top:1px solid #dcd6df;padding-top:50px}
.catalog-faq h2 {font-size:36px;margin:10px 0 25px}
.catalog-faq details {border-bottom:1px solid #dad4de;padding:18px 0}
.catalog-faq summary {display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:calc(16px * var(--ui-font-scale));font-weight:500;list-style:none}
.catalog-faq summary::-webkit-details-marker {display:none}
.catalog-faq details p {line-height:1.9;color:#6d6276;font-size:14px;padding-top:15px}
.catalog-detail-layout {display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;margin:30px 0 90px}
.catalog-detail-preview {width:100%;aspect-ratio:595/842;background:white;position:relative;overflow:hidden;direction:ltr;border:1px solid #e4dfe6;border-radius:5px;box-shadow:0 9px 35px #25182a10}
.catalog-detail-description {padding-top:30px;position:sticky;top:35px}
.catalog-detail-description h1 {font-size:clamp(32px,3.2vw,48px);line-height:1.4;margin:15px 0 22px;letter-spacing:-.03em}
.catalog-detail-description h1 span {color:#5f427b}
.catalog-detail-description>p {font-size:17px;color:#6c6176;line-height:1.9}
.catalog-detail-description ul {list-style:none;padding:0;margin:25px 0 32px}
.catalog-detail-description li {font-size:14px;line-height:1.7;margin:14px 0;color:#4b4055}
.catalog-detail-description>.button {font-size:16px;padding:15px 25px;background:#271c37;color:#fff}
.all-templates-link {display:block;color:#5b4372;font-size:14px;text-decoration:underline;margin:20px 0}
.sample-disclosure {font-size:11px;line-height:1.9;color:#82758b;border-top:1px solid #ded6e4;padding-top:18px;margin-top:26px}
.catalog-empty {padding:100px 0}
.catalog-empty a {text-decoration:underline}
/* Additional document layouts; each is a usable renderer preset. */
[data-cv-template="atlas"] .cv-document,[data-cv-template="harbor"] .cv-document,[data-cv-template="cobalt"] .cv-document,[data-cv-template="studio"] .cv-document {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.15fr);column-gap:25px;position:relative;isolation:isolate}
[data-cv-template="atlas"] .cv-document:before,[data-cv-template="harbor"] .cv-document:before,[data-cv-template="cobalt"] .cv-document:before,[data-cv-template="studio"] .cv-document:before {content:'';position:absolute;z-index:-1;inset-block:calc(-1 * var(--cv-margin-y));inset-inline-start:calc(-1 * var(--cv-margin-x));width:calc(31% + var(--cv-margin-x));background:var(--cv-accent)}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .resume-header {grid-column:1;grid-row:1;display:flex;flex-direction:column;border:0;padding:0 0 10px;gap:16px}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .resume-header :is(.resume-name,.resume-role,.resume-contact) {color:white}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .resume-name {font-size:21px}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .cv-columns {display:contents}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .cv-main {grid-column:2;grid-row:1 / span 2}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .cv-side {grid-column:1;grid-row:2;padding:0;background:transparent}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .cv-main>.resume-group:first-child {margin-top:0}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .cv-photo {width:100px;height:100px;order:1;align-self:center}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .cv-identity {order:0;flex:none}
:is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"]) .resume-contact {order:2;font-size:7.5px}
[data-cv-template="silver"] .resume-header {background:#e9e9e9;padding:20px;border:0}
[data-cv-template="silver"] .cv-photo {order:3;width:80px;height:80px}
[data-cv-template="silver"] .resume-header .resume-contact {flex-basis:100%;flex-direction:row;flex-wrap:wrap}
[data-cv-template="ledger"] .resume-group-title {text-align:center;background:#eee;border:0;padding:3px 0;letter-spacing:.045em;text-transform:uppercase}
[data-cv-template="ledger"] .resume-header {border-bottom:3px double #111}
[data-cv-template="outline"] .resume-header {border:1px solid var(--cv-accent);padding:15px}
[data-cv-template="outline"] .resume-group-title {border:0;border-inline-start:3px solid var(--cv-accent);padding-inline-start:9px}
[data-cv-template="column"] .cv-side {border-top:4px solid var(--cv-accent);padding-top:10px}
[data-cv-template="column"] .resume-name {font-weight:400;font-size:30px}
[data-cv-template="canvas"] .resume-header {border:0;border-inline-start:8px solid var(--cv-accent);padding-inline-start:15px}
[data-cv-template="canvas"] .resume-group-title {background:#eee8f0;border:0;padding:5px 8px}
[data-cv-template="studio"] .cv-photo {border-radius:6px}
[data-cv-template="studio"] .resume-name {font-weight:400}
[data-cv-template="terrace"] .resume-header {background:#f1e9e4;padding:18px;border-bottom:2px solid var(--cv-accent)}
[data-cv-template="terrace"] .resume-group-title {background:#f1e9e4}
[data-cv-template="cobalt"] .resume-group-title {text-transform:uppercase;letter-spacing:.08em}
[data-cv-template="cobalt"] .cv-photo {border-radius:5px}
[data-cv-template="folio"] .resume-name {font-size:34px;line-height:1.1;font-weight:400}
[data-cv-template="folio"] .resume-header {border-bottom:5px solid var(--cv-accent);padding-bottom:22px}
[data-cv-template="folio"] .cv-side {background:#efede8;padding:0 13px 15px}
[data-cv-template="serif"] .resume-group-title {text-transform:uppercase;font-size:10px;letter-spacing:.1em;text-align:center;border-bottom:1px solid #555}
[data-cv-template="serif"] .resume-header {border:0}
[data-cv-template="timeline"] .resume-item {border-inline-start:2px solid #c9cdd0;padding-inline-start:12px;position:relative}
[data-cv-template="timeline"] .resume-item:before {content:'';width:6px;height:6px;border-radius:50%;background:var(--cv-accent);position:absolute;inset-inline-start:-4px;top:5px}
[data-cv-template="baseline"] .resume-header {border-bottom:5px solid var(--cv-accent)}
[data-cv-template="baseline"] .resume-group-title {font-weight:700;text-transform:uppercase;letter-spacing:.07em}
[data-cv-template="campus"] .resume-header {border-bottom:2px solid var(--cv-accent)}
[data-cv-template="campus"] .resume-group-title {text-align:center;border:0;font-weight:700}
[data-cv-template="launch"] .resume-header {border-top:6px solid var(--cv-accent);border-bottom:0;padding-top:18px}
[data-cv-template="launch"] .cv-side {border-inline-end:2px solid #ddd;padding-inline-end:15px}
[data-cv-template="intern"] .resume-group-title {border-bottom:1px dashed #999}
[data-cv-template="intern"] .resume-name {font-weight:400;font-size:28px}
[data-cv-template="orbit"] .resume-header {border:0;padding-bottom:20px}
[data-cv-template="orbit"] .cv-photo {width:90px;height:90px;order:-1}
[data-cv-template="orbit"] .resume-group-title {text-align:center;border:0;background:#f1e9ed;border-radius:20px;padding:4px 12px}
[data-cv-template="editorial"] .resume-name {font-size:32px;font-style:italic}
[data-cv-template="editorial"] .resume-header {border-top:1px solid var(--cv-accent);border-bottom:4px double var(--cv-accent);padding-top:15px}
[data-cv-template="editorial"] .resume-group-title {font-style:italic;border-bottom:0;font-size:15px}
[data-cv-template="harbor"] .resume-group-title {border:0;background:#edf1f3;padding:4px 6px}
[data-cv-template="harbor"] .cv-side .resume-group-title {background:transparent;border-bottom:1px solid #ffffff77;padding-inline:0}
[data-cv-template="grid"] .cv-columns {gap:16px}
[data-cv-template="grid"] .resume-group {border-top:1px solid #c5c8cb;padding-top:8px}
[data-cv-template="grid"] .resume-group-title {border:0;text-transform:uppercase;letter-spacing:.09em;font-size:10px}
[data-cv-template="slate"] .resume-header {background:#f0f0f0;border-bottom:0;padding:13px 16px}
[data-cv-template="slate"] .resume-group-title {padding:3px 6px;background:#f0f0f0}
[data-cv-template="summit"] .resume-header {border-bottom:7px solid var(--cv-accent);padding-bottom:20px}
[data-cv-template="summit"] .cv-photo {width:85px;height:85px;border-radius:6px}
[data-cv-template="summit"] .resume-group-title {border:0;background:var(--cv-accent);color:white;padding:5px 8px}
[data-cv-template="mono"] .resume-header {border:0;border-bottom:1px solid #555}
[data-cv-template="mono"] .resume-name {letter-spacing:.08em;text-transform:uppercase;font-size:20px}
[data-cv-template="mono"] .resume-group-title {border-bottom:0;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
[data-cv-template="najd"] .resume-header {border:0;border-bottom:3px solid var(--cv-accent);padding-bottom:20px}
[data-cv-template="najd"] .cv-photo {width:90px;height:90px;border-radius:6px}
[data-cv-template="najd"] .cv-side {border-inline-end:1px solid #c9d0cc;padding-inline-end:15px}
[data-cv-template="najd"] .resume-group-title {background:#edf1ee;border-bottom:0;padding:4px 8px}
@media(max-width:1000px) {
 .catalog-page {padding-inline:24px}
 .catalog-route .site-header {padding-inline:24px}
 .catalog-route .site-header nav {gap:16px}
 .catalog-detail-layout {gap:35px}
 .catalog-detail-description {padding-top:0}
}
@media(max-width:760px) {
 .catalog-page {padding:25px 18px 70px}
 .catalog-page-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}
 .catalog-intro h1 {font-size:35px}
 .catalog-intro p {font-size:16px}
 .catalog-route .site-header nav {display:none}
 .catalog-sticky-nav {padding:12px 0;top:0}
 .catalog-sticky-nav a {font-size:12px;padding:8px 13px}
 .catalog-category-heading {align-items:start;gap:14px}
 .catalog-category-heading h2 {font-size:27px}
 .catalog-category-heading p {font-size:13px}
 .catalog-category-heading>span {padding-top:22px;font-size:10px}
 .catalog-page-card .catalog-card-title {align-items:start;flex-wrap:wrap}
 .catalog-page-card .catalog-card-title b {font-size:14px}
 .catalog-page-card .catalog-card-title small {font-size:10px}
 .catalog-page-card .catalog-access {font-size:9px}
 .catalog-category {margin-bottom:60px}
 .catalog-detail-layout {display:flex;flex-direction:column-reverse;gap:35px}
 .catalog-detail-description {position:static}
 .catalog-detail-description h1 {font-size:36px}
 .catalog-detail-preview {max-width:560px;margin:auto}
}
@media(max-width:390px) {
 .catalog-page-grid {grid-template-columns:1fr}
 .catalog-intro h1 {font-size:30px}
 .catalog-benefits {gap:10px;font-size:11px}
 .catalog-route .site-header .button-small {padding:9px;font-size:11px}
}
.dialog-catalog {width:min(1000px,84vw)}
.browser-title {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 20px}
.browser-title h2 {font-size:30px;line-height:1.5;margin:8px 0}
.browser-title p {font-size:14px;line-height:1.8;color:#74647f}
.browser-own-toggle {background:white;border:1px solid #cec4d8;color:#4d355f;font-size:12px;padding:9px 12px;border-radius:5px;white-space:nowrap}
.template-browser-layout {display:grid;grid-template-columns:175px minmax(0,1fr);gap:24px;align-items:start}
.template-browser-filters {display:flex;flex-direction:column;gap:4px;position:sticky;top:0;background:#faf9fc;padding-block:8px}
.template-browser-filters button {display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;text-align:start;color:#675a73;background:transparent;border:0;border-radius:6px;padding:11px 8px}
.template-browser-filters button.active {background:#eae3f1;color:#30203f;font-weight:600}
.template-browser-filters button small {margin-inline-start:auto;color:#94879e;font:10px var(--sans)}
.browser-radio {display:block;width:15px;height:15px;border:1px solid #b7a7c4;border-radius:4px;flex:none}
.active>.browser-radio {background:#674585;border-color:#674585;box-shadow:inset 0 0 0 3px #f3eef7}
.browser-results-count {font-size:11px;color:#8b7c96;padding:10px 0 15px}
.dialog-template-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}
.dialog-template-grid>button {padding:0;border:0;background:transparent;color:#34253f;text-align:start;min-width:0}
.dialog-template-grid .catalog-paper-frame {border-radius:5px}
.browser-card-title {display:flex;justify-content:space-between;gap:6px;align-items:center;padding:10px 2px}
.browser-card-title b {font-size:13px}
.browser-card-title small {font-size:9px;color:#9a7947}
@media(max-width:760px) {
 .dialog-catalog {width:84vw}
 .browser-title {display:block}
 .browser-title h2 {font-size:25px}
 .browser-own-toggle {margin-top:12px}
 .template-browser-layout {display:block}
 .template-browser-filters {flex-direction:row;overflow-x:auto;z-index:2;border-bottom:1px solid #e6dfee;margin-bottom:15px}
 .template-browser-filters button {white-space:nowrap;padding:8px 12px;font-size:12px}
 .template-browser-filters button small {display:none}
 .dialog-template-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
}
/* Paste-to-resume workflow. */
.import-panel-v2 {width:min(780px,81vw);padding:12px 10px}
.import-panel-v2 h2 {font-size:clamp(30px,3.3vw,43px);line-height:1.45;letter-spacing:-.025em;color:#30223e;margin:14px 0 18px}
.import-panel-v2>p {font-size:15px;color:#6c5a78;line-height:1.9}
.import-panel-v2 .import-text-label {display:block;font-size:14px;font-weight:600;color:#483352;margin-top:24px}
.import-panel-v2 textarea {color:#29202e;background:#fff;border:1px solid #cec1d9;font:400 15px/1.9 var(--arabic);min-height:230px;padding:16px;border-radius:9px;margin:10px 0 6px}
.import-panel-v2 textarea::placeholder {color:#9a8ca5;font-size:13px}
.import-text-meta {display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#8b7b97;margin-bottom:19px}
.import-text-meta>span:first-child {font-family:var(--sans);direction:ltr}
.import-analysis {border-radius:9px;background:#f2edf6;padding:0}
.import-analysis:not(:empty) {border:1px solid #e0d4e9;padding:18px;margin:14px 0 20px}
.import-analysis-head {display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;color:#4c335f}
.import-analysis-head>span {font-size:10px;color:#806b91}
.import-panel-v2 .import-person {font-size:17px;font-weight:600;color:#35233e;margin:15px 0 0}
.import-person>span {display:block;font-size:12px;font-weight:400;margin-top:4px;color:#7b648c}
.import-counts {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.import-counts>div {background:white;border:1px solid #e7deed;border-radius:6px;padding:11px 9px;text-align:center}
.import-counts b {display:block;font:600 22px var(--sans);color:#4a315d}
.import-counts span {display:block;font-size:11px;color:#867191;margin-top:5px}
.import-detected-sections {display:flex;flex-wrap:wrap;gap:5px 12px;font-size:11px;line-height:1.9;color:#4b7158}
.import-review-notes {font-size:12px;line-height:1.9;color:#8b693b;margin:14px 0 0;padding-inline-start:20px}
.import-live-preview {margin-top:15px;padding-top:14px;border-top:1px solid #ddd0e7}
.import-live-preview>summary {font-size:12px;color:#735087;cursor:pointer}
.import-preview-paper {position:relative;overflow:hidden;direction:ltr;aspect-ratio:595/842;width:min(100%,460px);background:white;margin:18px auto 0;box-shadow:0 5px 18px #2c173b12}
.import-file-options {margin:22px 0;color:#776084;font-size:13px}
.import-file-options>summary {cursor:pointer;text-decoration:underline}
.import-file-options .import-drop {margin:15px 0 10px;padding:16px}
.import-file-options .import-drop>span {font-size:23px}
.import-file-options>small {display:block;font-size:11px;line-height:1.8;color:#8b7997}
.import-mode {border:1px solid #e2d7e9;border-radius:9px;padding:16px;margin-top:24px}
.import-mode legend {font-size:13px;color:#51355f;font-weight:600;padding:0 6px}
.import-mode label {display:flex;align-items:start;gap:10px;margin:7px 0 16px;cursor:pointer}
.import-mode label:last-child {margin-bottom:0}
.import-mode input {accent-color:#6d4884;flex:none;margin-top:6px}
.import-mode label b {display:block;font-size:13px;font-weight:600;color:#4d345c}
.import-mode label small {display:block;font-size:11px;line-height:1.9;margin-top:3px;color:#8d789b}
.import-panel-v2 .import-new-note {font-size:12px;background:#f4f0f7;padding:13px;border-radius:6px}
.import-primary-action {display:grid;gap:12px;margin-top:16px}
.import-primary-action .button {font-size:16px;justify-content:center;padding:14px 20px}
.import-primary-action>small {font-size:11px;line-height:1.9;color:#907b9c;text-align:center}
.import-result-notice {background:#eef5ef;border:1px solid #cfdfd1;border-radius:8px;padding:13px;margin:0 0 16px;color:#3d6446;font-size:calc(11px * var(--ui-font-scale));line-height:1.9}
.import-result-notice>b {font-weight:600;display:block}
.import-result-notice p {margin:6px 0;font-size:10px}
.import-result-notice ul {padding-inline-start:16px;color:#876b3e;font-size:10px;margin:8px 0}
.import-result-notice>div {display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.import-result-notice button {padding:5px 7px;background:white;border:1px solid #cadccb;border-radius:4px;font:inherit;color:#476c4f;cursor:pointer}
[data-cv-skills="columns"] .resume-skills {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}
[data-cv-skills="list"] .resume-skills {display:grid;grid-template-columns:1fr;gap:5px}
[data-cv-skills="columns"] .cv-side .resume-skills {grid-template-columns:1fr}
[data-cv-skills="columns"] .resume-skill,[data-cv-skills="list"] .resume-skill {display:block;overflow-wrap:anywhere;line-height:var(--cv-line)}
@media(max-width:600px) {
 .import-panel-v2 {width:81vw;padding:5px 0}
 .import-panel-v2 h2 {font-size:29px}
 .import-panel-v2>p {font-size:13px}
 .import-panel-v2 textarea {font-size:14px;padding:12px;min-height:210px}
 .import-text-meta {flex-wrap:wrap;gap:5px}
 .import-counts {grid-template-columns:repeat(2,1fr)}
 .import-analysis:not(:empty) {padding:13px}
}
@media print {.import-result-notice {display:none!important}}
/* Thumbnail frames follow the full content height; exported pages keep their paper format. */
@media screen {
  [data-sheet-frame] {aspect-ratio:auto;height:var(--sheet-frame-height,auto)}
  [data-sheet-frame]>.cv-sheet {height:auto;min-height:0;max-height:none;overflow:visible}
  .template-gallery,.catalog-page-grid,.dialog-template-grid,.resume-library-grid {align-items:start}
}
/* Equal A4 proportions for the fictional template collection. */
@media screen {
  [data-sheet-frame]>.cv-sheet[data-sample="true"] {height:842px;min-height:842px;overflow:hidden}
  .cv-sheet[data-sample="true"] .cv-document {height:100%;display:flex;flex-direction:column}
  .cv-sheet[data-sample="true"] .resume-header {flex:none}
  .cv-sheet[data-sample="true"] .cv-columns {flex:1 0 auto}
  .cv-sheet[data-sample="true"] .cv-main {height:100%;display:flex;flex-direction:column;justify-content:space-between}
  .cv-sheet[data-sample="true"] .cv-main>.resume-group {flex:none}
  :is([data-cv-template="atlas"],[data-cv-template="harbor"],[data-cv-template="cobalt"],[data-cv-template="studio"])[data-sample="true"] .cv-document {display:grid;grid-template-rows:auto minmax(0,1fr)}
  .template-gallery,.catalog-page-grid,.dialog-template-grid {align-items:stretch}
  .catalog-card {display:flex;flex-direction:column}
  .catalog-card-title {width:100%;margin-top:auto}
}

/* Nubthah: the approved artwork, with responsive light and dark treatments. */
.brand {flex-shrink:0;gap:9px;}
.brand .brand-symbol,.builder-brand .brand-symbol,.catalog-route .site-header .brand-symbol {display:flex;align-items:center;justify-content:center;width:36px;height:39px;flex:0 0 auto;padding:0;border:0;border-radius:0;background:transparent;letter-spacing:normal;}
.brand-symbol>img {display:block;width:100%;height:100%;object-fit:contain;}
.brand-word {display:inline-flex;align-items:center;line-height:1;white-space:nowrap;}
.brand-wordmark {display:block;width:92px;height:41px;object-fit:contain;filter:brightness(0) invert(1);}
.catalog-route .site-header .brand-wordmark,.builder-brand .brand-wordmark {filter:none;}
html[lang="en"] .brand-word {font-family:var(--sans);font-size:23px;font-weight:700;letter-spacing:-.045em;}
.builder-brand .brand-symbol {width:28px;height:31px;}
.builder-brand .brand-wordmark {width:73px;height:33px;}
html[lang="en"] .builder-brand .brand-word {font-size:17px;letter-spacing:-.04em;}
.tiny-mark {background:transparent;border-radius:0;}
.tiny-mark img {width:100%;height:100%;object-fit:contain;}
.cta-orbit {opacity:.13;line-height:0;}
.cta-orbit img {display:block;width:90px;height:90px;object-fit:contain;}
@media(max-width:600px) {
  .brand {gap:7px;}
  .brand .brand-symbol {width:28px;height:31px;}
  .site-header .brand-wordmark {width:73px;height:33px;}
  html[lang="en"] .site-header .brand-word {font-size:20px;}
  .builder-brand .brand-symbol {width:24px;height:26px;}
}

/* The approved mark becomes a quiet part of the page, behind the content. */
.site-header>.brand .brand-symbol {width:46px;height:50px;}
.hero-v2 {background:linear-gradient(130deg,#18132c 0%,#0b0d16 62%,#101125 100%);isolation:isolate;}
.hero-v2::after {display:none;}
.hero-grid {opacity:.13;z-index:0;}
.hero-brand-backdrop,.final-brand-backdrop {position:absolute;pointer-events:none;user-select:none;z-index:0;line-height:0;}
.hero-brand-backdrop {width:clamp(940px,88vw,1360px);left:18%;top:64%;transform:translate(-50%,-50%) rotate(-10deg);opacity:.19;}
.brand-motion {display:block;width:100%;height:auto;overflow:visible;}
.brand-part {animation-play-state:paused;}
.brand-part-left {animation:nubthah-left 14s ease-in-out infinite paused;}
.brand-part-right {animation:nubthah-right 16s ease-in-out infinite paused;}
.brand-part-dot {animation:nubthah-dot 12s ease-in-out infinite paused;}
.brand-motion.is-active .brand-part {animation-play-state:running;}
@keyframes nubthah-left {0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,-6px)}}
@keyframes nubthah-right {0%,100%{transform:translate(0,0)}50%{transform:translate(9px,7px)}}
@keyframes nubthah-dot {0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-9px)}}
.hero-copy-v2 h1 {line-height:1.3;letter-spacing:-.04em;}
.hero-copy-v2>p {max-width:470px;}
.final-cta {isolation:isolate;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.final-brand-backdrop {width:clamp(620px,75vw,1000px);left:50%;top:54%;transform:translate(-50%,-50%) rotate(-12deg);opacity:.12;}
.final-cta>.section-kicker,.final-cta>h2,.final-cta>.button {position:relative;z-index:1;}
.final-cta h2 {line-height:1.35;}
@media(max-width:820px) {
  .hero-brand-backdrop {width:1100px;left:18%;top:auto;bottom:-140px;transform:translateX(-50%) rotate(-10deg);opacity:.16;}
}
@media(max-width:600px) {
  .site-header>.brand .brand-symbol {width:38px;height:41px;}
  .hero-copy-v2 h1 {font-size:clamp(43px,11vw,58px);line-height:1.35;}
  .hero-brand-backdrop {width:800px;left:14%;bottom:-130px;opacity:.15;}
  .final-cta {min-height:400px;padding-block:74px;}
  .final-brand-backdrop {width:640px;left:49%;opacity:.11;}
  .final-cta h2 {font-size:clamp(38px,10.5vw,48px);}
}
/* The hero mark gently separates, holds, and returns to its approved form. */
.hero-brand-backdrop .brand-part-left {animation-name:nubthah-hero-left;animation-duration:13s;}
.hero-brand-backdrop .brand-part-right {animation-name:nubthah-hero-right;animation-duration:13s;}
.hero-brand-backdrop .brand-part-dot {animation-name:nubthah-hero-dot;animation-duration:13s;}
@keyframes nubthah-hero-left {0%,18%,82%,100%{transform:translate(0,0)}44%,56%{transform:translate(-20px,-11px)}}
@keyframes nubthah-hero-right {0%,18%,82%,100%{transform:translate(0,0)}44%,56%{transform:translate(20px,13px)}}
@keyframes nubthah-hero-dot {0%,18%,82%,100%{transform:translate(0,0)}44%,56%{transform:translate(3px,-24px)}}
@media(prefers-reduced-motion:reduce) {
  .brand-motion .brand-part {animation:none!important;transform:none!important;}
}
@media print {.hero-brand-backdrop,.final-brand-backdrop {display:none!important;}}

/* A short, guided editor with optional details revealed on demand. */
.guided-workspace {grid-template-columns:410px minmax(0,1fr) 215px;}
.guided-workspace:not(.reviewing) {grid-template-columns:410px minmax(0,1fr);}
.guided-editor {padding:20px 20px 0;scrollbar-gutter:stable;}
.guided-editor .sidebar-tabs[hidden] {display:none!important;}
.editor-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:18px 0 22px;}
.editor-steps button {border:1px solid #e6e1ef;background:#faf9fc;border-radius:10px;min-height:88px;padding:10px 4px;color:#7c7488;display:flex;flex-direction:column;align-items:center;gap:7px;font:inherit;}
.editor-steps button>span {border-radius:50%;display:grid;place-items:center;width:23px;height:23px;background:#ece8f2;font:600 12px var(--sans);}
.editor-steps button>b {font-size:calc(11px * var(--ui-font-scale));font-weight:500;line-height:1.7;}
.editor-steps button[aria-current="step"] {border-color:#8e65ee;background:#f2ecff;color:#5930a2;}
.editor-steps button[aria-current="step"]>span {background:#7045bf;color:white;}
.editor-step-intro {margin-bottom:22px;}
.editor-step-intro>small {font-size:12px;color:#9273b8;}
.editor-step-intro h2 {font-size:calc(23px * var(--ui-font-scale));line-height:1.5;margin:4px 0 7px;color:#2b203a;}
.editor-step-intro h2:focus {outline:none;}
.editor-step-intro p {font-size:calc(13px * var(--ui-font-scale));line-height:1.9;color:#7c7288;margin:0;}
.guided-editor .personal-fields {display:grid;grid-template-columns:1fr;gap:17px;margin-bottom:16px;}
.guided-editor .edit-field>span {font-size:calc(14px * var(--ui-font-scale));color:#51465f;}
.guided-editor .edit-field input,.guided-editor .edit-field textarea,.guided-editor .optional-select select {font-size:calc(14px * var(--ui-font-scale));min-height:46px;padding:11px 12px;border-radius:8px;line-height:1.8;}
.guided-editor .edit-field textarea {min-height:110px;resize:vertical;}
.personal-links {grid-column:1/-1;border:1px solid #e7e1f0;border-radius:10px;background:#fcfbfe;}
.personal-links>summary,.optional-group>summary,.extra-editor-tools>summary {padding:14px;font-size:calc(13px * var(--ui-font-scale));color:#69517e;cursor:pointer;}
.personal-links-body {display:grid;gap:14px;padding:0 14px 15px;}
.guided-editor .sections-title {font-size:14px;margin:25px 0 12px;}
.guided-editor .section-card {display:block;border:1px solid #e7e1ef;border-radius:11px;background:white;overflow:visible;margin-bottom:12px;}
.guided-editor .section-card-head {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 14px;cursor:pointer;list-style:none;background:#faf8fd;border-radius:10px;}
.guided-editor summary::-webkit-details-marker {display:none;}
.guided-editor .section-card-head>b {font-size:calc(15px * var(--ui-font-scale));font-weight:600;color:#514163;}
.guided-editor .section-card-head>span {display:flex;align-items:center;gap:10px;color:#8a739e;}
.guided-editor .section-card-head small {font:500 12px var(--sans);padding:2px 7px;border-radius:20px;background:#efe9f8;}
.guided-editor .section-card-head i {font-style:normal;transition:transform .2s;}
.guided-editor .section-card[open]>.section-card-head i {transform:rotate(180deg);}
.guided-editor .section-card-body {padding:14px;display:block;}
.guided-editor .section-card-body>.edit-field {display:grid;margin-bottom:14px;}
.guided-editor .entry-card {display:block;padding:0;border:1px solid #e8e3ee;border-radius:9px;margin-bottom:12px;background:#fff;}
.guided-editor .entry-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;cursor:pointer;list-style:none;}
.guided-editor .entry-heading>b {font-size:calc(13px * var(--ui-font-scale));font-weight:600;color:#5c4c6c;overflow-wrap:anywhere;}
.guided-editor .entry-heading>span {font-size:11px;color:#8b749c;white-space:nowrap;}
.entry-card-fields {display:grid;grid-template-columns:1fr;gap:14px;padding:5px 12px 14px;}
.section-options,.entry-options {margin-top:12px;}
.section-options>summary,.entry-options>summary {font-size:12px;color:#8c7a9a;cursor:pointer;padding:8px 0;}
.guided-editor .section-tools,.guided-editor .entry-tools {display:flex;flex-wrap:wrap;gap:6px;}
.guided-editor .section-tools button,.guided-editor .entry-tools button {width:auto;height:auto;font:inherit;font-size:11px;line-height:1.7;border:1px solid #e8e2ef;border-radius:6px;background:#faf8fd;color:#826d92;padding:6px 9px;}
.guided-editor .add-entry {padding:12px;font-size:13px;}
.guided-editor .optional-group {margin:0 0 18px;padding:0;border-radius:10px;}
.optional-select {display:grid;gap:7px;margin:14px;}
.optional-select>span {font-size:13px;color:#685775;}
.optional-select select {width:100%;border:1px solid #e3dbea;background:white;color:#5a4b68;}
.guided-editor .optional-row {padding-inline:14px;}
.extra-editor-tools {margin-top:20px;border:1px solid #e7e0ef;border-radius:10px;}
.extra-editor-tools .saudi-editor-tools {margin:0;border:0;border-radius:0;padding-top:0;}
.editor-step-footer {position:sticky;bottom:0;padding:18px 0 13px;margin-top:22px;background:#fff;z-index:4;border-top:1px solid #ece7f2;}
.editor-step-footer>div {display:flex;gap:10px;align-items:center;}
.editor-step-footer button {font:inherit;font-size:calc(13px * var(--ui-font-scale));border-radius:8px;min-height:44px;}
.editor-step-footer [data-editor-prev] {padding:10px 14px;border:1px solid #e5dfed;background:white;color:#786886;}
.editor-step-footer [data-editor-prev]:disabled {opacity:.35;cursor:default;}
.editor-step-footer .button {flex:1;padding:11px 10px;}
.editor-step-footer>small {display:block;text-align:center;font-size:11px;color:#95869e;margin-top:9px;}
@media(max-width:1180px) {
 .guided-workspace,.guided-workspace:not(.reviewing) {grid-template-columns:370px minmax(0,1fr);}
 .guided-workspace .quality-rail {grid-column:1/-1;}
 .guided-editor {padding-inline:16px;}
}
@media(max-width:820px) {
 .guided-workspace,.guided-workspace:not(.reviewing) {grid-template-columns:340px minmax(0,1fr);}
 .guided-editor {padding-inline:13px;}
}
@media(max-width:600px) {
 .guided-workspace,.guided-workspace:not(.reviewing) {display:flex;flex-direction:column;}
 .guided-editor {padding:18px 18px 0;overflow:visible;}
 .editor-steps {margin-top:14px;}
 .editor-steps button {min-height:80px;}
 .editor-step-footer {position:static;}
 .guided-workspace .canvas-area {height:610px;}
}
@media(max-width:600px) {
 .builder-topbar {height:auto;min-height:62px;flex-wrap:wrap;gap:8px;padding:10px 12px;}
 .builder-topbar .builder-brand b {display:none;}
 .builder-topbar .library-button {font-size:12px;line-height:1.5;padding:6px;}
 .builder-top-actions {margin-inline-start:auto;}
}