.v4 .bm-hero{padding-top:clamp(118px,11vw,164px)}.v4 .bm-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(calc(28 * var(--u, 1px)),5vw,calc(80 * var(--u, 1px)))}.v4 .bm-hero-copy{display:grid;justify-items:start;gap:18px}.v4 .bm-hero-copy .pg-actions{justify-content:flex-start}.v4 .bm-title{max-width:16em;font-family:var(--p-display);font-size:clamp(calc(36 * var(--u, 1px)),4.4vw,calc(60 * var(--u, 1px)));font-weight:700;line-height:1.02;letter-spacing:-.035em}.v4 .bm-hero-copy .p-lede{margin:0}.v4 .bm-diff{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px;max-width:36em}.v4 .bm-diff li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:start;font-size:calc(15 * var(--ut, 1px));line-height:1.45;color:var(--p-ink)}.v4 .bm-diff .px-icon{margin-top:4px}.v4 .bm-hero-fig{margin:0;align-items:center;gap:18px;padding:clamp(28px,3.4vw,48px);box-shadow:var(--p-shadow-float)}.v4 .bm-hero-fig figcaption{display:grid;justify-items:center;gap:4px;text-align:center}.v4 .bm-hero-fig figcaption b{font-family:var(--p-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--p-amber-ink)}.v4 .bm-hero-fig figcaption span{font-size:14px;color:var(--p-ink-2)}.v4 .bm-ring{position:relative;width:min(100%,calc(320 * var(--u, 1px)));aspect-ratio:1}.v4 .bm-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.v4 .bm-ring circle{fill:none;stroke-width:14}.v4 .bm-ring-track{stroke:#14131212}.v4 .bm-ring-fill{stroke:var(--p-amber);stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--off);transition:stroke-dashoffset 1.4s var(--p-ease)}.v4 .is-dark .bm-ring-fill{stroke-dashoffset:var(--len);transition:none}.v4 .bm-ring-n{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;margin:0;text-align:center}.v4 .bm-ring-n b{font-family:var(--p-display);font-size:clamp(calc(56 * var(--u, 1px)),6.4vw,calc(84 * var(--u, 1px)));font-weight:800;line-height:.9;letter-spacing:-.05em;color:var(--p-ink)}.v4 .bm-ring-n b span{font-size:.5em;letter-spacing:-.02em}.v4 .bm-ring-n>span{font-size:13px;color:var(--p-ink-2)}@media(max-width:900px){.v4 .bm-hero-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.v4 .bm-hero{padding-top:108px}.v4 .bm-hero-copy .pg-actions{width:100%}}.v4 .bm-board{list-style:none;margin:0;padding:0;display:grid;gap:10px}.v4 .bm-board li{display:grid;grid-template-columns:calc(28 * var(--u, 1px)) calc(250 * var(--u, 1px)) minmax(0,1fr) calc(150 * var(--u, 1px));grid-template-areas:"rank name bar score" "rank name src src";align-items:center;gap:6px calc(22 * var(--u, 1px));padding:calc(16 * var(--u, 1px)) calc(22 * var(--u, 1px));border-radius:var(--p-r-inner);background:var(--p-card);border:1px solid var(--p-line)}.v4 .bm-board li.is-recallr{border-color:var(--p-amber);box-shadow:var(--p-shadow)}.v4 .bm-board-rank{grid-area:rank;align-self:center;font-size:12px;color:var(--p-ink-2)}.v4 .is-recallr .bm-board-rank{color:var(--p-amber-ink);font-weight:700}.v4 .bm-chip{display:inline-flex;margin-right:8px;padding:2px 9px;border-radius:999px;background:var(--p-amber-soft);color:var(--p-amber-ink);font-size:12px;font-weight:600}.v4 .bm-board-name{grid-area:name;display:grid;gap:3px}.v4 .bm-board-name b{font-family:var(--p-display);font-size:calc(18 * var(--ut, 1px));font-weight:650;letter-spacing:-.01em;line-height:1.2}.v4 .is-recallr .bm-board-name b{color:var(--p-amber-ink)}.v4 .bm-board-name span{font-size:13px;line-height:1.35;color:var(--p-ink-2)}.v4 .bm-board-bar{grid-area:bar;position:relative;height:calc(14 * var(--u, 1px));border-radius:4px;background:#1413120f;overflow:hidden}.v4 .bm-board-bar i{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:4px;background:var(--p-ink-3);transition:width 1s var(--p-ease)}.v4 .is-recallr .bm-board-bar i{background:var(--p-amber)}.v4 .is-dark .bm-board-bar i{width:0;transition:none}.v4 .bm-board-score{grid-area:score;display:grid;justify-items:end;gap:2px;text-align:right}.v4 .bm-board-score b{font-family:var(--p-display);font-size:calc(24 * var(--ut, 1px));font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.v4 .bm-board-score .p-mono{font-size:10px;letter-spacing:.02em;text-transform:none;color:var(--p-ink-2)}.v4 .bm-board-src{grid-area:src;font-size:13px;color:var(--p-ink-2)}.v4 .bm-board-src a,.v4 .bm-method-list a{color:var(--p-amber-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}@media(max-width:760px){.v4 .bm-board li{grid-template-columns:18px minmax(0,1fr) auto;grid-template-areas:"rank name score" "bar bar bar" "src src src";padding:14px 16px}}.v4 .bm-ex-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16 * var(--u, 1px));align-items:start}.v4 .bm-chat{gap:12px}.v4 .bm-chat-kind{margin:0 0 4px;font-size:10.5px;color:var(--p-ink-2)}.v4 .bm-bubble{margin:0;max-width:94%;font-size:calc(15 * var(--ut, 1px));line-height:1.5;overflow-wrap:anywhere}.v4 .bm-bubble.is-you{align-self:flex-end;padding:10px 14px;border-radius:18px 18px 4px;background:var(--p-ink);color:#fff}.v4 .bm-bubble.is-recallr{display:grid;gap:8px;padding:12px 14px;border-radius:18px 18px 18px 4px;background:var(--p-mist);color:var(--p-ink)}.v4 .bm-bubble.is-recallr p{margin:0}@media(max-width:640px){.v4 .bm-ex-grid{grid-template-columns:minmax(0,1fr)}}.v4 .bm-method-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(calc(32 * var(--u, 1px)),6vw,calc(88 * var(--u, 1px)));align-items:start}.v4 .bm-method-grid .p-intro{margin-bottom:0}.v4 .bm-method-list{margin:0;border-top:1px solid var(--p-line)}.v4 .bm-method-list>div{display:grid;grid-template-columns:calc(150 * var(--u, 1px)) minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--p-line)}.v4 .bm-method-list dt{font-weight:650;color:var(--p-ink)}.v4 .bm-method-list dd{margin:0;font-size:calc(15.5 * var(--ut, 1px));line-height:1.55;color:var(--p-ink-2)}@media(max-width:900px){.v4 .bm-method-grid{grid-template-columns:minmax(0,1fr)}.v4 .bm-method-list>div{grid-template-columns:minmax(0,1fr);gap:4px}}