.style-guide{max-width:1160px;margin:auto;padding:24px 32px 64px}.style-guide a{color:inherit;text-underline-offset:5px}.guide-top{border-bottom:1px solid #9996;justify-content:space-between;align-items:center;gap:20px;padding-bottom:32px;display:flex}.guide-top>a:first-child{font-size:24px;font-weight:750;text-decoration:none}.guide-top>a:last-child,.guide-bottom a{align-items:center;gap:10px;min-height:44px;display:inline-flex}.guide-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:60px 0;display:grid}.guide-hero h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(36px,5vw,64px);line-height:1.1}.guide-hero em{font-family:Georgia,serif;font-weight:400}.guide-hero p{max-width:400px}.guide-hero figure{margin:0}.guide-hero img{width:100%;height:auto;display:block}.guide-hero figcaption{padding-top:12px;font-size:12px}.guide-hero nav{flex-wrap:wrap;gap:8px 20px;margin-top:24px;display:flex}.guide-hero nav a{padding:10px 0}.guide-section{border-top:1px solid #9996;grid-template-columns:1fr 1fr;gap:64px;padding:40px 0;scroll-margin-top:24px;display:grid}.guide-example>svg{margin-bottom:22px;display:block}.guide-example h2{letter-spacing:-.6px;margin:12px 0;font-size:28px}.guide-example p{opacity:.75}.guide-instructions ol{margin:0;padding-left:24px}.guide-instructions li{padding:10px 0 10px 8px}.guide-instructions li::marker{font-weight:700}.guide-tip{border-left:2px solid #a78b65;margin:20px 0 0;padding:8px 0 8px 18px}.guide-tip strong{text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:11px;display:block}.guide-bottom{border-top:1px solid #9996;padding-top:24px}@media (max-width:700px){.style-guide{padding:20px}.guide-hero{grid-template-columns:1fr;gap:24px;padding:32px 0}.guide-section{grid-template-columns:1fr;gap:16px;padding:32px 0}.guide-top>a:first-child{font-size:20px}}