/* The product's existing reading surfaces, with all source examples intact. */
.guide-header { width:100%; padding:24px max(32px,calc((100vw - 1160px)/2)); background:#2d203b; color:#e1c9f0; border:0; }
.guide-header a { color:inherit; min-height:44px; display:inline-flex; align-items:center; }
.guide-logo { font-size:32px; letter-spacing:-.04em; }
.guide-header > a:last-child { text-decoration:none; padding:10px 18px; border:1px solid #806b92; border-radius:8px; }
.guide-header :focus-visible,.guide-footer :focus-visible { outline-color:#efbed7; }
.guide-main { width:min(980px,calc(100% - 64px)); padding-top:42px; padding-bottom:80px; }
.breadcrumbs { font-size:15px; gap:14px; padding-bottom:22px; border-bottom:1px solid var(--line); margin-bottom:30px; }
.guide-main h1 { font-size:clamp(42px,5vw,68px); line-height:1.1; letter-spacing:-.035em; max-width:23ch; margin-block:24px 30px; }
.guide-main .lead { font-size:22px; line-height:1.7; max-width:66ch; }
.guide-main > .eyebrow { font-size:13px; font-weight:400; letter-spacing:0; margin-top:28px; }
.guide-toc { gap:6px 26px; padding-block:20px; margin-block:36px 44px; }
.guide-toc a { display:inline-flex; align-items:center; min-height:44px; font-size:16px; }
.guide-main > section { padding-block:12px 28px; border-bottom:1px solid var(--line); }
.guide-main > section > h2 { margin-top:34px; font-size:36px; line-height:1.25; max-width:27ch; }
.guide-main p,.guide-main li { line-height:1.8; }
.guide-button { border-radius:9px; padding:16px 24px; min-height:54px; line-height:1.5; }
.example { border:1px solid var(--line); border-radius:12px; padding:28px; }
.guide-steps { margin-block:30px; }
.guide-steps li { padding:22px 0 22px 14px; border-top:1px solid var(--line); margin:0; }
.guide-steps li h3 { font-size:24px; margin-bottom:14px; }
.workshop-sources { padding-inline:28px; background:#fff; border-radius:12px; }
.workshop-source { padding-block:28px; }
.workshop-source:first-child { border-top:0; }
.workshop-source:last-child { border-bottom:0; }
.workshop-source h4 { color:var(--brand); font-size:18px; }
.workshop-source-text { font-size:21px; line-height:1.75; }
.workshop-draft { padding-block:36px; }
.workshop-draft h4 { font-size:28px; line-height:1.3; }
.workshop-draft-title { font-size:23px; }
.workshop-draft-body { font-size:18px; line-height:1.85; }
.workshop-comparison > div { display:grid; grid-template-columns:250px minmax(0,1fr); gap:32px; padding-block:30px; }
.workshop-comparison dt { font-size:21px; line-height:1.45; }
.workshop-comparison dd p:last-child { margin-bottom:0; }
.workshop-nav a { font-size:16px; }
#guide-studio-return { padding:24px 28px; background:var(--tint); border-radius:12px; font-size:17px; }
.guide-footer { width:100%; padding:30px max(32px,calc((100vw - 1160px)/2)); background:#2d203b; color:#e1c9f0; border:0; }
.guide-footer a { color:inherit; min-height:44px; display:inline-flex; align-items:center; }
.guide-footer p { font-size:15px; }
.release { padding-block:32px; }
.release h2 { font-size:30px; }
.release h2 time { display:block; margin-top:12px; color:#685674; font-size:15px; line-height:1.6; font-weight:400; letter-spacing:0; }
.release p { line-height:1.8; }
@media(max-width:760px) {
 .guide-header { padding:18px 22px; gap:18px; }
 .guide-logo { font-size:28px; }
 .guide-header > a:last-child { font-size:14px; padding:8px 12px; line-height:1.5; }
 .guide-main { width:calc(100% - 44px); padding-top:28px; padding-bottom:48px; }
 .guide-main h1 { font-size:clamp(36px,8.5vw,46px); line-height:1.15; letter-spacing:-.025em; margin-block:24px; }
 .guide-main .lead { font-size:19px; line-height:1.75; }
 .guide-main > section > h2 { font-size:29px; margin-top:28px; }
 .guide-main p,.guide-main li { font-size:17px; line-height:1.8; }
 .guide-toc { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 18px; margin-block:28px 34px; }
 .guide-toc a { font-size:15px; line-height:1.5; }
 .guide-button { width:100%; padding:16px 18px; font-size:16px; gap:16px; }
 .guide-steps li { padding-block:24px; padding-left:6px; }
 .guide-steps li h3 { font-size:22px; }
 .example { padding:22px; }
 .workshop-sources { padding-inline:20px; }
 .workshop-source-text { font-size:19px; }
 .workshop-draft h4 { font-size:25px; }
 .workshop-draft-title { font-size:21px; }
 .workshop-draft-body { font-size:17px; }
 .workshop-comparison > div { grid-template-columns:minmax(0,1fr); gap:14px; padding-block:26px; }
 .workshop-comparison dt { margin-bottom:0; }
 #guide-studio-return { padding:22px; }
 .guide-footer { padding:26px 22px; }
 .guide-footer nav { gap:4px 20px; }
 .release h2 { font-size:26px; }
}