.article-layout{width:min(100% - 36px,860px);margin:34px auto 85px;line-height:1.76;color:#d7e0ec}.article-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;width:calc(100% - 36px);max-width:1090px;margin:auto;padding:12px 0}.article-nav a{font-size:13px;font-weight:750;color:#e7f2ff;padding:9px 14px;border:1px solid #394960;border-radius:10px}.article-nav a:hover{border-color:#ffdb68}
.article-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#94a6bc;margin-bottom:18px}.article-crumbs a{color:#b8d3fa}.article-hero{padding:35px;border-radius:21px;border:1px solid #354862;background:linear-gradient(140deg,#1c2b44,#101a2b);margin-bottom:28px}.article-eyebrow{color:#ffdd7e;letter-spacing:.13em;font-weight:800;font-size:11px}.article-hero h1{margin:8px 0 11px;font-size:clamp(28px,4vw,39px);line-height:1.2;color:#f8fafc}.article-hero p{font-size:15px;color:#b7c8da;margin:10px 0}.article-stamp{display:block;font-size:12px;color:#91a5bb}
.article-content{font-size:16px}.article-content h2{color:#f2f8ff;font-size:23px;margin:33px 0 10px;line-height:1.35}.article-content p{margin:12px 0 20px;line-height:1.85}.article-content ul{padding-left:24px}.article-content li{padding-left:4px;margin:11px 0}.article-content a{color:#ffdb68;text-decoration:underline;text-underline-offset:3px}
.article-related{margin-top:43px;padding-top:26px;border-top:1px solid #324258}.article-related h2{font-size:23px}.article-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-related-grid a{display:block;padding:16px;background:#142239;border:1px solid #354660;border-radius:13px;color:#e9f3ff;font-weight:730;line-height:1.48}.article-related-grid a:hover{border-color:#f9cf68}.article-related-grid small{display:block;font-size:10px;letter-spacing:.11em;color:#e2bd61;margin-bottom:6px}
.guide-section{margin-top:48px;margin-bottom:32px}.guide-title{font-size:25px;font-weight:800;line-height:1.3}.guide-sub{color:#a5b3c7;font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.guide-card{border-radius:17px;border:1px solid #354760;background:#132139;padding:17px;display:flex;flex-direction:column;gap:11px;min-height:165px}.guide-card:hover{border-color:#ffdb68}.guide-card small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#f2cc76}.guide-card strong{font-size:16px;line-height:1.42}.guide-card span{font-size:12px;color:#adbace;margin-top:auto}.footer-guide-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:15px}.footer-guide-links a{font-size:11px;color:#acb9cf;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.article-layout{width:calc(100% - 28px);margin:19px auto 92px}.article-hero{padding:22px;border-radius:16px}.article-hero h1{font-size:27px}.article-content{font-size:15px}.article-content h2{font-size:20px}.article-related-grid,.guide-grid{grid-template-columns:1fr}.guide-card{min-height:120px}.article-nav{width:calc(100% - 28px)}.footer-guide-links{gap:10px 15px}}