/*
Theme Name: DNN Theme 2026 Alpha 0.8
Theme URI: https://dnn-leb.com/
Description: A custom editorial child theme for Jannah with a fully rebuilt DNN homepage and header.
Author: DNN
Template: jannah
Version: 0.8.0
Text Domain: dnn-2026
*/
:root{--dnn-navy:#061a33;--dnn-blue:#0b65c9;--dnn-red:#d71f2b;--dnn-ink:#101827;--dnn-muted:#687386;--dnn-line:#e5eaf0;--dnn-soft:#f5f7fa;--dnn-white:#fff;--dnn-radius:14px}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--dnn-ink);font-family:Tahoma,Arial,sans-serif}a{text-decoration:none;color:inherit}.dnn-container{width:min(1420px,calc(100% - 40px));margin-inline:auto}.dnn-site{min-height:100vh;background:#fff}
/* Header */
.dnn-topbar{height:34px;background:var(--dnn-navy);color:#dce6f2;font-size:12px}.dnn-topbar .dnn-container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.dnn-topbar__name{font-weight:700;opacity:.9}.dnn-topbar__date{white-space:nowrap}
.dnn-header-main{background:#fff;border-bottom:1px solid var(--dnn-line)}.dnn-header-main .dnn-container{height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.dnn-search{width:min(320px,100%);justify-self:start;position:relative}.dnn-search input{width:100%;height:46px;border:1px solid #d9e0e8;border-radius:10px;padding:0 16px 0 46px;font-size:14px;background:#fff;outline:0}.dnn-search input:focus{border-color:var(--dnn-blue);box-shadow:0 0 0 3px rgba(11,101,201,.1)}.dnn-search button{position:absolute;left:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:18px;cursor:pointer}.dnn-brand{justify-self:center;line-height:0}.dnn-brand img{display:block;width:118px;height:auto;max-height:92px;object-fit:contain}.dnn-header-spacer{justify-self:end;color:var(--dnn-muted);font-size:13px}
.dnn-nav{background:var(--dnn-navy);position:relative;z-index:100}.dnn-nav .dnn-container{min-height:56px;display:flex;align-items:center}.dnn-nav-toggle{display:none;border:0;background:transparent;color:#fff;font-size:25px;padding:8px;cursor:pointer}.dnn-nav-menu{width:100%}.dnn-nav-menu>ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:1px}.dnn-nav-menu li{position:relative;margin:0}.dnn-nav-menu a{display:flex;align-items:center;min-height:56px;padding:0 19px;color:#fff!important;font-weight:700;font-size:14px;transition:.2s}.dnn-nav-menu a:hover,.dnn-nav-menu .current-menu-item>a,.dnn-nav-menu .current-menu-ancestor>a{background:var(--dnn-blue)}.dnn-nav-menu .sub-menu{display:none;position:absolute;right:0;top:100%;min-width:220px;background:#fff;padding:8px;list-style:none;box-shadow:0 16px 35px rgba(2,20,40,.18);border-radius:0 0 10px 10px}.dnn-nav-menu li:hover>.sub-menu{display:block}.dnn-nav-menu .sub-menu a{color:var(--dnn-ink)!important;min-height:42px;border-radius:7px;justify-content:flex-start}.dnn-nav-menu .sub-menu a:hover{background:#eef5ff;color:var(--dnn-blue)!important}
/* Homepage */
.dnn-home{padding:28px 0 54px}.dnn-lead-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(280px,.75fr);gap:20px;align-items:stretch}.dnn-hero{min-height:480px;border-radius:var(--dnn-radius);overflow:hidden;position:relative;background:#111}.dnn-hero img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.dnn-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,19,.12) 0%,rgba(3,10,19,.42) 45%,rgba(3,10,19,.88) 100%)}.dnn-hero-content{position:absolute;z-index:2;right:0;bottom:0;width:min(66%,760px);padding:46px;color:#fff}.dnn-chip{display:inline-flex;background:var(--dnn-blue);color:#fff;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:700;margin-bottom:16px}.dnn-hero h1{font-size:clamp(30px,3vw,49px);line-height:1.3;margin:0 0 14px;font-weight:900}.dnn-hero p{font-size:16px;line-height:1.8;margin:0 0 20px;color:#e4ebf2}.dnn-meta{font-size:12px;color:#d7e0ea}.dnn-readmore{display:inline-flex;margin-top:22px;background:var(--dnn-blue);padding:12px 20px;border-radius:7px;font-weight:800;color:#fff!important}.dnn-readmore:hover{background:#084e9c}
.dnn-latest{border:1px solid var(--dnn-line);border-radius:var(--dnn-radius);background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(20,38,67,.05)}.dnn-box-title{margin:0;padding:17px 19px;border-bottom:1px solid var(--dnn-line);font-size:21px;color:var(--dnn-navy);font-weight:900}.dnn-latest-list{padding:4px 16px}.dnn-latest-item{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #eef1f4}.dnn-latest-item:last-child{border-bottom:0}.dnn-latest-item img{width:86px;height:64px;object-fit:cover;border-radius:8px}.dnn-latest-item h3{font-size:14px;line-height:1.55;margin:0 0 6px;font-weight:800}.dnn-latest-item time{font-size:11px;color:var(--dnn-muted)}.dnn-more{display:block;margin:8px 16px 16px;text-align:center;border:1px solid var(--dnn-line);border-radius:8px;padding:9px;color:var(--dnn-blue);font-weight:700;font-size:13px}
.dnn-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.dnn-feature-card{height:225px;position:relative;border-radius:12px;overflow:hidden;background:#111}.dnn-feature-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.dnn-feature-card:hover img{transform:scale(1.035)}.dnn-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,15,.92),rgba(2,8,15,.08) 70%)}.dnn-feature-copy{position:absolute;z-index:2;right:0;left:0;bottom:0;padding:18px;color:#fff}.dnn-feature-copy h3{font-size:19px;line-height:1.5;margin:7px 0 6px;font-weight:900}.dnn-feature-copy time{font-size:11px;color:#dbe4ee}
.dnn-section{margin-top:38px}.dnn-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:11px;border-bottom:2px solid var(--dnn-navy)}.dnn-section-head h2{margin:0;font-size:27px;color:var(--dnn-navy);font-weight:900}.dnn-section-head a{font-size:13px;color:var(--dnn-blue);font-weight:800}.dnn-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dnn-category-block{border:1px solid var(--dnn-line);border-radius:12px;background:#fff;overflow:hidden}.dnn-category-block h3{font-size:20px;margin:0;padding:15px 16px;color:var(--dnn-navy);border-bottom:1px solid var(--dnn-line)}.dnn-category-main{display:block;position:relative;height:190px;overflow:hidden}.dnn-category-main img{width:100%;height:100%;object-fit:cover}.dnn-category-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,15,.9),transparent 75%)}.dnn-category-main span{position:absolute;z-index:2;right:15px;left:15px;bottom:14px;color:#fff;font-size:18px;line-height:1.45;font-weight:900}.dnn-category-links{padding:8px 15px 12px}.dnn-category-link{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f4}.dnn-category-link:last-child{border-bottom:0}.dnn-category-link img{width:64px;height:48px;border-radius:6px;object-fit:cover}.dnn-category-link strong{font-size:13px;line-height:1.5}.dnn-category-link small{display:block;color:var(--dnn-muted);font-size:10px;margin-top:3px}
.dnn-bottom-grid{display:grid;grid-template-columns:1.15fr 1.15fr .9fr;gap:18px;margin-top:38px}.dnn-panel{border:1px solid var(--dnn-line);border-radius:12px;background:#fff;padding:18px}.dnn-panel h2{font-size:23px;margin:0 0 14px;color:var(--dnn-navy)}.dnn-big-card{display:block;position:relative;height:250px;border-radius:10px;overflow:hidden;background:#111}.dnn-big-card img{width:100%;height:100%;object-fit:cover}.dnn-big-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,15,.92),rgba(2,8,15,.05) 70%)}.dnn-big-card span{position:absolute;z-index:2;right:18px;left:18px;bottom:18px;color:#fff;font-size:22px;line-height:1.45;font-weight:900}.dnn-opinion-item{display:grid;grid-template-columns:66px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #eef1f4}.dnn-opinion-item:last-child{border-bottom:0}.dnn-opinion-item img{width:66px;height:66px;border-radius:50%;object-fit:cover}.dnn-opinion-item strong{font-size:14px;line-height:1.5}.dnn-opinion-item small{display:block;margin-top:5px;color:var(--dnn-muted)}
/* Standard parent pages */
.dnn-parent-content{width:min(1240px,calc(100% - 40px));margin:30px auto}.dnn-site #content.container{padding-top:28px}.dnn-site .mag-box,.dnn-site .widget{border-radius:12px!important;border:1px solid var(--dnn-line)!important;box-shadow:0 7px 25px rgba(20,38,67,.05)!important}
/* Footer */
.dnn-footer{background:var(--dnn-navy);color:#d8e2ee;padding:42px 0 18px}.dnn-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.dnn-footer-logo img{width:120px;height:auto}.dnn-footer p{font-size:13px;line-height:1.8;color:#b9c7d7}.dnn-footer h3{color:#fff;margin:0 0 13px}.dnn-footer ul{list-style:none;margin:0;padding:0}.dnn-footer li{margin:8px 0;font-size:13px}.dnn-copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:16px;text-align:center;font-size:12px;color:#9fb0c3}
@media(max-width:1050px){.dnn-lead-grid{grid-template-columns:1fr}.dnn-latest-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.dnn-feature-grid,.dnn-category-grid{grid-template-columns:repeat(2,1fr)}.dnn-bottom-grid{grid-template-columns:1fr 1fr}.dnn-panel:last-child{grid-column:1/-1}.dnn-header-main .dnn-container{grid-template-columns:1fr auto}.dnn-header-spacer{display:none}}
@media(max-width:768px){.dnn-container{width:min(100% - 24px,1420px)}.dnn-topbar__name{display:none}.dnn-header-main .dnn-container{height:78px;grid-template-columns:auto 1fr;gap:16px}.dnn-brand{grid-column:1;grid-row:1;justify-self:start}.dnn-brand img{width:78px;max-height:64px}.dnn-search{grid-column:2;grid-row:1;width:100%}.dnn-search input{height:40px}.dnn-nav .dnn-container{min-height:50px;justify-content:space-between}.dnn-nav-toggle{display:block}.dnn-nav-menu{display:none;position:absolute;top:100%;right:0;left:0;background:var(--dnn-navy);padding:8px 14px 16px}.dnn-nav.is-open .dnn-nav-menu{display:block}.dnn-nav-menu>ul{display:block}.dnn-nav-menu a{min-height:44px;padding:0 12px;border-radius:7px;justify-content:flex-start}.dnn-nav-menu .sub-menu{position:static;display:block;background:rgba(255,255,255,.05);box-shadow:none}.dnn-nav-menu .sub-menu a{color:#fff!important}.dnn-home{padding-top:16px}.dnn-hero{min-height:430px}.dnn-hero-content{width:100%;padding:26px}.dnn-hero h1{font-size:29px}.dnn-latest-list{display:block}.dnn-feature-grid,.dnn-category-grid,.dnn-bottom-grid{grid-template-columns:1fr}.dnn-panel:last-child{grid-column:auto}.dnn-feature-card{height:230px}.dnn-footer-grid{grid-template-columns:1fr;gap:25px}}


/* v2 editorial refinement */
.dnn-header-main .dnn-container{height:92px;grid-template-columns:auto 1fr minmax(240px,320px)}
.dnn-brand{justify-self:start}.dnn-brand img{width:104px;max-height:80px}.dnn-header-tagline{justify-self:center;color:var(--dnn-navy);font-size:14px;font-weight:800;letter-spacing:.1px}.dnn-search{justify-self:end}
.dnn-lead-grid{grid-template-columns:minmax(0,2.35fr) minmax(300px,.65fr)}
.dnn-hero{min-height:520px}.dnn-hero:after{background:linear-gradient(90deg,rgba(3,10,19,.06) 0%,rgba(3,10,19,.28) 40%,rgba(3,10,19,.93) 100%)}.dnn-hero-content{width:min(62%,720px);padding:54px}.dnn-hero h1{font-size:clamp(34px,3.2vw,54px);line-height:1.25}.dnn-hero p{max-width:640px}.dnn-box-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dnn-line);padding-left:18px}.dnn-box-title{border:0}.dnn-live-dot{width:9px;height:9px;border-radius:50%;background:var(--dnn-red);box-shadow:0 0 0 5px rgba(215,31,43,.09)}
.dnn-feature-mosaic{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:220px 220px;gap:16px;margin-top:20px}.dnn-feature-mosaic .dnn-feature-card{height:auto}.dnn-feature-1{grid-row:1/3}.dnn-feature-2,.dnn-feature-3,.dnn-feature-4,.dnn-feature-5{min-height:0}.dnn-feature-copy h3{font-size:18px}.dnn-feature-1 .dnn-feature-copy h3{font-size:25px}.dnn-feature-1 .dnn-feature-copy{padding:26px}
.dnn-section-head{align-items:flex-end}.dnn-section-head>div{display:flex;align-items:flex-end;gap:14px}.dnn-kicker{font-size:12px;color:var(--dnn-blue);font-weight:900;margin-bottom:4px}.dnn-category-block{position:relative;transition:.25s;box-shadow:0 8px 24px rgba(20,38,67,.04)}.dnn-category-block:hover{transform:translateY(-3px);box-shadow:0 13px 32px rgba(20,38,67,.08)}.dnn-category-block h3{display:flex;align-items:center;justify-content:space-between;border-top:4px solid var(--dnn-blue)}.dnn-category-block h3 a{font-size:11px;color:var(--dnn-muted);font-weight:700}.dnn-cat-red h3{border-top-color:#d71f2b}.dnn-cat-blue h3{border-top-color:#0b65c9}.dnn-cat-green h3{border-top-color:#178a55}.dnn-cat-orange h3{border-top-color:#ef7d16}.dnn-cat-red h3 span{color:#d71f2b}.dnn-cat-blue h3 span{color:#0b65c9}.dnn-cat-green h3 span{color:#178a55}.dnn-cat-orange h3 span{color:#ef7d16}
.dnn-panel{box-shadow:0 8px 24px rgba(20,38,67,.04)}.dnn-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.dnn-panel-title h2{margin:0}.dnn-panel-title span{height:2px;background:var(--dnn-blue);flex:1}
@media(max-width:1050px){.dnn-feature-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:260px 210px 210px}.dnn-feature-1{grid-column:1/-1;grid-row:auto}.dnn-header-main .dnn-container{grid-template-columns:auto 1fr}.dnn-header-tagline{display:none}.dnn-search{justify-self:end}}
@media(max-width:768px){.dnn-header-main .dnn-container{height:74px}.dnn-brand img{width:72px}.dnn-feature-mosaic{grid-template-columns:1fr;grid-template-rows:none}.dnn-feature-mosaic .dnn-feature-card{height:230px}.dnn-feature-1{grid-column:auto}.dnn-hero{min-height:445px}.dnn-hero-content{width:100%;padding:28px}.dnn-hero h1{font-size:30px}.dnn-section-head>div{display:block}.dnn-kicker{display:block;margin-bottom:5px}}


/* DNN Theme 2026 Alpha 0.3 — editorial identity pass */
:root{--dnn-navy:#04172d;--dnn-blue:#0872d8;--dnn-cyan:#1da1f2;--dnn-red:#d92432;--dnn-soft:#f6f8fb;--dnn-line:#e3e8ef;--dnn-shadow:0 14px 36px rgba(8,31,58,.08)}
body{background:var(--dnn-soft)}
.dnn-site{background:var(--dnn-soft)}
.dnn-utility{height:31px;background:var(--dnn-navy);color:#dce7f3;font-size:11px}
.dnn-utility .dnn-container{height:100%;display:flex;align-items:center;justify-content:space-between}
.dnn-utility__identity{font-weight:800;letter-spacing:.1px}.dnn-utility__date{opacity:.92}
.dnn-masthead{background:#fff;border-bottom:1px solid var(--dnn-line)}
.dnn-masthead .dnn-container{height:96px;display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(250px,330px);align-items:center;gap:24px}
.dnn-brand{justify-self:start}.dnn-brand img{display:block;width:100px;max-height:82px;object-fit:contain}
.dnn-masthead__copy{display:flex;flex-direction:column;gap:4px;color:var(--dnn-navy)}
.dnn-masthead__copy strong{font-size:19px;font-weight:900}.dnn-masthead__copy span{font-size:12px;color:var(--dnn-muted)}
.dnn-search{justify-self:end;width:100%}.dnn-search input{height:43px;border-radius:22px;background:#f8fafc;padding-right:18px}
.dnn-nav{box-shadow:0 4px 18px rgba(4,23,45,.12)}.dnn-nav .dnn-container{min-height:52px}.dnn-nav-menu a{min-height:52px;font-size:13.5px;padding-inline:17px}.dnn-nav-menu a:hover,.dnn-nav-menu .current-menu-item>a,.dnn-nav-menu .current-menu-ancestor>a{background:linear-gradient(180deg,#0a78e3,#075db7)}
.dnn-home{padding-top:22px}.dnn-lead-grid{gap:16px}.dnn-hero,.dnn-latest,.dnn-feature-card,.dnn-category-block,.dnn-panel{box-shadow:var(--dnn-shadow)}
.dnn-hero{border-radius:16px;min-height:505px}.dnn-hero-content{padding:48px}.dnn-hero h1{font-size:clamp(33px,3vw,50px)}
.dnn-latest{border-radius:16px}.dnn-box-head{background:#fff}.dnn-box-title{font-size:20px}.dnn-latest-item{grid-template-columns:92px 1fr}.dnn-latest-item img{width:92px;height:68px}.dnn-latest-item h3{font-size:13.5px}
.dnn-feature-mosaic{gap:14px}.dnn-feature-card{border-radius:14px}.dnn-feature-card:after{background:linear-gradient(0deg,rgba(1,10,22,.94),rgba(1,10,22,.04) 76%)}
.dnn-section-head{border-bottom:1px solid var(--dnn-line);position:relative;padding-bottom:14px}.dnn-section-head:after{content:"";position:absolute;right:0;bottom:-1px;width:90px;height:3px;background:var(--dnn-blue);border-radius:3px}.dnn-section-head h2{font-size:25px}
.dnn-category-grid{gap:15px}.dnn-category-block{border-radius:14px}.dnn-category-block h3{font-size:18px}.dnn-category-main{height:200px}.dnn-category-main span{font-size:17px}.dnn-category-link strong{font-size:12.5px}
.dnn-bottom-grid{gap:15px}.dnn-panel{border-radius:14px}.dnn-footer{margin-top:0}
@media(max-width:1050px){.dnn-masthead .dnn-container{grid-template-columns:auto 1fr}.dnn-masthead__copy{display:none}.dnn-search{max-width:340px}}
@media(max-width:768px){.dnn-utility__identity{display:none}.dnn-utility .dnn-container{justify-content:center}.dnn-masthead .dnn-container{height:76px;grid-template-columns:auto 1fr;gap:14px}.dnn-brand img{width:72px;max-height:60px}.dnn-search input{height:40px;font-size:12px}.dnn-nav .dnn-container{min-height:48px}.dnn-hero{min-height:420px;border-radius:12px}.dnn-hero-content{padding:25px}.dnn-feature-card,.dnn-category-block,.dnn-panel{box-shadow:0 7px 20px rgba(8,31,58,.07)}}


/* DNN Theme 2026 Alpha 0.4 — editorial hierarchy pass */
.dnn-home{padding-top:24px;padding-bottom:62px}
.dnn-lead-grid{grid-template-columns:minmax(0,2.45fr) minmax(300px,.72fr);gap:18px}
.dnn-hero{min-height:540px;border-radius:18px}
.dnn-hero:after{background:linear-gradient(90deg,rgba(2,9,18,.05) 0%,rgba(2,9,18,.30) 42%,rgba(2,9,18,.95) 100%)}
.dnn-hero-content{width:min(65%,760px);padding:58px 52px}
.dnn-hero h1{font-size:clamp(37px,3.25vw,55px);line-height:1.24;letter-spacing:-.25px}
.dnn-hero p{font-size:15px;line-height:1.9;max-width:620px}
.dnn-readmore{border-radius:9px;padding:13px 22px;box-shadow:0 9px 22px rgba(8,114,216,.24)}
.dnn-latest{display:flex;flex-direction:column}
.dnn-latest-list{flex:1;padding:4px 15px}
.dnn-latest-item{grid-template-columns:82px 1fr;gap:11px;padding:12px 0}
.dnn-latest-item img{width:82px;height:61px}
.dnn-latest-item h3{font-size:13px;line-height:1.55;margin-bottom:5px}
.dnn-feature-mosaic{grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:235px 235px;gap:15px;margin-top:22px}
.dnn-feature-1 .dnn-feature-copy h3{font-size:27px;line-height:1.42}
.dnn-feature-copy h3{font-size:17px}
.dnn-section{margin-top:44px}
.dnn-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dnn-category-block{border-radius:16px;overflow:hidden}
.dnn-category-block h3{font-size:20px;padding:15px 18px}
.dnn-category-body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);min-height:285px}
.dnn-category-main{height:100%;min-height:285px}
.dnn-category-main span{font-size:20px;line-height:1.48;bottom:18px;right:18px;left:18px}
.dnn-category-links{padding:7px 16px 8px;background:#fff}
.dnn-category-link{grid-template-columns:72px 1fr;padding:11px 0}
.dnn-category-link img{width:72px;height:54px}
.dnn-category-link strong{font-size:13px;line-height:1.55}
.dnn-bottom-grid{margin-top:44px;gap:20px}
.dnn-panel{padding:19px;border-radius:16px}
.dnn-big-card{height:275px}
.dnn-footer{padding-top:46px}
@media(max-width:1180px){.dnn-category-body{grid-template-columns:1fr}.dnn-category-main{height:225px;min-height:225px}.dnn-category-links{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.dnn-category-link:nth-child(3){border-bottom:0}}
@media(max-width:1050px){.dnn-lead-grid{grid-template-columns:1fr}.dnn-latest-list{grid-template-columns:repeat(2,1fr)}.dnn-hero{min-height:510px}.dnn-category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.dnn-category-grid{grid-template-columns:1fr}.dnn-category-body{grid-template-columns:1.05fr .95fr}.dnn-category-main{height:auto;min-height:270px}.dnn-category-links{display:block}}
@media(max-width:620px){.dnn-hero{min-height:430px}.dnn-hero-content{width:100%;padding:28px 24px}.dnn-hero h1{font-size:29px}.dnn-hero p{display:none}.dnn-latest-list{display:block}.dnn-feature-mosaic{display:block}.dnn-feature-mosaic .dnn-feature-card{height:230px;margin-bottom:14px}.dnn-category-body{grid-template-columns:1fr}.dnn-category-main{min-height:230px}.dnn-category-links{display:block}.dnn-bottom-grid{grid-template-columns:1fr}.dnn-panel:last-child{grid-column:auto}}


/* DNN Theme 2026 Alpha 0.5 — wide-screen and section variety pass */
.dnn-container{width:min(1580px,calc(100% - 48px))}
.dnn-masthead .dnn-container{height:92px;grid-template-columns:auto minmax(220px,1fr) minmax(250px,340px)}
.dnn-brand img{width:96px;max-height:78px}
.dnn-home{padding-top:22px}
.dnn-lead-grid{grid-template-columns:minmax(0,2.7fr) minmax(310px,.72fr);gap:18px}
.dnn-hero{min-height:525px}
.dnn-hero-content{width:min(62%,790px);padding:54px 56px}
.dnn-hero h1{font-size:clamp(36px,3vw,54px)}
.dnn-latest-item{grid-template-columns:88px 1fr}
.dnn-latest-item img{width:88px;height:64px}
.dnn-feature-mosaic{grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:248px 218px}
.dnn-section-head{margin-bottom:18px}
.dnn-category-grid{align-items:stretch}
.dnn-category-block:nth-child(4n+1) .dnn-category-body{grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr)}
.dnn-category-block:nth-child(4n+2) .dnn-category-body{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr)}
.dnn-category-block:nth-child(4n+2) .dnn-category-main{order:2}
.dnn-category-block:nth-child(4n+2) .dnn-category-links{order:1}
.dnn-category-block:nth-child(4n+3) .dnn-category-body{display:block}
.dnn-category-block:nth-child(4n+3) .dnn-category-main{height:245px;min-height:245px}
.dnn-category-block:nth-child(4n+3) .dnn-category-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px}
.dnn-category-block:nth-child(4n+3) .dnn-category-link{display:block;border:0;padding:0}
.dnn-category-block:nth-child(4n+3) .dnn-category-link img{width:100%;height:95px;margin-bottom:8px}
.dnn-category-block:nth-child(4n+3) .dnn-category-link small{display:block;margin-top:5px}
.dnn-category-block:nth-child(4n+4) .dnn-category-body{grid-template-columns:1fr}
.dnn-category-block:nth-child(4n+4) .dnn-category-main{height:225px;min-height:225px}
.dnn-category-block:nth-child(4n+4) .dnn-category-links{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.dnn-category-block:nth-child(4n+4) .dnn-category-link:nth-last-child(-n+2){border-bottom:0}
.dnn-bottom-grid{grid-template-columns:1.15fr 1.15fr .7fr}
.dnn-panel:nth-child(1) .dnn-big-card,.dnn-panel:nth-child(2) .dnn-big-card{height:295px}
.dnn-panel:nth-child(3) .dnn-big-card{height:295px}
@media(min-width:1700px){.dnn-container{width:min(1640px,calc(100% - 64px))}}
@media(max-width:1250px){.dnn-container{width:min(1160px,calc(100% - 36px))}.dnn-lead-grid{grid-template-columns:minmax(0,2.2fr) minmax(290px,.8fr)}.dnn-category-block:nth-child(n) .dnn-category-body{grid-template-columns:1fr}.dnn-category-block:nth-child(n) .dnn-category-main{order:1;height:235px;min-height:235px}.dnn-category-block:nth-child(n) .dnn-category-links{order:2;display:block}.dnn-bottom-grid{grid-template-columns:1fr 1fr}.dnn-panel:last-child{grid-column:1/-1}}
@media(max-width:1050px){.dnn-container{width:min(960px,calc(100% - 30px))}.dnn-lead-grid{grid-template-columns:1fr}.dnn-feature-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:260px 215px 215px}.dnn-feature-1{grid-column:1/-1}.dnn-category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.dnn-container{width:calc(100% - 24px)}.dnn-category-grid,.dnn-bottom-grid{grid-template-columns:1fr}.dnn-panel:last-child{grid-column:auto}}

/* DNN Theme 2026 Alpha 0.6 — lead package and editorial polish */
.dnn-lead-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.dnn-lead-grid-v6{grid-template-columns:minmax(0,2.55fr) minmax(300px,.75fr)}
.dnn-side-stories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dnn-side-story{display:grid;grid-template-columns:118px 1fr;min-height:112px;background:#fff;border:1px solid var(--dnn-line);border-radius:13px;overflow:hidden;box-shadow:0 8px 24px rgba(8,31,58,.055);transition:.22s}
.dnn-side-story:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(8,31,58,.10)}
.dnn-side-story img{width:118px;height:100%;min-height:112px;object-fit:cover}
.dnn-side-story>div{padding:12px 12px 10px}
.dnn-side-story span{display:inline-block;color:var(--dnn-blue);font-size:11px;font-weight:800;margin-bottom:7px}
.dnn-side-story h3{font-size:14px;line-height:1.55;margin:0 0 9px;font-weight:900}
.dnn-side-story time{font-size:10px;color:var(--dnn-muted)}
.dnn-editor-picks{margin-top:40px}
.dnn-feature-mosaic{grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:250px 220px}
.dnn-feature-card{isolation:isolate}
.dnn-feature-card:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:inherit;z-index:3;pointer-events:none}
.dnn-feature-copy{right:18px;left:18px;bottom:16px}
.dnn-feature-copy time{display:block;margin-top:8px;color:#d6e0eb;font-size:11px}
.dnn-bottom-grid{align-items:stretch}
.dnn-panel{display:flex;flex-direction:column}
.dnn-big-card{flex:1;min-height:285px}
.dnn-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:rgba(11,101,201,.92);color:#fff;font-size:23px;padding-left:4px;box-shadow:0 10px 30px rgba(0,0,0,.22);z-index:3}
.dnn-panel-3 .dnn-big-card:after{background:linear-gradient(0deg,rgba(4,16,31,.92),rgba(4,16,31,.12) 70%)}
@media(max-width:1300px){.dnn-side-stories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.dnn-lead-grid-v6{grid-template-columns:1fr}.dnn-side-stories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.dnn-side-stories{grid-template-columns:1fr}.dnn-side-story{grid-template-columns:105px 1fr}.dnn-side-story img{width:105px}.dnn-feature-mosaic{display:block}.dnn-feature-mosaic .dnn-feature-card{height:225px;margin-bottom:13px}.dnn-play{width:56px;height:56px;font-size:20px}}


/* DNN Theme 2026 Alpha 0.7 — article reading experience + mobile polish */
.dnn-article-wrap{width:min(1240px,calc(100% - 40px));margin:34px auto 70px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.dnn-article{min-width:0;background:#fff}
.dnn-breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--dnn-muted);font-size:12px;margin-bottom:18px}.dnn-breadcrumbs a{color:var(--dnn-blue);font-weight:700}.dnn-breadcrumbs span{opacity:.7}
.dnn-article-header{padding-bottom:22px;border-bottom:1px solid var(--dnn-line)}
.dnn-article-category{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:7px;background:var(--dnn-blue);color:#fff;font-size:12px;font-weight:800;margin-bottom:14px}
.dnn-article-title{font-size:clamp(34px,4.2vw,58px);line-height:1.25;letter-spacing:-.4px;margin:0 0 16px;font-weight:900;color:#0a1830}
.dnn-article-deck{font-size:18px;line-height:1.9;color:#485568;margin:0 0 20px;max-width:950px}
.dnn-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;color:var(--dnn-muted);font-size:13px}.dnn-article-meta strong{color:var(--dnn-ink)}
.dnn-article-hero{margin:26px 0 24px;border-radius:16px;overflow:hidden;background:var(--dnn-soft)}.dnn-article-hero img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}.dnn-image-caption{padding:9px 13px;color:var(--dnn-muted);font-size:11px;border-top:1px solid var(--dnn-line)}
.dnn-article-body{font-size:18px;line-height:2.05;color:#1b2738}.dnn-article-body p{margin:0 0 24px}.dnn-article-body h2,.dnn-article-body h3{line-height:1.45;color:#0a1830;margin:38px 0 16px}.dnn-article-body h2{font-size:29px}.dnn-article-body h3{font-size:24px}.dnn-article-body img{max-width:100%;height:auto;border-radius:12px}.dnn-article-body blockquote{margin:30px 0;padding:20px 24px;border-right:4px solid var(--dnn-blue);background:#f5f8fc;border-radius:10px;font-size:20px;font-weight:700;color:#17304e}
.dnn-article-tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:26px;margin-top:30px;border-top:1px solid var(--dnn-line)}.dnn-article-tags a{padding:8px 12px;border:1px solid var(--dnn-line);border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:#33435a}.dnn-article-tags a:hover{border-color:var(--dnn-blue);color:var(--dnn-blue)}
.dnn-share-box{position:sticky;top:20px;border:1px solid var(--dnn-line);border-radius:14px;padding:16px;background:#fff;box-shadow:0 10px 28px rgba(8,31,58,.06)}.dnn-share-box h3{font-size:16px;margin:0 0 13px}.dnn-share-links{display:grid;gap:8px}.dnn-share-links a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:8px;background:var(--dnn-navy);color:#fff;font-size:12px;font-weight:800}.dnn-share-links a:hover{background:var(--dnn-blue)}
.dnn-related{margin-top:28px;border-top:1px solid var(--dnn-line);padding-top:22px}.dnn-related h3{font-size:20px;margin:0 0 14px}.dnn-related-list{display:grid;gap:12px}.dnn-related-card{display:grid;grid-template-columns:92px 1fr;gap:11px;align-items:center}.dnn-related-card img{width:92px;height:66px;object-fit:cover;border-radius:8px}.dnn-related-card strong{font-size:13px;line-height:1.55}.dnn-related-card small{display:block;color:var(--dnn-muted);font-size:10px;margin-top:5px}
.dnn-next-prev{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.dnn-next-prev a{padding:16px;border:1px solid var(--dnn-line);border-radius:12px;background:#fff}.dnn-next-prev span{display:block;color:var(--dnn-muted);font-size:11px;margin-bottom:7px}.dnn-next-prev strong{font-size:14px;line-height:1.55}
@media(max-width:980px){.dnn-article-wrap{grid-template-columns:1fr}.dnn-article-aside{display:none}.dnn-article-title{font-size:clamp(32px,6vw,48px)}}
@media(max-width:680px){.dnn-container{width:calc(100% - 22px)}.dnn-utility{display:none}.dnn-masthead .dnn-container{height:70px}.dnn-masthead__copy{display:none}.dnn-brand img{width:66px;max-height:56px}.dnn-search{max-width:none}.dnn-nav-toggle{display:block;margin-inline-start:auto}.dnn-nav-menu{display:none}.dnn-nav.is-open .dnn-nav-menu{display:block;position:absolute;right:0;left:0;top:100%;background:var(--dnn-navy);padding:8px 12px 14px;box-shadow:0 15px 28px rgba(0,0,0,.18)}.dnn-nav-menu>ul{display:block}.dnn-nav-menu a{min-height:44px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08)}.dnn-article-wrap{width:calc(100% - 22px);margin-top:24px}.dnn-article-title{font-size:31px}.dnn-article-deck{font-size:16px}.dnn-article-body{font-size:17px;line-height:1.95}.dnn-next-prev{grid-template-columns:1fr}}


/* DNN Theme 2026 Alpha 0.8 — category, archive and search experience */
.dnn-listing-wrap{width:min(1420px,calc(100% - 40px));margin:32px auto 70px}
.dnn-listing-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:24px;border-radius:16px;background:linear-gradient(135deg,var(--dnn-navy),#0a3262);color:#fff;overflow:hidden;position:relative}
.dnn-listing-hero:after{content:"";position:absolute;inset:auto -70px -110px auto;width:280px;height:280px;border-radius:50%;border:46px solid rgba(255,255,255,.05)}
.dnn-listing-hero>div,.dnn-listing-hero>a{position:relative;z-index:2}
.dnn-listing-kicker{display:block;color:#a9cbee;font-size:12px;font-weight:800;margin-bottom:8px}
.dnn-listing-title{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:0;font-weight:900}
.dnn-listing-description{max-width:760px;margin:10px 0 0;color:#d8e6f4;line-height:1.8;font-size:14px}
.dnn-listing-count{white-space:nowrap;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 14px;color:#e8f2fb;font-size:12px;font-weight:800}
.dnn-listing-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
.dnn-post-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dnn-feed-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--dnn-line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(8,31,58,.05);transition:.22s}
.dnn-feed-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(8,31,58,.10)}
.dnn-feed-image{display:block;height:220px;background:var(--dnn-soft);overflow:hidden}
.dnn-feed-image img{width:100%;height:100%;object-fit:cover;transition:.35s}
.dnn-feed-card:hover .dnn-feed-image img{transform:scale(1.035)}
.dnn-feed-content{display:flex;flex-direction:column;flex:1;padding:17px 18px 18px}
.dnn-feed-cat{align-self:flex-start;color:var(--dnn-blue);font-size:11px;font-weight:900;margin-bottom:9px}
.dnn-feed-title{font-size:20px;line-height:1.5;margin:0 0 10px;font-weight:900;color:#0a1830}
.dnn-feed-excerpt{font-size:13px;line-height:1.8;color:#5b6879;margin:0 0 16px}
.dnn-feed-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dnn-muted);font-size:11px}
.dnn-listing-aside{position:sticky;top:18px;border:1px solid var(--dnn-line);border-radius:14px;background:#fff;padding:18px;box-shadow:0 8px 24px rgba(8,31,58,.05)}
.dnn-listing-aside h2{font-size:20px;margin:0 0 14px;color:var(--dnn-navy)}
.dnn-mini-list{display:grid;gap:12px}
.dnn-mini-card{display:grid;grid-template-columns:88px 1fr;gap:11px;align-items:center;padding-bottom:12px;border-bottom:1px solid #edf1f5}
.dnn-mini-card:last-child{padding-bottom:0;border-bottom:0}
.dnn-mini-card img{width:88px;height:65px;object-fit:cover;border-radius:8px}
.dnn-mini-card strong{font-size:13px;line-height:1.55}
.dnn-mini-card small{display:block;margin-top:5px;color:var(--dnn-muted);font-size:10px}
.dnn-pagination{grid-column:1/-1;margin-top:10px}
.dnn-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.dnn-pagination a,.dnn-pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 11px;border:1px solid var(--dnn-line);border-radius:8px;background:#fff;color:var(--dnn-ink);font-size:12px;font-weight:800}
.dnn-pagination .current,.dnn-pagination a:hover{background:var(--dnn-blue);border-color:var(--dnn-blue);color:#fff}
.dnn-empty{padding:60px 24px;border:1px dashed #cad4df;border-radius:16px;text-align:center;background:#fafbfd}
.dnn-empty h2{font-size:28px;margin:0 0 12px;color:var(--dnn-navy)}
.dnn-empty p{color:var(--dnn-muted);margin:0 0 20px}
.dnn-empty .dnn-search{margin:auto;justify-self:auto}
@media(max-width:1050px){.dnn-listing-grid{grid-template-columns:1fr}.dnn-listing-aside{position:static}.dnn-post-feed{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.dnn-listing-wrap{width:calc(100% - 22px);margin-top:22px}.dnn-listing-hero{display:block;padding:22px}.dnn-listing-count{display:inline-flex;margin-top:16px}.dnn-post-feed{grid-template-columns:1fr}.dnn-feed-image{height:205px}.dnn-feed-title{font-size:19px}}