.guide-shell{padding-top:50px;padding-bottom:70px}.guide-version,.guide-tip{padding:20px 24px;border-inline-start:3px solid var(--accent,#36c7b1);border-radius:0 14px 14px 0;background:var(--soft);line-height:1.7}.guide-version{max-width:900px;font-size:.95rem}.guide-flow{margin:40px 0 58px}.guide-flow>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-flow>div>div{min-width:0;display:flex;flex-direction:column;gap:10px}.guide-flow img{width:100%;height:auto;border-radius:20px}.guide-flow strong{font-size:1.15rem}.guide-step{font-size:.85rem;letter-spacing:.15em;color:var(--muted)}.guide-flow figcaption,.guide-diagram figcaption,.guide-framing figcaption{font-size:.9rem;color:var(--muted);line-height:1.6;margin-top:14px}.guide-shell .article-body section{scroll-margin-top:110px;margin-bottom:50px}.guide-shell ol{padding-inline-start:1.5rem}.guide-shell li{padding-inline-start:.3rem;margin-bottom:16px;line-height:1.8}.guide-diagram{margin:28px 0}.guide-diagram img{display:block;width:100%;height:auto;border-radius:20px}.guide-framing{margin:28px 0}.guide-framing>div{position:relative;overflow:hidden;border-radius:20px}.guide-framing img{width:100%;height:auto;display:block}.guide-framing span{position:absolute;inset:7% auto 7% 48%;aspect-ratio:9/16;border:3px solid #fff;border-radius:14px;box-shadow:0 0 0 1000px #00192466;color:#fff;text-align:center;font-weight:bold;padding-top:8px}.guide-callout{padding:32px;margin-top:35px;margin-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--line);border-radius:24px}.guide-callout p{max-width:720px}.guide-callout .button{flex-shrink:0}.main-nav{flex-wrap:wrap}.guide-shell .article-body{min-width:0;overflow-wrap:anywhere}[data-theme=light] .guide-version,[data-theme=light] .guide-tip{background:#e7f4f0;color:#15313d}@media(max-width:760px){.guide-flow>div{gap:10px}.guide-flow strong{font-size:.9rem}.guide-callout{display:block;padding:22px}.guide-shell{padding-top:25px}.guide-shell .article-heading h1{font-size:clamp(2rem,8vw,3rem)}.guide-version,.guide-tip{padding:15px}.guide-flow{margin:24px 0 36px}}@media(max-width:400px){.guide-flow>div{grid-template-columns:1fr}.guide-flow>div>div{display:grid;grid-template-columns:115px 1fr;column-gap:15px;row-gap:5px;align-items:center}.guide-flow img{grid-row:span 2}.guide-flow strong{align-self:start}.guide-step{align-self:end}}