/* Dismissible viewing note shared by every portfolio page. */
.viewing-note { background:#0755f5; color:#fff; border-bottom:1px solid #0345d2; position:relative; z-index:20; }
.viewing-note[hidden] { display:none; }
.viewing-note-inner { display:flex; align-items:center; justify-content:center; gap:16px; padding:6px clamp(22px,4vw,70px); }
.viewing-note p { font-size:13px; line-height:1.5; margin:0; }
.viewing-note button { flex:none; display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:50%; background:transparent; color:inherit; font:22px/1 Arial,sans-serif; cursor:pointer; }
.viewing-note button:hover { background:#ffffff26; }
.viewing-note button:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.viewing-note + .site-header { position:relative; }
@media(max-width:600px) { .viewing-note-inner { justify-content:space-between; gap:10px; } .viewing-note p { font-size:12px; } }

/* App Store phone previews are embedded as device mockups. Keep the site-wide
   viewing note at the top-level page only, never inside a phone screen. */
body.embedded .viewing-note { display: none !important; }