.ob-page{background:radial-gradient(1200px 600px at 85% -10%, color-mix(in srgb, var(--c-primary) 14%, transparent), transparent 60%), radial-gradient(900px 500px at -10% 30%, color-mix(in srgb, var(--c-gold) 12%, transparent), transparent 60%), var(--c-bg);min-height:100vh;color:var(--c-ink)}:root[data-theme=dark] .ob-page{background:radial-gradient(1200px 600px at 85% -10%, color-mix(in srgb, var(--c-navy) 30%, transparent), transparent 60%), radial-gradient(900px 500px at -10% 30%, color-mix(in srgb, var(--c-primary) 10%, transparent), transparent 60%), var(--c-bg)}.ob-header{z-index:var(--z-nav);justify-content:space-between;align-items:center;gap:var(--s-4);background:color-mix(in srgb, var(--c-bg) 82%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.2);border-bottom:1px solid color-mix(in srgb, var(--c-line) 70%, transparent);height:68px;padding:0 clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.ob-header--transparent{-webkit-backdrop-filter:none;background:0 0;border-bottom-color:#0000}.ob-brand{align-items:center;gap:var(--s-2);color:var(--c-ink);border-radius:var(--r-pill);text-decoration:none;display:inline-flex}.ob-brand:hover{text-decoration:none}.ob-brand__name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);letter-spacing:-.01em}.ob-header__tools{align-items:center;gap:var(--s-2);display:flex}.ob-container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.ob-display{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-weight:800;line-height:1.15}.ob-text-link{color:var(--c-navy);font:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--c-navy) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--c-navy) 35%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;display:inline}.ob-text-link:hover{text-decoration-color:currentColor}.ob-text-link:disabled{color:var(--c-ink-2);cursor:not-allowed}