/* Hand-tuned light finishes. Geometry and all data still come from index.html. */
html[data-theme="light"] body.layout-dark-draft {
 --draft-light:var(--lp-band);--draft-tint:var(--lp-page);
 background:var(--lp-page);color:var(--lp-ink);
}
html[data-theme="light"] body.layout-dark-draft .page-grid {opacity:.14}
html[data-theme="light"] body.layout-dark-draft .vibe-header,
html[data-theme="light"] body.layout-dark-draft .vibe-header.is-entry-theme {
 background:#f7f8fa;border-bottom-color:var(--lp-line);box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}
html[data-theme="light"] body.layout-dark-draft .vibe-header::before,
html[data-theme="light"] body.layout-dark-draft .vibe-header.is-entry-theme::before {background:none}
html[data-theme="light"] body.layout-dark-draft .brand-monogram {color:var(--lp-accent);background:var(--lp-white);border-color:var(--lp-line-strong);box-shadow:0 2px 5px rgba(35,53,73,.04)}
html[data-theme="light"] body.layout-dark-draft .brand-copy {color:var(--lp-text)}
html[data-theme="light"] body.layout-dark-draft .anchor-nav a {color:var(--lp-muted)}
html[data-theme="light"] body.layout-dark-draft .anchor-nav a:hover {background:var(--lp-raised);color:var(--lp-ink)}
html[data-theme="light"] body.layout-dark-draft .anchor-nav a[aria-current="page"] {color:var(--lp-accent);background:var(--lp-accent-soft);box-shadow:none}
html[data-theme="light"] body.layout-dark-draft .anchor-nav a::after {background:var(--lp-accent);box-shadow:none}
html[data-theme="light"] body.layout-dark-draft .header-actions .resume-link,
html[data-theme="light"] body.layout-dark-draft .vibe-header:not(.is-entry-theme) .header-actions .resume-link {color:var(--lp-text);border-color:var(--lp-line);background:var(--lp-white)}
html[data-theme="light"] body.layout-dark-draft .header-actions .header-contact,
html[data-theme="light"] body.layout-dark-draft .vibe-header:not(.is-entry-theme) .header-actions .header-contact {color:#fff;border-color:var(--lp-accent);background:var(--lp-accent)}
html[data-theme="light"] body.layout-dark-draft .header-actions .resume-link:hover {background:var(--lp-raised);border-color:var(--lp-line-strong)}
html[data-theme="light"] body.layout-dark-draft .header-actions .header-contact:hover,
html[data-theme="light"] body.layout-dark-draft .vibe-header:not(.is-entry-theme) .header-actions .header-contact:hover {color:#fff;background:#325478}

/* Silver-white horizon: the exact same SVG ellipses and pointer animation. */
html[data-theme="light"] body.layout-dark-draft #entry-portal.entry-portal {background:radial-gradient(ellipse at 50% 0%,#fff 0%,#f6f7f9 54%,#f0f3f6 100%)}
html[data-theme="light"] body.layout-dark-draft #entry-portal.entry-portal::after {opacity:.025}
html[data-theme="light"] #entry-horizon-air stop:nth-child(1) {stop-color:#bccbd9;stop-opacity:.2}
html[data-theme="light"] #entry-horizon-air stop:nth-child(2) {stop-color:#e0e7ee;stop-opacity:.07}
html[data-theme="light"] #entry-horizon-air stop:nth-child(3) {stop-color:#f5f6f8;stop-opacity:0}
html[data-theme="light"] #entry-horizon-rim stop {stop-color:#8d9eb0}
html[data-theme="light"] #entry-horizon-rim stop:nth-child(2),
html[data-theme="light"] #entry-horizon-rim stop:nth-child(4) {stop-opacity:.5}
html[data-theme="light"] #entry-horizon-rim stop:nth-child(3) {stop-color:#748da6;stop-opacity:.9}
html[data-theme="light"] #entry-horizon-planet stop:nth-child(1) {stop-color:#f0f3f7}
html[data-theme="light"] #entry-horizon-planet stop:nth-child(2) {stop-color:#fafbfd}
html[data-theme="light"] #entry-horizon-planet stop:nth-child(3) {stop-color:#fff}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-horizon svg>path {stroke:#657c95;stroke-opacity:.34}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-horizon-marker {border-color:#9cabbc}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-horizon-guide {background:linear-gradient(transparent,#b7c5d3)}
html[data-theme="light"] body.layout-dark-draft #entry-portal .intro-line:first-child>span {color:var(--lp-ink)}
html[data-theme="light"] body.layout-dark-draft #entry-portal .intro-line+.intro-line>span {
 color:var(--lp-accent);background:linear-gradient(140deg,#6f7e8f 5%,#41566f 52%,#283e57 100%);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-scroll {color:var(--lp-accent);background:rgba(255,255,255,.65);border-color:var(--lp-line-strong);box-shadow:none}
html[data-theme="light"] body.layout-dark-draft #entry-portal .entry-scroll:hover {background:#fff;border-color:var(--lp-accent)}

/* Profile: photograph pixels and crop are untouched; remove the dark-only tint. */
html[data-theme="light"] body.layout-dark-draft .hero-section {--draft-band:var(--lp-band);background:radial-gradient(circle at 82% 35%,rgba(202,215,229,.34),transparent 27rem),var(--lp-band)}
html[data-theme="light"] body.layout-dark-draft .hero-section h1 strong {color:var(--lp-ink);background:linear-gradient(106deg,#202b38,#3f5167 60%,#5c7087);background-clip:text;-webkit-background-clip:text}
html[data-theme="light"] body.layout-dark-draft .hero-cutout,
html[data-theme="light"] body.layout-dark-draft .school-cover img {filter:none}
html[data-theme="light"] body.layout-dark-draft .coordinate-disc {border-color:#d8e0e8;background:radial-gradient(circle at 45% 45%,#eaf0f5,transparent 71%)}
html[data-theme="light"] body.layout-dark-draft .disc-ring {border-color:#d2dbe5}
html[data-theme="light"] body.layout-dark-draft .disc-ring.ring-two {border-color:#e0e6ed}
html[data-theme="light"] body.layout-dark-draft .disc-axis {background:#dce3eb}

/* One integrated results panel; no new cards, no changes to count-up animation. */
html[data-theme="light"] body.layout-dark-draft .operations-impact {background:var(--lp-page)}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics {background:var(--lp-white);border-color:var(--lp-line);box-shadow:var(--lp-shadow)}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics>div:first-child {background:linear-gradient(115deg,#f3f6fa,#fff)}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics>div:last-child {background:#fafbfd}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics::before {background:linear-gradient(90deg,#a8bdcf,transparent)}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics::after {background:linear-gradient(90deg,transparent,#b3c5d8);height:1px}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics dd:not(.impact-visual) {color:var(--lp-ink)}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics>div:first-child dd:not(.impact-visual),
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics>div:last-child dd {color:var(--lp-accent)}
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics dt,
html[data-theme="light"] body.layout-dark-draft .operations-impact-metrics>div:first-child dt {color:var(--lp-muted)}
html[data-theme="light"] body.layout-dark-draft .impact-before {color:var(--lp-muted)}
html[data-theme="light"] body.layout-dark-draft .impact-bar-before {fill:#c4ceda}
html[data-theme="light"] body.layout-dark-draft .impact-bar-current {fill:#6386ac}
html[data-theme="light"] body.layout-dark-draft .impact-comparison-labels>span::before {background:#b7c5d5}
html[data-theme="light"] body.layout-dark-draft .impact-comparison-labels>span+span::before {background:#6386ac}
html[data-theme="light"] body.layout-dark-draft .impact-figure-info summary {color:var(--lp-accent);background:radial-gradient(circle,transparent 8px,#94a9bd 8px,#94a9bd 9px,transparent 9px)}
html[data-theme="light"] body.layout-dark-draft .impact-figure-info p {background:#fff;color:var(--lp-text);border-color:var(--lp-line-strong);box-shadow:var(--lp-shadow-raised)}
html[data-theme="light"] body.layout-dark-draft .impact-dataset>span {background:#f2f5f9;border-color:#ccd7e3}
html[data-theme="light"] body.layout-dark-draft .impact-dataset>span:nth-child(2) {background:#e3eaf2;border-color:#c0cfdf}
html[data-theme="light"] body.layout-dark-draft .impact-dataset>span:nth-child(3) {background:linear-gradient(120deg,#d5e0eb,#ebf0f6);border-color:#9eB3c8}
html[data-theme="light"] body.layout-dark-draft .impact-dataset>span:nth-child(3)::before {background:repeating-linear-gradient(0deg,transparent 0 8px,#8fa8c280 8px 9px)}
html[data-theme="light"] body.layout-dark-draft .impact-dataset>span:nth-child(3)::after {background:#7698ba;box-shadow:none}

/* Tool folders keep their three restrained identities. */
html[data-theme="light"] body.layout-dark-draft #works {--draft-band:var(--lp-band);background:var(--lp-band)}
html[data-theme="light"] body.layout-dark-draft #works .work-folder {--folder-accent:var(--lp-accent);--folder-accent-soft:#e7edf4;--folder-paper:#fff;--folder-glow:transparent;--folder-hover-fill:#d9e4ef}
html[data-theme="light"] body.layout-dark-draft #works .work-folder[data-work-tab="agent"] {--folder-accent:#766985;--folder-accent-soft:#eeeaf2;--folder-hover-fill:#e7e0ef}
html[data-theme="light"] body.layout-dark-draft #works .work-folder[data-work-tab="automation"] {--folder-accent:#55776e;--folder-accent-soft:#e8f0ed;--folder-hover-fill:#dce9e3}
html[data-theme="light"] body.layout-dark-draft #works .work-story-visual {background:var(--lp-white)}
html[data-theme="light"] body.layout-dark-draft #works .work-visual-window {background:var(--lp-white);border-color:var(--lp-line);box-shadow:none}
html[data-theme="light"] body.layout-dark-draft #works .work-story-board,
html[data-theme="light"] body.layout-dark-draft #works .work-story-visual .work-visual-bar {background:var(--lp-white)}
html[data-theme="light"] body.layout-dark-draft #works iframe {color-scheme:light;background:var(--lp-white)}
html[data-theme="light"] body.layout-dark-draft #works .work-module-disclosure {background:var(--lp-white);border-color:var(--lp-line)}

/* Career, education and skill displays keep their original axes and image fit. */
html[data-theme="light"] body.layout-dark-draft #experience .cw-row-index {color:#c1cbd7}
html[data-theme="light"] body.layout-dark-draft #experience .cw-timeline-row:first-child .cw-timeline-card {background:linear-gradient(135deg,#f6f8fb,transparent 65%),#fff;border-color:#c3d0de}
html[data-theme="light"] body.layout-dark-draft #experience .cw-timeline-card:hover {background-color:#fff;box-shadow:inset 3px 0 #a8bbcf}
html[data-theme="light"] body.layout-dark-draft #education {--draft-band:var(--lp-band);background:var(--lp-band)}
html[data-theme="light"] body.layout-dark-draft .school-cover::after {background:linear-gradient(180deg,transparent 65%,rgba(22,34,48,.08))}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root {--draft-band:var(--lp-page)}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-stage {background:linear-gradient(140deg,#eef2f6,#f4f6f8)}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet {background:var(--lp-white);border-color:#c2ceda;color:var(--lp-text);box-shadow:0 16px 32px -18px rgba(29,53,76,.24),inset 0 1px 0 #fff}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vibe-back,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-raw-sheet,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-dom-sheet {background:#e9eff5}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-vibe-code,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-python-code,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-js-code,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sql-sheet {background:#f9fbfd}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-code-head,
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-browser-bar {background:#eef2f6;border-color:var(--lp-line);color:var(--lp-muted)}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre code {color:#34485d}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre b {color:#705082}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre strong {color:#347259}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre .skv-line>em {color:#6d7c8a}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet pre .comment {color:#617386}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-object-token {background:linear-gradient(142deg,#fff 0%,#e7edf3 14%,#cdd9e4 55%,#f1f5f9);color:#3a5875;border-color:#a5b9cc;box-shadow:inset 0 1px 1px #fff,inset 3px 0 8px rgba(255,255,255,.4),6px 9px 16px rgba(35,53,73,.13);text-shadow:none}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-image-figure {background:#fff;border-color:#cbd5df;box-shadow:0 16px 30px -18px rgba(35,53,73,.25)}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-zoom {background:rgba(255,255,255,.94);border-color:var(--lp-line);color:var(--lp-accent)}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-floor {background:radial-gradient(ellipse,rgba(53,78,102,.07),transparent 70%)}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-modal {background:#f9fafc;color:var(--lp-text);border-color:var(--lp-line);box-shadow:0 24px 64px rgba(23,40,60,.18)}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-modal::backdrop {background:rgba(32,42,54,.34);backdrop-filter:none}
html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-modal-main {background:var(--lp-raised)}
@media(hover:hover) and (pointer:fine) {
 html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-sheet:hover,
 html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-image-figure:hover,
 html[data-theme="light"] body.layout-dark-draft #skills.skv-root .skv-object-token:hover {box-shadow:0 18px 35px -10px rgba(35,53,73,.22)}
}
html[data-theme="light"] body.layout-dark-draft .contact-section {--draft-band:var(--lp-band);background:var(--lp-band)}
html[data-theme="light"] body.layout-dark-draft .contact-backdrop {background:rgba(27,40,55,.34)}
html[data-theme="light"] body.layout-dark-draft .contact-card {background:#fff;border-color:var(--lp-line);box-shadow:0 20px 64px rgba(27,40,55,.16)}
html[data-theme="light"] body.layout-dark-draft .contact-list a {background:var(--lp-paper)}
html[data-theme="light"] body.layout-dark-draft .vibe-footer {color:var(--lp-muted)}
/* A background shorthand resets background-clip; explicitly retain text clipping. */
html[data-theme="light"] body.layout-dark-draft .contact-section h2 span:last-child {
 color:var(--lp-accent);background:linear-gradient(105deg,#263b52 0%,#4b6077 60%,#6b7a8b 100%);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}

/* Light folders: one opaque cover, one connected tab and one tucked-in sheet.
   Keep the existing button geometry and interaction; never affect dark mode. */
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder {
 --folder-cover-top:var(--folder-accent-soft);
 --folder-cover-bottom:color-mix(in srgb,var(--folder-accent-soft) 34%,#fff);
 --folder-cover-line:color-mix(in srgb,var(--folder-accent) 30%,#d7dfe7);
 animation:none;
 transform:none;
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder.is-open {
 transform:translateY(-3px);
}
html[data-theme="light"] body.layout-dark-draft #works .work-folder-layer-back,
html[data-theme="light"] body.layout-dark-draft #works .work-folder-body::before,
html[data-theme="light"] body.layout-dark-draft #works .work-folder-body::after {
 display:none;
 content:none;
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder .work-folder-layer-mid,
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:is(:hover,:focus-visible,.is-open) .work-folder-layer-mid {
 display:block;
 z-index:1;
 top:30px;
 right:30px;
 bottom:20px;
 left:48px;
 height:auto;
 border:1px solid color-mix(in srgb,var(--folder-accent) 16%,#dbe2e9);
 border-radius:10px 10px 16px 16px;
 background:#fff;
 box-shadow:none;
 opacity:1;
 transform:none;
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder .work-folder-tab,
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:is(:hover,:focus-visible,.is-open) .work-folder-tab {
 display:block;
 z-index:7;
 top:21px;
 left:14px;
 height:25px;
 border-color:var(--folder-cover-line) !important;
 border-radius:14px 14px 0 0 !important;
 background:var(--folder-cover-top) !important;
 box-shadow:none;
 transform:none;
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder .work-folder-body,
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:is(:hover,:focus-visible,.is-open) .work-folder-body {
 border-color:var(--folder-cover-line);
 border-radius:0 20px 20px 20px;
 background:linear-gradient(145deg,var(--folder-cover-top),var(--folder-cover-bottom));
 box-shadow:0 12px 24px -15px rgba(44,62,80,.22);
 transform:none;
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder.is-open .work-folder-body {
 border-color:var(--folder-accent);
 box-shadow:0 14px 25px -15px rgba(44,62,80,.24);
}
html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:focus-visible {
 --folder-cover-top:var(--folder-hover-fill);
 --folder-cover-line:var(--folder-accent);
 z-index:4;
 outline:2px solid var(--folder-accent);
 outline-offset:5px;
 border-radius:18px;
 transform:translateY(-8px);
}
@media(hover:hover) and (pointer:fine) {
 html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:hover {
  --folder-cover-top:var(--folder-hover-fill);
  --folder-cover-line:var(--folder-accent);
  z-index:4;
  transform:translateY(-8px);
 }
 html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder:hover .work-folder-body {
  box-shadow:0 18px 32px -17px rgba(44,62,80,.32);
 }
}
@media(max-width:560px) {
 html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder .work-folder-tab {
  top:19px;
  left:12px;
  height:23px;
 }
 html[data-theme="light"] body.layout-dark-draft #works .work-tab.work-folder .work-folder-layer-mid {
  top:27px;
  right:27px;
  left:40px;
 }
}

/* The centered career heading inherits the shared Works typography. */
html[data-theme="light"] body.layout-dark-draft #experience .cw-section-head h2 {
 color:var(--lp-ink);
 text-shadow:none;
}
html[data-theme="light"] body.layout-dark-draft #experience .cw-section-head .section-index,
html[data-theme="light"] body.layout-dark-draft #experience .cw-section-caption {
 color:var(--lp-muted);
}

/* Explicitly actionable hints, with the same geometry as the dark presentation. */
html[data-theme="light"] body.layout-dark-draft .operations-impact-next span {color:var(--lp-accent)}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary-title strong {color:var(--lp-ink)}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary-toggle {
 color:#fff;
 background:var(--lp-accent);
 border-color:var(--lp-accent);
}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary:focus-visible {outline-color:var(--lp-accent)}
html[data-theme="light"] body.layout-dark-draft #works .work-module-summary:focus-visible .work-module-summary-toggle {background:#325478;border-color:#325478}
@media(hover:hover) and (pointer:fine) {
 html[data-theme="light"] body.layout-dark-draft #works .work-module-summary:hover .work-module-summary-toggle {background:#325478;border-color:#325478}
}