@import url("blog-content.css");
.blogPage{--damt-title-transform:none}.blogSection{width:100%!important;padding:46px 0 0!important;background:transparent!important;border:0!important}
.blogFilters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 34px;max-width:1180px}
.blogFilters button{margin:0;padding:9px 14px;font-size:12px}
.blogFilters button,.blogPage .btn.primary,
.blogFilters button:hover,.blogPage .btn.primary:hover{box-shadow:none!important}
.blogGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;margin:0 auto;scroll-margin-top:130px}
.blogCard{display:flex;flex-direction:column;min-height:370px;padding:28px;border:1px solid rgba(255,255,255,.13);background:var(--damt-card-bg-final,linear-gradient(135deg,#030303,#080808));box-shadow:0 18px 42px rgba(0,0,0,.38);transition:transform .25s,border-color .25s;overflow:hidden}
.blogCard[hidden]{display:none!important}
.blogCard:hover{transform:translateY(-4px);border-color:rgba(245,200,0,.42)}
.blogCategory{margin:0 0 14px;color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.13em}
.blogCard h2{margin:0 0 16px;color:#fff;font-family:'Arial Narrow',Impact,sans-serif;font-size:29px;line-height:1.05}
.blogCardText{margin:0 0 20px;color:#d8d0c0;font-size:15px;line-height:1.65}
.blogCardMeta{margin:auto 0 17px;color:#aaa39a;font-size:13px;font-weight:800}
.blogCard .btn{align-self:flex-start}
.blogPage .btn{padding:12px 17px;gap:10px;font-size:13px}
.blogPage .btn:after{font-size:19px}
.blogCta{max-width:1180px;margin:58px auto 0;padding:34px;border:1px solid rgba(245,200,0,.28);background:radial-gradient(circle at 0 0,rgba(245,200,0,.13),transparent 40%),#080808;overflow:hidden}
.blogCta h2{margin:0 0 10px;font-size:34px;text-transform:uppercase}.blogCta p{margin:0;color:#d8d0c0;line-height:1.65}.blogCta .heroActions{margin-top:22px}.blogCta .btn{border-radius:14px!important}
.articleHero{min-height:390px}.articleHero>p{text-transform:none}.articleHero .articleMeta{margin-top:22px;color:#c9c5bd;font-size:14px;font-weight:800}
.articleShell{display:grid;grid-template-columns:minmax(0,780px) minmax(260px,340px);justify-content:center;gap:54px;max-width:1260px;margin:0 auto}
.articleBody{min-width:0;color:#d8d0c0}.articleBody h2,.articleBody h3{color:#fff}.articleBody .articleCta{margin-top:36px}
.articleCallout{margin:30px 0;padding:22px 24px;border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--gold2);border-radius:10px;background:rgba(255,255,255,.045)}
.articleCallout strong{display:block;margin-bottom:8px;color:var(--gold2);font-size:15px;letter-spacing:.06em}.articleCallout p{margin:0}.articleCallout.warning{border-left-color:#e9a92f}.articleCallout.recommendation{background:rgba(226,180,0,.07)}
.articleCta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.articleTableWrap{margin:26px 0;overflow-x:auto;border:1px solid rgba(255,255,255,.13);border-radius:10px}.articleTable{width:100%;min-width:640px;border-collapse:collapse;background:#080808}.articleTable th,.articleTable td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;font-size:14px;line-height:1.4}.articleTable th{color:var(--gold2)}.articleTable tr:last-child td{border-bottom:0}
.articleAside{align-self:start;position:sticky;top:110px;padding:25px;border:1px solid rgba(255,255,255,.13);background:var(--damt-card-bg-final,linear-gradient(135deg,#030303,#080808));overflow:hidden}.articleAside h2{margin:0 0 14px;font-size:20px}.articleAside a{display:block;padding:11px 0;border-top:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1.35}.articleAside a:hover{color:var(--gold2)}
.blogBack{display:inline-block;margin-bottom:18px;color:var(--gold2);text-decoration:none;font-weight:900}.blogBack:hover{text-decoration:underline}
.blogPage .damtFooterUnified{border-top:1px solid rgba(255,255,255,.14)!important}
@media(max-width:1100px){.blogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.articleShell{grid-template-columns:1fr}.articleAside{position:static}}
@media(max-width:700px){.blogSection{padding-top:28px!important}.blogFilters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.blogFilters button{flex:0 0 auto}.blogGrid{grid-template-columns:1fr}.blogCard{min-height:0;padding:23px}.blogCard h2{font-size:26px}.blogCta{padding:24px;margin-top:40px}.blogCta .heroActions{align-items:stretch}.articleHero{min-height:0}.articleAside{padding:22px}}
@media(prefers-reduced-motion:reduce){.blogCard{transition:none}.blogCard:hover{transform:none}}