:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; color: #242832; background: #fff; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 16px; line-height: 1.95; overflow-wrap: anywhere; }
main { max-width: 1040px; margin: 0 auto; padding: 64px 40px 80px; }
h1 { margin: 0 0 28px; font-size: 30px; line-height: 1.5; text-align: center; text-wrap: balance; }
h2 { margin: 36px 0 16px; font-size: 21px; line-height: 1.6; }
p { margin: 14px 0; }
dd { margin: 0; }
.metadata { margin: 0 0 12px; color: #4d535c; font-size: 14px; text-align: center; }
.metadata dt { color: #535b68; font-size: 14px; }
.preview-notice { margin: 0 0 40px; color: #555b65; font-size: 14px; text-align: center; }
.preview-notice p { margin: 6px 0 0; }
.important p, .material-terms p, .risk-body li { font-weight: 600; }
.operator-info div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; padding: 9px 0; }
.operator-info dt { font-weight: 600; }
.blank { display: inline-block; min-width: 96px; min-height: 1.25em; max-width: 100%; border-bottom: 1px solid #858b94; }
.pending { color: #7b451b; }
.risk-body, .document-status { margin-top: 36px; padding-top: 4px; border-top: 1px solid #e3e5e9; }
.risk-body ol { padding-left: 1.5em; }
.risk-body li { margin: 18px 0; padding-left: 4px; }
.note { font-size: 14px; color: #505864; }
@media (max-width: 600px) {
  main { padding: 30px 20px 48px; }
  h1 { font-size: 25px; }
  h2 { font-size: 20px; }
  .metadata { gap: 14px 24px; }
  .operator-info div { grid-template-columns: 100px minmax(0, 1fr); }
}
@media print {
  @page { size: A4; margin: 17mm; }
  body { font-size: 11pt; line-height: 1.7; color: black; }
  main { max-width: none; padding: 0; }
  h1 { font-size: 21pt; }
  h2 { font-size: 15pt; break-after: avoid; }
  p, li { orphans: 3; widows: 3; }
  .preview-notice, .pending, .note { color: black; background: none; }
  .metadata div, .operator-info div { break-inside: avoid; }
}
