.guide-page .guide-lead{color:var(--black);max-width:760px;margin-bottom:16px;font-size:22px;font-weight:700;line-height:1.35}.guide-page .guide-body{color:var(--g700);max-width:760px;margin:0 0 20px;font-size:18px;line-height:1.65}.guide-page .guide-featured-brand-link{color:var(--crimson);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime)}.guide-page .guide-featured-brand-link:hover{-webkit-text-decoration-color:var(--crimson);text-decoration-color:var(--crimson)}.guide-page .guide-patterns{background:var(--g50);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .guide-subject-list{margin:24px 0 0;padding:0;list-style:none}.guide-page .guide-subject-list li{background:var(--white);border:2px solid var(--black);color:var(--g900);box-shadow:4px 4px 0 0 var(--lime);align-items:baseline;gap:16px;margin-bottom:10px;padding:14px 18px;font-size:17px;line-height:1.45;display:flex}.guide-page .guide-subject-num{color:var(--crimson);min-width:28px;font-size:12px;font-weight:700}.guide-page .guide-subject-text{flex:1;font-weight:600}.example-page .guide-back-to-hub{background:var(--white);padding:24px 0 8px}.example-page .guide-back-link{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--crimson);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.example-page .guide-back-link:hover{text-decoration:underline}.guide-page .guide-editorial,.example-page .guide-editorial{border-bottom:2.5px solid var(--black);padding:56px 0}.guide-page .guide-editorial.is-light,.example-page .guide-editorial.is-light{background:var(--white)}.guide-page .guide-editorial.is-dark,.example-page .guide-editorial.is-dark{background:var(--g50)}.guide-page .guide-editorial-h,.example-page .guide-editorial-h{margin-bottom:12px}.guide-page .guide-editorial-lead,.example-page .guide-editorial-lead{color:var(--g700);border-left:4px solid var(--crimson);max-width:760px;margin:0 0 24px;padding-left:16px;font-size:19px;font-weight:600;line-height:1.5}.guide-page .guide-editorial-body,.example-page .guide-editorial-body{max-width:780px}.guide-page .guide-editorial-body p,.example-page .guide-editorial-body p{color:var(--g800);margin:0 0 18px;font-size:17px;line-height:1.7}.guide-page .guide-editorial-body p:last-child,.example-page .guide-editorial-body p:last-child{margin-bottom:0}.guide-page .guide-editorial-bullets,.example-page .guide-editorial-bullets{max-width:780px;margin:20px 0 0;padding:0;list-style:none}.guide-page .guide-editorial-bullets li,.example-page .guide-editorial-bullets li{color:var(--g800);border-bottom:1px dashed var(--g300);padding:10px 0 10px 24px;font-size:17px;line-height:1.55;position:relative}.guide-page .guide-editorial-bullets li:before,.example-page .guide-editorial-bullets li:before{content:"▸";color:var(--crimson);font-weight:700;position:absolute;top:10px;left:4px}.guide-page .guide-best-practices,.example-page .guide-best-practices{background:var(--white);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .bp-grid,.example-page .bp-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:32px;display:grid}.guide-page .bp-card,.example-page .bp-card{background:var(--g50);border:2.5px solid var(--black);box-shadow:5px 5px 0 0 var(--lime);padding:24px 26px 22px;position:relative}.guide-page .bp-num,.example-page .bp-num{letter-spacing:.1em;color:var(--crimson);margin-bottom:10px;font-size:11px;font-weight:700}.guide-page .bp-h,.example-page .bp-h{color:var(--black);margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.3}.guide-page .bp-body,.example-page .bp-body{color:var(--g700);margin:0;font-size:15px;line-height:1.6}.guide-page .guide-howto,.example-page .guide-howto{background:var(--g50);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .howto-steps,.example-page .howto-steps{counter-reset:howto;max-width:880px;margin:32px 0 0;padding:0;list-style:none}.guide-page .howto-step,.example-page .howto-step{background:var(--white);border:2.5px solid var(--black);box-shadow:4px 4px 0 0 var(--crimson);margin-bottom:14px;padding:22px 26px}.guide-page .howto-num,.example-page .howto-num{letter-spacing:.12em;color:var(--crimson);margin-bottom:6px;font-size:11px;font-weight:700}.guide-page .howto-h,.example-page .howto-h{color:var(--black);margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.3}.guide-page .howto-body,.example-page .howto-body{color:var(--g700);margin:0;font-size:16px;line-height:1.6}.guide-page .guide-sequence,.example-page .guide-sequence{background:var(--white);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .seq-list,.example-page .seq-list{max-width:880px;margin:32px 0 0;padding:0;list-style:none}.guide-page .seq-item,.example-page .seq-item{border-bottom:2px dashed var(--g300);gap:20px;padding:22px 0;display:flex}.guide-page .seq-item:last-child,.example-page .seq-item:last-child{border-bottom:none}.guide-page .seq-marker,.example-page .seq-marker{background:var(--lime);border:2.5px solid var(--black);width:56px;height:56px;color:var(--black);box-shadow:3px 3px 0 0 var(--crimson);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.guide-page .seq-content,.example-page .seq-content{flex:1}.guide-page .seq-h,.example-page .seq-h{color:var(--black);margin:0 0 8px;font-size:18px;font-weight:700}.guide-page .seq-body,.example-page .seq-body{color:var(--g700);margin:0;font-size:16px;line-height:1.6}.guide-page .guide-mistakes,.example-page .guide-mistakes{background:var(--g50);border-bottom:2.5px solid var(--black);padding:64px 0}.guide-page .mistakes-grid,.example-page .mistakes-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:24px;display:grid}.guide-page .mistake-card,.example-page .mistake-card{background:var(--white);border:2.5px solid var(--black);box-shadow:4px 4px 0 0 var(--g300);gap:16px;padding:20px 22px;display:flex}.guide-page .mistake-x,.example-page .mistake-x{background:var(--crimson);width:32px;height:32px;color:var(--white);border:2px solid var(--black);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.guide-page .mistake-h,.example-page .mistake-h{color:var(--black);margin:0 0 6px;font-size:16px;font-weight:700}.guide-page .mistake-body,.example-page .mistake-body{color:var(--g700);margin:0;font-size:14px;line-height:1.55}.guide-page .guide-editorial-steps,.example-page .guide-editorial-steps{max-width:880px;margin:24px 0 0;padding:0;list-style:none}.guide-page .guide-editorial-steps>li,.example-page .guide-editorial-steps>li{border-bottom:1px dashed var(--g300);gap:16px;padding:18px 0;display:flex}.guide-page .guide-editorial-steps .step-num,.example-page .guide-editorial-steps .step-num{color:var(--crimson);flex-shrink:0;font-size:14px;font-weight:700}.guide-page .guide-editorial-steps .step-h,.example-page .guide-editorial-steps .step-h{color:var(--black);margin:0 0 6px;font-size:17px;font-weight:700}.guide-page .guide-editorial-steps p,.example-page .guide-editorial-steps p{color:var(--g700);margin:0;font-size:15px;line-height:1.55}@media (max-width:700px){.guide-page .guide-editorial,.example-page .guide-editorial,.guide-page .guide-best-practices,.example-page .guide-best-practices,.guide-page .guide-howto,.example-page .guide-howto,.guide-page .guide-sequence,.example-page .guide-sequence,.guide-page .guide-mistakes,.example-page .guide-mistakes{padding:40px 0}.guide-page .guide-editorial-lead,.example-page .guide-editorial-lead{font-size:17px}.guide-page .guide-editorial-body p,.example-page .guide-editorial-body p{font-size:16px}.guide-page .seq-marker,.example-page .seq-marker{width:44px;height:44px;font-size:15px}}