.lgl-body { margin: 0; background: #fcfbf8; color: #423c36; font-family: "Inter Variable", Inter, system-ui, sans-serif; line-height: 1.65; }
.lgl-document { max-width: 840px; margin: auto; padding: 48px 32px; overflow-wrap: anywhere; }
.lgl-brand { color: #3156bf; text-decoration: none; font-weight: 650; }
.lgl-document h1 { font-size: 32px; line-height: 1.25; margin: 24px 0 16px; }
.lgl-document h2 { font-size: 21px; line-height: 1.4; margin: 32px 0 12px; }
.lgl-notice { padding: 16px; background: #f7eee6; border: 1px solid #e2ddd6; border-radius: 8px; color: #9c500d; }
.lgl-meta { color: #706a63; font-size: 14px; }
.lgl-document a { color: #3156bf; }
.lgl-document table { border-collapse: collapse; display: block; overflow-x: auto; font-size: 14px; }
.lgl-document th, .lgl-document td { padding: 12px; border: 1px solid #e2ddd6; text-align: left; min-width: 120px; vertical-align: top; }
.lgl-footer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; padding-top: 24px; border-top: 1px solid #e2ddd6; font-size: 14px; }
@media (max-width: 600px) { .lgl-document { padding: 24px 20px; } .lgl-document h1 { font-size: 28px; } }