/* Shared document defaults. Page renderers and their native-form styles have migrated. */
*{box-sizing:border-box}
body{margin:0}
a{color:var(--accent);text-underline-offset:3px}
button,a{-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font:inherit}
button{cursor:pointer;min-height:44px}
body.transaction-modal-open{overflow:hidden}
button:disabled{opacity:.55;cursor:default}
img{max-width:100%}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
h1:focus{outline:none}
h1,h2,h3,h4{font-family:inherit;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--ink)}
h1{font-size:32px;margin:0 0 24px}h2{font-size:20px;margin:24px 0 12px}h3{font-size:17px;margin:18px 0 10px}h4{font-size:15px}
p{margin:10px 0;max-width:78ch}
#main-content{min-width:0;padding:32px}
.skip-link{position:absolute;top:-80px;left:12px;padding:12px;background:var(--paper);z-index:100}
.skip-link:focus{top:8px}
#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;width:100%;padding:16px;background:var(--sidebar);color:var(--ink);z-index:100}
#blazor-error-ui a{color:var(--accent)}
/* Still used by the scenario heading and retained record history. */
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.page-heading h1{margin:0}
.specialized-history{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem}
@media(max-width:760px){#main-content{padding:24px 18px}.page-heading{align-items:flex-start;gap:10px}}
@media(max-width:420px){.page-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}