.article-header{background:#fff;border-bottom:1px solid #f0e9dc}.article-header>.container{min-height:78px;display:flex;align-items:center;justify-content:space-between}.article-home{color:#df941c;font-size:12px;font-weight:900}.article-home i{margin-right:5px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:55px;padding-top:35px;padding-bottom:75px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#9a8e95;font-size:11px;margin-bottom:30px;flex-wrap:wrap}.breadcrumbs a:hover{color:#e7941e}.breadcrumbs i{font-size:8px;color:#c5b9b9}.article-category{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#36afa8}.article-layout h1{font-family:Quicksand,Nunito,sans-serif;font-size:clamp(30px,3.7vw,49px);letter-spacing:-.04em;line-height:1.2;margin:0 0 17px}.article-lead{font-size:16px;line-height:1.8;color:#6f6670;margin:0 0 28px}.article-cover{width:100%;max-height:410px;object-fit:cover;border-radius:23px;background:#eff8f4}.article-body{max-width:740px;padding-top:13px}.article-section{margin-top:30px}.article-section h2{font-family:Quicksand,sans-serif;font-size:24px;line-height:1.4;letter-spacing:-.025em;margin:0 0 12px}.article-section p,.article-section li{font-size:14px;line-height:1.9;color:#635b63}.article-section p{margin:0 0 14px}.article-section ul{padding-left:24px;margin:0 0 15px}.article-section li{padding-left:4px;margin-bottom:5px}.article-end{display:flex;align-items:flex-start;gap:10px;margin-top:45px;padding:18px;border-radius:15px;background:#eaf8f4;color:#438d86}.article-end p{font-size:12px;line-height:1.7;margin:0}.article-sidebar{padding-top:40px}.sidebar-box{background:#fff;border:1px solid #f0e8da;border-radius:20px;padding:20px;box-shadow:0 9px 20px #6d5b4020}.sidebar-box h2{font-family:Quicksand;font-size:21px;margin:5px 0 15px}.sidebar-box>a{display:flex;gap:10px;padding:12px 0;border-top:1px solid #f3ece2}.sidebar-box>a img{width:70px;height:62px;object-fit:cover;border-radius:9px}.sidebar-box>a small{display:block;font-size:9px;text-transform:uppercase;color:#38aba4;font-weight:900;margin-bottom:4px}.sidebar-box>a strong{display:block;font-size:11px;line-height:1.4}.sidebar-box>a:hover strong{color:#e6931c}.sidebar-note{background:#fff0dd;border-radius:19px;padding:22px;margin-top:20px}.sidebar-note>i{display:block;color:#eda343;font-size:24px;margin-bottom:9px}.sidebar-note strong{font-family:Quicksand;font-size:16px}.sidebar-note p{font-size:11px;line-height:1.65;color:#88766f}.sidebar-note a{font-size:11px;color:#df8d20;font-weight:900}.article-footer{background:#fff8ed;border-top:1px solid #eee2d0;padding:20px 0;color:#96888b;font-size:10px}.article-footer>.container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo-notice{font-size:10px;color:#9b8d91;margin:-3px 0 15px}.load-error{grid-column:1/-1;padding:20px;background:#fff1e4;border-radius:12px;color:#8c6571;font-size:13px}
@media(max-width:850px){.article-layout{grid-template-columns:1fr;gap:0}.article-sidebar{padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.sidebar-note{margin-top:0}}
@media(max-width:620px){.article-header>.container{min-height:66px}.article-layout{padding-top:23px;padding-bottom:48px}.breadcrumbs{margin-bottom:20px}.article-layout h1{font-size:31px}.article-lead{font-size:13px}.article-cover{border-radius:16px}.article-section{margin-top:25px}.article-section h2{font-size:20px}.article-section p,.article-section li{font-size:13px}.article-sidebar{display:block}.sidebar-note{margin-top:15px}}