@layer components{.read{max-width:65ch;color:var(--ink-2);flex-direction:column;gap:2rem;display:flex}.read section{flex-direction:column;gap:.75rem;display:flex}.read h2{color:var(--ink);text-wrap:balance;font-size:1.125rem;font-weight:700;line-height:1.25}.read h3{color:var(--ink);font-size:1.0625rem;font-weight:750;line-height:1.25}.read p,.read li{text-wrap:pretty;line-height:1.55}.read ul{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.read li{border-bottom:1px solid var(--rule);padding:.625rem 0}.read a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:.2em;transition:text-decoration-color var(--dur-press) ease;text-decoration-thickness:1px}.read strong{color:var(--ink);font-weight:700}.read .todo{border:1px dashed var(--or);color:var(--or-ink);white-space:nowrap;border-radius:3px;padding:0 .3em}.credits li{flex-direction:column;gap:.25rem;padding:.875rem 0;display:flex}.read .updated{color:var(--ink-3);font-size:.8125rem}@media (hover:hover){.read a:hover{text-decoration-color:currentColor}}}