:root{--card-blue:#244bd8;--code-bg:#efefeb;--hover-surface:#f0f0ec;color-scheme:light}
:root[data-theme="dark"]{--paper:#181a19;--ink:#e7e9e2;--muted:#a1a69d;--line:#353933;--blue:#a6b7ff;--blue-soft:#232c44;--card-blue:#263ebd;--code-bg:#242824;--hover-surface:#242824;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--paper:#181a19;--ink:#e7e9e2;--muted:#a1a69d;--line:#353933;--blue:#a6b7ff;--blue-soft:#232c44;--card-blue:#263ebd;--code-bg:#242824;--hover-surface:#242824;color-scheme:dark}}
/* A quiet footer control; the override lasts only for this tab session. */
.theme-toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);font:inherit;flex:none}.theme-toggle:hover{color:var(--ink);background:var(--hover-surface)}.theme-icon{flex:none;width:14px;height:14px}.theme-toggle[aria-pressed="true"] .theme-icon{transform:rotate(180deg)}
.idea-context{flex-wrap:wrap;gap:8px 16px}
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .topbar{view-transition-name:site-navigation}
  main{view-transition-name:page-content}
  .footer{view-transition-name:site-footer}
  ::view-transition-group(*){animation-duration:180ms}
  ::view-transition-old(page-content){animation:reading-out 130ms ease both}
  ::view-transition-new(page-content){animation:reading-in 180ms ease both}
  @keyframes reading-out{to{opacity:0}}
  @keyframes reading-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
  a,button,summary{transition:color .16s,background-color .16s}
  .theme-icon,.marginalia summary span{transition:transform .2s ease}
  .theme-changing body{transition:background-color .2s,color .2s}
  .index-entry .external,.row-link>.external,.section-heading>a>span{transition:transform .16s ease}
  .index-entry:hover .external,.row-link:hover>.external,.row-link:focus-visible>.external{transform:translate(2px,-2px)}
  .section-heading>a:hover>span{display:inline-block;transform:translateX(3px)}
  .demo-panel{transition:opacity .18s;opacity:0}
  .compass-demo:has(input[value="generic"]:checked) .demo-generic,.compass-demo:has(input[value="grounded"]:checked) .demo-grounded{opacity:1}
}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{:root{--paper:white!important;--ink:#242721!important;--muted:#555!important;--line:#ddd!important;--blue:#244bd8!important;color-scheme:light}.theme-toggle{display:none}}