/* Shared visual polish preview — 2026-08-24 */
html[data-site-polish="v1"]{--control-h:44px;--card-radius:26px;--ease:cubic-bezier(.22,1,.36,1)}
html[data-site-polish="v1"] .langs{min-height:var(--control-h);align-items:center;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 30px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
html[data-site-polish="v1"] .langs button{min-width:40px;min-height:36px;padding:0 11px;border-radius:999px;line-height:1;transition:color .3s,background .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease)}
html[data-site-polish="v1"] .langs button.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 5px 16px rgba(0,0,0,.12);transform:translateY(-1px)}
html[data-site-polish="v1"] :is(.theme-button,.theme,.icon-button#themeButton){width:var(--control-h);height:var(--control-h);min-width:var(--control-h);min-height:var(--control-h);border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 9px 24px rgba(0,0,0,.1);transition:transform .35s var(--ease),border-color .3s,background .3s,box-shadow .35s}
html[data-site-polish="v1"] :is(.theme-button,.theme,.icon-button#themeButton):hover{transform:translateY(-2px)}
html[data-site-polish="v1"][data-theme="light"] .langs,html[data-site-polish="v1"].light .langs{border-color:rgba(255,255,255,.9);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,239,247,.7));box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(38,50,72,.1)}

html[data-site-polish="v1"] body:not(.home-page) :is(.hero,.referral-hero) h1{font-size:clamp(48px,5.25vw,72px);line-height:1.04;letter-spacing:-.055em}
html[data-site-polish="v1"] body :is(h1,h2){text-wrap:balance}
html[data-site-polish="v1"] :is(.hero-action,.primary,.secondary,.button,.cta,.external,.back){min-height:44px;border-radius:999px}
html[data-site-polish="v1"] :is(.hero-action,.primary,.secondary,.button,.cta,.external){transition:transform .35s var(--ease),box-shadow .35s,background .3s,border-color .3s,color .3s}
html[data-site-polish="v1"] :is(.hero-action,.primary,.secondary,.button,.cta,.external):hover{transform:translateY(-2px)}
@media(hover:none),(pointer:coarse){
  html[data-site-polish="v1"] :is(.theme-button,.theme,.icon-button#themeButton,.hero-action,.primary,.secondary,.button,.cta,.external,.back):hover{transform:none!important}
  html[data-site-polish="v1"] .langs button.active{transform:none!important}
}
html[data-site-polish="v1"] :is(.feature-tile,.referral-shell,.guide-step,.side-card,.radar-card){border-radius:var(--card-radius)}
html[data-site-polish="v1"] :is(.feature-tile,.guide-step,.side-card,.radar-card){box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 55px rgba(0,0,0,.08)}
html[data-site-polish="v1"] body.home-page .hero-title{font-size:clamp(68px,7.35vw,94px);line-height:1.01}
html[data-site-polish="v1"] .referral-hero{border-radius:var(--card-radius)}
html[data-site-polish="v1"] .guide-step{border-radius:20px}
html[data-site-polish="v1"] .topbar,html[data-site-polish="v1"] header.nav{-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%)}

/* Per-page rhythm refinements. */
html[data-site-polish="v1"] body.home-page #about{padding-bottom:clamp(62px,7vw,92px)}
html[data-site-polish="v1"] body.home-page #projects{padding-top:clamp(62px,7vw,92px)}
html[data-site-polish="v1"] body.charging-guide-page .quick{position:sticky;z-index:8;top:72px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(18,20,27,.7);box-shadow:0 14px 38px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}
html[data-site-polish="v1"] body.charging-guide-page .quick a{min-height:40px;display:inline-flex;align-items:center;border-radius:999px}
html[data-site-polish="v1"] body.referral-guide-page .note{padding:15px 17px;border:1px solid rgba(244,63,94,.18);border-radius:16px;background:rgba(244,63,94,.055);color:#8f929b}
html[data-site-polish="v1"] body.tv-page .tv-card-inner{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:18px}
html[data-site-polish="v1"] body.tv-page .tv-card .service-icon{align-self:center}
html[data-site-polish="v1"] body.tv-page .tv-card h2{align-self:center;margin:0;line-height:1.08}
html[data-site-polish="v1"] body.radar-page .radar-tools{gap:6px}
html[data-site-polish="v1"] body.radar-page .radar-tools button{min-height:36px;border-radius:999px}
html[data-site-polish="v1"] body.map-page .controls{padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035)}
html[data-site-polish="v1"] body.calendar-page .topbar{min-height:64px;padding-inline:clamp(16px,4vw,42px)}

@media(max-width:620px){html[data-site-polish="v1"]{--card-radius:24px}html[data-site-polish="v1"] body:not(.home-page) :is(.hero,.referral-hero) h1{font-size:clamp(38px,11.6vw,50px);line-height:1.04}html[data-site-polish="v1"] body.home-page .hero-title{font-size:clamp(52px,14vw,58px)}html[data-site-polish="v1"] .langs{min-height:44px}html[data-site-polish="v1"] .langs button{min-height:36px;padding-inline:10px}html[data-site-polish="v1"] :is(a,button){-webkit-tap-highlight-color:transparent}html[data-site-polish="v1"] :is(.back,.brand){position:relative}html[data-site-polish="v1"] :is(.back,.brand):after{position:absolute;inset:-10px;content:""}html[data-site-polish="v1"] body.charging-guide-page .quick{top:66px;overflow-x:auto;flex-wrap:nowrap}html[data-site-polish="v1"] body.map-page .controls{padding:0;border:0;background:transparent}}
@media(prefers-reduced-motion:reduce){html[data-site-polish="v1"] *{scroll-behavior:auto!important;transition-duration:.01ms!important}}