.guide-breadcrumbs { margin: 25px 0 0; color: #545f75; font-size: .83rem; line-height: 1.6; }
.guide-breadcrumbs a { text-underline-offset: 3px; }
.guide-breadcrumbs span { padding: 0 7px; }
.guide-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 280px); gap: 42px; align-items: start; margin: 28px 0 64px; }
.guide-content { min-width: 0; max-width: 780px; padding: clamp(22px, 4vw, 40px); border: 1px solid #d9e0ec; border-radius: 20px; background: #fff; }
.guide-content h2 { margin: 36px 0 12px; color: #111a31; font-size: 1.45rem; letter-spacing: -.025em; }
.guide-content h2:first-child { margin-top: 0; }
.guide-content p, .guide-content li { color: #46516a; font-size: 1rem; line-height: 1.8; }
.guide-content li + li { margin-top: 11px; }
.guide-content a, .guide-card a, .guide-aside a { text-underline-offset: 3px; }
.guide-content code { overflow-wrap: anywhere; white-space: normal; background: #f0f2f8; padding: 2px 4px; border-radius: 4px; }
.guide-aside { padding: 25px; border: 1px solid #d9e0ec; border-radius: 16px; background: #f0f2fb; }
.guide-aside h2 { margin: 0 0 12px; font-size: 1.18rem; }
.guide-aside p { color: #46516a; line-height: 1.7; }
.guide-aside .button { width: 100%; justify-content: center; margin: 8px 0; }
.guide-byline { color: #545f75; font-size: .85rem; line-height: 1.65; }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 30px 0 60px; }
.guide-card { padding: 30px; border: 1px solid #d9e0ec; border-radius: 18px; background: #fff; }
.guide-card h2 { color: #111a31; font-size: 1.4rem; line-height: 1.35; }
.guide-card p { color: #46516a; line-height: 1.75; }
.guide-note { padding: 16px 19px; border-left: 4px solid #4f46e5; background: #f0f2fb; border-radius: 0 8px 8px 0; }
@media (max-width: 900px) { .guide-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; } .guide-content { max-width: none; } }
@media (max-width: 640px) { .guide-grid { grid-template-columns: minmax(0, 1fr); } .guide-card { padding: 24px; } .guide-content ol, .guide-content ul { padding-left: 22px; } }
@media (forced-colors: active) { .guide-note, .guide-content, .guide-card, .guide-aside { border-color: CanvasText; } }