.articles-page{--article-red:#c90000;--article-dark:#151515;--article-muted:#686868;--article-line:#e2e2e2;color:var(--article-dark);padding:0 0 64px}
.articles-page *{box-sizing:border-box}
.articles-page .bread-crumbs{margin-bottom:28px}
.articles-kicker{display:block;margin-bottom:10px;color:var(--article-red);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.articles-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:68px;padding:54px 58px;background:linear-gradient(116deg,rgba(0,0,0,.93),rgba(22,22,22,.82)),url('/images/bg.jpg') center/cover;color:#fff;border-bottom:5px solid var(--article-red)}
.articles-hero h1,.articles-category-hero h1,.article-detail-header h1{margin:0;border:0;font-weight:700;letter-spacing:-.02em}
.articles-hero h1{max-width:790px;font-size:52px;line-height:1.08}
.articles-hero p{max-width:780px;margin:20px 0 0;color:#dedede;font-size:20px;line-height:1.55}
.articles-hero-action{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:255px;padding:17px 20px;border:1px solid rgba(255,255,255,.45);color:#fff;text-decoration:none;font-weight:700}
.articles-hero-action span{color:#ff3535;font-size:24px}
.articles-hero-action:hover{background:#fff;color:#111}
.articles-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.articles-section-heading h2{margin:0;border:0;font-size:38px;line-height:1.15}
.articles-section-heading>a{color:#a50000;font-weight:700;text-decoration:none}
.articles-heading-note{max-width:330px;color:#777;line-height:1.45;text-align:right}
.article-categories{margin-bottom:74px}
.article-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.article-category-card{position:relative;display:block;min-height:270px;overflow:hidden;background:#222;color:#fff;text-decoration:none}
.article-category-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.article-category-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.3))}
.article-category-content{position:relative;z-index:1;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;width:72%;min-height:270px;padding:32px}
.article-category-count{margin-bottom:10px;color:#ff3c3c;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.article-category-content strong{font-size:28px;line-height:1.2}
.article-category-content>span:not(.article-category-count):not(.article-category-link){display:block;margin-top:10px;color:#e0e0e0;line-height:1.5}
.article-category-link{margin-top:22px;padding-top:12px;border-top:1px solid rgba(255,255,255,.35);font-weight:700}
.article-category-link b{margin-left:8px;color:#ff3c3c;font-size:20px}
.article-category-card:hover>img{transform:scale(1.04)}
.article-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.article-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;background:#fff;border:1px solid #dedede;border-top:3px solid var(--article-red);box-shadow:0 6px 20px rgba(0,0,0,.06)}
.article-card-image{display:block;overflow:hidden;background:#262626;aspect-ratio:16/10;text-decoration:none}
.article-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.article-card:hover .article-card-image img{transform:scale(1.035)}
.article-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(145deg,#151515,#555);color:#fff;font-size:27px;font-weight:700;letter-spacing:3px}
.article-card-body{display:flex;flex:1;flex-direction:column;padding:25px}
.article-card-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px;color:#818181;font-size:12px}
.article-card-meta span{color:#a90000;font-weight:700;text-transform:uppercase}
.article-card h2,.article-card h3{margin:0 0 14px;border:0;font-size:23px;line-height:1.28;overflow-wrap:anywhere}
.article-card h2 a,.article-card h3 a{color:#171717;text-decoration:none}
.article-card h2 a:hover,.article-card h3 a:hover{color:#a80000}
.article-card p{margin:0 0 22px;color:#565656;font-size:15px;line-height:1.62}
.article-card-read{display:flex;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid #ededed;color:#a80000;font-weight:700;text-decoration:none}
.article-card-read span{font-size:19px}
.articles-category-hero{position:relative;margin-bottom:36px;padding:38px 44px;background:#f2f2f2;border-left:5px solid var(--article-red)}
.articles-category-hero h1{font-size:42px}
.articles-category-hero p{max-width:780px;margin:14px 0 0;color:#5e5e5e;font-size:18px;line-height:1.55}
.articles-category-hero>a{position:absolute;right:35px;bottom:35px;color:#a60000;font-weight:700;text-decoration:none}
.article-list-grid{margin-bottom:36px}
.articles-pagination{text-align:center}
.articles-pagination a,.articles-pagination strong{display:inline-block;min-width:36px;margin:3px;padding:9px 10px;border:1px solid #d0d0d0;color:#333;text-decoration:none}
.articles-pagination strong{background:#b70000;border-color:#b70000;color:#fff}
.article-detail-page{max-width:1180px;margin:0 auto}
.article-detail{max-width:960px;margin:0 auto;padding-bottom:54px}
.article-detail-header{padding:26px 0 32px;text-align:center}
.article-detail-meta{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:20px;color:#777;font-size:13px}
.article-detail-meta span{color:#aa0000;font-weight:700;text-transform:uppercase}
.article-detail-header h1{font-size:48px;line-height:1.14}
.article-detail-lead{max-width:820px;margin:22px auto 0;color:#555;font-size:20px;line-height:1.55}
.article-detail-cover{margin:0 0 42px}
.article-detail-cover img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}
.article-detail-content{font-size:18px;line-height:1.75;color:#242424}
.article-detail-content p{margin:0 0 1.35em}
.article-detail-content h2,.article-detail-content h3,.article-detail-content h4{margin:1.6em 0 .65em;color:#111;line-height:1.25}
.article-detail-content h2{font-size:32px}.article-detail-content h3{font-size:26px}
.article-detail-content img{display:block;max-width:100%;height:auto;margin:28px auto}
.article-detail-content ul,.article-detail-content ol{margin:1em 0 1.5em;padding-left:28px}
.article-detail-content li{margin-bottom:.55em}
.article-detail-content a{color:#a80000}
.article-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 72px;padding-top:34px;border-top:1px solid var(--article-line)}
.article-neighbor{display:flex;align-items:center;gap:18px;min-height:125px;padding:22px;border:1px solid #d8d8d8;background:#fafafa;color:#171717;text-decoration:none;transition:border-color .2s,transform .2s}
.article-neighbor:hover{border-color:#c30000;transform:translateY(-2px)}
.article-neighbor-next{justify-content:flex-end;text-align:right}
.article-neighbor-arrow{display:flex;align-items:center;justify-content:center;min-width:45px;height:45px;background:#c70000;color:#fff;border-radius:50%;font-size:24px}
.article-neighbor small{display:block;margin-bottom:7px;color:#a70000;font-weight:700;text-transform:uppercase}
.article-neighbor strong{display:block;font-size:18px;line-height:1.35}
.article-recommendations{margin-bottom:70px;padding:48px 42px;background:#f3f3f3}
.article-recommendation-grid .article-card{box-shadow:none}
.article-consultation{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:38px 44px;background:#171717;color:#fff;border-bottom:4px solid #c90000}
.article-consultation h2{margin:0;border:0;font-size:31px}
.article-consultation p{margin:10px 0 0;color:#ccc;font-size:16px}
.article-consultation>a{display:inline-flex;align-items:center;justify-content:center;min-width:245px;padding:16px 20px;background:linear-gradient(#f22525,#b40000);color:#fff;font-weight:700;text-decoration:none;text-transform:uppercase}
@media(max-width:1000px){
 .articles-hero{align-items:flex-start;flex-direction:column;padding:42px}.articles-hero h1{font-size:44px}.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .articles-category-hero>a{position:static;display:inline-block;margin-top:20px}.article-detail-header h1{font-size:42px}.article-recommendations{padding:38px 28px}.article-recommendation-grid .article-card:last-child{display:none}
}
@media(max-width:700px){
 .articles-page{padding-bottom:38px}.articles-page .bread-crumbs{margin-bottom:18px}.articles-hero{gap:28px;margin-bottom:44px;padding:30px 22px}.articles-hero h1{font-size:34px}.articles-hero p{font-size:17px}.articles-hero-action{width:100%;min-width:0}
 .articles-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.articles-section-heading h2{font-size:30px}.articles-heading-note{text-align:left}.article-categories{margin-bottom:48px}.article-category-grid,.article-card-grid{grid-template-columns:1fr}.article-category-card,.article-category-content{min-height:235px}.article-category-content{width:90%;padding:24px}.article-category-content strong{font-size:24px}
 .article-card-body{padding:22px}.articles-category-hero{padding:28px 22px}.articles-category-hero h1{font-size:32px}.articles-category-hero p{font-size:16px}
 .article-detail{padding-bottom:38px}.article-detail-header{padding-top:16px}.article-detail-header h1{font-size:33px}.article-detail-lead{font-size:17px}.article-detail-cover{margin-bottom:28px}.article-detail-content{font-size:17px;line-height:1.68}.article-detail-content h2{font-size:27px}.article-detail-content h3{font-size:23px}
 .article-neighbors{grid-template-columns:1fr;margin-bottom:48px}.article-neighbors>span:empty{display:none}.article-neighbor{min-height:105px;padding:17px}.article-neighbor-arrow{min-width:39px;height:39px}.article-neighbor strong{font-size:16px}
 .article-recommendations{margin-left:-10px;margin-right:-10px;margin-bottom:45px;padding:32px 16px}.article-recommendation-grid .article-card:last-child{display:flex}
 .article-consultation{align-items:stretch;flex-direction:column;padding:30px 22px}.article-consultation h2{font-size:27px}.article-consultation>a{width:100%;min-width:0}
}