/* Berkeley adapter for the canonical Project Detail Framework.
   User-approved exceptions: one bare mobile demo; dot-only guide; 16px evidence
   frames and paired photographs on mobile. Product interiors remain untouched. */
:root{--font-primary:'General Sans',Arial,sans-serif;--color-text:#262927;--color-surface:#fff;--case-media-width:900px}
html{scroll-padding-top:32px}
.case-edge-navigation{letter-spacing:0}
.case-edge-navigation .case-edge-label{display:none}
main>.chapter{scroll-margin-top:0}
.more-projects a{position:relative;isolation:isolate;transition:background .18s,box-shadow .18s}
.more-projects a:hover,.more-projects a:focus-visible{background:rgb(255 255 255 / 65%);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 90%),0 8px 28px rgb(0 0 0 / 6%);text-decoration:none}
.more-projects a:focus-visible{outline:2px solid #262927;outline-offset:3px}
@media(max-width:1260px){
 html{scroll-padding-top:76px}
 .case-edge-navigation{margin:0;padding:8px 28px;background:rgb(255 255 255 / 96%)}
 .case-edge-track{padding-inline:16px}
}
@media(max-width:480px){.case-edge-navigation{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.more-projects a{transition:none}}

/* Only the app content scrolls; keep the scaled device frame stationary. */
.live-phone{overflow:clip}