.b1-page{padding-block:1.1rem clamp(3.5rem,7vw,5rem)}.b1-head{max-width:64ch;margin-top:1.75rem}.b1-h1{font-size:clamp(2rem,4.4vw,2.9rem)}.b1-lede{max-width:52ch;color:var(--color-ink-2);margin-top:.85rem;font-size:17px}.b1-by{gap:.75rem;margin-top:1.5rem;display:grid}.b1-by-row{grid-template-columns:6.5rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.b1-by-k{color:var(--color-ink-3);margin:0;padding-top:.7rem;font-size:13.5px;font-weight:600}.b1-by .chips{margin:0;padding:0;list-style:none}.b1-by .chip{color:var(--color-ink);white-space:nowrap}.b1-by .chip:after{content:"→";color:var(--color-ink-3);transition:transform var(--dur-2) var(--ease-out), color var(--dur-1) ease}.b1-by .chip:hover:after{color:var(--color-ink);transform:translate(2px)}.b1-browse{margin-top:1.75rem}.b1-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.b1-dir{margin-top:clamp(3.5rem,7vw,5rem)}.b1-dir-h{max-width:34ch;font-size:clamp(1.45rem,2.6vw,2rem)}.b1-dir-list{border-top:1px solid var(--color-line);margin-top:1.25rem}.b1-dir-body{gap:1.1rem;display:grid}.b1-dir-series h3{font-family:var(--font-sans), sans-serif;letter-spacing:0;color:var(--color-ink-3);font-size:13.5px;font-weight:600}.b1-dir-series ul{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:0 1rem;margin:.35rem 0 0;padding:0;list-style:none;display:grid}.b1-dir-series a{min-height:36px;color:var(--color-accent);align-items:center;font-size:14.5px;display:flex}.b1-dir-series a:hover{color:var(--color-accent-hover);text-underline-offset:3px;text-decoration:underline}.b1-dir-more{justify-self:start}@media (max-width:620px){.b1-browse .filters{background:var(--color-surface);box-shadow:none;-webkit-backdrop-filter:none;position:static}.b1-browse .filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.b1-browse .filter-fields>:first-child{grid-column:1/-1}.b1-by-row{grid-template-columns:minmax(0,1fr);gap:.4rem}.b1-by-k{padding-top:0}.b1-by .chips{overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) var(--gutter), var(--color-ink) calc(100% - 2.5rem), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) var(--gutter), var(--color-ink) calc(100% - 2.5rem), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) var(--gutter), var(--color-ink) calc(100% - 2.5rem), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) var(--gutter), var(--color-ink) calc(100% - 2.5rem), transparent);mask-image:linear-gradient(90deg, transparent, var(--color-ink) var(--gutter), var(--color-ink) calc(100% - 2.5rem), transparent);flex-wrap:nowrap;overflow-x:auto}.b1-by .chips::-webkit-scrollbar{display:none}.b1-dir-series ul{grid-template-columns:repeat(2,minmax(0,1fr))}.b1-dir-series a{min-height:44px}}.b1-how{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem 2rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.b1-how li{border-top:1px solid var(--color-line);color:var(--color-ink-2);padding-top:.85rem;font-size:14.5px;line-height:1.55}.b1-how strong{color:var(--color-ink);margin-bottom:.2rem;font-weight:600;display:block}.b1-how a{color:var(--color-accent)}.b1-how a:hover{color:var(--color-accent-hover);text-underline-offset:3px;text-decoration:underline}.b1-cmp{flex-direction:column;display:flex}.b1-tool{margin-top:2rem}.b1-written{margin-top:clamp(3.5rem,7vw,5rem)}.b1-written-h{max-width:30ch;margin-bottom:1.25rem;font-size:clamp(1.45rem,2.6vw,2rem)}@media (max-width:620px){.b1-cmp .b1-tool{order:-1;margin-top:1.5rem}.b1-cmp .b1-how{margin-top:2rem}}