.oi-index .container.grid{row-gap:0}.oi-index h2{grid-column:1/-1;font-size:var(--h2);max-width:16em;margin-bottom:clamp(2rem,5vw,4rem)}.oi-cat{grid-column:1/-1;display:grid;gap:1.75rem;padding-block:clamp(2rem,5vw,4rem);border-top:1px solid var(--line)}.oi-cat:last-child{padding-bottom:0}.oi-head{display:grid;gap:1rem;justify-items:start;align-content:start}.oi-head h3{font-size:clamp(1.5rem,1.1rem + 1.9vw,2.5rem)}.oi-head .lead{max-width:24em}.oi-head .link .icon{color:var(--accent)}.oi-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.oi-list a{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.8rem;border-bottom:1px solid var(--line);font-size:clamp(1.1875rem,1rem + .7vw,1.5rem);font-weight:500;letter-spacing:var(--track-heading);line-height:1.2;color:var(--ink);text-decoration:none;transition:color var(--t-base)}.oi-list a span{transition:translate var(--t-base) var(--ease)}.oi-list a .icon{width:1.25rem;height:1.25rem;color:var(--ink-muted);translate:-4px 0;transition:color var(--t-fast),translate var(--t-base) var(--ease)}@media(hover:hover){.oi-list:hover a{color:var(--ink-muted)}.oi-list a:focus-visible,.oi-list a:hover{color:var(--ink)}.oi-list a:hover span{translate:.5rem 0}}.oi-list a:focus-visible .icon,.oi-list a:hover .icon{color:var(--accent);translate:0 0}.oi-list a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.oi-list li.spot:after{inset:auto 0 0;height:1px;padding:0;-webkit-mask:none;mask:none;background:radial-gradient(240px circle at var(--x,50%) 50%,var(--accent),transparent 75%)}.oi-list li.spot:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(360px circle at var(--x,50%) var(--y,50%),color-mix(in oklab,var(--accent) 12%,transparent),transparent 70%);opacity:0;transition:opacity var(--t-base)}.oi-list li.spot:hover:before{opacity:1}@media(min-width:1024px){.oi-cat{grid-template-columns:5fr 7fr;-moz-column-gap:clamp(2rem,7vw,7rem);column-gap:clamp(2rem,7vw,7rem);align-items:start}.oi-head{position:sticky;top:5.5rem;padding-top:.75rem}.oi-list{border-top:0}.oi-list a{padding-block:1.05rem}}@media(prefers-reduced-motion:reduce){.oi-list a,.oi-list a .icon,.oi-list a span,.oi-list li.spot:before{transition:none}.oi-list a:hover span{translate:0 0}}.kb-find{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:clamp(1.5rem,4vw,3rem)}.kb-find input{flex:1 1 18rem;min-width:0;font:inherit;font-size:var(--body-lg);color:var(--ink);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-s);padding:.875rem 1.125rem}.kb-find input::-moz-placeholder{color:var(--ink-muted)}.kb-find input::placeholder{color:var(--ink-muted)}.kb-find input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.kb-count{font-size:var(--small);color:var(--ink-muted);white-space:nowrap}.kb-count b{color:var(--ink);font-weight:500}.kb-empty{grid-column:1/-1;padding-block:2rem;color:var(--ink-muted)}.oi-index.kb .oi-head h2{font-size:clamp(1.5rem,1.1rem + 1.9vw,2.5rem);margin-bottom:0;max-width:none}.oi-index.kb .oi-list a{display:grid;grid-template-columns:1fr auto;align-items:center;-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:.2rem;font-size:var(--h5)}.oi-index.kb .oi-list a .icon{grid-column:2;grid-row:1/span 2}.oi-index.kb .oi-sub{font-size:var(--small);font-weight:400;letter-spacing:0;line-height:1.4;color:var(--ink-muted)}.oi-index.kb .oi-list li.spot:after,.oi-index.kb .oi-list li.spot:before{display:none}@media(hover:hover){.oi-index.kb .oi-list:hover a{color:var(--ink)}.oi-index.kb .oi-list a:hover span{translate:0 0}}.oi-index.kb .oi-cat[hidden],.oi-index.kb .oi-list li[hidden]{display:none}