@layer theme,base;@layer components{.bk-contents{padding-block:clamp(3rem, 2rem + 3vw, 5.5rem) var(--spacing-v5-section)}.bk-toc{margin:0;padding:0;list-style:none;display:grid}.bk-toc__item{isolation:isolate;border-bottom:1px solid var(--color-line);grid-template-columns:160px minmax(0,1fr);align-items:center;gap:18px 34px;padding:22px 0;display:grid;position:relative}.bk-toc__item:before{content:"";z-index:-1;background:var(--sec-ground);opacity:0;transition:opacity var(--duration-v5-base), transform var(--duration-v5-base) var(--ease-out-expo);border-radius:30px;position:absolute;inset:6px -16px;transform:scale(.97)}.bk-toc__item:hover:before,.bk-toc__item:focus-within:before{opacity:1;transform:none}.bk-toc__art{aspect-ratio:1;background:var(--art-ground,var(--sec-ground));width:160px;box-shadow:inset 0 0 0 1px #fff9, 0 16px 28px -18px var(--sec);border-radius:28px;display:block;position:relative;overflow:hidden}.bk-toc__art :is(picture,img){width:100%;height:100%;display:block}.bk-toc__art img{object-fit:cover;transition:transform .6s var(--ease-out-expo)}.bk-toc__glyph{--glyph-accent:var(--sec-paper);width:38px;height:38px;color:var(--sec);box-shadow:var(--shadow-navy-soft);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px}.bk-toc__glyph svg{width:21px;height:21px}.bk-toc__line{align-items:baseline;gap:14px;display:flex}.bk-toc__line h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);text-wrap:balance;flex:0 auto;font-size:clamp(1.35rem,1.1rem + .9vw,1.9rem);font-weight:560;line-height:1.12}.bk-toc__leader{border-bottom:2px dotted color-mix(in srgb, var(--sec) 50%, transparent);flex:24px;min-width:24px;translate:0 -6px}.bk-toc__no{font:italic 500 1.05rem var(--font-display);color:var(--sec-paper);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.bk-toc__desc{max-width:40rem;color:var(--color-lede);margin-top:6px}.bk-toc__item .pg-chips{margin-top:18px}.bk-toc__links{flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:14px;display:flex}.bk-toc__go{border-radius:var(--radius-pill);background:var(--sec);min-height:44px;color:var(--sec-on);font-size:var(--text-v5-s);box-shadow:0 10px 18px -12px var(--sec);transition:transform var(--duration-v5-base) var(--ease-out-expo), box-shadow var(--duration-v5-base);align-items:center;gap:8px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.bk-toc__go svg{width:16px;height:16px;transition:transform var(--duration-v5-base) var(--ease-out-expo)}.bk-toc__go:active{transform:scale(.97)}.bk-toc__ask{min-height:44px;color:var(--sec-paper);font-size:var(--text-v5-s);text-underline-offset:4px;align-items:center;font-weight:650;display:inline-flex}.bk-toc__ask:hover{text-decoration-thickness:2px}@media (hover:hover) and (pointer:fine){.bk-toc__item:hover .bk-toc__art img{transform:scale(1.06)rotate(-2deg)}.bk-toc__go:hover{box-shadow:0 14px 24px -12px var(--sec);transform:translateY(-2px)}.bk-toc__go:hover svg{transform:translate(3px)}}.bk-toc__item--lead{border-radius:var(--radius-v5-panel);background:radial-gradient(70% 120% at 100% 0%, #ffffff8c, transparent 60%), var(--sec-ground);box-shadow:var(--shadow-navy-lift);border:0;grid-template-columns:240px minmax(0,1fr);align-items:start;margin-bottom:12px;padding:clamp(1.25rem,1rem + 1.4vw,2.25rem)}.bk-toc__item--lead:before{display:none}.bk-toc__item--lead .bk-toc__art{width:240px;box-shadow:0 0 0 8px #fff9, var(--shadow-navy-float);border-radius:36px}.bk-toc__item--lead .bk-toc__line h3{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem)}.bk-toc--skeleton .bk-toc__item{min-height:204px}.bk-toc--skeleton .bk-toc__art{background:var(--color-paper-sunken);box-shadow:none}.bk-toc__bone{background:var(--color-paper-sunken);border-radius:6px;width:min(24rem,70%);height:1.6em;display:block}.bk-unsure{padding-bottom:clamp(3rem,2rem + 3vw,5rem)}.bk-unsure__in{border-radius:var(--radius-v5-panel);background:radial-gradient(50% 120% at 0% 0%, color-mix(in srgb, var(--color-plum) 10%, transparent), transparent 70%), var(--color-paper-raised);box-shadow:inset 0 0 0 1px var(--color-line), var(--shadow-navy-soft);grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:20px 32px;padding:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid}.bk-unsure__icon{background:color-mix(in srgb, var(--color-plum) 12%, white);width:64px;height:64px;color:var(--color-plum-deep);box-shadow:0 0 0 8px color-mix(in srgb, var(--color-plum) 7%, transparent);border-radius:20px;place-items:center;display:grid}.bk-unsure__icon svg{width:30px;height:30px}.bk-unsure__copy h2{--pg-accent-color:var(--color-plum-deep);font-family:var(--font-display);font-size:var(--text-v5-h3);color:var(--color-ink);font-weight:560;line-height:1.15}.bk-unsure__copy p{color:var(--color-ink-muted);margin-top:8px}.bk-unsure__act{justify-items:start;gap:4px;min-width:0;display:grid}.bk-unsure .pg-search-pill{width:100%;max-width:none;box-shadow:inset 0 0 0 1.5px var(--color-line-strong)}.bk-unsure .pg-search-pill:focus-within{box-shadow:inset 0 0 0 2px var(--color-focus)}@media not (min-width:64em){.bk-unsure__in{grid-template-columns:auto minmax(0,1fr)}.bk-unsure__act{grid-column:1/-1;justify-items:stretch}.bk-unsure__act .pg-link-arrow{justify-self:start}}@media not (min-width:48em){.bk-toc__item{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px 18px;padding:18px 0}.bk-toc__art{border-radius:20px;width:96px}.bk-toc__glyph{width:30px;height:30px;bottom:6px;right:6px}.bk-toc__glyph svg{width:17px;height:17px}.bk-toc__line{flex-direction:column-reverse;align-items:flex-start;gap:2px}.bk-toc__leader{display:none}.bk-toc__links{gap:4px 18px;margin-top:10px}.bk-toc__item--lead{grid-template-columns:minmax(0,1fr);padding:22px 20px}.bk-toc__item--lead .bk-toc__art{width:140px}.bk-toc__line h3{font-size:1.25rem}.bk-toc__item--lead .bk-toc__line h3{font-size:1.6rem}.bk-toc__no{font-size:.95rem}}@media not (min-width:37.5em){.bk-unsure__in{grid-template-columns:minmax(0,1fr)}}@media not (min-width:22.5em){.bk-toc__item{grid-template-columns:72px minmax(0,1fr)}.bk-toc__art{border-radius:16px;width:72px}.bk-toc__glyph{display:none}}}@layer utilities;@media (prefers-reduced-motion:reduce){.bk-toc__item:before,.bk-toc__art img,.bk-toc__go,.bk-toc__go svg{transition:none}.bk-toc__item:hover .bk-toc__art img,.bk-toc__go:hover,.bk-toc__go:hover svg{transform:none}}:root[data-motion=reduced] .bk-toc__item:before,:root[data-motion=reduced] :is(.bk-toc__art img,.bk-toc__go,.bk-toc__go svg){transition:none}
