@layer components{.prose-guide{max-width:68ch;color:var(--ink-body);overflow-wrap:break-word;font-size:1.0625rem;font-weight:450;line-height:1.7}.prose-guide>:first-child{margin-top:0}.prose-guide :where(p,ul,ol,blockquote,pre,.table-wrap,picture,figure,aside){margin-top:1.15em}.prose-guide :where(h2,h3){font-family:var(--font-display);color:var(--ink);text-wrap:balance;scroll-margin-top:7rem;font-weight:650}.prose-guide h2{letter-spacing:-.025em;margin-top:2.4em;font-size:clamp(1.5rem,1.25rem + .9vw,1.9rem);line-height:1.15}.prose-guide h3{letter-spacing:-.015em;margin-top:1.9em;font-size:1.25rem;line-height:1.3}.prose-guide :where(h2,h3)+*{margin-top:.6em}.prose-guide strong{color:var(--ink);font-weight:650}.prose-guide a{color:var(--teal-text);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out);text-decoration:underline;text-decoration-thickness:1px}.prose-guide a:hover{color:var(--teal-text-hover)}.prose-guide :where(ul,ol){padding-left:1.3em}.prose-guide ul{list-style:outside}.prose-guide ol{list-style:decimal}.prose-guide li+li{margin-top:.4em}.prose-guide li::marker{color:var(--teal-mark)}.prose-guide code{font-family:var(--font-mono);background:var(--sunken);color:var(--ink);border-radius:6px;padding:.1em .35em;font-size:.9em}.prose-guide pre{background:var(--sunken);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;padding:16px 18px;font-size:.875rem;line-height:1.6;overflow-x:auto}.prose-guide pre code{background:0 0;padding:0}.prose-guide blockquote{border-left:2px solid var(--teal);color:var(--ink-2);padding-left:1.1em}.prose-guide hr{background:var(--metal-line);border:0;height:1px;margin-block:2.4em}.prose-guide :where(img,picture img){border-radius:14px;max-width:100%;height:auto;display:block}.prose-guide picture{display:block}.prose-guide .table-wrap{box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:12px;overflow-x:auto}.prose-guide table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9375rem;line-height:1.45}.prose-guide :where(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 14px}.prose-guide th{color:var(--ink);box-shadow:inset 0 -1px 0 var(--steel-3);white-space:nowrap;background:linear-gradient(#fcfdfd 0%,#e8edec 100%);font-weight:600}.prose-guide tr:last-child td{border-bottom:0}.prose-guide .callout{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#e9eeed,#9ea9a8 30%,#f8fafa 55%,#aab4b3 80%,#e2e8e7) border-box;border:1px solid #0000;border-radius:14px;padding:16px 18px 16px 52px;position:relative;box-shadow:0 1px 2px #0e12120d}.prose-guide .callout>:first-child{margin-top:0}.prose-guide .callout:before{content:"";background-position:50%;background-repeat:no-repeat;border-radius:9999px;width:22px;height:22px;position:absolute;top:17px;left:16px}.prose-guide .callout-note:before{background-color:var(--teal-wash);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 5.2v3.6M6 3.2v.1' stroke='%23076f6b' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}.prose-guide .callout-warn{background:linear-gradient(var(--warn-wash), var(--warn-wash)) padding-box, linear-gradient(135deg, #e9eeed, #9ea9a8 30%, #f8fafa 55%, #aab4b3 80%, #e2e8e7) border-box}.prose-guide .callout-warn:before{background-color:#fde9d7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 2.6v4.2M6 9.2v.1' stroke='%23b54708' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}.prose-guide .callout-warn :where(strong,p:first-child){color:#8a3505}.prose-guide .guide-block{margin-top:1.6em;margin-bottom:.4em;font-size:1rem;line-height:1.5}.prose-guide .guide-block a{color:inherit;text-decoration:none}.prose-guide .guide-block :where(ul,ol){margin-top:0;padding-left:0;list-style:none}.prose-guide .guide-block li+li,.prose-guide .guide-block :where(p,picture,figure,aside,blockquote){margin-top:0}.guide-toc a[aria-current=true]{color:var(--teal-text);font-weight:600}.guide-toc a[aria-current=true]:before{background:var(--teal)}@media (prefers-reduced-motion:reduce){.prose-guide a{transition:none}}}