/* T9 · 侧栏竖排 Rail — 竖排标签 / 左侧细轨 / 窄栏阅读 */
body.arch-t9 { --wrap: 1240px; }
.arch-t9 .site-head { border-bottom: 1px solid var(--line); }
.arch-t9 .hero { padding: clamp(36px, 5vw, 64px) 0 clamp(24px, 3vw, 40px); }
.arch-t9 .hero-grid { display: grid; grid-template-columns: 54px minmax(0, 1fr) minmax(0, .62fr); gap: clamp(16px, 2.4vw, 30px); align-items: center; }
.arch-t9 .hero-copy { grid-column: 2; }
.arch-t9 .hero-art { grid-column: 3; }
.arch-t9 .hero-grid::before {
  content: attr(data-vlabel); grid-column: 1;
  writing-mode: vertical-rl; text-orientation: upright;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .3em; color: var(--accent);
  border-right: 1px solid var(--line-2); padding-right: 12px; align-self: stretch;
  display: flex; align-items: flex-start; padding-top: 6px;
}
.arch-t9 .display { font-size: clamp(30px, 4.4vw, 50px); line-height: 1.16; }
.arch-t9 .statband { background: var(--bg2); border: 0; }
.arch-t9 .sec { padding: clamp(34px, 4.4vw, 60px) 0; }
.arch-t9 .sec + .sec { border-top: 1px solid var(--line); }
.arch-t9 .sec > .wrap { border-left: 1px solid var(--line-2); padding-left: clamp(16px, 3vw, 38px); }
.arch-t9 .sec-head { grid-template-columns: 78px minmax(0, 1fr); }
.arch-t9 .sec-head h2 { font-size: clamp(21px, 2.3vw, 29px); }
.arch-t9 .prose { max-width: 64ch; }
.arch-t9 .cards { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.arch-t9 .card { background: transparent; border: 1px solid var(--line); border-left: 3px solid var(--accent); }
.arch-t9 .card:hover { transform: translateX(3px); }
.arch-t9 .cta { background: var(--bg2); }
@media (max-width: 1024px) {
  .arch-t9 .hero-grid { grid-template-columns: 1fr; }
  .arch-t9 .hero-grid::before { display: none; }
  .arch-t9 .hero-copy, .arch-t9 .hero-art { grid-column: 1; }
}