/* Mockup base: the Endworld · Immortal Path design system (docs/design/system/) plus page chrome for mockups.
   Token names (--surface-*, --text-*, --bg-*, --border-*) are the system's; theme = html[data-theme] set by system/theme.js. */
@import url("../system/tokens.css");
@import url("../system/bundle.css");
body{padding:16px;font-size:14px}
button{font:inherit;color:var(--text-primary);background:var(--surface-2);border:var(--stroke-hairline) solid var(--border-strong);border-radius:var(--radius);padding:6px 12px;cursor:pointer;transition:background .15s,border-color .15s}
button:hover{background:var(--surface-1);border-color:var(--gold)}
button:focus-visible{outline:var(--stroke-strong) solid var(--focus);outline-offset:2px}
button:disabled{opacity:.5;cursor:default}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.mock-title{font-family:var(--font-display);font-size:18px;font-weight:600;margin:0 0 4px;letter-spacing:.01em}
.mock-note{font-size:13px;color:var(--text-secondary);margin:0 0 12px}