.doc-body { text-transform: none; }
.doc-main { max-width: 820px; margin: 0 auto; padding: 150px 24px 40px; }
.doc-head { margin-bottom: 40px; }
.doc-head .section-title { margin-top: 24px; font-size: 44px; }
.doc-date { margin-top: 14px; font-size: 15px; color: var(--muted); }
.doc-sec { margin-top: 36px; }
.doc-sec h2 { font-size: 22px; font-weight: 800; letter-spacing: -0.02em; color: #fff; margin-bottom: 14px; }
.doc-sec p, .doc-sec li { font-size: 16px; line-height: 1.7; color: var(--muted-2); }
.doc-sec p + p { margin-top: 10px; }
.doc-sec ol { list-style: none; display: flex; flex-direction: column; gap: 10px; counter-reset: doc; }
.doc-sec ol > li { display: grid; grid-template-columns: 44px 1fr; }
.doc-sec ol > li > b { font-weight: 600; color: #cfcfcf; font-variant-numeric: tabular-nums; }
.doc-sec a { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.doc-sec a:hover { border-bottom-color: #fff; }
.doc-back { margin-top: 48px; display: flex; gap: 12px; flex-wrap: wrap; }
.nav-simple { display: flex; align-items: center; justify-content: space-between; }
.rules-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 820px; margin: 0 auto; }
.rule-card {
  display: flex; flex-direction: column; gap: 12px; padding: 28px;
  border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(10, 10, 10, 0.7);
  transition: border-color .25s var(--ease-ui), background-color .25s var(--ease-ui), transform .25s var(--ease-ui);
}
.rule-card:hover { border-color: rgba(255, 255, 255, 0.28); background-color: rgba(18, 18, 18, 0.85); transform: translateY(-2px); }
.rule-ico { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.06); color: #fff; }
.rule-card h3 { font-size: 20px; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
.rule-card p { font-size: 15px; line-height: 1.6; color: var(--muted-2); }
.rule-link { margin-top: auto; padding-top: 6px; font-size: 14.5px; font-weight: 600; color: #fff; }
@media (max-width: 720px) {
  .doc-main { padding-top: 120px; }
  .doc-head .section-title { font-size: 32px; }
  .rules-grid { grid-template-columns: 1fr; }
  .doc-sec ol > li { grid-template-columns: 38px 1fr; }
}