@font-face{font-family:MVTyper;src:url("/fonts/mvtyper.woff2") format("woff2"),url("/fonts/mvtyper.ttf") format("truetype");font-display:swap}@font-face{font-family:Sangu;src:url("/fonts/SanguSuruhee-2.0.woff2") format("woff2"),url("/fonts/SanguSuruhee-2.0.ttf") format("truetype");font-display:swap}@font-face{font-family:MagRound;src:url("/fonts/Mv_MAG_Round_Bold.woff2") format("woff2"),url("/fonts/Mv_MAG_Round_Bold.otf") format("opentype");font-display:swap}@font-face{font-family:IyyuNormal;src:url("/fonts/Mv_Iyyu_Normal.woff2") format("woff2"),url("/fonts/Mv_Iyyu_Normal.otf") format("opentype");font-display:swap}@font-face{font-family:FaiyLight;src:url("/fonts/Faiy_Light.woff2") format("woff2"),url("/fonts/Faiy_Light.otf") format("opentype");font-display:swap}@font-face{font-family:MVWaheed;src:url("/fonts/MV_Waheed.woff2") format("woff2"),url("/fonts/MV_Waheed.otf") format("opentype");font-display:swap}@font-face{font-family:Eamaan;src:url("/fonts/Mv_Eamaan_XP.woff2") format("woff2"),url("/fonts/Mv_Eamaan_XP.otf") format("opentype");font-display:swap}:root{--brand:#7c3aed;--brand-dark:#5b21b6;--brand-glow:rgba(124, 58, 237, 0.15);--text:#1e1b4b;--muted:#6d6dbd;--bg:#f8fafc;--card:#ffffff;--line:#e2e8f0;--shadow:0 4px 12px rgba(124, 58, 237, 0.1);--radius:12px}body.dark{--bg:#0f172a;--card:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--line:#334155;--shadow:0 10px 30px rgba(0, 0, 0, 0.5),0 0 20px rgba(139, 92, 246, 0.05)}*{box-sizing:border-box}body{margin:0;font-family:MVTyper,"Noto Sans Thaana","Segoe UI",Tahoma,Arial,sans-serif;font-size:16px;background:var(--bg);color:var(--text);transition:background .3s,color .3s}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:MagRound,"Noto Sans Thaana",sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1200px,94%);margin-inline:auto}.site-header{position:static;background:var(--bg);border-bottom:0;padding:20px 0 0}.site-header.shrink{padding:10px 0 0;box-shadow:none}.header-top{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px}.wordmark{color:var(--brand);font-family:MagRound,sans-serif;font-size:3rem;font-weight:900;letter-spacing:-.5px;line-height:1;cursor:pointer}.header-social-icons{display:flex;gap:18px;align-items:center;margin-top:5px}.header-social-icon{color:var(--muted);font-size:1.1rem;transition:.2s;display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.03)}.header-social-icon:hover{color:#fff;background:var(--brand);transform:translateY(-2px)}body.dark .header-social-icon{background:rgba(255,255,255,.05);color:#9ca3af}body.dark .header-social-icon:hover{background:var(--brand);color:#fff}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn,.icon-btn{border:0;background:0 0;color:var(--text);height:40px;padding:0 10px;border-radius:50%;cursor:pointer;transition:background .2s,transform .2s;display:grid;place-items:center}.icon-btn{font-size:1.1rem;line-height:1}.btn:hover,.icon-btn:hover,.load-more:hover,.menu-item:hover{transform:scale(.96);box-shadow:0 2px 8px rgba(0,0,0,.05)}.active-num,.badge,.btn.login,.cat-tag,.load-more{background:var(--brand);color:#fff;border-color:var(--brand)}.loading-bar{position:absolute;top:0;left:0;height:3px;background:var(--brand);width:0;transition:width .3s;z-index:1001;display:none}.loading-bar.active{display:block;animation:2s ease-in-out infinite loadProgress}@keyframes loadProgress{0%{width:0;left:0}50%{width:70%;left:15%}100%{width:100%;left:0}}.search-wrap{display:flex;align-items:center;position:relative;overflow:hidden;border-radius:20px;height:40px;background:0 0;width:40px;transition:width .3s cubic-bezier(.4, 0, .2, 1),background .3s}.search-wrap.open{width:240px;background:color-mix(in srgb,var(--line) 30%,transparent);padding-inline:4px}.search-wrap input{border:0;outline:0;width:100%;background:0 0;color:var(--text);padding-inline:10px;font-family:inherit;display:none}.search-wrap.open input{display:block}.nav-bar-outer{background:var(--brand-dark,#5b21b6);width:100%;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-row{display:flex;align-items:center;justify-content:space-between;height:52px;gap:15px;flex-wrap:nowrap}.nav-list{display:flex;gap:0;align-items:center;height:100%;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.nav-list::-webkit-scrollbar{display:none}.nav-item{position:relative;flex-shrink:0;white-space:nowrap;padding:0 18px;height:100%;display:flex;align-items:center;border:0;background:0 0;font-family:MVWaheed,sans-serif;font-size:1.15rem;font-weight:900;color:rgba(255,255,255,.9);cursor:pointer;border-right:1px solid rgba(255,255,255,.1);transition:.3s;overflow:hidden}.nav-item:last-child{border-left:0}.nav-item:hover{background:rgba(255,255,255,.1);color:#fff}.nav-item.active{background:rgba(255,255,255,.15);color:#fff}.nav-item::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#fff;transition:.3s cubic-bezier(.4, 0, .2, 1);transform:translateX(-50%)}.nav-item.active::after{width:100%}.nav-item:hover::after{width:70%}.nav-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-tools .icon-btn{color:#fff;height:38px;width:38px;transition:transform .2s}.header-social{display:flex;align-items:center;gap:10px}@media (max-width:700px){.header-social{display:none}}.header-social a{color:#fff;font-size:1.1rem;opacity:.8;transition:opacity .2s}.header-social a:hover{opacity:1}.nav-item:active{transform:scale(.96);opacity:.8}.hamburger{display:none}.mobile-drawer{display:none;position:fixed;inset:0;background:rgba(8,10,16,.56);backdrop-filter:blur(3px);z-index:1100}.drawer-panel{width:min(340px,85vw);height:100%;background:var(--card);border-inline-start:1px solid var(--line);padding:24px 16px;transform:translateX(105%);transition:transform .4s cubic-bezier(.4, 0, .2, 1);box-shadow:-15px 0 50px rgba(0,0,0,.2);display:flex;flex-direction:column}.mobile-drawer.open .drawer-panel{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.drawer-head .wordmark{font-size:1.6rem;color:var(--brand)}.drawer-links{display:grid;gap:8px;font-size:1rem}.mobile-menu-link{width:100%;text-align:right;padding:14px 18px;border:0;border-radius:10px;background:0 0;color:var(--text);font-weight:800;font-size:1.1rem;font-family:MVWaheed,sans-serif;line-height:1.4;transition:.2s;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.mobile-menu-link.active{color:#fff;background:var(--brand)}.mobile-menu-link:active,.mobile-menu-link:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--card));transform:translateY(-1px)}.mobile-menu-link.active{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--card))}.mobile-menu-link.home-logo{text-align:center;font-size:1.08rem;font-weight:900}.mobile-menu-link.home-logo img{width:26px;height:26px;object-fit:contain;vertical-align:middle}.hero{margin-top:20px;display:grid;grid-template-columns:2fr 1fr;gap:20px}.hero-main,.hero-sub{position:relative;border-radius:var(--radius);overflow:hidden;min-height:220px;box-shadow:var(--shadow);direction:rtl}.hero-main img,.hero-sub img,.thumb{aspect-ratio:16/9;object-fit:cover}.article-cover,.front-grid-item img,.front-grid-slide-card img,.hero-main img,.hero-sub img,.mini-thumb,.thumb{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .4s}.article-card:hover .thumb,.front-grid-item:hover img,.front-grid-slide-card:hover img,.hero-main:hover img,.hero-sub:hover img{transform:scale(1.05)}.hero-main{min-height:420px}.hero-sub-wrap{display:grid;grid-template-rows:1fr 1fr;gap:14px}.overlay{position:absolute;inset:auto 0 0 0;padding:14px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:#fff}.overlay h1,.overlay h3{margin:8px 0 0;line-height:1.4;font-family:MagRound,"Noto Sans Thaana",sans-serif}.overlay h1{font-size:clamp(1.3rem, 2.5vw, 2rem)}.overlay h3{font-size:1rem}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.breaking-strip{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden;display:flex;align-items:center;min-height:46px;box-shadow:var(--shadow)}.breaking-label{background:var(--brand);color:#fff;padding:10px 12px;font-weight:700;font-size:.84rem;font-family:MagRound,"Noto Sans Thaana",sans-serif;white-space:nowrap}.breaking-track{overflow:hidden;white-space:nowrap;width:100%;padding:0 10px;color:var(--muted);direction:rtl}.breaking-move{display:inline-block;animation:24s linear infinite tickerRtl;font-family:MagRound,"Noto Sans Thaana",sans-serif}@keyframes tickerRtl{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.main-wrap{margin-top:32px;display:grid;grid-template-columns:3fr 1fr;gap:24px}.sidebar{display:grid;gap:14px;align-content:start}.panel{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.panel h2{margin:0 0 10px;font-size:1.1rem;color:var(--brand)}.most-item{display:grid;grid-template-columns:26px 70px 1fr;gap:8px;align-items:center;margin-bottom:10px}.num{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:.8rem;font-weight:700}.active-num{border:0}.mini-thumb{width:70px;border-radius:4px}.ad-placeholder{border:2px dashed var(--line);border-radius:4px;min-height:160px;display:grid;place-items:center;color:var(--muted);font-weight:700;text-align:center}.ad-slot{display:block;width:100%;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#f6f6f6}.ad-slot img{width:100%;height:100%;display:block;object-fit:cover;border-radius:12px}.ad-top{max-width:1180px;margin:0 auto;aspect-ratio:1180/170;min-height:170px;max-height:170px}.ad-sidebar{width:min(100%,300px);aspect-ratio:300/580;min-height:580px;max-height:580px;margin:0 auto}.ad-sidebar img{object-fit:cover}.ad-mid{width:100%;max-width:1180px;aspect-ratio:1180/170;margin:0 auto;min-height:170px;max-height:170px}.ad-card{width:100%;aspect-ratio:16/7;min-height:170px;max-height:260px}.ad-card.ad-card-sidebar{aspect-ratio:3/5;min-height:260px;max-height:420px}.ad-article{width:100%;max-width:776px;aspect-ratio:776/170;min-height:170px;max-height:170px;margin:0 auto}.mid-grid-ad{margin:30px auto;text-align:center}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.front-grids{margin-top:24px;display:grid;gap:40px;grid-column:1/-1}.front-grid-block{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.front-grid-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}.front-grid-head h3{margin:0;color:var(--brand);font-size:1rem}.front-grid-body{display:grid;gap:10px;padding:10px}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:30px}.front-grid-top{display:grid;grid-template-columns:1.7fr 1fr;gap:10px;min-height:410px}.hero-grid-khabaru{display:grid;grid-template-columns:280px 1fr 300px;gap:12px;margin-bottom:30px}.hero-khabaru-col{display:flex;flex-direction:column;gap:12px}.khabaru-card{position:relative;border-radius:var(--radius);overflow:hidden;display:block;height:100%;min-height:200px;background:var(--card);border:1px solid var(--line)}.khabaru-card.text-only{background:#fdfdfd;display:flex;flex-direction:column;justify-content:center;padding:30px 20px}.khabaru-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2, 0, .2, 1)}.khabaru-card:hover img{transform:scale(1.05)}.khabaru-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff}.khabaru-overlay h3{font-size:1.4rem;line-height:1.3;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width:1024px){.hero-grid-khabaru{grid-template-columns:1fr 1fr}.hero-khabaru-col:last-child{display:none}}@media (max-width:768px){.hero-grid-khabaru{grid-template-columns:1fr}}.category-row-5{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;grid-auto-rows:minmax(220px,1fr);gap:16px;margin-bottom:30px}@media (max-width:1100px){.category-row-5{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.category-row-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.category-row-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.category-row-5{grid-template-columns:1fr}}.front-grid-top-side{display:grid;grid-template-rows:1fr 1fr;gap:10px}.front-grid-slide-card{position:relative;display:block;border-radius:6px;overflow:hidden;min-height:190px;background:color-mix(in srgb,var(--line) 45%,var(--card))}.front-grid-top-main{min-height:410px}.front-grid-slide-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 5%,rgba(0,0,0,.3) 40%,transparent 70%)}.front-grid-slide-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.front-grid-slide-content{position:absolute;inset-inline:14px;bottom:12px;z-index:2;color:#fff}.front-grid-slide-card h4{margin:6px 0 0;font-size:1.2rem;line-height:1.45;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5)}.front-grid-top-side .front-grid-slide-card h4{font-size:1.05rem;line-height:1.4}.front-grid-list{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:10px}.front-grid-item{border:1px solid var(--line);border-radius:6px;background:var(--card);overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%}.front-grid-item img{flex:0 0 auto;height:auto;aspect-ratio:16/9}.front-grid-item-body{padding:10px;display:grid;gap:6px;flex:1;align-content:start}.front-grid-item h5{margin:0;font-size:.95rem;line-height:1.35}.front-grid-meta{color:var(--muted);font-size:.78rem}.article-card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;height:100%}.article-card>a{display:flex;flex-direction:column;height:100%}.article-media{width:100%;aspect-ratio:16/9;overflow:hidden;background:color-mix(in srgb,var(--line) 45%,var(--card));flex:0 0 auto}.article-media .thumb{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover}.article-card.no-image .article-body{border-top:3px solid color-mix(in srgb,var(--brand) 45%,transparent)}.article-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1)}.article-body{padding:12px;display:grid;gap:8px;flex:1;align-content:start}.cat-tag{display:inline-block;width:fit-content;border-radius:999px;font-size:.75rem;padding:4px 9px;font-weight:700}.headline{margin:0;font-size:1rem;font-weight:800;font-family:MagRound,"Noto Sans Thaana",sans-serif;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.excerpt{margin:0;color:var(--muted);font-size:.9rem;font-family:MVTyper,"Noto Sans Thaana",sans-serif;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4em}.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.82rem}.author{display:flex;align-items:center;gap:6px}.avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.meta-right{display:flex;align-items:center;gap:10px;white-space:nowrap}.home-feed{display:grid;gap:14px}.load-wrap{display:flex;justify-content:center;margin:20px 0 8px}.load-more{border-radius:999px;background:var(--brand);color:#fff;padding:12px 32px;cursor:pointer;font-family:inherit;font-weight:800;border:0;transition:transform .2s,box-shadow .2s}footer{margin-top:28px;border-top:1px solid var(--line);background:var(--card);padding:24px 0}.footer-grid{display:grid;grid-template-columns:2fr 3fr 1.5fr;gap:18px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:.92rem}.footer-links a{color:var(--muted)}.social{display:flex;gap:8px;flex-wrap:wrap}.social a{border:1px solid var(--line);border-radius:var(--radius);width:36px;height:36px;display:inline-grid;place-items:center;color:var(--text);background:color-mix(in srgb,var(--card) 88%,var(--line));transition:transform .18s,background .18s,color .18s,border-color .18s}.social a:hover{transform:translateY(-1px);color:#fff;background:var(--brand);border-color:var(--brand)}.social a.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.copy{margin-top:24px;color:var(--muted);font-size:.86rem;text-align:center;padding-top:14px;border-top:1px solid var(--line)}.article-view{display:none;margin-top:16px}#homeView.active,.article-view.active{display:block}.article-shell{max-width:900px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:18px}.article-top-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.article-title{margin:0 0 12px;font-size:clamp(1.7rem, 3.2vw, 2.55rem);font-family:MagRound,"Noto Sans Thaana",sans-serif;line-height:1.35;font-weight:800;letter-spacing:.2px}.article-meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;color:var(--muted);margin-bottom:14px;font-size:.9rem;border-bottom:1px solid var(--line);padding-bottom:10px}.article-cover{width:100%;aspect-ratio:16/9;border-radius:8px;margin-bottom:8px;box-shadow:var(--shadow);object-fit:contain;background:color-mix(in srgb,var(--line) 40%,var(--card))}.article-caption{color:var(--muted);font-size:.82rem;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:10px}.article-body-content{line-height:2.05;font-size:1.13rem;font-family:MVTyper,"Noto Sans Thaana",sans-serif;color:var(--text);max-width:760px;margin:0 auto}.article-body-content p{margin:0 0 1.2em}.article-body-content img{display:block;width:100%;max-width:760px;height:auto;max-height:560px;object-fit:contain;border-radius:8px;margin:14px auto;background:color-mix(in srgb,var(--line) 40%,var(--card))}.article-body-content h2,.article-body-content h3{font-family:MagRound,"Noto Sans Thaana",sans-serif;line-height:1.45;margin:1.15em 0 .6em}.article-share{display:flex;gap:8px;align-items:center;font-size:.82rem}.tags-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}.tag-chip{display:inline-flex;padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem;background:color-mix(in srgb,var(--brand) 8%,var(--card))}@media (max-width:1080px){.articles{grid-template-columns:repeat(2,1fr)}.front-grid-top{grid-template-columns:1fr;min-height:0}.front-grid-top-main{min-height:320px}.front-grid-top-side{grid-template-columns:1fr}.front-grid-list{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.hero-main img{height:420px}.hero-sub img{height:203px}.front-grid-top-main img{height:410px}.front-grid-top-side .front-grid-slide-card img{height:200px}.article-card .thumb,.front-grid-item img{height:220px}}@media (max-width:900px){.container{width:min(100%,95%)}.hero,.main-wrap{grid-template-columns:1fr}.hero-main{min-height:320px}.hero-sub-wrap{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.sidebar{order:2}.front-grid-top-main{min-height:260px}.front-grid-slide-card{min-height:150px}.article-body{padding:10px;gap:6px}}@media (max-width:700px){body{font-size:15px}.hamburger{display:inline-grid;place-items:center;color:#fff}.nav-row{display:flex}.nav-list{display:none}.header-top{padding-block:10px}.wordmark{font-size:2.2rem;font-weight:900}.ad-top{margin-bottom:8px}.hero{margin-top:10px;gap:10px}.hero-main{min-height:220px}.hero-sub-wrap{grid-template-columns:1fr;gap:10px}.hero-sub{min-height:160px}.articles{grid-template-columns:1fr;gap:12px}.home-feed{gap:12px}.article-card{border-radius:10px;box-shadow:0 5px 16px rgba(0,0,0,.08)}.article-card .thumb{min-height:180px;max-height:220px}.article-body{padding:11px;gap:7px}.cat-tag{font-size:.73rem;padding:4px 8px}.headline{font-size:1.02rem;line-height:1.38;min-height:0}.excerpt{display:none}.front-grids{gap:16px;margin-top:16px}.front-grid-block{border-radius:8px}.front-grid-head{padding:8px 10px}.front-grid-top{gap:10px;grid-template-columns:1fr}.front-grid-top-main{min-height:220px}.front-grid-top-side{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:10px}.front-grid-slide-card{min-height:160px}.front-grid-body{grid-template-columns:1fr!important}.category-row-5{grid-template-columns:1fr!important;grid-auto-rows:minmax(190px,auto)}.front-grid-slide-content{inset-inline:10px;bottom:8px}.front-grid-item-body{padding:10px 8px}.front-grid-item h5{font-size:1.05rem;line-height:1.35}.breaking-label{padding:8px 10px;font-size:.78rem}.breaking-track{padding:0 8px}.front-grid-list{grid-template-columns:1fr!important}.mobile-drawer{display:block;visibility:hidden;opacity:0;transition:opacity .2s}.mobile-drawer.open{visibility:visible;opacity:1}.drawer-panel{padding:12px}.drawer-links{gap:7px}.ad-article,.ad-mid,.ad-top{min-height:80px;max-height:110px}.ad-sidebar{display:none}.footer-grid{gap:14px}.social{justify-content:flex-start}.copy{font-size:.8rem}.article-shell{padding:14px 12px;border-radius:0;border:0;box-shadow:none}.article-title{font-size:1.6rem;line-height:1.35;margin-bottom:12px}.article-body-content{font-size:1.12rem;line-height:2}.article-meta-row{padding-bottom:10px;margin-bottom:14px;gap:8px}.article-cover{border-radius:6px;margin-bottom:12px}.container{width:100%;padding-inline:12px}.site-header{padding-top:8px}}.skip-link{position:absolute;top:-100px;left:0;background:var(--brand);color:#fff;padding:8px 16px;z-index:2000;transition:top .2s}.skip-link:focus{top:0}.comment-form{display:grid;gap:12px;margin-top:24px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:12px}.comment-form input,.comment-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:1rem;font-family:inherit}.comment-form input:focus,.comment-form textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.comment-btn{background:var(--brand);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-weight:700;cursor:pointer;width:fit-content;transition:transform .1s}.comment-btn:active{transform:scale(.98)}.comment-item{padding:14px;border-radius:10px;background:var(--bg);border:1px solid var(--line);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}
/* Mobile bottom dock: hidden on desktop, visible on mobile */
.mobile-dock{display:none}
@media (max-width:700px){
  .mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:1200;display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border-top:1px solid var(--line)}
  .dock-item{display:grid;place-items:center;gap:2px;padding:8px 4px;color:var(--muted);font-size:.72rem;font-weight:700}
  .dock-item i{font-size:1rem}
  .dock-item.active{color:var(--brand)}
}

