/* Public resume tools use the same preference and canvas as candidate workspaces. */
.resume-public-page {
  --public-bg: #080f1d;
  --public-card: #101e32;
  --public-soft: #182c47;
  --public-ink: #edf3fc;
  --public-muted: #abc0d9;
  --public-line: #293d57;
  --public-accent: #85c7ff;
  isolation: isolate;
}
html[data-theme="light"] .resume-public-page {
  --public-bg: #f5f7fc;
  --public-card: #fff;
  --public-soft: #eaf2ff;
  --public-ink: #183552;
  --public-muted: #526983;
  --public-line: #d8e2ef;
  --public-accent: #075bd1;
  --rp-bg: var(--public-bg);
  --rp-bg2: #edf3fc;
  --rp-surface: var(--public-card);
  --rp-raised: var(--public-soft);
  --rp-hover: #dae8fb;
  --rp-border: var(--public-line);
  --rp-text: var(--public-ink);
  --rp-copy: var(--public-muted);
  --rp-muted: var(--public-muted);
  --rp-cyan: #066caa;
  --rp-gradient: linear-gradient(100deg,#087ac2,#185ed6 60%,#6252d3);
  --ri-text: var(--public-ink);
  --ri-muted: var(--public-muted);
  --ri-line: var(--public-line);
  --ri-blue: #1768cf;
  --ri-cyan: #08799a;
  --ri-green: #16815c;
  --ri-shadow: 0 18px 45px #1e406512;
}
body.resume-public-page { background: var(--public-bg); color: var(--public-ink); }
.resume-public-page #particles { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; opacity: .9; pointer-events: none; }
html[data-theme="light"] .resume-public-page #particles { opacity: .5; }
.resume-public-page .static-theme-control { display: grid; flex: 0 0 auto; gap: 2px; min-width: 106px; padding: 6px 10px; border: 1px solid var(--public-line); border-radius: 10px; background: var(--public-soft); color: var(--public-ink); }
.resume-public-page .static-theme-control small { font: 500 10px/1.4 Manrope,sans-serif; color: var(--public-muted); white-space: nowrap; }
.resume-public-page .static-theme-control select { border: 0; background: transparent; color: var(--public-ink); color-scheme: dark; font: 700 13px/1.5 Manrope,sans-serif; min-height: 24px; width: 100%; }
.resume-public-page .static-theme-control select option { background: var(--public-card); color: var(--public-ink); }
html[data-theme="light"] .resume-public-page .static-theme-control select { color-scheme: light; }
.resume-public-page select:focus-visible { outline: 2px solid var(--public-accent); outline-offset: 3px; }
.resource-header-actions { display: flex; gap: 12px; align-items: center; }
.resource-header-inner { gap: 22px; }
.resource-header nav { gap: 20px; }
.template-image { display: flex; align-items: center; justify-content: center; height: 390px; padding: 24px 25px 60px; background: var(--public-soft); }
.template-image img { display: block; width: auto; height: 100%; max-width: 100%; object-fit: contain; margin: 0 auto; }
.template-preview-label { bottom: 14px; }
.resource-breadcrumb { flex-wrap: wrap; }
.preview-heading { max-width: none; text-align: center; padding-bottom: 32px; }
.preview-heading > p { margin-inline: auto; }
.preview-heading .resource-pills { justify-content: center; }
.resume-preview-stage { width: 100%; padding: 32px; background: var(--public-soft); border: 1px solid var(--public-line); border-radius: 18px; }
.resume-preview-paper { position: relative; width: min(794px,100%); min-width: 0; margin-inline: auto; aspect-ratio: 794 / 1123; overflow: hidden; background: white; box-shadow: 0 14px 38px #102b4926; }
.resume-preview-paper iframe { display: block; position: absolute; left: 0; top: 0; width: 794px; height: 1123px; border: 0; transform-origin: top left; color-scheme: light; }
.preview-caption { text-align: center; font-size: 12px; color: var(--public-muted); margin: 20px auto; max-width: 650px; }

/* Keep header controls usable before the desktop navigation runs out of space. */
.resume-builder-public .rp-nav { height: auto; min-height: 88px; border-bottom: 1px solid var(--public-line); background: var(--public-card); }
.resume-builder-public .rp-hero { overflow: hidden; }
.resume-builder-public .rp-nav__inner { gap: 22px; padding-block: 14px; }
.resume-builder-public .rp-nav__inner > .static-theme-control { order: 3; }
.resume-builder-public .rp-nav__links { gap: 18px; }
.resume-builder-public .rp-nav__links .rp-button { padding-inline: 15px; min-height: 44px; font-size: 12px; }
.resume-builder-public .rp-nav__links > a:not(.rp-button) { font-size: 12px; }
.resume-builder-public .rp-button--primary, .resume-builder-public .rp-free-pill, .resume-builder-public .rp-always, .resume-builder-public .rp-step__number { color: white; }
.ri-marketing-page.resume-public-page .ri-site-header__inner { grid-template-columns: auto minmax(0,1fr) auto auto; }
.ri-marketing-page.resume-public-page .ri-site-header__inner > .static-theme-control { order: 4; }
.ri-marketing-page.resume-public-page .ri-site-header { background: var(--public-card); border-color: var(--public-line); }
.ri-marketing-page.resume-public-page .ri-button--primary { color: white; background: linear-gradient(115deg,#1469d7,#1857c4 60%,#087aa2); }
.ri-marketing-page.resume-public-page .ri-marketing-hero h1 { font-size: clamp(42px,4.5vw,66px); line-height: 1.07; }
.resume-public-page .ri-site-header .shortlistii-logo .logo-text { font-size: 32px; }
.resume-public-page .ri-site-header .shortlistii-logo .logo-ii { font-size: 16px; }
.ri-marketing-page.resume-public-page::before { display: none; }

html[data-theme="light"] .resume-public-page .shortlistii-logo .logo-text { color: var(--public-ink); }
html[data-theme="light"] .resume-public-page .shortlistii-logo .person .body { background: var(--public-ink); }
html[data-theme="light"] .resume-builder-public :is(.rp-nav__links > a:not(.rp-button),.rp-menu,.rp-trust__item,.rp-mini-field b,.rp-mini-resume h4,.rp-mini-stat b,.rp-mini-user b) { color: var(--public-ink); }
html[data-theme="light"] .resume-builder-public :is(.rp-button--secondary,.rp-menu,.rp-card,.rp-step,.rp-faq details,.rp-preview,.rp-mini) { background: var(--public-card); color: var(--public-ink); border-color: var(--public-line); box-shadow: 0 12px 32px #1636590a; }
html[data-theme="light"] .resume-builder-public :is(.rp-promise,.rp-final) { background: linear-gradient(120deg,#edf5ff,#fff); border-color: #bdd4f3; box-shadow: 0 18px 40px #1636590a; }
html[data-theme="light"] .resume-builder-public :is(.rp-trust__icon,.rp-mini-skills span,.rp-mini-tip,.rp-mini-button,.rp-mini-user,.rp-mini-progress) { background: var(--public-soft); color: var(--public-muted); border-color: var(--public-line); }
html[data-theme="light"] .resume-builder-public :is(.rp-mini-step,.rp-mini-field,.rp-mini-contact,.rp-mini-stat span,.rp-preview__title small) { color: var(--public-muted); }
html[data-theme="light"] .resume-builder-public .rp-site-footer { background: var(--public-card); border-color: var(--public-line); }
html[data-theme="light"] .resume-builder-public .rp-site-footer :is(p,a,h3) { color: var(--public-muted); }
html[data-theme="light"] .resume-builder-public .rp-site-footer a:hover { color: var(--public-accent); }

/* Checker surfaces, typography and feedback retain contrast in both themes. */
html[data-theme="light"] .ri-marketing-page.resume-public-page :is(.ri-site-nav,.ri-menu-button,.ri-button--secondary,.ri-upload-card--marketing,.ri-floating-proof,.ri-trust-rail,.ri-report-preview,.ri-reveal-cards article,.ri-lens-grid article,.ri-process-grid article,.ri-faq-list details,.ri-site-footer) { background: var(--public-card); border-color: var(--public-line); color: var(--public-ink); box-shadow: 0 12px 35px #1537560b; }
html[data-theme="light"] .ri-marketing-page.resume-public-page :is(.ri-drop,.ri-upload-card--marketing .ri-drop:hover,.ri-preview-score,.ri-preview-insights,.ri-score-chip,.ri-challenge-badge) { background: var(--public-soft); border-color: var(--public-line); color: var(--public-ink); }
html[data-theme="light"] .ri-marketing-page.resume-public-page :is(.ri-challenge-panel,.ri-final-cta__inner) { background: linear-gradient(120deg,#edf5ff,#fff); border-color: var(--public-line); box-shadow: 0 18px 45px #1537560b; }
html[data-theme="light"] .ri-marketing-page.resume-public-page :is(.ri-reveal-section,.ri-process-section,.ri-faq-section,.ri-final-cta) { background: transparent; border-color: var(--public-line); }
html[data-theme="light"] .ri-marketing-page.resume-public-page :is(.ri-preview-ring,.ri-challenge-rings)::before { background: var(--public-card); box-shadow: none; }
html[data-theme="light"] .ri-marketing-page.resume-public-page :is(.ri-site-nav a,.ri-hero-promises > span,.ri-floating-proof b,.ri-report-preview__bar,.ri-preview-insights__head,.ri-preview-metric b,.ri-faq-list summary,.ri-site-footer__nav h3) { color: var(--public-ink); }
html[data-theme="light"] .ri-marketing-page.resume-public-page :is(.ri-marketing-lead,.ri-hero-promises small,.ri-upload-intro,.ri-upload-card--marketing .ri-drop small,.ri-file-name,.ri-upload-assurances,.ri-upload-note,.ri-floating-proof small,.ri-trust-rail span,.ri-marketing-heading p,.ri-preview-ring small,.ri-preview-score p,.ri-preview-insights__head small,.ri-preview-metric,.ri-preview-suggestion small,.ri-reveal-cards p,.ri-lenses-copy > p,.ri-lens-grid small,.ri-process-grid p,.ri-challenge-panel__copy > p,.ri-challenge-rings small,.ri-challenge-benefits,.ri-disclaimer,.ri-faq-layout > div > p,.ri-faq-list p,.ri-final-cta p,.ri-site-footer__brand p,.ri-site-footer__nav a,.ri-site-footer__copyright) { color: var(--public-muted) !important; }
html[data-theme="light"] .ri-marketing-page.resume-public-page :is(.ri-upload-eyebrow,.ri-marketing-heading > span,.ri-section-kicker,.ri-text-link,.ri-reveal-cards small,.ri-final-cta__inner > div > span) { color: var(--public-accent) !important; }
html[data-theme="light"] .ri-marketing-page.resume-public-page .ri-marketing-hero h1 span { background-image: linear-gradient(98deg,#087ac2,#205ecc 55%,#087c70); }
html[data-theme="light"] .ri-marketing-page.resume-public-page .ri-site-nav a:hover { background: var(--public-soft); color: var(--public-accent); }
html[data-theme="light"] .ri-marketing-page.resume-public-page .ri-report-status { color: #16815c !important; }
html[data-theme="light"] .ri-marketing-page.resume-public-page :is(.ri-drop__icon,.ri-floating-proof > i,.ri-reveal-cards article > span,.ri-lens-grid article > i,.ri-process-icon,.ri-trust-rail i) { color: #1768b7; }
html[data-theme="light"] .ri-marketing-page.resume-public-page .ri-alert { background: #fff1f0; border-color: #efb8b3; color: #9f2922; }
@media (max-width: 1180px) {
  .resume-builder-public .rp-nav__links { display: none; position: absolute; left: 24px; right: 24px; top: 82px; padding: 18px; border: 1px solid var(--public-line); border-radius: 14px; background: var(--public-card); flex-direction: column; align-items: stretch; }
  .resume-builder-public .rp-nav__links.is-open { display: flex; }
  .resume-builder-public .rp-menu { display: grid; place-items: center; margin-left: auto; }
  .ri-marketing-page.resume-public-page .ri-site-header__inner { grid-template-columns: auto auto minmax(0,1fr) auto; gap: 14px; }
}
@media (max-width: 900px) {
  .resource-header-inner { flex-wrap: wrap; padding-block: 16px; }
  .resource-header nav { order: 3; width: 100%; justify-content: center; flex-wrap: wrap; }
  .ri-marketing-page.resume-public-page .ri-site-header__inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding-block: 14px; }
  .ri-marketing-page.resume-public-page .ri-header-actions { order: 5; width: 100%; justify-content: center; }
  .ri-marketing-page.resume-public-page .ri-site-header__inner > .static-theme-control { order: 1; margin-left: auto; }
  .ri-marketing-page.resume-public-page .ri-menu-button { order: 2; }
  .ri-marketing-page.resume-public-page .ri-site-nav { z-index: 10; }
}
@media (max-width: 700px) {
  .resume-builder-public .rp-trust { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .resume-builder-public .rp-trust__item { grid-template-columns: 1fr; justify-items: center; }
  .resource-header-actions { gap: 9px; }
  .resource-header nav { gap: 12px 18px; }
  .template-image { height: 400px; padding: 22px 24px 60px; }
  .resume-preview-stage { padding: 12px; border-radius: 12px; }
  .resume-public-page .static-theme-control { min-width: 92px; }
  .resume-builder-public .rp-nav__inner { gap: 14px; }
}
@media print { .resume-public-page #particles { display: none; } }

/* Keep the five public navigation links in two balanced rows on small screens. */
@media (max-width: 600px) {
  .resource-header nav { column-gap: 18px; row-gap: 6px; }
  .resource-header nav::after { content: ""; order: 1; flex-basis: 100%; }
  .resource-header nav > a:nth-child(n+4) { order: 2; }
}