.text-hero{padding:78px 0 64px;background:radial-gradient(circle at 80% 20%,rgba(244,188,49,.17),transparent 34%),linear-gradient(135deg,#061522,#0b2539);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.text-hero-inner{max-width:940px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px;color:#b8c7d5;font-size:.92rem}
.breadcrumbs a{color:#dce8f2;text-decoration:none}
.breadcrumbs a:hover{color:#f4bc31}
.text-hero .kicker{display:inline-flex;margin-bottom:14px;padding:7px 12px;border:1px solid rgba(244,188,49,.35);border-radius:999px;color:#f4bc31;font-weight:700;letter-spacing:.04em}
.text-hero h1{max-width:900px;margin:0 0 18px;font-size:clamp(2rem,4.3vw,3.7rem);line-height:1.12;letter-spacing:-.03em}
.text-hero p{max-width:850px;margin:0;color:#d6e2ec;font-size:1.08rem;line-height:1.85}
.text-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.article-wrap{padding:58px 0 82px;background:#f4f7fa}
.article-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.toc-card{position:sticky;top:110px;padding:22px;border:1px solid #dce5ec;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(7,26,43,.06)}
.toc-card strong{display:block;margin-bottom:12px;color:#071a2b;font-size:1.05rem}
.toc-card a{display:block;padding:9px 0;border-bottom:1px solid #edf1f4;color:#40566a;text-decoration:none}
.toc-card a:last-child{border-bottom:0}
.toc-card a:hover{color:#b77c00}
.article-card{padding:clamp(24px,4vw,52px);border:1px solid #dce5ec;border-radius:22px;background:#fff;box-shadow:0 18px 46px rgba(7,26,43,.07)}
.notice{margin-bottom:34px;padding:18px 20px;border-left:4px solid #f4bc31;border-radius:10px;background:#fff8df;color:#3d4650;line-height:1.7}
.content-section{padding:8px 0 30px}
.content-section+ .content-section{padding-top:28px;border-top:1px solid #e8eef2}
.content-section h2,.faq-section h2,.related-box h2{margin:0 0 14px;color:#071a2b;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.3}
.content-section p,.faq-section p{margin:0;color:#42566a;font-size:1rem;line-height:1.9}
.faq-section{padding-top:30px;border-top:1px solid #e8eef2}
.faq-section details{margin-top:12px;border:1px solid #dfe7ed;border-radius:12px;background:#fbfcfd}
.faq-section summary{cursor:pointer;padding:17px 20px;color:#10283b;font-weight:750}
.faq-section details p{padding:0 20px 18px}
.related-box{margin-top:38px;padding:24px;border-radius:16px;background:#071a2b;color:#fff}
.related-box h2{color:#fff}
.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.related-links a{padding:12px 14px;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;text-decoration:none}
.related-links a:hover{border-color:#f4bc31;color:#f4bc31}
.site-footer h2{font-size:1rem}
.site-footer .footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}
.site-footer a{text-decoration:none}
@media(max-width:900px){
.article-grid{grid-template-columns:1fr}
.toc-card{position:static}
}
@media(max-width:700px){
.text-hero{padding:48px 0 42px}
.text-hero .hero-actions{display:grid}
.text-hero .hero-actions .btn{width:100%;justify-content:center}
.article-wrap{padding:34px 0 56px}
.article-card{border-radius:16px}
.related-links{grid-template-columns:1fr}
}