.crumbs{font-size:14px;color:var(--mute);margin:28px 0 18px}
.crumbs a{color:var(--mute)}
.art{max-width:820px;margin:0 auto;padding:0 22px 40px}
.art h1{font-size:clamp(28px,4.4vw,44px);line-height:1.15;margin:0 0 18px;letter-spacing:-.01em}
.art .art-lead{font-size:20px;line-height:1.55;margin:0 0 26px;color:var(--ink)}
.art .hero-img{width:100%;height:auto;border-radius:16px;display:block;margin:0 0 28px;aspect-ratio:16/9;object-fit:cover}
.art h2{font-size:clamp(22px,2.8vw,28px);line-height:1.25;margin:40px 0 14px}
.art p,.art li{font-size:18px;line-height:1.65}
.art ul,.art ol{padding-left:22px}
.art li{margin:6px 0}
.art a{color:var(--acc)}
.tbl{overflow-x:auto;margin:18px 0 8px;border-radius:12px;border:1px solid var(--line);background:var(--card)}
.art table{border-collapse:collapse;width:100%;min-width:520px;font-size:16px}
.art th,.art td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.art th{background:var(--mist);font-weight:700}
.art tr:last-child td{border-bottom:0}
.updated{font-size:14px;color:var(--mute);margin:0 0 20px}
.cta-box{background:var(--deep);color:var(--ondeep);border-radius:18px;padding:30px;margin:44px 0}
.cta-box h2{margin:0 0 10px;color:var(--ondeep)}
.cta-box p{margin:0 0 20px}
.art .cta-box .btn{background:#f4ece4;color:#42202b;text-decoration:none}
.art .card{color:var(--ink)}
.art .faq-list details{border-bottom:1px solid var(--line);padding:4px 0}
.art .faq-list summary{cursor:pointer;font-weight:700;font-size:18px;padding:16px 0;list-style-position:outside}
.art .faq-list details p{margin:0 0 16px}
.more{margin:48px 0 0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:18px}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink)}
.card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.card span{display:block;padding:14px 16px 4px;font-weight:700;font-size:17px;line-height:1.3}
.card small{display:block;padding:0 16px 16px;font-size:15px;line-height:1.45;color:var(--mute)}
.card:hover{border-color:var(--acc)}
.guides{padding:72px 0}
.guides .w>p{max-width:60ch;margin:-20px 0 10px}
.guides .all{display:inline-block;margin-top:22px;font-weight:700;color:var(--acc)}
@media(max-width:600px){.art .art-lead{font-size:18px}.cta-box{padding:22px}}