.colophon{max-width:760px;margin:0 auto}.col-head{margin-bottom:56px}.col-name{font-family:var(--font-display);font-size:var(--size-mega);font-weight:700;line-height:1.1;letter-spacing:-1px;color:var(--text);margin:0 0 16px}.col-sub{font-family:var(--font-vollkorn);font-size:var(--size-medium);line-height:1.6;color:var(--text-muted);margin:0;max-width:40em}.col-section{margin-bottom:52px}.col-h2{font-family:var(--font-display);font-size:var(--size-h2);color:var(--text);margin:0 0 20px}.col-section p{font-family:var(--font-vollkorn);font-size:var(--size-base);line-height:1.7;color:var(--text-muted);margin:0 0 16px;max-width:40em}.col-section p:last-child{margin-bottom:0}.col-section strong{color:var(--text);font-weight:600}.col-section code{font-family:ui-monospace,monospace;font-size:.88em;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:1px 6px}.col-section a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid var(--color-border);padding-bottom:2px;transition:color .25s ease,border-color .25s ease}.col-section a:hover{border-bottom-color:var(--color-accent)}.col-section a[data-link-type]{position:relative}.col-section a[data-link-type=external]:hover{color:var(--color-accent-2);border-bottom-color:var(--color-accent-2)}.link-pop{position:absolute;left:50%;bottom:100%;transform:translate(-50%) translateY(8px);margin-bottom:12px;width:max-content;max-width:340px;background:var(--color-surface);color:var(--color-text-soft);border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;box-shadow:0 14px 44px var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:20;text-align:left}.col-section a[data-link-type]:hover .link-pop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.link-pop:before{content:"";position:absolute;top:100%;left:0;right:0;height:16px}.link-pop:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--color-surface);margin-top:-1px}.col-section a.pop-below .link-pop{bottom:auto;top:100%;margin-bottom:0;margin-top:12px;transform:translate(-50%) translateY(-8px)}.col-section a.pop-below[data-link-type]:hover .link-pop{transform:translate(-50%) translateY(0)}.col-section a.pop-below .link-pop:before{top:auto;bottom:100%}.col-section a.pop-below .link-pop:after{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-top-color:transparent;border-bottom-color:var(--color-surface)}.link-pop-url{font-family:var(--font-ui);font-size:.8rem;color:var(--color-text);word-break:break-all}.demo{position:relative;margin:18px 0;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:var(--card-bg)}.demo-label{display:block;font-family:var(--font-ui);font-size:var(--size-small);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-2);margin-bottom:14px}.demo-dropcap,.demo-note{font-family:var(--font-vollkorn);font-size:var(--size-base);line-height:1.7;color:var(--text-muted);margin:0}.demo-dropcap:first-letter{float:left;font-family:var(--font-display);font-weight:700;font-size:3.2em;line-height:.74;padding:.05em .1em 0 0;color:var(--text)}.demo-sup,.demo-sidenote-num{color:var(--color-link);font-weight:700;font-family:var(--font-ui);font-size:.7rem;vertical-align:super}.demo--note .demo-note{padding-right:224px}.demo-sidenote{position:absolute;top:52px;right:22px;width:196px;margin:0;font-size:var(--size-small);line-height:1.5;color:var(--color-text-faint)}.demo-sidenote-num{margin-right:5px}@media(max-width:760px){.demo--note .demo-note{padding-right:0}.demo-sidenote{position:static;width:auto;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}}.demo-verified{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:var(--size-small);font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;border-radius:999px;color:var(--accent-2);border:1px solid color-mix(in srgb,var(--accent-2) 40%,transparent)}.demo-verified svg{flex-shrink:0}.stage-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}.stage-item{display:flex;align-items:flex-start;gap:14px}.stage-icon{color:var(--accent-2);display:flex;flex:0 0 auto;margin-top:1px}.stage-text{display:flex;flex-direction:column}.stage-label{font-family:var(--font-vollkorn);font-size:var(--size-h3);font-weight:600;color:var(--text)}.stage-note{font-family:var(--font-ui);font-size:var(--size-small);color:var(--color-text-faint)}