.guide-main { max-width: 900px; margin: auto; padding: 72px 24px 100px; }
.breadcrumbs { color: var(--muted); font-size: 13px; margin-bottom: 34px; }
.breadcrumbs a { color: var(--green); }
.guide-hero { max-width: 780px; margin-bottom: 46px; }
.guide-hero h1 { font-size: clamp(42px,7vw,72px); }
.guide-hero > p:last-child { color: var(--muted); font-size: 19px; line-height: 1.65; }
.checklist { list-style: none; padding: 0; margin: 0 0 56px; counter-reset: none; }
.checklist li { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 18px; padding: 26px 0; border-top: 1px solid var(--line); }
.checklist li > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--green-soft); color: var(--green); font-weight: 800; }
.checklist h2 { margin: 1px 0 8px; font: 30px/1.18 Georgia,serif; }
.checklist h3 { margin: 1px 0 8px; font: 26px/1.18 Georgia,serif; }
.checklist p { color: var(--muted); line-height: 1.65; margin: 0; }
.section-title { font: 36px/1.15 Georgia,serif; margin: 0 0 24px; }
.template-block { margin: 0 0 56px; }
.template-block h2 { font: 36px/1.15 Georgia,serif; margin: 0 0 10px; }
.template-block > p { color: var(--muted); line-height: 1.65; }
.template-block pre { overflow: auto; margin: 22px 0 0; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: #111916; color: #e8f4ee; font: 14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace; white-space: pre; }
.template-block pre:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.guide-cta { text-align: center; border: 1px solid var(--line); border-radius: 15px; padding: 38px 24px; background: var(--green-soft); }
.guide-cta h2 { font: 36px/1.15 Georgia,serif; margin: 0 0 12px; }
.guide-examples { margin-top: 52px; }
.guide-examples ul { display: grid; gap: 12px; padding: 0; list-style: none; }
.guide-examples a { color: var(--green); font-weight: 750; }
@media (max-width: 600px) { .guide-main { padding-top: 46px; } .checklist li { grid-template-columns: 42px minmax(0,1fr); gap: 12px; } }