.site-panel{max-width:44rem;padding:var(--space-xl,2rem) var(--layout-gutter,1rem);color:var(--text-primary,CanvasText);font-family:var(--font-sans,sans-serif);overflow-wrap:break-word;margin-inline:auto;line-height:1.6}.site-panel__title{margin:0 0 var(--space-md,1rem);font-size:var(--text-h2,1.75rem)}.site-panel__lead{margin:0 0 var(--space-lg,1.5rem);opacity:.75}.site-panel__group{margin-block:var(--space-lg,1.5rem);padding:var(--space-md,1rem);border:1px solid var(--border-structural,color-mix(in oklab, currentColor 22%, transparent));border-radius:var(--radius-panel,0)}.site-panel__group h2{margin:0 0 var(--space-sm,.5rem);font-size:var(--text-body,1.125rem)}.site-panel__row{border-top:1px solid color-mix(in oklab, currentColor 10%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-block:.75rem;display:flex}.site-panel__group h2+.site-panel__row{border-top:0}.site-panel__label{flex:14rem;gap:.15rem;min-width:0;display:grid}.site-panel__label small{opacity:.65;font-size:.875rem}.site-panel__segments{border:1px solid color-mix(in oklab, currentColor 30%, transparent);border-radius:999px;padding:3px;display:inline-flex}.site-panel__segment{min-height:2.25rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:.25rem .9rem;text-decoration:none;display:inline-flex}.site-panel__segment[aria-checked=true],.site-panel__segment[aria-current=page]{color:var(--surface-page,Canvas);background:currentColor;background:var(--text-primary,CanvasText)}.site-panel__switch{min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:0;display:inline-flex}.site-panel__knob{background:color-mix(in oklab, currentColor 22%, transparent);border-radius:999px;width:2.75rem;height:1.5rem;transition:background-color .25s;position:relative}.site-panel__knob:after{content:"";background:var(--surface-page,Canvas);border-radius:50%;width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.site-panel__switch[aria-checked=true] .site-panel__knob{background:var(--accent,var(--text-primary,CanvasText))}.site-panel__switch[aria-checked=true] .site-panel__knob:after{transform:translate(1.25rem)}.site-panel__state{text-align:start;min-width:2.5rem}.site-panel__link{color:inherit}.site-panel__actions{gap:var(--space-sm,.75rem);margin-block:var(--space-lg,1.5rem);flex-wrap:wrap;display:flex}.site-panel__button{border:1px solid var(--border-structural,currentColor);border-radius:var(--radius-control,0);min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;padding:.5rem 1rem}.site-panel :focus-visible{outline-offset:3px;outline:2px solid}@media (prefers-reduced-motion:reduce){.site-panel__knob,.site-panel__knob:after{transition:none}}