.sg-main{word-break:keep-all;overflow-wrap:anywhere;max-width:1120px;margin:auto;padding:64px 32px 80px;font-size:15px;line-height:1.8}.sg-main h1,.sg-main h2,.sg-main h3{letter-spacing:-.02em;font-weight:500}.sg-main h1{font-size:var(--dv-font-size-display-01);margin:20px 0 24px;line-height:1.3}.sg-main h2{font-size:var(--dv-font-size-display-02);margin:16px 0 24px;line-height:1.4}.sg-main h3{margin:12px 0;font-size:18px}.sg-main p{color:var(--dv-color-text-secondary);margin:0 0 16px}.sg-main strong{color:var(--dv-color-deep-violet);font-weight:600}.sg-hero{padding-bottom:48px}.sg-hero nav{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.sg-hero nav a{border:1px solid var(--line);color:var(--ocean);background:#fff;border-radius:4px;min-height:44px;padding:10px 18px;font-size:13px}.sg-section{border-top:1px solid var(--line);padding:48px 0;scroll-margin-top:24px}.sg-steps{grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0;display:grid}.sg-steps article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.sg-steps article>span{color:var(--dv-color-mid-violet);margin-bottom:16px;font-size:28px;display:block}.sg-steps small{color:var(--dv-color-text-muted);font-size:12px}.sg-steps article p{margin-bottom:0;font-size:13px;line-height:1.8}.sg-note{background:var(--dv-color-foam);border-left:3px solid var(--dv-color-surface-blue);border-radius:0 8px 8px 0;margin-top:28px;padding:24px}.sg-note p{margin:10px 0 0;font-size:13px}.sg-example{background:var(--dv-color-deep-violet);color:#fff;border-radius:12px;margin:28px 0;padding:28px}.sg-example>span{color:var(--dv-color-mark-lavender);margin-bottom:10px;font-size:12px;display:block}.sg-example>p{color:#fff;margin-bottom:20px;line-height:1.9}.sg-example>p:last-child{margin-bottom:0}.sg-main li{color:var(--dv-color-text-secondary);padding:5px 0}.sg-two{grid-template-columns:1fr 1fr;gap:28px;display:grid}.sg-two article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.sg-two ul{margin-bottom:0;padding-left:20px}.sg-colors{border-radius:8px;grid-template-columns:repeat(4,1fr);margin:24px 0;display:grid;overflow:hidden}.sg-colors span{padding:24px 18px;font-family:Pangram Sans,sans-serif}.sg-colors small{color:inherit;margin-top:12px;font-size:12px;display:block}.sg-links,.sg-bottom{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.sg-links a{color:var(--ocean);border-bottom:1px solid var(--line);min-height:44px;padding:12px 0;font-size:13px}.sg-checklist{padding-left:24px}.sg-checklist li{margin-bottom:8px;padding-left:8px}.sg-main .sg-caption{font-size:13px}.sg-sources{border-top:1px solid var(--line);color:var(--muted);padding:28px 0;font-size:12px}.sg-sources a{color:var(--ocean);align-items:center;min-height:44px;margin-right:20px;display:inline-flex}.sg-bottom .primary-button{color:#fff}.sg-main .eyebrow{color:var(--dv-color-light-violet);letter-spacing:.04em;font-size:12px}.sg-hero p{line-height:1.9}@media (max-width:760px){.sg-main{padding:40px 24px 60px;font-size:13px}.sg-main h1{font-size:32px}.sg-main h2{font-size:28px}.sg-main h3{font-size:18px}.sg-steps,.sg-two{grid-template-columns:1fr}.sg-section{padding:36px 0}.sg-steps article{padding:24px}.sg-steps article>span{margin-bottom:8px}.sg-colors{grid-template-columns:1fr 1fr}.sg-colors span{padding:24px 16px}.sg-example{padding:24px 20px}.sg-note{padding:20px}.sg-hero nav{gap:10px}.sg-hero nav a{padding:10px 14px}}.sg-two>article{flex-direction:column;min-width:0;display:flex}.sg-two>article>a{min-height:44px;color:var(--dv-color-mid-violet);align-items:center;margin-top:auto;font-weight:700;display:inline-flex}.sg-bottom{align-items:stretch}.sg-bottom>a{text-align:center;justify-content:center;align-items:center;min-height:52px;padding:12px 20px;font-size:14px;font-weight:700;line-height:22px;display:inline-flex}.sg-bottom>.secondary-button{color:var(--dv-color-mid-violet);background:#fff}html[data-theme=light] .sg-bottom>.secondary-button{border:var(--br-line);box-shadow:var(--br-shadow)}.sg-section>ul{margin:16px 0 0;padding-left:24px;list-style:outside}@media (max-width:600px){.sg-bottom>a{width:100%}}