body.resume-page{
  color: var(--brand-text);
}

body.resume-page main.resume-container{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(1.75rem,4vw,3rem);
  padding-block:clamp(2.5rem,6vw,4.5rem);
}

body.resume-page .resume-title{
  position:relative;
  margin:0;
  text-align:center;
  font-weight:700;
  font-size:clamp(2.35rem,5.2vw,3.4rem);
  line-height:1.1;
  letter-spacing:-0.01em;
  color:var(--brand-text);
}

body.resume-page .resume-title::after{
  content:"";
  display:block;
  width:min(16rem,64%);
  height:4px;
  margin:clamp(0.8rem,2vw,1.2rem) auto 0;
  background:linear-gradient(
    90deg,
    color-mix(in srgb, var(--brand-blue) 88%, #ffffff 12%) 0%,
    color-mix(in srgb, var(--brand-green) 78%, #ffffff 22%) 52%,
    color-mix(in srgb, var(--brand-blue-2) 85%, #ffffff 15%) 100%
  );
  border-radius:999px;
  opacity:0.92;
}

body.resume-page .resume-title-kicker{
  display:block;
  margin-bottom:clamp(0.35rem,1vw,0.55rem);
  font-size:clamp(0.95rem,2.6vw,1.35rem);
  letter-spacing:0.18em;
  text-transform:uppercase;
  font-weight:600;
  color:color-mix(in srgb, var(--brand-muted) 68%, var(--brand-text) 32%);
}

body.resume-page .resume-home-link{
  margin:0;
}

body.resume-page #pdf-fallback{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0.75rem;
  margin-top:1rem;
}

body.resume-page .pdf-container{
  width:100%;
  max-width:1200px;
  padding:clamp(1rem,2.6vw,1.75rem);
  border-radius:26px;
  backdrop-filter:saturate(130%) blur(14px);
  -webkit-backdrop-filter:saturate(130%) blur(14px);
  border:1px solid var(--glass-edge);
}

body.resume-page .resume-pdf-frame{
  width:100%;
  height:72vh;
  min-height:520px;
  border:0;
  border-radius:18px;
  box-shadow:0 30px 80px rgba(4,12,28,.45),0 18px 40px rgba(4,12,28,.32);
}

body.resume-page .pdfjs-wrap{
  max-width:900px;
  margin:0 auto;
  border-radius:20px;
  padding:12px;
  box-shadow:0 22px 60px rgba(4,12,28,.45);
}

body.resume-page #pdfjs-pages canvas{
  border-radius:16px;
  box-shadow:0 16px 36px rgba(4,12,28,.32);
}

@media (max-width: 768px){
  body.resume-page .resume-pdf-frame{ height:65vh; min-height:460px; }
}

@media (max-width: 540px){
  body.resume-page .resume-pdf-frame{ height:70vh; min-height:400px; }
}

@media (max-width: 480px){
  object[type="application/pdf"],
  body.resume-page .resume-pdf-frame{ height:70vh; }
}

/* Ensure PDF object renders with padding on small screens */
object[type="application/pdf"] { background: #111; border-radius: 12px; }

html[data-theme-v1="on"] body.resume-page .pdf-container,
html[data-theme-v1="on"] body.resume-page .resume-pdf-frame,
html[data-theme-v1="on"] body.resume-page .pdfjs-wrap{
  background: linear-gradient(180deg, rgba(9,20,37,0.92) 0%, rgba(9,20,37,0.82) 100%);
}

html[data-theme-v1="on"] body.resume-page .resume-pdf-frame,
html[data-theme-v1="on"] body.resume-page #pdfjs-pages canvas{
  border:1px solid rgba(142,202,255,0.22);
}

@media (prefers-color-scheme: light){
  html[data-theme-v1="on"]:not([data-theme="dark"]) body.resume-page .pdf-container,
  html[data-theme-v1="on"]:not([data-theme="dark"]) body.resume-page .resume-pdf-frame,
  html[data-theme-v1="on"]:not([data-theme="dark"]) body.resume-page .pdfjs-wrap{
    background:
      radial-gradient(900px 480px at 12% -10%, rgba(170,235,210,0.35), rgba(255,255,255,0) 60%),
      radial-gradient(820px 560px at 110% 0%, rgba(139,189,255,0.32), rgba(255,255,255,0) 60%),
      linear-gradient(180deg, rgba(244,249,255,0.94) 0%, rgba(229,240,255,0.92) 100%);
  }

  html[data-theme-v1="on"]:not([data-theme="dark"]) body.resume-page .resume-pdf-frame,
  html[data-theme-v1="on"]:not([data-theme="dark"]) body.resume-page #pdfjs-pages canvas{
    border:1px solid rgba(15,34,66,0.14);
    box-shadow:0 20px 55px rgba(23,42,74,0.28);
  }
}

html[data-theme-v1="on"][data-theme="light"] body.resume-page .pdf-container,
html[data-theme-v1="on"][data-theme="light"] body.resume-page .resume-pdf-frame,
html[data-theme-v1="on"][data-theme="light"] body.resume-page .pdfjs-wrap{
  background:
    radial-gradient(900px 480px at 12% -10%, rgba(170,235,210,0.35), rgba(255,255,255,0) 60%),
    radial-gradient(820px 560px at 110% 0%, rgba(139,189,255,0.32), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(244,249,255,0.94) 0%, rgba(229,240,255,0.92) 100%);
}

html[data-theme-v1="on"][data-theme="light"] body.resume-page .resume-pdf-frame,
html[data-theme-v1="on"][data-theme="light"] body.resume-page #pdfjs-pages canvas{
  border:1px solid rgba(15,34,66,0.14);
  box-shadow:0 20px 55px rgba(23,42,74,0.28);
}

html[data-theme-v1="on"][data-theme="dark"] body.resume-page .pdf-container,
html[data-theme-v1="on"][data-theme="dark"] body.resume-page .resume-pdf-frame,
html[data-theme-v1="on"][data-theme="dark"] body.resume-page .pdfjs-wrap{
  background: linear-gradient(180deg, rgba(9,20,37,0.92) 0%, rgba(9,20,37,0.82) 100%);
}

html[data-theme-v1="on"][data-theme="dark"] body.resume-page .resume-pdf-frame,
html[data-theme-v1="on"][data-theme="dark"] body.resume-page #pdfjs-pages canvas{
  border:1px solid rgba(142,202,255,0.22);
  box-shadow:0 30px 80px rgba(4,12,28,.45),0 18px 40px rgba(4,12,28,.32);
}