.page-docs .pylon-guide{margin:32px 0 40px;padding:28px 0;border-block:1px solid var(--border)}
.page-docs .pylon-guide h2{font-size:24px;letter-spacing:-.025em;margin:0 0 13px}
.page-docs .pylon-guide>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:65ch}
.page-docs .pylon-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;margin:24px 0 16px;padding:0}
.page-docs .pylon-stages li{min-width:0;text-align:center}
.page-docs .pylon-stages figure{margin:0}
.page-docs .pylon-stage-art{display:flex;align-items:end;justify-content:center;height:150px;padding-bottom:12px;border-bottom:1px solid #c5d0e3}
.page-docs .pylon-stage-art img{width:auto;max-width:100%;height:var(--pylon-height);display:block}
.page-docs .pylon-stages figcaption{font-size:12px;line-height:1.6;padding-top:10px;color:#333b49}
.page-docs .pylon-stages figcaption span{display:block;color:var(--muted);font-size:10px}
.page-docs .pylon-stages a{display:inline-flex;align-items:center;min-height:36px;font-size:11px;color:#4d6689;text-decoration:underline;text-underline-offset:3px}
.page-docs .pylon-guide .pylon-note{font-size:12px}
@media(max-width:640px){.page-docs .pylon-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.page-docs .pylon-stage-art{height:142px}.page-docs .pylon-stages a{min-height:44px}}