/* Compatibility styles for remaining frontend templates */
.main-content-area{min-height:55vh}
.badge-brand-tag{display:inline-block;background:var(--brand);color:#fff;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}
.comment-ctrl{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:1rem;font-family:inherit}
.comment-ctrl:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
.comment-submit-btn{background:var(--brand);color:#fff;border:0;padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer}
.comment-submit-btn:hover{filter:brightness(.96)}
.hover-brand:hover{color:var(--brand)!important}
.headline-hover-color:hover{color:var(--brand)!important}

/* Force drawer behavior to mobile only */
.mobile-drawer{display:none!important;visibility:hidden;opacity:0}
.mobile-drawer.open{display:none!important;visibility:hidden;opacity:0}
@media (max-width:700px){
  .mobile-drawer{display:block!important}
  .mobile-drawer.open{visibility:visible;opacity:1}
}

/* Single page comment section compatibility */
.comments-panel{margin-top:24px}
.comment-list-inner{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:14px}
.comment-item{display:grid;grid-template-columns:38px 1fr;gap:10px;margin-bottom:12px}
.comment-item:last-child{margin-bottom:0}
.comment-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 18%,var(--card));color:var(--brand);font-weight:800}
.comment-name-row{display:flex;justify-content:space-between;gap:8px;align-items:center}
.comment-name{font-weight:800}
.comment-date{font-size:.78rem;color:var(--muted)}
.comment-text{margin:6px 0 0;line-height:1.6}
.comment-form-panel{margin-top:16px;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:14px}
.comment-form-title{margin:0 0 10px;color:var(--brand)}
.comment-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
@media (max-width:700px){.comment-form-row{grid-template-columns:1fr}}

