/* proof pill, project art cover, footer links, skill highlights */
.hero-proof{display:flex;align-items:center;gap:.6rem;margin:1.1rem 0 0;font-size:.95rem;max-width:34rem}
.hero-proof svg{flex:none;width:1.2rem;height:1.2rem;color:var(--accent-text)}
.hero-proof b{font-weight:700}
.album-cover{background:var(--bg2)!important}
.album-cover canvas{position:absolute;inset:0;width:100%;height:100%}
.album-cover .vinyl{position:absolute;right:.7rem;bottom:.7rem;width:3.4rem!important;height:3.4rem!important;aspect-ratio:1}
.album-cover .vinyl span{width:36%;font-size:0}
.footer-links{display:flex;gap:1.4rem;flex-wrap:wrap}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--ink);text-decoration:underline}
.skill-groups.is-highlighted .skill-chips li:not([data-hl]){display:none}
.skill-groups.is-highlighted .skill-group:not(:has(li[data-hl])){display:none}
.track-row{display:flex;align-items:center;justify-content:space-between;gap:.9rem}
.track-row .track-text{min-width:0}
.project-deck .track-row .vinyl{flex:none;position:static;width:3.4rem!important;height:3.4rem!important;aspect-ratio:1;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.project-deck .track-row .vinyl{border-color:var(--mut)!important;background:repeating-radial-gradient(circle at 50%,#2a2e36 0 2px,#454a54 2px 4px)}
.project-deck .track-row .vinyl span{width:34%;font-size:0;background:var(--accent)}

/* ── review fixes ── */
/* every section fills the screen below the header, so the next one never peeks in (all widths) */
html{scroll-padding-top:3.5rem}
section{min-height:calc(100svh - 3.5rem)}
@media (min-width:901px) and (min-height:700px){
  section:not(.hero){min-height:calc(100dvh - 3.5rem);padding-block:clamp(2.5rem,7vh,4.5rem)}
  .notes.two-column{align-items:stretch}
  h1{font-size:clamp(2.8rem,min(6.2vw,11.5vh),5.6rem)}
}
.wish b{color:var(--accent-text);font-weight:700}
.fact-list div:last-child dd{max-width:46ch}
@media (max-width:760px),(pointer:coarse){
  .site-header nav a,.footer-links a,.skill-categories button,.playlist button,.link-button,.button,.player-controls button,.totop{min-height:44px}
  .footer-links a{display:inline-flex;align-items:center;padding-inline:.3rem}
  .totop{width:2.75rem;height:2.75rem}
}
html,body{overflow-x:clip}
@media (max-width:760px),(pointer:coarse){.brand{min-height:44px}input[type=range]{height:44px}}
.note .tags{margin-top:auto}
.fact-list div:last-child dd{text-transform:none;letter-spacing:0;font-family:var(--display);font-weight:500;font-size:.92rem}