/* C06: scoped document surfaces, including the versioned rules route. */
.ab-legal-surface { color: #4e3b24; min-width: 0; line-height: 1.65; }
.ab-legal-surface .ab-reference-panel { background: #efdfb7; border: 3px double #9c772c; margin: 0 0 20px; box-shadow: 0 3px 8px #251b1340; }
.ab-legal-surface .ab-reference-heading { margin: 0; padding: 10px 18px; border-bottom: 2px solid #bd9337; background: linear-gradient(#355f98, #163864); color: #ffe29a; font-size: 18px; line-height: 1.4; }
.ab-legal-surface .ab-reference-content { padding: 16px 20px; }
.ab-legal-surface .ab-reference-content > :first-child { margin-top: 0; }
.ab-legal-surface .ab-reference-content > :last-child { margin-bottom: 0; }
.ab-legal-surface .ab-legal-navigation { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; margin-bottom: 20px; background: #e9d7ae; border: 1px solid #b39861; }
.ab-legal-surface .ab-legal-navigation a { display: block; padding: 7px 11px; border: 1px solid #b39861; background: #eddfbf; color: #195780; text-decoration: none; }
.ab-legal-surface .ab-legal-navigation a[aria-current="page"] { background: #214b7b; color: #fff; font-weight: 700; }
.ab-legal-surface a:focus-visible, .ab-legal-surface summary:focus-visible { outline: 3px solid #1c669c; outline-offset: 3px; }
.ab-legal-surface .ab-legal-contact { overflow-wrap: anywhere; }
.ab-legal-surface .ab-legal-version { font-size: .9em; }
.ab-legal-surface .ab-legal-draft-note { padding: 10px 12px; background: #f4e8cb; border: 1px solid #b39861; font-size: .9em; }
.ab-legal-surface .ab-rule-item { border-bottom: 1px solid #c1a977; padding: 10px 0; }
.ab-legal-surface .ab-rule-item summary { cursor: pointer; color: #154d73; font-weight: 700; }
.ab-legal-surface .ab-rule-item p { margin: 8px 0 0; }
.ab-legal-surface .ab-legal-clause { display: flex; gap: 12px; margin-bottom: 16px; }
.ab-legal-surface .ab-legal-clause > div { min-width: 0; }
.ab-legal-surface .ab-legal-clause h3 { margin: 0 0 6px; font-size: 1em; }
.ab-legal-surface .ab-legal-clause p { margin: 0; }
.ab-legal-surface .ab-legal-bottom-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 12px; background: #e9d7ae; border: 1px solid #b39861; }
@media (max-width: 600px) {
 .ab-legal-surface .ab-reference-content { padding: 12px; }
 .ab-legal-surface .ab-reference-heading { padding: 10px 12px; }
 .ab-legal-surface .ab-legal-navigation { gap: 6px; padding: 8px; }
 .ab-legal-surface .ab-legal-navigation a { padding: 7px 9px; }
}