.qsb-index{position:relative}.qsb-index__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--qs-rule, var(--qs-rule-base))}.qsb-index__list>li{border-bottom:1px solid var(--qs-rule, var(--qs-rule-base))}.qsb-index__row{display:grid;grid-template-columns:4.5rem 1fr;gap:var(--qs-space-5);align-items:start;padding:var(--qs-space-6) 0;text-decoration:none;color:inherit;transition:padding-left .24s var(--qs-ease-out, ease-out)}.qsb-index__row:hover,.qsb-index__row:focus-visible{padding-left:var(--qs-space-4)}.qsb-index__row:focus-visible{outline:2px solid var(--qs-focus);outline-offset:var(--qs-focus-offset, 3px)}.qsb-index__n{color:var(--qs-text-tertiary);padding-top:.35em;font-variant-numeric:tabular-nums;transition:color .24s var(--qs-ease-out, ease-out)}.qsb-index__row:hover .qsb-index__n,.qsb-index__row:focus-visible .qsb-index__n{color:var(--qs-text-accent)}.qsb-index__body{display:grid;gap:var(--qs-space-2);max-width:var(--qs-measure-body, 62ch)}.qsb-index__meta{color:var(--qs-text-tertiary)}.qsb-index__title{font-family:var(--qs-font-display);font-size:clamp(22px,2.6vw,34px);line-height:1.06;letter-spacing:-.02em;color:var(--qs-text);text-wrap:balance}.qsb-index__excerpt{color:var(--qs-text-secondary);font-size:15px;line-height:1.6}.qsb-index__preview{position:absolute;top:0;right:0;z-index:2;width:clamp(230px,22vw,330px);aspect-ratio:4 / 3;pointer-events:none;background:var(--qs-ink);border:1px solid var(--qs-rule-strong, var(--qs-rule-base));opacity:0;transform:translate3d(0,calc(var(--qsb-y, 0px) - 50%),0) scale(.94);transition:opacity .26s var(--qs-ease-out, ease-out),transform .42s var(--qs-ease-out, ease-out)}.qsb-index__preview[data-open=true]{opacity:1;transform:translate3d(0,calc(var(--qsb-y, 0px) - 50%),0) scale(1)}.qsb-index__preview{--qs-text: var(--qs-paper);--qs-text-accent: var(--qs-teal)}.qsb-index[data-hovers=false] .qsb-index__row{grid-template-columns:4.5rem minmax(96px,22%) 1fr}.qsb-index__inline{position:relative;display:block;aspect-ratio:4 / 3;background:var(--qs-ink);border:1px solid var(--qs-rule, var(--qs-rule-base));--qs-text: var(--qs-paper);--qs-text-accent: var(--qs-teal)}@media(max-width:640px){.qsb-index__row,.qsb-index[data-hovers=false] .qsb-index__row{grid-template-columns:2.75rem 1fr;gap:var(--qs-space-4);padding:var(--qs-space-5) 0}.qsb-index__inline{grid-column:1 / -1;grid-row:1;margin-bottom:var(--qs-space-4);aspect-ratio:16 / 7}.qsb-index__n,.qsb-index__body{grid-row:2}}@media(prefers-reduced-motion:reduce){.qsb-index__row,.qsb-index__n,.qsb-index__preview{transition:none}}.qsb-archive{margin-top:var(--qs-space-9)}.qsb-archive__title{margin:0 0 var(--qs-space-5);font-family:var(--qs-font-display);font-weight:700;font-size:var(--qs-display-4);line-height:var(--qs-leading-title);letter-spacing:var(--qs-track-title);color:var(--qs-text)}.qsb-archive .qsb-index{margin-top:0}.qsb-index[data-compact=true] .qsb-index__row{grid-template-columns:4.5rem 1fr;align-items:baseline;padding-block:14px}.qsb-index[data-compact=true] .qsb-index__n{padding-top:0}.qsb-index[data-compact=true] .qsb-index__title{font-size:var(--qs-text-title);line-height:1.2}@media(min-width:1280px){.qsb-index[data-compact=true] .qsb-index__body{grid-template-columns:17rem minmax(0,1fr);align-items:baseline;column-gap:var(--qs-space-5);max-width:56rem}.qsb-index[data-compact=true] .qsb-index__meta{white-space:nowrap}.qsb-index[data-compact=true][data-hovers=true] .qsb-index__body{max-width:min(56rem,calc(100% - clamp(230px,22vw,330px) - var(--qs-space-6)))}}@media(max-width:640px){.qsb-index[data-compact=true] .qsb-index__row{grid-template-columns:2.75rem 1fr;gap:var(--qs-space-2) var(--qs-space-4)}.qsb-index[data-compact=true] .qsb-index__body{display:contents}.qsb-index[data-compact=true] .qsb-index__n{grid-row:1;grid-column:1}.qsb-index[data-compact=true] .qsb-index__meta{grid-row:1;grid-column:2}.qsb-index[data-compact=true] .qsb-index__title{grid-row:2;grid-column:1 / -1}}
