@layer components{.koi-page{max-width:58ch;font-size:var(--text-base);margin-top:clamp(32px,9vh,112px);line-height:1.6}@media (width>=681px){.koi-page:not(.koi-page-wide) .koi-mono{font-size:1em}}.koi-page-title{font-weight:inherit;color:color-mix(in srgb, var(--muted) 72%, var(--bg));margin-bottom:2.6em}.koi-page-wide{max-width:none;font-size:inherit;line-height:inherit}.koi-page-wide .koi-page-title{font-size:1rem;line-height:1.6}@media (width<=680px){.koi-page-wide .koi-page-title{font-size:var(--text-base)}}.koi-page-back{margin-top:2.6em}.koi-page-section{margin-top:4.5em}.koi-entry+.koi-entry{margin-top:3em}.koi-dim{isolation:isolate;position:relative}.koi-dim:before{content:"";z-index:-1;background:color-mix(in srgb, var(--bg) 80%, transparent);pointer-events:none;position:absolute;inset:-1.5em -2.5em;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5em calc(100% - 2.5em),#0000),linear-gradient(#0000,#000 1.5em calc(100% - 1.5em),#0000);mask-image:linear-gradient(90deg,#0000,#000 2.5em calc(100% - 2.5em),#0000),linear-gradient(#0000,#000 1.5em calc(100% - 1.5em),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.koi-entry-lead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:2ch;display:flex}.koi-link-quiet{-webkit-text-decoration-color:color-mix(in srgb, var(--border) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--border) 50%, transparent)}}