/* Worked examples keep the existing Studio typography and color roles. */
.guide-document{max-width:920px}.guide-document>header{max-width:800px}
.guide-document h1{max-width:20ch}.guide-byline{font-size:12px!important;color:var(--muted)}
.guide-document>section{margin-block:40px}.guide-document h2{margin-bottom:18px}
.guide-document p{max-width:74ch}.guide-document p a{overflow-wrap:anywhere}
.guide-figure{margin:28px 0;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:8px}
.guide-figure>img{display:block;max-width:100%;height:auto;margin-inline:auto}
.guide-figure figcaption{font-size:12px;color:var(--muted);line-height:1.65;margin-top:16px}
.guide-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.guide-comparison>div{min-width:0}.guide-comparison img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.guide-comparison p{font-size:12px;margin:10px 0 0;color:var(--muted)}
.guide-sheet-figure>img{max-width:430px;width:100%;border:1px solid var(--line)}
.guide-steps{padding-left:24px}.guide-steps>li{padding-left:10px;margin-block:24px}
.guide-steps>li::marker{font-weight:600;color:var(--blue)}.guide-steps h3{font-size:21px;line-height:1.35;margin-bottom:10px}
.guide-steps p{margin-bottom:0}.guide-next{border-top:1px solid var(--line);padding-top:28px;margin-top:44px}
.guide-next .caption{font-size:12px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.guide-card{border-top:1px solid var(--line);padding:25px 0}.guide-card h3{font-size:26px;line-height:1.25;margin:0 0 18px}
.guide-card h3 a{text-decoration:none;color:var(--ink)}.guide-card h3 a:hover{text-decoration:underline;color:var(--blue)}
.guide-card>p:not(.eyebrow){color:var(--muted);font-size:15px}.guide-card>.text-link{font-size:14px}
.guide-index{max-width:1000px}.guide-index .guide-grid{margin-top:36px}.guide-teasers .section-heading{align-items:end}
@media(max-width:760px){.guide-document>section{margin-block:32px}.guide-grid{gap:20px}.guide-card h3{font-size:24px}.guide-comparison{gap:16px}}
@media(max-width:520px){.guide-grid{grid-template-columns:1fr;gap:0}.guide-comparison{grid-template-columns:1fr;gap:24px}.guide-figure{padding:16px}.guide-steps{padding-left:20px}.guide-steps>li{padding-left:4px}.guide-steps h3{font-size:20px}.guide-document .button-row{align-items:start}.guide-document .button{max-width:100%;white-space:normal}.guide-teasers .section-heading>.text-link{display:inline-flex;margin-top:14px}}
@media print{.guide-figure{padding:0;border:0}.guide-comparison{grid-template-columns:1fr 1fr}.guide-sheet-figure>img{max-width:330px}.guide-next{display:none}}