@layer components{.h-prose{text-wrap:pretty;max-width:70ch;font-size:1.0625rem;line-height:1.75}.h-prose:lang(ar){line-height:1.9}.h-card{transition:border-color .16s,background-color .16s}.h-card:hover{border-color:var(--foreground);background-color:color-mix(in oklab, var(--l-card) 70%, transparent)}.h-card:hover .l-arrow{translate:.25rem}[dir=rtl] .h-card:hover .l-arrow{translate:-.25rem}.h-link{color:var(--foreground);text-underline-offset:.3em;font-weight:500;text-decoration-line:underline;text-decoration-thickness:1.5px}.h-link:hover{-webkit-text-decoration-color:var(--l-saffron);text-decoration-color:var(--l-saffron);text-decoration-thickness:3px}.h-code{border:1px solid var(--l-rule);background-color:var(--l-card);font-family:var(--app-font-mono);white-space:nowrap;direction:ltr;unicode-bidi:isolate;border-radius:2px;padding:.05em .3em;font-size:.875em}.h-kbd{border:1px solid var(--l-rule-strong);font-family:var(--app-font-mono);color:var(--muted-foreground);border-radius:2px;padding-inline:.4rem;font-size:.75rem;line-height:1.5}.h-article :is(h2,h3)[id]{scroll-margin-top:6rem}@media print{.h-no-print{display:none}}}