.yl-btn{cursor:pointer;white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.yl-btn:hover{text-decoration:none}.yl-btn-ghost{border:1px solid var(--color-border);color:var(--color-fg);background:0 0;padding:8px 14px}.yl-btn-card{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-fg)}.yl-btn-ghost:hover,.yl-btn-card:hover{border-color:color-mix(in oklab, var(--color-fg) 30%, var(--color-border))}.yl-btn-accent{background:var(--color-accent);color:var(--color-accent-fg)}.yl-btn-accent:hover{filter:brightness(1.08)}.yl-btn-lg{border-radius:12px;padding:14px 26px;font-size:15px}
.yl-header{--yl-header-max:1160px;--yl-header-pad:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab, var(--color-bg) 88%, transparent);border-bottom:1px solid var(--color-border);z-index:50;transition:background-color .3s;position:sticky;top:0}.yl-header[data-surface=card]{--yl-header-max:1440px;--yl-header-pad:20px;background:color-mix(in oklab, var(--color-card) 88%, transparent)}.yl-header-inner{height:64px;max-width:var(--yl-header-max);padding:0 var(--yl-header-pad);align-items:center;gap:12px;margin:0 auto;display:flex}.yl-header-logo{color:inherit;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.yl-nav{gap:18px;margin-left:26px;font-size:13.5px;display:flex}.yl-nav a{color:var(--color-muted);white-space:nowrap;align-items:center;min-height:44px;text-decoration:none;transition:color .18s ease-out;display:inline-flex}.yl-nav a:hover{color:var(--color-fg);text-decoration:underline}.yl-header-logo:focus-visible,.yl-nav a:focus-visible,.yl-header-menu-nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:8px}.yl-nav a[aria-current=page],.yl-header-menu-nav a[aria-current=page]{color:var(--color-fg);font-weight:700}.yl-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.yl-header .yl-header-menu-toggle{display:none}.yl-header-menu{background:var(--color-card);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);max-height:calc(100dvh - 66px);padding:12px 0 20px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.yl-header-menu-nav{max-width:var(--yl-header-max);padding:0 var(--yl-header-pad);flex-direction:column;margin:0 auto;display:flex}.yl-header-menu-nav a:not(.yl-btn){color:var(--color-muted);align-items:center;min-height:44px;font-size:15px;text-decoration:none;display:flex}.yl-header-menu-nav a:not(.yl-btn):hover{color:var(--color-fg)}.yl-header-menu-cta{min-height:50px;margin-top:12px;font-size:15px}@media (max-width:1199px){.yl-nav,.yl-header-cta{display:none}.yl-header .yl-header-menu-toggle{background:var(--plaque);display:inline-flex}}@media (min-width:1200px){.yl-header-menu{display:none}}@media (max-width:720px){.yl-header{--yl-header-pad:18px}}@media (min-width:768px){.yl-header-menu-cta{align-self:flex-start}}@media (min-width:1024px){.yl-header[data-surface=card]{--yl-header-pad:80px}}@media (prefers-reduced-motion:reduce){.yl-nav a{transition:none}}
