.art{max-width:760px;margin:0 auto;padding:6px 0 30px}
.crumb{font-size:12px;color:var(--muted);margin:6px 0 18px}.crumb a{color:var(--blue);text-decoration:none;font-weight:700}
.art h1{font-size:clamp(30px,4.6vw,46px);line-height:1.1;letter-spacing:-.05em;margin:0 0 14px}
.meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted);margin-bottom:22px}
.meta b{color:var(--ink)}
.art h2{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin:40px 0 10px;scroll-margin-top:110px}
.art p,.art li{font-size:16px;line-height:1.85;color:#2a3150}
.art ul,.art ol{padding-left:22px}.art li{margin:5px 0}
.art a{color:var(--blue);font-weight:650}
.lead{font-size:18px!important;color:#3a4266!important}
.toc{background:#ffffffe6;border:1px solid #e2e7f2;border-radius:18px;padding:18px 24px;margin:24px 0}
.toc strong{font-size:12px;letter-spacing:.12em;color:var(--blue)}
.toc ol{margin:8px 0 0}.toc a{text-decoration:none}
.callout{border-left:4px solid var(--blue);background:#eef1ff;padding:14px 18px;border-radius:0 14px 14px 0;margin:22px 0}
.callout p{margin:0}
.cta-box{margin:40px 0 10px;padding:30px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#4263eb,#7857e8);text-align:center}
.cta-box h2{margin:0 0 8px;color:#fff}.cta-box p{color:#ffffffd9;margin:0 0 18px}
.cta-box a.btnw{display:inline-block;padding:13px 24px;border-radius:999px;background:#fff;color:#151a2d;font-weight:800;text-decoration:none;margin:4px}
.art .faq{margin:10px 0 0;max-width:none}
.rel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.rel a{display:block;padding:16px 18px;background:#ffffffe6;border:1px solid #e2e7f2;border-radius:16px;text-decoration:none;color:var(--ink);font-weight:750;font-size:14px;line-height:1.4}
.rel a small{display:block;color:var(--blue);font-size:11px;letter-spacing:.1em;margin-bottom:4px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:10px 0 40px}
.pc{display:flex;flex-direction:column;background:#ffffffe6;border:1px solid #e2e7f2;border-radius:23px;padding:24px;box-shadow:0 12px 36px #26365d0b;text-decoration:none;color:var(--ink);transition:transform .3s,box-shadow .3s}
.pc:hover{transform:translateY(-6px);box-shadow:0 22px 45px #26365d14}
.pc .tag{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}
.pc h2{font-size:21px;line-height:1.25;letter-spacing:-.04em;margin:12px 0 10px}
.pc p{font-size:13.5px;line-height:1.7;color:var(--muted);margin:0 0 16px;flex:1}
.pc .m{font-size:12px;color:var(--muted);font-weight:650}
@media(max-width:800px){.bgrid,.rel{grid-template-columns:1fr}}
.pic{margin:26px 0}.pic img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #e2e7f2}
.pic figcaption{font-size:12.5px;color:var(--muted);margin-top:8px;text-align:center}
.pc .th{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:14px}