.mat-detail{max-width:1200px;margin:0 auto;padding:64px 24px 76px}
.mat-detail a{color:#1f6fc4}
.mat-detail__intro{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.mat-detail__intro h2{font-size:32px;line-height:1.25;margin:7px 0 14px}
.mat-detail__intro p{color:#4a5a6a;line-height:1.8;font-size:16px}
.mat-detail__rule{background:#fff;border:1px solid #e2ded5;border-left:4px solid #c99a2f;border-radius:12px;padding:20px;color:#4a5a6a;line-height:1.7}
.mat-detail__rule strong{display:block;color:#17243a;margin-bottom:6px}
.mat-detail__section{margin-top:44px}
.mat-detail__section>h2{font-size:25px;margin-bottom:8px}
.mat-detail__section>.lead{color:#5b6878;margin-bottom:20px;max-width:880px;line-height:1.7}
.mat-detail__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mat-detail__card{background:#fff;border:1px solid #e2ded5;border-radius:12px;padding:22px;min-height:285px;display:flex;flex-direction:column}
.mat-detail__card .code{font-size:11px;color:#2575c8;font-weight:800;letter-spacing:1px}
.mat-detail__card h3{font-size:18px;margin:6px 0 12px}
.mat-detail__card dl{display:grid;gap:11px}
.mat-detail__card dt{font-size:11px;color:#6b7c8d;font-weight:800}
.mat-detail__card dd{margin:2px 0 0;color:#4a5a6a;font-size:13.5px;line-height:1.6}
.mat-detail__card .boundary{margin-top:auto;padding-top:12px;border-top:1px solid #ece8df;color:#795f25;font-size:12.5px;line-height:1.55}
.mat-detail__table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2ded5;border-radius:12px}
.mat-detail__table{width:100%;min-width:880px;border-collapse:collapse}
.mat-detail__table th{background:#0e2344;color:#fff;text-align:left;padding:14px 16px;font-size:13px}
.mat-detail__table td{padding:15px 16px;border-bottom:1px solid #e8e3d9;vertical-align:top;color:#4a5a6a;font-size:13.5px;line-height:1.6}
.mat-detail__table tr:last-child td{border-bottom:0}
.mat-detail__table td:first-child{font-weight:800;color:#17243a}
.mat-detail__quality{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mat-detail__quality article{background:#eef4fa;border:1px solid #d5e2ef;border-radius:10px;padding:18px}
.mat-detail__quality strong{display:block;color:#132845;margin-bottom:6px}
.mat-detail__quality p{color:#4a5a6a;font-size:13px;line-height:1.55}
.mat-detail__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mat-detail__link{display:block;background:#fff;border:1px solid #e2ded5;border-radius:10px;padding:16px 18px}
.mat-detail__link strong{display:block;color:#17243a;margin-bottom:3px}
.mat-detail__link span{font-size:12.5px;color:#627286}
.mat-detail__note{margin-top:22px;padding:16px 18px;background:#fff8e8;border:1px solid #decda5;border-radius:10px;color:#655328;line-height:1.7}
.mat-detail__quote{margin-top:38px;background:#0e2344;color:#fff;border-radius:14px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mat-detail__quote h2{font-size:22px;margin-bottom:7px}
.mat-detail__quote p{color:#c8d2e0;line-height:1.65}
.mat-detail__quote a{background:#e0b957;color:#10213d;font-weight:800;padding:13px 22px;border-radius:8px;white-space:nowrap}
@media(max-width:900px){.mat-detail__intro{grid-template-columns:1fr}.mat-detail__grid,.mat-detail__links{grid-template-columns:1fr 1fr}.mat-detail__quality{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mat-detail{padding:46px 18px 60px}.mat-detail__intro h2{font-size:27px}.mat-detail__grid,.mat-detail__links,.mat-detail__quality{grid-template-columns:1fr}.mat-detail__quote{display:block}.mat-detail__quote a{display:inline-block;margin-top:16px}}