/* Documentation shares the site grid; long examples scroll inside their panel. */
.docs-layout{grid-template-columns:184px minmax(0,1fr);gap:clamp(28px,4vw,56px);padding-block:48px 88px;align-items:start}
.docs-content{min-width:0}
.docs-sidebar{padding-right:20px}
.docs-sidebar a{line-height:1.5}
.doc-section{margin:0;scroll-margin-top:32px}
.doc-section+.doc-section{margin-top:56px}
.doc-section h1{font-size:clamp(32px,3.3vw,42px);line-height:1.15;letter-spacing:-.045em}
.doc-section h2{line-height:1.3}
.doc-section>p{max-width:660px;overflow-wrap:anywhere}
.doc-section>.notice{margin-top:24px;padding:16px 18px}
.doc-section .notice p{margin:0;max-width:none;font-size:13px;line-height:1.75}
.doc-section .table-wrap,.doc-section .code-panel{max-width:100%;min-width:0}
.doc-section .data-table{table-layout:fixed;white-space:normal;line-height:1.6}
.doc-section .data-table th,.doc-section .data-table td{vertical-align:top;overflow-wrap:anywhere;padding:14px 16px}
.doc-section .data-table th:first-child{width:29%}
.doc-section .data-table th:nth-child(2){width:25%}
#rule-spec .data-table th:nth-child(2){width:46%}
.doc-section .data-table code{white-space:normal;overflow-wrap:anywhere;font-size:11px}
.doc-section .code-panel pre{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:900px){.docs-layout{grid-template-columns:160px minmax(0,1fr);gap:28px}.docs-sidebar{padding-right:12px}.doc-section .data-table th,.doc-section .data-table td{padding:12px}}
@media(max-width:650px){.docs-layout{display:block;padding-block:24px 64px}.docs-sidebar{padding:0 0 8px;margin-bottom:32px}.docs-sidebar a{flex-shrink:0;min-height:40px;display:flex;align-items:center}.doc-section+.doc-section{margin-top:40px}.doc-section .data-table{font-size:12px}.doc-section .data-table th,.doc-section .data-table td{padding:12px 8px;font-size:11px}.doc-section .code-panel pre{font-size:11px;padding:16px}.doc-section>.notice{margin-top:20px;padding:16px}}