.support-article{background:#fff;color:#10234d}
.support-hero{background:#1f55d3;color:#fff;text-align:center;padding:86px 0 76px}
.support-hero .eyebrow{margin:0 0 14px;color:rgba(255,255,255,.86);font-weight:700}
.support-hero h1{margin:0 auto 20px;max-width:980px;color:#fff;font-size:46px;line-height:1.18}
.support-hero p{margin:0 auto;max-width:980px;color:rgba(255,255,255,.95);font-size:19px;line-height:1.9}
.hero-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:52px;border-radius:999px;background:#fff;color:#0b3eaa;font-weight:800;text-decoration:none}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;padding:58px 0}
.article-main{min-width:0}
.content-section{margin-bottom:38px;padding-bottom:38px;border-bottom:1px solid #e5edff}
.content-section h2{margin:0 0 18px;color:#0b3eaa;font-size:30px;line-height:1.3}
.content-section p{margin:0 0 20px;font-size:17px;line-height:1.9;color:#26395f}
.content-section.muted{background:#f4f7ff;border:0;border-radius:16px;padding:30px;margin-bottom:38px}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.info-card{background:#fff;border:1px solid #d7e3ff;border-radius:12px;padding:22px;box-shadow:0 10px 24px rgba(16,64,160,.05)}
.info-card h3{margin:0 0 10px;color:#0b3eaa;font-size:21px}
.info-card p{margin:0;font-size:16px}
.step-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.step-list li{position:relative;background:#fff;border:1px solid #d7e3ff;border-radius:12px;padding:18px 18px 18px 56px}
.step-list li:before{content:counter(list-item);position:absolute;left:18px;top:20px;width:24px;height:24px;border-radius:50%;background:#174db9;color:#fff;font-weight:800;text-align:center;line-height:24px}
.step-list strong{display:block;color:#0b3eaa;margin-bottom:8px}
.step-list span{display:block;color:#26395f;line-height:1.8}
.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.sample-card{margin:0;background:#fff;border:1px solid #d7e3ff;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(16,64,160,.06)}
.sample-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f2f5fb}
.sample-card figcaption{display:block;padding:16px 18px}
.sample-card figcaption strong{display:block;color:#0b3eaa;font-size:17px;margin-bottom:8px}
.sample-card figcaption span{display:block;color:#405279;line-height:1.7}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.check-list{margin:0;padding-left:22px;color:#26395f;line-height:2;font-size:16px}
.faq-list{display:grid;gap:12px}
.faq-list details{border:1px solid #d7e3ff;border-radius:10px;padding:16px 18px;background:#fff}
.faq-list summary{cursor:pointer;color:#0b3eaa;font-weight:800}
.faq-list p{margin:12px 0 0}
.receive-box{margin:40px 0;padding:44px 32px;border-radius:16px;background:#1f55d3;color:#fff;text-align:center}
.receive-box h2{margin:0 0 18px;color:#fff;font-size:32px}
.receive-box p{margin:0 auto 22px;max-width:820px;color:rgba(255,255,255,.95);font-size:18px;line-height:1.9}
.receive-box strong{display:inline-block;border-radius:999px;background:#fff;color:#0b3eaa;padding:14px 34px;font-size:20px}
.related{border:0}
.related-links{display:flex;flex-wrap:wrap;gap:12px}
.related-links a{display:inline-flex;align-items:center;border:1px solid #c9dcff;background:#eef5ff;border-radius:999px;padding:10px 16px;color:#0b3eaa;text-decoration:none;font-weight:700}
.article-toc{position:sticky;top:96px;align-self:start;background:#f4f7ff;border:1px solid #d7e3ff;border-radius:14px;padding:22px;z-index:1}
.article-toc h2{margin:0 0 14px;color:#0b3eaa;font-size:20px}
.article-toc a{display:block;color:#0b3eaa;text-decoration:none;padding:9px 0;line-height:1.5}
@media (max-width:1180px){.article-layout{grid-template-columns:1fr}.article-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.floating-contact{display:none}}
@media (max-width:760px){.support-hero{padding:58px 0}.support-hero h1{font-size:30px}.support-hero p{font-size:16px}.article-layout{padding:34px 0}.info-grid,.sample-grid,.two-col{grid-template-columns:1fr}.content-section h2{font-size:25px}.article-toc{grid-template-columns:1fr}.receive-box{padding:32px 20px}.receive-box h2{font-size:26px}}