/* Rides on top of sx-page-base.css so the policy pages share the site chrome,
   type scale and colour tokens instead of defining their own shell. */

#doc-body{max-width:760px}

.pol-lead{font-size:15.5px;color:var(--g600);margin-bottom:28px;line-height:1.75}

.pol-h2{font-size:19px;font-weight:700;color:var(--navy-3);margin:34px 0 14px}

.pol-rule{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:16px 18px;margin-bottom:10px;display:flex;gap:14px;align-items:flex-start;
}
.pol-rule .no{
  flex:0 0 30px;height:30px;border-radius:9px;background:#f7f8fa;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;color:var(--g500);
}
.pol-rule .txt{flex:1;min-width:0}
.pol-rule .txt p{font-size:15px;font-weight:500;color:var(--navy-3);word-break:keep-all;line-height:1.65}

.pol-pen{
  display:inline-block;margin-top:8px;padding:3px 10px;border-radius:999px;
  font-size:12px;font-weight:600;
}
.pol-pen.timeout{background:#fff4e5;color:#b25e02}
.pol-pen.ban{background:#fdecec;color:#c01c28}

.pol-note{
  background:#f7f8fa;border:1px solid var(--border);border-left:3px solid var(--navy-1);
  border-radius:12px;padding:16px 18px;margin-top:22px;
  font-size:14.5px;color:var(--g600);line-height:1.75;
}

.pol-pending{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:52px 28px;text-align:center;
}
.pol-pending h2{margin:0 0 10px;font-size:20px;font-weight:700;color:var(--navy-3)}
.pol-pending p{color:var(--g600);font-size:14.5px}

@media (max-width:600px){
  .pol-rule{padding:14px 15px;gap:11px}
}