.article-header{background:#102f3c;color:#fff}.article-header .container{min-height:78px;display:flex;align-items:center;gap:28px}.article-back{margin-left:auto;font-weight:700;font-size:14px;color:#c8e6e3}.article-signin{font-weight:700;font-size:14px;padding:10px 18px;border-radius:22px;background:#c6f2e8;color:#102f3c}.article-wrap{width:min(100% - 42px,800px);margin:0 auto;padding:48px 0 100px}.article-wrap nav{display:flex;gap:9px;align-items:center;font-size:13px;color:#687f85}.article-wrap nav a:hover,.article-back:hover{text-decoration:underline}.article-intro{margin:55px 0 36px}.article-intro h1{font-size:clamp(45px,7vw,76px);line-height:1.04;letter-spacing:-.055em;margin:16px 0 22px}.article-intro p{font-size:20px;line-height:1.6;color:#617a82;max-width:660px}.article-wrap .blog-art{height:340px;border-radius:20px}.article-content{max-width:690px;margin:62px auto 70px}.article-content section{margin-bottom:42px}.article-content h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px}.article-content p{font-size:17px;line-height:1.8;color:#4c6770;margin:0}.article-tip{background:#e9f7f3;border-radius:18px;padding:32px 38px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.article-tip strong{font-size:19px}.article-tip p{color:#59727a;margin:0;flex:1}.article-tip .button{min-height:48px}.related{padding-top:70px}.related h2{font-size:28px}.related>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.related a{border:1px solid #d9e7e6;border-radius:14px;padding:23px;display:grid;gap:8px}.related a:hover{border-color:#087986;background:#f2faf8}.related a span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#087986;font-weight:700}.related a strong{font-size:18px}.related a b{color:#087986}
@media(max-width:650px){.article-header .container{flex-wrap:wrap;gap:12px;padding-block:12px}.article-header .brand{font-size:26px}.article-signin{padding:8px 12px}.article-back{order:3;width:100%;margin:0}.article-wrap{padding-top:30px;padding-bottom:75px}.article-intro{margin:40px 0 26px}.article-intro h1{font-size:46px}.article-intro p{font-size:17px}.article-wrap .blog-art{height:245px}.article-content{margin:42px auto 50px}.article-content h2{font-size:24px}.article-content p{font-size:16px}.article-tip{padding:27px}.article-tip p{flex-basis:100%}.related>div{grid-template-columns:1fr}}