.hdd22-draft-marker{margin:0 0 18px;padding:10px 14px;border-radius:12px;background:#eef6ff;border:1px solid #cde0f7;color:#23445d;font-weight:700;font-size:14px}
.article-summary-box{background:#f7fbff;border:1px solid #d9e9f7;border-radius:18px;padding:22px 22px 18px;margin:22px 0 30px}
.article-summary-box h2{margin:0 0 12px;font-size:1.2rem}.article-summary-box ul{margin:0;padding-left:1.2rem}
.article-summary-box li{margin:.45rem 0}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0 28px}
.kpi-card{background:#0f2748;color:#fff;border-radius:18px;padding:18px 18px 16px;box-shadow:0 14px 30px rgba(12,41,73,.12)}
.kpi-card b{display:block;font-size:1.8rem;line-height:1.1;margin-bottom:8px;color:#ffe05a}.kpi-card span{font-size:.96rem;color:#e0ebf6}
.hdd22-table-wrap{overflow:auto;margin:18px 0 28px}
.hdd22-table{width:100%;border-collapse:collapse;min-width:720px;background:#fff;border:1px solid #dfe8f1;border-radius:16px;overflow:hidden}
.hdd22-table th,.hdd22-table td{padding:14px 16px;border-bottom:1px solid #e7eef5;vertical-align:top}.hdd22-table th{background:#f3f8fc;text-align:left;color:#23445d;font-weight:800}
.hdd22-note{padding:16px 18px;background:#fff8e8;border:1px solid #f0e0ad;border-radius:16px;margin:18px 0 28px}
.hdd22-checklist,.hdd22-steps{background:#f8fbfd;border:1px solid #dbe7f0;border-radius:18px;padding:18px 22px;margin:18px 0 28px}
.hdd22-checklist ul,.hdd22-steps ol{margin:0;padding-left:1.2rem}.hdd22-checklist li,.hdd22-steps li{margin:.55rem 0}
.hdd22-minihead{font-size:1.03rem;font-weight:800;color:#17344d;margin:0 0 10px}
.hdd22-faq h3{font-size:1.05rem;margin-top:1.4rem}
@media (max-width:720px){.kpi-card b{font-size:1.55rem}}