/* Shared base for the fictional concept sites (web/examples/*.html): reset, the G7 ribbon that marks each page as a
   concept, and the ?shot capture mode. Everything visual lives in the page's own sheet (css/examples/<slug>.css). */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
img,svg,canvas{display:block}
button,input,select,textarea{font:inherit;color:inherit}
fieldset{border:0;min-width:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* G7 ribbon: this is a concept, not a client */
.ex-ribbon{position:fixed;left:0;right:0;top:0;z-index:60;display:flex;justify-content:center;gap:10px;padding:7px 12px;font:600 12.5px/1.4 system-ui,-apple-system,sans-serif;letter-spacing:.04em;background:#ff6a1a;color:#0d1015}
.ex-ribbon span{text-decoration:underline;text-underline-offset:3px}

/* ?shot — poster capture for the gallery on the G7 site: no ribbon, the page's own nav moves to the top */
.shot .ex-ribbon,.shot .g7-notice{display:none!important}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}