/* Single page top section fixes */
.article-wrap{max-width:100%;min-width:0}
.article-wrap .badge-brand-tag{margin-bottom:8px}
.article-wrap .article-title{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.28;color:var(--text);margin:0 0 14px;text-wrap:balance}
.article-byline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0 14px;border-bottom:1px solid var(--line);margin-bottom:10px;flex-wrap:wrap}
.byline-avatar{width:76px;height:76px;border-radius:8px;object-fit:cover;border:1px solid var(--line);background:#ddd}
.byline-info{display:flex;flex-direction:column;gap:6px;min-width:260px;flex:1}
.byline-author{font-weight:800;font-size:1rem;color:var(--text)}
.byline-info>span:last-child{font-size:.92rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.share-strip{display:flex;align-items:center;gap:10px;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:14px;flex-wrap:wrap}
.share-label{font-weight:700;color:var(--muted)}
.share-btn{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--card)}
.share-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.article-cover-wrap img{width:100%!important;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.article-wrap .article-body{font-size:1.12rem;line-height:2;color:var(--text)}
.article-wrap .article-body p{margin:0 0 1em}
.related-header{margin:22px 0 12px;color:var(--brand);font-size:1.25rem}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.related-card-img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.related-card-body{padding:10px}
.related-title{margin:0;font-size:.98rem;line-height:1.4}
@media (max-width:900px){
  .article-wrap .article-title{font-size:clamp(1.55rem,6vw,2.1rem)}
  .byline-avatar{width:56px;height:56px}
  .related-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .article-byline{align-items:flex-start}
  .byline-info{min-width:0}
  .related-grid{grid-template-columns:1fr}
}

/* =========================================================
   Global Responsive Hardening (Desktop + Tablet + Mobile)
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}

.container{width:min(1180px,94%);margin-inline:auto}
.main-wrap{align-items:start}
.article-wrap,.panel,.front-grid-block,.comments-panel,.comment-form-panel{min-width:0}

/* Desktop large */
@media (min-width:1280px){
  .container{width:min(1240px,94%)}
  .main-wrap{grid-template-columns:minmax(0,3fr) minmax(280px,1fr)}
}

/* Desktop/laptop */
@media (min-width:1025px){
  .main-wrap{grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:24px}
  .sidebar{position:sticky;top:78px}
  .article-wrap .article-title{max-width:22ch}
}

/* Tablet */
@media (max-width:1024px){
  .container{width:min(100%,95%)}
  .main-wrap{grid-template-columns:1fr;gap:16px}
  .sidebar{order:2;position:static}
  .hero{grid-template-columns:1fr;gap:12px}
  .hero-main{min-height:300px}
  .hero-sub-wrap{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:10px}
  .front-grid-top{grid-template-columns:1fr;min-height:0}
  .front-grid-top-main{min-height:260px}
  .front-grid-top-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:10px}
  .front-grid-list{grid-template-columns:repeat(2,1fr)!important}
  .articles{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr;gap:14px}
  .footer-links{grid-template-columns:repeat(2,1fr)}
}

/* Mobile */
@media (max-width:700px){
  body{font-size:15px}
  .container{width:100%;padding-inline:12px}

  /* Header/nav */
  .site-header{padding-top:8px}
  .header-top{padding-block:10px}
  .wordmark{font-size:2.1rem;line-height:1.05;text-align:center}
  .nav-row{height:48px}
  .nav-list{display:none}
  .hamburger{display:inline-grid;place-items:center;color:#fff}
  .search-wrap.open{width:170px}

  /* Main flow */
  .main-wrap{grid-template-columns:1fr;gap:14px;margin-top:16px}
  .panel{padding:12px}

  /* Hero/grid/cards */
  .hero{gap:10px;margin-top:10px}
  .hero-main{min-height:220px}
  .hero-sub-wrap{grid-template-columns:1fr;gap:10px}
  .hero-sub{min-height:160px}
  .front-grids{gap:16px;margin-top:16px}
  .front-grid-head{padding:8px 10px}
  .front-grid-top{grid-template-columns:1fr;gap:10px}
  .front-grid-top-main{min-height:220px}
  .front-grid-top-side{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:10px}
  .front-grid-list{grid-template-columns:1fr!important}
  .articles{grid-template-columns:1fr;gap:12px}
  .article-card .thumb{min-height:180px;max-height:220px}

  /* Single page */
  .article-wrap .article-title{font-size:clamp(1.5rem,7vw,2rem);line-height:1.3}
  .article-byline{gap:10px}
  .byline-avatar{width:54px;height:54px}
  .byline-info{min-width:0}
  .byline-info>span:last-child{font-size:.82rem}
  .share-strip{gap:8px}
  .article-wrap .article-body{font-size:1.05rem;line-height:1.9}

  /* Forms */
  .comment-form-row{grid-template-columns:1fr}
  .comment-ctrl{font-size:16px} /* avoid iOS zoom */

  /* Ads */
  .ad-top,.ad-mid,.ad-article{min-height:80px;max-height:110px}
  .ad-sidebar{display:none}

  /* Footer */
  .copy{font-size:.8rem}
}

/* Small phones */
@media (max-width:480px){
  .wordmark{font-size:1.85rem}
  .article-wrap .article-title{font-size:1.4rem}
  .panel h2,.front-grid-head h3{font-size:1rem}
  .related-title{font-size:.92rem}
}

/* Exact bilehdhoo-like single page layout */
.main-wrap.single-layout{grid-template-columns:1fr}
.main-wrap.single-layout .sidebar{display:none}
.main-wrap.single-layout .article-shell{
  max-width:980px;
  margin:0 auto;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
}
.main-wrap.single-layout .byline-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;background:var(--line)}

/* Bilehdhoo-like article/page proportions */
.main-wrap.single-layout{
  margin-top:20px;
}
.main-wrap.single-layout .article-title{
  font-size:clamp(1.7rem,3.2vw,2.8rem);
  line-height:1.26;
  margin:0 0 12px;
}
.main-wrap.single-layout .article-meta-row{
  font-size:.92rem;
  padding-bottom:10px;
  margin-bottom:12px;
}
.main-wrap.single-layout .article-cover-wrap img{
  border-radius:0;
  border:0;
  aspect-ratio:16/8.8;
  max-height:430px;
  object-fit:cover;
}
.main-wrap.single-layout .article-body{
  font-size:1.08rem;
  line-height:1.9;
  max-width:760px;
  margin:0 auto;
}
.main-wrap.single-layout .comments-panel,
.main-wrap.single-layout .comment-list-inner,
.main-wrap.single-layout .comment-form-panel{
  border-radius:0;
}

@media (max-width:1024px){
  .container{width:min(100%,95%)}
  .main-wrap.single-layout .article-shell{max-width:860px}
  .main-wrap.single-layout .article-title{font-size:clamp(1.55rem,4.8vw,2.2rem)}
  .main-wrap.single-layout .article-body{max-width:100%}
  .main-wrap.single-layout .article-cover-wrap img{max-height:360px}
}

@media (max-width:700px){
  .main-wrap.single-layout .article-shell{
    padding:0;
    border:0;
    box-shadow:none;
  }
  .main-wrap.single-layout .article-title{
    font-size:clamp(1.35rem,6.8vw,1.85rem);
    line-height:1.28;
  }
  .main-wrap.single-layout .article-body{
    font-size:1rem;
    line-height:1.82;
  }
  .main-wrap.single-layout .article-cover-wrap img{
    aspect-ratio:16/9.4;
    max-height:240px;
  }
}

/* Footer page links centered */
footer .footer-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:16px !important;
  text-align:center;
}
footer .footer-links a{
  display:inline-block;
}

/* Grid column modifiers for bilehdhoo layout */
.articles.articles-col-2{grid-template-columns:repeat(2,1fr)}
.articles.articles-col-3{grid-template-columns:repeat(3,1fr)}
.articles.articles-col-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){.articles.articles-col-2,.articles.articles-col-3,.articles.articles-col-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.articles.articles-col-2,.articles.articles-col-3,.articles.articles-col-4{grid-template-columns:1fr}}

/* Full-width main content when sidebar is empty */
.main-wrap.no-sidebar{grid-template-columns:1fr}
.main-wrap.no-sidebar .sidebar{display:none}