.doc-shell{position:relative;max-width:1120px;padding-bottom:88px}
.doc-atmosphere{position:absolute;inset:64px 0 auto;min-height:440px;max-width:100%;pointer-events:none;background:radial-gradient(ellipse at 78% 75%,var(--glow-pink),var(--glow-apricot) 36%,var(--mask-clear) 72%),linear-gradient(var(--grid-line) 1px,var(--mask-clear) 1px),linear-gradient(90deg,var(--grid-line) 1px,var(--mask-clear) 1px);background-size:auto,56px 56px,56px 56px;-webkit-mask-image:linear-gradient(var(--mask-solid),var(--mask-clear));mask-image:linear-gradient(var(--mask-solid),var(--mask-clear))}
.doc-intro{position:relative;padding-top:76px;padding-bottom:48px;max-width:920px}
.doc-intro h1{margin:18px 0 20px;font-size:clamp(52px,5vw,68px);font-weight:900;letter-spacing:-.03em}
.doc-deck{max-width:780px;color:var(--muted);font-size:20px;line-height:1.65}
.doc-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.doc-facts span{display:inline-flex;align-items:baseline;gap:8px;padding:10px 16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-card);color:var(--muted);font-size:13px}
.doc-facts b{color:var(--ink);font-weight:800}
.doc-article{position:relative;max-width:none;padding:32px 48px 56px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}
.doc-article .doc-preface{max-width:850px;margin-bottom:26px;color:var(--muted);font-size:16px}
.doc-article .toc-tabs{margin-bottom:34px}
.doc-chapter{max-width:850px;padding:12px 0 44px;border-bottom:1px solid var(--border)}
.doc-chapter:last-child{border-bottom:0;padding-bottom:0}
.doc-chapter h2{margin:12px 0 26px;letter-spacing:-.02em}
.doc-chapter h3{margin:30px 0 14px}
.doc-chapter p{color:var(--ink);line-height:1.95}
.doc-chapter .callout{margin:24px 0;font-size:15px;line-height:1.8}
.doc-chapter .table-scroll{margin:26px 0}
.doc-chapter .data-table,.doc-chapter .route-table{font-size:14px;line-height:1.55}
.doc-chapter .data-table th,.doc-chapter .data-table td,.doc-chapter .route-table th,.doc-chapter .route-table td{vertical-align:top}
@media(max-width:768px){
  .doc-intro{padding-top:48px;padding-bottom:32px}
  .doc-intro h1{font-size:clamp(28px,8vw,40px);letter-spacing:-.02em}
  .doc-deck{font-size:17px}
  .doc-article{padding:22px}
  .doc-chapter{padding-bottom:32px}
}
@media(max-width:640px){
  .doc-atmosphere{overflow-x:clip}
  .doc-shell{padding-bottom:56px}
  .doc-facts{gap:6px}
  .doc-facts span{padding:8px 11px;font-size:12px}
  .doc-article{padding:18px}
  .doc-article .toc-tabs{border-radius:var(--r-md);margin-bottom:24px}
  .doc-chapter h2{font-size:29px}
  .doc-chapter h3{font-size:21px}
}