@layer components{.pocket-tabs{border-bottom:2px solid var(--p-ink);scrollbar-width:none;gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.pocket-tab{min-height:44px;color:var(--ps-muted);cursor:pointer;background:0 0;border:2px solid #0000;border-bottom:0;border-radius:12px 12px 0 0;flex-shrink:0;align-items:center;padding:10px 16px;font:700 14px/1.2 Bricolage Grotesque,sans-serif;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.pocket-tab:hover:not([data-selected],[aria-current=page]){color:var(--p-ink);background:var(--pf-display)}.pocket-tab:is([data-selected],[aria-current=page]){border-color:var(--p-ink);background:var(--p-yellow);color:var(--p-ink)}.pocket-tab-panel{min-width:0}.pocket-segments{border:2px solid var(--p-ink);background:var(--pf-display);max-width:100%;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--p-ink) 10%, transparent);border-radius:14px;gap:3px;padding:3px;display:inline-flex}.pocket-segment{min-height:38px;color:var(--p-ink);white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font:650 13px/1.2 Bricolage Grotesque,sans-serif;transition:background-color .15s;display:inline-flex}.pocket-segment[data-checked]{background:var(--p-cobalt);color:#fff;box-shadow:0 2px 0 var(--p-ink)}@media (pointer:coarse){.pocket-segment{min-height:44px}}@media (prefers-reduced-motion:reduce){.pocket-tab,.pocket-segment{transition:none}}}