.sample-intro{max-width:700px;margin:32px auto 20px;padding:0 30px;line-height:1.9}.sample-back{text-underline-offset:4px;color:var(--muted);font-size:12px;text-decoration:underline}.sample-intro .sample-design-name{color:var(--muted);margin-top:22px;font-size:12px}.sample-intro h1{font:500 29px/1.6 var(--serif);word-break:keep-all;margin:6px 0 12px}.sample-intro>p:last-child{color:var(--muted);max-width:46em;font-size:14px}.sample-page .sample-banner{flex-wrap:wrap;gap:12px;max-width:700px;padding-inline:30px}.sample-guidance{margin-top:52px;margin-bottom:50px}.editorial-page section{scroll-margin-top:28px}.editorial-page section a:not(.button),.editorial-page .article-meta a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.editorial-page a:focus-visible,.guide-directory a:focus-visible,.sample-page a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}.editorial-links{flex-wrap:wrap;gap:12px 24px;margin-top:20px;font-size:14px;display:flex}.guide-topics{border-block:1px solid var(--line);flex-wrap:wrap;gap:6px 26px;margin-top:30px;padding:14px 0;display:flex}.guide-topics a{text-underline-offset:5px;align-items:center;gap:9px;min-height:38px;font-size:14px;text-decoration:underline;display:flex}.guide-topics span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.guide-topic{margin-top:50px;scroll-margin-top:30px}.guide-topic>h2{font:500 25px/1.6 var(--serif);margin-bottom:12px}.guide-topic .guide-index{margin-top:0}.guide-topic .guide-index h3{font:500 21px/1.7 var(--serif);word-break:keep-all;margin:7px 25px 10px 0}.editorial-page .article-meta{color:var(--muted);font-size:12px;line-height:1.9}.source-reference{white-space:nowrap;font-variant-numeric:tabular-nums;margin-inline:1px;font-size:.85em}.article-sources{padding-left:24px}.article-sources li{overflow-wrap:anywhere;padding-left:4px;scroll-margin-top:32px}.article-sources li:target{background:var(--soft);outline:1px solid var(--line);outline-offset:4px}.guide-illustration{max-width:560px;margin:30px auto 8px}.guide-illustration.is-portrait{max-width:300px}.guide-illustration img{border:1px solid var(--line);border-radius:6px;width:100%;height:auto;display:block}.guide-illustration figcaption{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.9}.guide-sample-links{flex-wrap:wrap;gap:12px 24px;font-size:14px;line-height:1.9;display:flex}@media (max-width:600px){.sample-intro{margin-top:22px;padding-inline:24px}.sample-intro h1{font-size:25px}.sample-page .sample-banner{justify-content:flex-start;padding-inline:24px;font-size:11px;line-height:1.8}.sample-guidance{margin-top:38px}.sample-guidance>.button{width:100%;font-size:13px}.guide-topics{gap:4px 20px;margin-top:24px}.guide-topics a{font-size:13px}.guide-topic{margin-top:36px}.guide-topic>h2{font-size:22px}.guide-topic .guide-index h3{font-size:20px}.editorial-page h1{font-size:26px}.guide-illustration.is-portrait{max-width:280px}}