.article-page{padding:44px 0 70px}.article-page .container{max-width:900px}.article-page h1{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}.article-page h2{font-size:30px;margin:38px 0 18px}.article-page h3{font-size:24px;margin:28px 0 14px}.article-page p,.article-page li{line-height:1.75}.article-page p{margin:20px 0}.article-page ol,.article-page ul:not(.list-social){padding-left:1.35rem}.article-page li+li{margin-top:14px}.article-page img{max-width:100%;height:auto}.article-page figure{margin:32px 0}.article-page figure>img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:18px;box-shadow:0 18px 46px #252b4520}.article-page figcaption{font-size:14px;margin-top:10px;color:var(--copy)}.article-page .avatar img{width:54px;height:54px;border-radius:50%}.article-page .list-social{display:flex;gap:16px;padding:0;list-style:none}.article-page .list-social img{width:24px;height:24px}.article-page h6{font-size:16px;margin:12px 0 4px}.article-page time{font-size:14px}.article-page a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-page .btn{display:inline-block;padding:12px 24px;background:var(--accent);color:white;border-radius:28px;text-decoration:none}.article-page .row{min-width:0}.article-page blockquote{margin:28px 0;padding:18px 24px;border-left:3px solid var(--accent);background:var(--warm)}
.article-page .bg-light{margin-top:48px;padding:64px 0;background:var(--warm)}.article-page .bg-light>.container>.row:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-page .bg-light>.container>.row:last-child>div{width:auto;min-width:0}.article-page .bg-light .card{height:100%;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 34px #252b4512}.article-page .bg-light .card>a{display:block;text-decoration:none}.article-page .bg-light .card-img-top>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-page .bg-light .card-body{padding:24px}.article-page .bg-light .card-body h3{margin:0 0 12px;font-size:21px}.article-page .bg-light .card-body p{margin:0;line-height:1.65}.article-page .bg-light .shape{display:none}
@media(max-width:700px){.article-page{padding-top:28px}.article-page h1{font-size:clamp(32px,10vw,44px)}.article-page figure>img{max-height:420px}.article-page .bg-light{padding:48px 0}.article-page .bg-light>.container>.row:last-child{grid-template-columns:minmax(0,1fr)}.article-page .bg-light .card-body{padding:20px}}