.article-container{max-width:950px;margin:0 auto;padding:65px 0 85px}
.article-body{max-width:900px;margin:auto}
.article-body h2{font-size:clamp(27px,3vw,37px);margin:50px 0 16px}
.article-body h2:first-child{margin-top:0}
.article-body p{max-width:770px;color:#435d62;font-size:18px;line-height:1.82}
.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0 45px}
.article-gallery figure{margin:0;background:white;border:1px solid #d8e1df;border-radius:14px;overflow:hidden}
.article-gallery img{display:block;width:100%;height:285px;object-fit:contain;padding:10px;background:white}
.article-gallery figcaption{color:#546b6d;border-top:1px solid #edf0ef;padding:14px 17px;font-size:14px;line-height:1.5}
.article-note{padding:23px 27px;background:#e9f0ef;border-left:3px solid #b78b66;margin:35px 0}
.article-note p{margin:0;font-size:16px}
.article-more{padding-top:25px;border-top:1px solid #d8e1df;display:flex;flex-wrap:wrap;gap:20px}
.article-more a{font-weight:700;font-size:15px;text-underline-offset:4px}
@media(max-width:680px){.article-container{padding:43px 0 65px}.article-body p{font-size:17px;line-height:1.72}.article-gallery{gap:12px}.article-gallery img{height:210px;padding:5px}.article-gallery figcaption{padding:12px;font-size:12px}}
@media(max-width:460px){.article-gallery{grid-template-columns:1fr}.article-gallery img{height:auto;min-height:210px;max-height:375px}.article-gallery figcaption{font-size:14px}}