/* =====================================================================
   rp-themes.css  -  16 unique industry themes (8 portfolio + 8 resume)
   Load AFTER your base .pf / .doc CSS (builder page AND public page).
   Every theme is scoped by .th-<name>, user colours (--ac --hc --tc --bg-d --ff --fs --sp)
   still work because every rule reads those variables.
   ===================================================================== */

/* ---------- shared: SEO / accessibility / print ---------- */
.pf,.doc{background:var(--bg-d);color:var(--tc);font-family:var(--ff);font-size:var(--fs)}
.pf .pn a{cursor:pointer;text-decoration:none;color:inherit}
.pf a.cta{text-decoration:none}
.pf :focus-visible,.doc :focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.pf img,.doc img{max-width:100%;height:auto}
.doc{-webkit-print-color-adjust:exact;print-color-adjust:exact}
/* content stays visible without JS (crawlers, reader mode) */
@media (scripting:none){.pf .rv{opacity:1!important;transform:none!important}}
@media (prefers-reduced-motion:reduce){.pf *,.pf *::before,.pf *::after{animation:none!important;transition:none!important}.pf .rv{opacity:1!important;transform:none!important}}
@keyframes rpdraw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
@keyframes rpbeat{30%{transform:scale(1.05)}60%{transform:scale(.99)}}
@keyframes rppulse{0%{box-shadow:0 0 0 0 var(--ac)}70%{box-shadow:0 0 0 14px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes rpwig{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes rpblink{50%{opacity:0}}

/* =====================================================================
   PORTFOLIOS
   ===================================================================== */

/* 1. IT  -  TERMINAL  (dark, monospace, hard shadows) */
.pf.th-terminal{font-family:"Courier New",monospace}
.th-terminal .pn{background:#060b16;border-bottom:1px solid var(--ac);padding:12px 18px}
.th-terminal .pn b{color:var(--ac)}
.th-terminal .pn a::before{content:"./";opacity:.6}
.th-terminal .sh{font-size:1.3em;color:var(--hc);margin:42px 0 16px}
.th-terminal .sh::before{content:"$ cd ";color:var(--ac)}
.th-terminal .cta{background:var(--ac);color:#04110a;border-radius:2px;font-weight:700}
.th-terminal .cta.o{background:transparent;color:var(--ac);border:1px solid var(--ac)}
.th-terminal .pcd{border:1px solid var(--ac);border-radius:2px;background:rgba(255,255,255,.03);padding:16px;transition:.2s}
.th-terminal .pcd:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--ac)}
.th-terminal .pcd span{color:var(--ac)}
.th-terminal .chip{border:1px solid var(--ac);border-radius:2px;color:var(--ac);background:transparent;padding:3px 9px}
.th-terminal .chip::before{content:"[ "}.th-terminal .chip::after{content:" ]"}
.th-terminal .tl .tli{border-left:2px dashed var(--ac)}
.th-terminal .cur{background:var(--ac);animation:rpblink 1s steps(1) infinite}
.th-terminal .pft{border-top:1px dashed var(--ac);opacity:.7}

/* 2. FINANCE  -  LEDGER  (ivory paper, serif, ruled rows, chart draws in) */
.pf.th-ledger{font-family:Georgia,serif}
.th-ledger .pn{border-bottom:3px double var(--ac);padding:14px 22px;letter-spacing:.06em;text-transform:uppercase;font-size:.8em}
.th-ledger .sh{font-variant:small-caps;letter-spacing:.08em;color:var(--hc);border-bottom:1px solid var(--ac);padding-bottom:6px;margin:44px 0 16px}
.th-ledger .pg{display:block}
.th-ledger .pcd{border:0;border-bottom:1px solid rgba(0,0,0,.15);border-radius:0;background:transparent;padding:14px 0;display:flex;gap:16px;transition:.2s}
.th-ledger .pcd:hover{background:rgba(15,118,110,.06);padding-left:10px}
.th-ledger .pcd span{font-variant-numeric:tabular-nums;color:var(--ac);font-weight:700}
.th-ledger .chip{border-radius:0;border:0;border-bottom:3px solid var(--ac);background:rgba(0,0,0,.04)}
.th-ledger .tli{border-left:3px solid var(--ac);padding-left:16px}
.th-ledger .chart path{stroke:var(--ac);stroke-dasharray:600;animation:rpdraw 3s ease forwards}
.th-ledger .cta{border-radius:0;background:var(--ac);color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.8em}
.th-ledger .cta.o{background:transparent;color:var(--ac);border:2px solid var(--ac)}

/* 3. HEALTHCARE  -  PULSE  (soft, rounded, heartbeat + ECG) */
.th-pulse{background:linear-gradient(180deg,#fff,#fff1f3 60%,#fff)}
.th-pulse .pn{margin:12px;border-radius:999px;background:#fff;box-shadow:0 6px 22px rgba(225,29,72,.12);padding:10px 20px}
.th-pulse .sh{color:var(--hc);display:flex;align-items:center;gap:10px}
.th-pulse .sh::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--ac),transparent)}
.th-pulse .pcd{border:0;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(225,29,72,.12);padding:18px}
.th-pulse .pcd:hover{animation:rpbeat .6s ease}
.th-pulse .chip{border-radius:999px;background:rgba(225,29,72,.1);color:var(--ac);border:0;padding:5px 14px}
.th-pulse .cta{border-radius:999px;background:linear-gradient(135deg,var(--ac),#fb7185);color:#fff;box-shadow:0 8px 20px rgba(225,29,72,.3)}
.th-pulse .cta.o{background:#fff;color:var(--ac);border:2px solid var(--ac);box-shadow:none}
.th-pulse .ecg{color:var(--ac)}.th-pulse .ecg path{stroke-dasharray:400;animation:rpdraw 2.4s linear infinite}
.th-pulse .tli i{background:var(--ac);box-shadow:0 0 0 6px rgba(225,29,72,.15)}

/* 4. EDUCATION  -  CAMPUS  (notebook paper, margin line, marker highlight) */
.pf.th-campus{font-family:Georgia,serif;background-color:#fffaf0;background-image:repeating-linear-gradient(transparent 0 31px,rgba(180,83,9,.12) 31px 32px)}
.th-campus .pn{background:#7c2d12;color:#fff7ed;padding:12px 20px}
.th-campus .sh{display:inline-block;background:linear-gradient(transparent 55%,rgba(251,191,36,.6) 55%);color:var(--hc);margin:40px 0 14px}
.th-campus .pcd{background:#fff;border:0;border-left:5px solid #dc2626;border-radius:4px;box-shadow:2px 3px 0 rgba(0,0,0,.1);padding:14px 16px 14px 22px;transition:.3s}
.th-campus .pcd:nth-child(odd){transform:rotate(-.6deg)}.th-campus .pcd:nth-child(even){transform:rotate(.6deg)}
.th-campus .pcd:hover{transform:rotate(0) translateY(-4px)}
.th-campus .chip{background:#fef3c7;color:#92400e;border:1px dashed #b45309;border-radius:6px}
.th-campus .tli{border-left:2px solid #b45309}
.th-campus .cta{background:#b45309;color:#fff;border-radius:6px}
.th-campus .cta.o{background:transparent;color:#b45309;border:2px solid #b45309}

/* 5. DESIGN  -  STUDIO  (neo-brutal, thick borders, wiggling stickers) */
.pf.th-studio{font-family:Trebuchet MS,sans-serif}
.th-studio .pn{border-bottom:4px solid #111;background:var(--ac);color:#fff;padding:12px 18px;font-weight:800}
.th-studio .sh{font-size:2em;font-weight:900;text-transform:uppercase;color:var(--hc);transform:rotate(-1.5deg);display:inline-block;background:#fde047;padding:2px 12px;border:3px solid #111;margin:40px 0 18px}
.th-studio .pcd{border:3px solid #111;border-radius:0;background:#fff;box-shadow:7px 7px 0 #111;padding:16px;transition:.15s}
.th-studio .pcd:nth-child(3n+1){background:#fecdd3}.th-studio .pcd:nth-child(3n+2){background:#bae6fd}.th-studio .pcd:nth-child(3n){background:#bbf7d0}
.th-studio .pcd:hover{transform:translate(4px,4px) rotate(-1deg);box-shadow:3px 3px 0 #111}
.th-studio .chip{border:2px solid #111;border-radius:0;background:#fde047;color:#111;font-weight:800}
.th-studio .chip:nth-child(even){background:#a5f3fc;transform:rotate(-2deg)}
.th-studio .stk{animation:rpwig 2.5s ease-in-out infinite;border:3px solid #111;background:#fde047;color:#111}
.th-studio .cta{background:#111;color:#fff;border-radius:0;box-shadow:4px 4px 0 var(--ac)}
.th-studio .cta.o{background:#fff;color:#111;border:3px solid #111}

/* 6. MARKETING  -  BOOST  (gradient, giant type, marquee) */
.th-boost{background:#fff7ed}
.th-boost .pn{background:linear-gradient(90deg,#f97316,#ec4899);color:#fff;padding:12px 20px;font-weight:800}
.th-boost h1{font-size:clamp(2.2em,7vw,4.4em);line-height:1;font-weight:900;letter-spacing:-.03em;background:linear-gradient(90deg,#f97316,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.th-boost .sh{font-weight:900;font-size:1.8em;color:var(--hc);border-left:10px solid var(--ac);padding-left:12px;margin:40px 0 16px}
.th-boost .pcd{border:2px solid transparent;border-radius:18px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#f97316,#ec4899) border-box;padding:16px;transition:.25s}
.th-boost .pcd:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 30px rgba(249,115,22,.25)}
.th-boost .chip{border-radius:999px;background:#ffedd5;color:#c2410c;border:0;transition:.2s}
.th-boost .chip:hover{transform:translateY(-4px);background:var(--ac);color:#fff}
.th-boost .mq{background:#111;color:#fde68a;font-weight:800;text-transform:uppercase}
.th-boost .cta{background:linear-gradient(90deg,#f97316,#ec4899);color:#fff;border-radius:999px}
.th-boost .cta.o{background:#fff;color:#c2410c;border:2px solid #f97316}

/* 7. SALES  -  CLOSER  (dark green, stat feel, pulsing CTA) */
.pf.th-closer{background:#06190f;color:#d1fae5}
.th-closer .pn{background:#052e1a;border-bottom:3px solid var(--ac);padding:12px 20px}
.th-closer .sh{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin:42px 0 16px}
.th-closer .sh::after{content:"";display:block;width:60px;height:4px;background:var(--ac);margin-top:6px}
.th-closer .pcd{background:#0b2e1c;border:0;border-top:4px solid var(--ac);border-radius:8px;padding:16px;transition:.25s}
.th-closer .pcd:hover{transform:translateY(-6px);background:#0f3d25}
.th-closer .pcd span{font-size:2em;font-weight:900;color:var(--ac);display:block}
.th-closer .chip{background:rgba(34,197,94,.15);color:#86efac;border:1px solid var(--ac);border-radius:6px}
.th-closer .cta{background:var(--ac);color:#052e1a;font-weight:900;border-radius:6px;animation:rppulse 2s infinite}
.th-closer .cta.o{background:transparent;color:var(--ac);border:2px solid var(--ac);animation:none}
.th-closer .tli{border-left:3px solid var(--ac)}

/* 8. ENGINEERING  -  BLUEPRINT  (blue grid, technical lines) */
.pf.th-blueprint{background-color:#0b3a8f;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:28px 28px;color:#e0ecff;font-family:Calibri,Arial,sans-serif}
.th-blueprint .pn{background:rgba(5,25,70,.85);border-bottom:1px dashed #bfdbfe;padding:12px 20px}
.th-blueprint .sh{color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:1.1em;margin:42px 0 16px;border-bottom:1px solid #bfdbfe;position:relative}
.th-blueprint .sh::after{content:"SEC";position:absolute;right:0;bottom:2px;font-size:.6em;opacity:.7}
.th-blueprint .pcd{border:1px dashed #bfdbfe;border-radius:0;background:rgba(5,25,70,.55);padding:16px;position:relative;transition:.2s}
.th-blueprint .pcd::before,.th-blueprint .pcd::after{content:"";position:absolute;width:10px;height:10px;border:2px solid #fff}
.th-blueprint .pcd::before{top:-2px;left:-2px;border-right:0;border-bottom:0}
.th-blueprint .pcd::after{bottom:-2px;right:-2px;border-left:0;border-top:0}
.th-blueprint .pcd:hover{background:rgba(5,25,70,.85);outline:1px solid #fff;outline-offset:4px}
.th-blueprint .chip{border:1px solid #bfdbfe;border-radius:0;background:transparent;color:#e0ecff}
.th-blueprint .tli{border-left:2px solid #bfdbfe}
.th-blueprint .cta{background:#fff;color:#0b3a8f;border-radius:0;font-weight:800}
.th-blueprint .cta.o{background:transparent;color:#fff;border:1px solid #fff}
.th-blueprint .spec div{border:1px dashed #bfdbfe}

/* =====================================================================
   RESUMES  (ATS-safe: real text, no text-in-images; styling only)
   ===================================================================== */

/* IT  -  CODE  (dark sidebar, // headings) */
.doc.th-code h1{font-family:"Courier New",monospace;letter-spacing:-.02em}
.doc.th-code .ti{color:var(--ac);font-weight:700}
.doc.th-code h2{font-family:"Courier New",monospace;color:var(--hc);font-size:1em}
.doc.th-code h2::before{content:"// ";color:var(--ac)}
.doc.th-code li::marker{content:"› ";color:var(--ac)}
.doc.th-code.side>div:first-child{background:#0f172a;color:#e2e8f0;padding:22px}
.doc.th-code.side>div:first-child h1,.doc.th-code.side>div:first-child h2{color:#7dd3fc}

/* FINANCE  -  BOARDROOM  (navy band, small-caps, double rule) */
.doc.th-boardroom{font-family:"Times New Roman",serif}
.doc.th-boardroom .band{background:var(--ac);color:#fff;padding:26px 30px;letter-spacing:.06em}
.doc.th-boardroom .band .ti,.doc.th-boardroom .band .ct{color:#dbeafe}
.doc.th-boardroom h2{font-variant:small-caps;letter-spacing:.1em;border-bottom:3px double var(--ac);padding-bottom:3px;color:var(--hc)}
.doc.th-boardroom li::marker{content:"▪ ";color:var(--ac)}

/* HEALTHCARE  -  CLINIC  (centered, soft cards, cross mark) */
.doc.th-clinic .hd.ctr,.doc.th-clinic.lay-center>h1{text-align:center}
.doc.th-clinic h1{color:var(--hc)}
.doc.th-clinic .sc{background:#f0fdfa;border:1px solid #99f6e4;border-radius:14px;padding:12px 16px}
.doc.th-clinic h2{color:var(--ac);display:flex;align-items:center;gap:8px}
.doc.th-clinic h2::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ac);color:#fff;font-size:.9em}

/* EDUCATION  -  SCHOLAR  (serif, italic headings, margin rule) */
.doc.th-scholar{font-family:Georgia,serif}
.doc.th-scholar h1{font-style:italic;font-weight:400;font-size:2.1em}
.doc.th-scholar h2{font-style:italic;font-weight:600;color:var(--hc);border-left:4px solid var(--ac);padding-left:10px}
.doc.th-scholar .sc p{text-align:justify;hyphens:auto}
.doc.th-scholar li::marker{content:"❧ ";color:var(--ac)}

/* DESIGN  -  ATELIER  (accent block title, tag headings) */
.doc.th-atelier h1{font-weight:900;font-size:2.4em;line-height:1;letter-spacing:-.03em}
.doc.th-atelier .hd.spl{border-bottom:6px solid var(--ac);padding-bottom:12px}
.doc.th-atelier h2{display:inline-block;background:var(--ac);color:#fff;padding:2px 12px;font-size:.85em;text-transform:uppercase;letter-spacing:.12em;transform:rotate(-1deg)}
.doc.th-atelier li::marker{content:"■ ";color:var(--ac)}

/* MARKETING  -  BOLD  (huge uppercase name, highlighter headings) */
.doc.th-bold h1{font-size:2.8em;font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:-.03em}
.doc.th-bold h1::after{content:"";display:block;width:90px;height:8px;background:var(--ac);margin-top:10px}
.doc.th-bold h2{text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--ac) 35%,transparent) 60%);display:inline-block;color:var(--hc)}
.doc.th-bold li::marker{content:"→ ";color:var(--ac)}

/* SALES  -  MOMENTUM  (gradient band, numbered sections) */
.doc.th-momentum{counter-reset:s}
.doc.th-momentum .band{background:linear-gradient(120deg,var(--ac),#064e3b);color:#fff;padding:26px 30px}
.doc.th-momentum .band .ti,.doc.th-momentum .band .ct{color:#d1fae5}
.doc.th-momentum .sc{counter-increment:s}
.doc.th-momentum h2{color:var(--hc);display:flex;gap:10px;align-items:baseline}
.doc.th-momentum h2::before{content:counter(s,decimal-leading-zero);font-weight:900;font-size:1.6em;color:var(--ac)}
.doc.th-momentum li::marker{content:"✔ ";color:var(--ac)}

/* ENGINEERING  -  DRAFT  (grid header, mono headings, left rule) */
.doc.th-draft h1{text-transform:uppercase;letter-spacing:.04em}
.doc.th-draft.side>div:first-child{background-color:#eff6ff;background-image:linear-gradient(rgba(37,99,235,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.12) 1px,transparent 1px);background-size:16px 16px;padding:22px}
.doc.th-draft h2{font-family:"Courier New",monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.95em;color:var(--hc)}
.doc.th-draft h2::before{content:"[ "}.doc.th-draft h2::after{content:" ]"}
.doc.th-draft .sc{border-left:3px solid var(--ac);padding-left:12px}