/* No layout or identity: only shared behavior and accessible control defaults. */
[data-sample-filters] button,[data-sample-tabs] button,[data-simulation] button,[data-dialog-close],[data-dialog-open]{min-height:44px;font:inherit;cursor:pointer}
[data-sample-tabs] [role=tab][aria-selected=true]{font-weight:700}
[data-sample-filters] [aria-pressed=true]{font-weight:700}
[data-sample-dialog]::backdrop{background:#0009}
[data-sample-dialog]{max-height:90svh;overflow:auto}
[data-simulation] [data-step-heading]:focus{outline:2px solid currentColor;outline-offset:4px}
[data-sample-tabs] :focus-visible,[data-sample-filters] :focus-visible,[data-simulation] :focus-visible{outline:3px solid currentColor;outline-offset:3px}
[data-sample-hero] [data-hero-photo]{animation:none}
[data-sample-hero].is-moving [data-hero-photo]{animation:sample-opening 5s ease-out both}
[data-sample-hero].is-frozen [data-hero-photo]{transform:scale(1.035)}
@keyframes sample-opening{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){[data-sample-hero] [data-hero-photo]{animation:none!important;transform:none!important}}

/* Transparent headers use the palette of the sample, above its own opening scene. */
header[data-sample-navigation]{position:absolute;top:var(--sample-notice-height,46px);left:50%;transform:translateX(-50%);z-index:25;width:min(1320px,calc(100% - 80px));display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;background:transparent;border-bottom:1px solid currentColor;color:var(--header-ink,#fff8ea)}
header[data-sample-navigation] .brand,header[data-sample-navigation] .aurora-brand{color:inherit}
[data-sample-nav]{display:flex;gap:28px;align-items:center}
[data-sample-nav] a{min-height:44px;display:inline-flex;align-items:center;color:inherit}
[data-sample-menu]{display:none;min-width:48px;min-height:48px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;border-radius:var(--radius,3px);position:relative;z-index:3;cursor:pointer}
.sample-nav-shade{position:fixed;inset:calc(-1 * var(--sample-notice-height,46px)) -100vw -100vh;background:#102a23b3;z-index:1}
header[data-sample-navigation] :focus-visible{outline:3px solid currentColor;outline-offset:5px}
.sample-profile{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;min-height:100%;background:var(--paper,#f7f3eb);color:var(--ink,#253c3b)}
.sample-profile__photo{width:100%;height:100%;min-height:580px;object-fit:cover;background:var(--wash,#e9e1d3)}
.sample-profile__body{padding:clamp(32px,6vw,88px);align-self:center;max-width:850px}
.profile-navigation{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
dialog[data-profile-fullscreen]{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:auto;background:var(--paper,#f7f3eb);color:var(--ink,#253c3b)}
dialog[data-profile-fullscreen][open],.rs-profile-dialog[open]{animation:profile-arrival .45s cubic-bezier(.2,.65,.3,1)}
dialog[data-profile-fullscreen]>[data-dialog-close]{position:fixed;top:20px;right:24px;z-index:2;margin:0;background:var(--paper,#f7f3eb);color:var(--ink,#253c3b);border:1px solid currentColor;box-shadow:0 4px 20px #0002}
@keyframes profile-arrival{from{transform:translateX(-8%);opacity:0}to{transform:translateX(0);opacity:1}}
[data-sample-tabs] [role=tabpanel]:not([hidden]){animation:sample-panel .25s ease-out}
@keyframes sample-panel{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:800px){
  header[data-sample-navigation]{width:calc(100% - 36px);padding:18px 0;gap:10px}
  header[data-sample-navigation] .brand{font-size:25px}
  header[data-sample-navigation] .brand span{font-size:10px;letter-spacing:.04em}
  .sample-nav-ready [data-sample-menu]{display:inline-flex;justify-content:center;align-items:center}
  .sample-nav-ready [data-sample-nav]{position:fixed;top:74px;right:0;z-index:2;width:min(360px,calc(100vw - 36px));max-height:calc(100dvh - 155px);overflow:auto;padding:24px;display:flex;flex-direction:column;align-items:stretch;gap:4px;background:var(--paper,#f7f3eb);color:var(--ink,#253c3b);border-radius:var(--radius,3px);box-shadow:0 20px 70px #0004}
  .sample-nav-ready [data-sample-nav] a{padding:10px 4px;border-bottom:1px solid var(--line,#d5cec1);font-size:18px;text-decoration:none}
  header[data-sample-navigation]:not(.sample-nav-ready){flex-wrap:wrap;position:relative;top:auto;color:var(--ink,#253c3b)}
  header[data-sample-navigation]:not(.sample-nav-ready) nav{flex-wrap:wrap;gap:4px 18px}
  .sample-profile{grid-template-columns:1fr}
  .sample-profile__photo{height:42dvh;min-height:280px;object-position:center 25%}
  .sample-profile__body{padding:32px 24px}
}
@media(prefers-reduced-motion:reduce){dialog[data-profile-fullscreen][open],.rs-profile-dialog[open],[data-sample-tabs] [role=tabpanel]:not([hidden]){animation:none!important}}

dialog[data-profile-fullscreen]{background:var(--wash,#e9e1d3)}
dialog[data-profile-fullscreen]>.sample-profile{margin-left:24px;width:calc(100% - 24px)}