*{box-sizing:border-box;margin:0;padding:0}
body.l14{font:15px/1.7 "Calibri","Microsoft YaHei",sans-serif;background:#e8eef4;color:#0e1c30}
.portalhead{background:#1b365d;color:#fff;padding:16px 5%}
.portalhead .brand{font-size:20px;font-weight:700;letter-spacing:.06em}
.portalnav{margin-top:8px}
.portalnav a{color:#c5d4e8;margin-right:16px;text-decoration:none;font-size:13px}
.portal{padding:18px 5% 40px;display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.hero-tile{grid-column:span 7;background:#fff;padding:24px;border-top:4px solid #1b365d}
.kpi{grid-column:span 5;background:#fff;padding:16px}
.hero-tile h1{font-size:26px;margin-bottom:10px;color:#1b365d}
.btn{display:inline-block;margin-top:10px;background:#1b365d;color:#fff;padding:10px 16px;text-decoration:none}
.minicards{list-style:none}
.portal>section{grid-column:1/-1;background:#fff;padding:20px}
h2{color:#1b365d;font-size:20px;margin-bottom:10px}
.tileset{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none}
.tileset .card{background:#f4f7fb;padding:12px;border:1px solid #c5d4e8;min-height:150px}
.ico{color:#1b365d}.ico svg{width:24px;height:24px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none}
.steps li{background:#f4f7fb;padding:12px}
.steps .num{display:block;font-weight:800;color:#1b365d}
.cmp{width:100%;border-collapse:collapse}
.cmp th{background:#1b365d;color:#fff;padding:8px}
.cmp td{border:1px solid #c5d4e8;padding:8px}
.faqol{list-style:none}
.faqol li{border-bottom:1px solid #c5d4e8;padding:10px 0}
footer.portalfoot{background:#0e1c30;color:#c5d4e8;padding:16px 5%;font-size:12px}
@media(max-width:900px){.hero-tile,.kpi,.tileset,.steps{grid-column:1/-1;display:block}}
.news-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.news-item{background:#f4f7fb;border:1px solid #c5d4e8;padding:12px}
.news-item h3{color:#1b365d;font-size:15px}
.news-item time{color:#1b365d;font-size:12px}
@media(max-width:800px){.news-stack{display:block}}