.guide-main { padding-top: 36px; padding-bottom: 72px; }
.guide-heading { max-width: 820px; margin: 36px 0 24px; }
.guide-heading h1 { font-size: clamp(30px, 4.2vw, 48px); line-height: 1.18; margin: 12px 0 20px; overflow-wrap: anywhere; }
.guide-heading .lead { color: var(--text-secondary); font-size: 19px; }
.guide-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; font-size: 14px; color: var(--text-secondary); }
.guide-breadcrumb li + li::before { content: '/'; margin-inline-end: 8px; }
.guide-note { padding: 18px 22px; border-inline-start: 3px solid var(--accent); background: var(--bg-overlay); color: var(--text-secondary); margin: 24px 0 36px; }
.guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 24px 0; }
.guide-card { border: 1px solid var(--border-soft); border-radius: 16px; padding: 24px; background: var(--bg-overlay); min-width: 0; }
.guide-card h3 { font-family: var(--sans); font-size: 20px; line-height: 1.45; margin: 0 0 16px; }
.guide-card p { color: var(--text-secondary); margin: 0; }
.guide-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 56px; align-items: start; }
.guide-toc { position: sticky; top: 24px; border-top: 1px solid var(--border-soft); padding-top: 16px; }
.guide-toc h2 { font-size: 16px; font-family: var(--sans); }
.guide-toc ol { padding-inline-start: 22px; }
.guide-toc li { margin: 12px 0; font-size: 15px; }
.guide-article { max-width: 740px; }
.guide-article section { margin-bottom: 40px; scroll-margin-top: 24px; }
.guide-article h2, .guide-related h2, .guide-cta h2, .guide-home h2 { font-family: var(--sans); font-size: clamp(23px, 2.5vw, 30px); line-height: 1.35; }
.guide-article p { color: var(--text-secondary); font-size: 17px; line-height: 1.85; }
.guide-sources { border-top: 1px solid var(--border-soft); padding-top: 16px; }
.guide-sources li { margin: 10px 0; }
.guide-related { border-top: 1px solid var(--border-soft); padding-top: 24px; }
.guide-related .guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-cta { padding: 28px; margin-top: 36px; background: var(--bg-overlay); border-radius: 16px; }
.guide-cta p { color: var(--text-secondary); max-width: 800px; }
.guide-home { padding: 64px 0; border-top: 1px solid var(--border-soft); }
.guide-home > .container > p { max-width: 800px; color: var(--text-secondary); }
.guide-all { display: inline-block; margin-top: 8px; }
.guide-main a:focus-visible, .guide-home a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
@media (max-width: 980px) {
  .guide-layout { grid-template-columns: 1fr; gap: 20px; }
  .guide-toc { position: static; }
  .guide-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .guide-related .guide-grid { grid-template-columns: 1fr; }
  .guide-cta { padding: 20px; }
  .guide-main { padding-top: 16px; }
}

html[dir="rtl"] .guide-heading .eyebrow { letter-spacing: normal; }
.guide-card h3, .guide-article, .guide-toc { overflow-wrap: anywhere; }