/* V18 — single control switch, one shared technology panel, responsive typography */
/* One actual button, no travelling switch thumb: sunlight visible in dark mode; moon in light mode. */
.header-right {display:flex!important;align-items:center!important;gap:10px!important}
.theme-toggle.theme-pill {display:grid!important;place-items:center!important;width:43px!important;min-width:43px!important;height:43px!important;padding:0!important;border-radius:13px!important;
 background:radial-gradient(ellipse at 25% 0%,var(--surface-shine),transparent 85%),linear-gradient(115deg,var(--panel),color-mix(in srgb,var(--panel) 78%,var(--bg)))!important;
 border:1px solid var(--border)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 18px rgba(0,0,0,.13)!important;transition:background .2s,border-color .2s,transform .2s!important}
.theme-toggle.theme-pill:hover {transform:translateY(-2px);border-color:var(--accent)!important;}
.theme-toggle.theme-pill .theme-sun,.theme-toggle.theme-pill .theme-moon{position:static!important;display:none!important;opacity:1!important;transform:none!important;width:100%!important;height:100%!important;color:var(--text)!important}
body[data-theme="dark"] .theme-toggle.theme-pill .theme-sun{display:grid!important}
body[data-theme="light"] .theme-toggle.theme-pill .theme-moon{display:grid!important}
.theme-toggle.theme-pill svg{width:21px!important;height:21px!important}
.theme-toggle .theme-indicator{display:none!important}
.header-cv {order:0;min-width:125px!important;height:43px!important;border-radius:13px!important;padding:0 16px!important;
 background:radial-gradient(ellipse at 20% 0%,var(--surface-shine),transparent 85%),linear-gradient(115deg,color-mix(in srgb,var(--panel) 93%,var(--bg)),color-mix(in srgb,var(--panel) 79%,var(--bg)))!important;
 color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 18px rgba(0,0,0,.11)!important}
.header-cv:hover{background:var(--panel-hover)!important;border-color:var(--accent)!important}
#themeToggle{order:1}
#menuToggle{order:2}
/* A shared, slightly luminous panel with visual sections but no bulky tiles. */
.expertise-panel{border:1px solid var(--border);border-radius:18px;padding:20px 23px 18px;
 background:radial-gradient(ellipse at 15% 0%,var(--surface-shine),transparent 76%),linear-gradient(120deg,color-mix(in srgb,var(--panel) 97%,var(--bg)),color-mix(in srgb,var(--panel) 85%,var(--bg)))!important;
 box-shadow:inset 0 1px 0 rgba(235,241,251,.08),0 12px 35px rgba(0,0,0,.045)}
.expertise-panel .skills-group{margin:0!important;padding:0!important}
.expertise-panel .skills-group + .skills-group{margin-top:17px!important;padding-top:16px!important;border-top:1px solid var(--border)}
.expertise-panel .skills-group h3{font-size:12px!important;margin:0 0 11px!important;letter-spacing:.15em!important}
.expertise-panel .skills-grid{display:flex;flex-wrap:wrap;gap:6px 8px!important}
.expertise-panel .skill-word{margin:0!important;max-width:100%;white-space:nowrap!important;font-size:12px!important;line-height:1.3!important}
.expertise-panel .skill-word::after{display:none!important}
/* Cards are shorter but titles, descriptions, and calls to action stay readable. */
#work .project-card {min-height:176px!important;max-height:210px;padding:18px 21px!important;}
#work .project-card h3{font-size:18px!important;margin:10px 0 6px!important;line-height:1.28!important}
#work .project-card .project-body>p:not(.project-category){line-height:1.5!important;font-size:12.5px!important;-webkit-line-clamp:3!important}
#work .project-card .read-link{padding-top:8px!important;font-size:12.5px!important}
#work .project-category{font-size:10px!important}
/* Stable certificate actions across all cards. */
#credentials .cert-card{display:flex!important;flex-direction:column!important;min-height:153px!important;}
#credentials .cert-card .credential-link{margin-top:auto!important;padding-top:7px!important;align-self:flex-start!important}
/* Distinct light background and white surfaced cards. */
body[data-theme="light"]{--bg:#eef1f5;--bg-soft:#e9edf2;--panel:#fff;--panel-hover:#e8edf4;--border:rgba(82,102,125,.22)}
body[data-theme="light"] .expertise-panel{background:linear-gradient(125deg,#fff,#f7f9fc)!important;box-shadow:0 8px 25px rgba(40,54,74,.065)!important}
body[data-theme="light"] .skill-word:hover,body[data-theme="light"] .skill-word:focus-visible{background:#e4eaf1!important;border-color:#93a5b7!important;box-shadow:0 6px 16px rgba(60,70,85,.10)!important}
/* Hero foreground must never be washed out on mobile. */
@media(max-width:690px){
 .header-inner{gap:6px!important}.header-right{gap:7px!important}
 .header-cv{min-width:107px!important;padding:0 9px!important;font-size:11px!important;height:38px!important}
 .theme-toggle.theme-pill{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important}
 .theme-toggle.theme-pill svg{width:20px!important;height:20px!important}
 .expertise-panel{padding:15px 14px 16px!important;border-radius:15px}
 .expertise-panel .skills-group + .skills-group{padding-top:13px!important;margin-top:13px!important}
 .expertise-panel .skill-word{font-size:11px!important;white-space:normal!important}
 .hero-copy .hero-role,.hero-copy .hero-intro,.hero-copy h1{opacity:1!important;filter:none!important;mix-blend-mode:normal!important;text-shadow:none!important}
 .hero-copy .hero-role{color:var(--text)!important}
 .hero-copy .hero-intro{color:var(--muted)!important}
 .hero-copy{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 82%,transparent) 27%,var(--bg) 85%)!important}
 #work .project-card{min-height:186px!important;max-height:none!important;padding:17px 17px!important}
 #work .project-card h3{font-size:17px!important}
 #work .project-card .project-body>p:not(.project-category){font-size:12px!important;line-height:1.46!important;-webkit-line-clamp:2!important}
}
@media(prefers-reduced-motion:reduce){.theme-toggle.theme-pill,.header-cv{transition:none!important}}