:root{--bg:#0b0c0f;--bg2:#121419;--panel:#17191f;--panel2:#1d2027;--text:#f2efe8;--muted:#9d9a93;--line:#2b2e35;--accent:#157176;--accent2:#2a969b;--soft:#f7f2e8;--danger:#ef5555;--ok:#46b778;--radius:20px;--shadow:0 24px 80px rgba(0,0,0,.28);--container:min(1180px,calc(100% - 40px));font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(21,113,118,.09),transparent 28%),var(--bg);color:var(--text);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:var(--container);margin-inline:auto}.skip-link{position:absolute;top:-80px;inset-inline-start:20px;background:#fff;color:#000;padding:10px;z-index:999}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,12,15,.8);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);transition:.25s}.site-header.scrolled{box-shadow:0 10px 40px rgba(0,0,0,.25);transform:translateY(-1px)}.header-inner{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:40px;height:40px;border:1px solid rgba(21,113,118,.65);border-radius:12px;display:grid;place-items:center;color:var(--accent2);font-weight:900;background:linear-gradient(145deg,rgba(21,113,118,.15),rgba(255,255,255,.02));box-shadow:inset 0 0 22px rgba(21,113,118,.08)}.brand strong{display:block;font-size:19px}.brand small{display:block;color:var(--muted);font-size:9px;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:22px;margin-inline:auto;color:#d7d4ce;font-size:14px}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;height:1px;background:var(--accent);inset-inline:0;bottom:-7px;transform:scaleX(0);transition:.2s}.main-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:8px}.mini-search{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.02)}.mini-search input{width:130px;background:transparent;border:0;color:var(--text);padding:7px 12px;outline:0}.mini-search button,.icon-btn,.menu-btn{background:transparent;border:0;color:var(--text);cursor:pointer}.mini-search button{padding:0 12px}.icon-btn,.menu-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px}.menu-btn{display:none}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;padding:84px 0 76px;border-bottom:1px solid var(--line);min-height:620px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero-copy h1{font-size:clamp(42px,6vw,78px);line-height:1.06;letter-spacing:-2.4px;margin:18px 0 24px;max-width:800px}.hero-copy h1 em{font-style:normal;color:var(--accent2)}.hero-copy p{color:#bbb7af;font-size:18px;max-width:620px}.eyebrow{color:var(--accent2);font-size:12px;letter-spacing:.08em;font-weight:800}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-weight:800;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--accent),#0e5f64);color:#fff;box-shadow:0 10px 30px rgba(21,113,118,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(21,113,118,.3)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.025);color:var(--text)}.btn-full{width:100%}.hero-card{min-height:420px;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(9,10,13,.97),rgba(9,10,13,.25)),var(--hero-image,linear-gradient(135deg,#242831,#111318));background-size:cover;background-position:center;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.35s}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.06),transparent 70%);transform:translateX(-100%);transition:.7s}.hero-card:hover{transform:translateY(-7px) rotate(.3deg)}.hero-card:hover:after{transform:translateX(100%)}.hero-card>*{position:relative;z-index:1}.hero-card>span{color:var(--accent2);font-size:12px}.hero-card h2{font-size:34px;line-height:1.25;margin:12px 0}.hero-card p{color:#c5c1ba}.hero-card strong{color:var(--accent2)}.hero-orb{position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none}.orb-1{width:380px;height:380px;background:rgba(21,113,118,.09);inset-inline-end:-130px;top:-120px}.orb-2{width:300px;height:300px;border:1px solid rgba(21,113,118,.12);inset-inline-start:-160px;bottom:-120px}.section{padding:78px 0}.section-muted{background:var(--bg2);border-block:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2{font-size:34px;margin:5px 0}.section-head>a{color:var(--accent2);font-size:14px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-grid.compact{grid-template-columns:repeat(4,1fr)}.story-card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border-radius:var(--radius);overflow:hidden;transition:.25s}.story-card:hover{transform:translateY(-6px);border-color:rgba(21,113,118,.35);box-shadow:0 20px 60px rgba(0,0,0,.18)}.story-image{height:210px;background:linear-gradient(135deg,#252932,#111318);background-size:cover;background-position:center;display:flex;align-items:flex-start;padding:16px}.story-image span{font-size:11px;padding:6px 9px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);border-radius:999px}.story-body{padding:21px}.story-body h3{font-size:20px;line-height:1.4;margin:7px 0 10px}.story-body p{font-size:14px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;gap:8px;color:#777b83;font-size:11px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{padding:24px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.02);display:grid;gap:4px;transition:.2s}.category-card:hover{border-color:var(--accent);transform:translateY(-3px)}.category-icon{color:var(--accent2);font-size:20px}.category-card small{color:var(--muted)}.join-band{padding:70px 0;background:radial-gradient(circle at 10% 50%,rgba(21,113,118,.16),transparent 30%),#111319;border-block:1px solid var(--line)}.join-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.join-inner h2{font-size:38px;margin:8px 0}.join-inner p{color:var(--muted);max-width:650px}.site-footer{padding:60px 0 18px;background:#08090b}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid h3{font-size:14px;color:#ddd}.footer-grid p{max-width:480px;color:var(--muted)}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px;color:#aaa}.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:18px;color:#656970;font-size:12px}.page-hero{padding:70px 0 40px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:48px;margin:5px 0 8px}.page-hero p{color:var(--muted);max-width:700px}.search-big{display:flex;gap:10px;max-width:700px;margin-top:25px}.search-big input{flex:1}.article-hero{padding:70px 0 40px}.article-head-inner{max-width:920px}.breadcrumbs{display:flex;gap:8px;color:#72767d;font-size:12px}.article-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.lead{font-size:20px;color:#b8b4ac;max-width:800px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;color:#7f838a;font-size:12px}.language-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;align-items:center;font-size:12px}.language-pills a{border:1px solid var(--line);padding:5px 10px;border-radius:999px}.language-pills a.active{border-color:var(--accent);color:var(--accent2)}.article-cover{max-width:1100px;height:min(64vw,620px);border-radius:28px;overflow:hidden;border:1px solid var(--line);margin:20px auto 50px}.article-cover img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:190px minmax(0,730px) 220px;gap:38px;justify-content:center;align-items:start}.article-content{font-size:18px;line-height:2.05;color:#dedbd4}.article-content h2{font-size:34px;line-height:1.35;margin-top:2em;color:#fff;scroll-margin-top:100px}.article-content h3{font-size:26px;margin-top:1.8em;color:#fff;scroll-margin-top:100px}.article-content blockquote{margin:35px 0;padding:22px 25px;border-inline-start:3px solid var(--accent);background:rgba(21,113,118,.06);border-radius:12px}.article-content img{border-radius:18px;margin:28px auto}.article-aside,.article-side{font-size:12px}.sticky-box{position:sticky;top:110px;border-inline-start:1px solid var(--line);padding-inline-start:16px}.sticky-box nav{display:grid;gap:7px;margin-top:12px;color:#777b83}.sticky-box nav a.active{color:var(--accent2)}.author-box{border:1px solid var(--line);border-radius:16px;padding:18px}.author-box span{color:var(--muted);font-size:10px}.author-box strong{display:block;font-size:16px;margin:4px 0}.author-box p{color:var(--muted)}.author-box a{color:var(--accent2)}.reading-progress{position:fixed;top:0;inset-inline-start:0;height:2px;background:var(--accent);z-index:100;width:0}.auth-section{min-height:75vh;display:grid;place-items:center;padding:60px 20px}.auth-card{width:min(480px,100%);background:linear-gradient(160deg,#17191f,#111318);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.auth-card.wide{width:min(760px,100%)}.auth-card h1{font-size:36px;margin:7px 0}.auth-card>p{color:var(--muted)}.auth-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:16px}.auth-foot a{color:var(--accent2)}.form-stack{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:1/-1}label{display:grid;gap:7px;font-size:12px;color:#b9b6b0;font-weight:600}input,textarea,select{width:100%;background:#0e1014;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:10px 12px;outline:0}input:focus,textarea:focus,select:focus{border-color:rgba(21,113,118,.7);box-shadow:0 0 0 3px rgba(21,113,118,.08)}label small{color:var(--muted);font-weight:400}.notice{padding:12px 14px;border-radius:10px;margin:10px 0 18px;font-size:13px}.notice.success{background:rgba(70,183,120,.1);border:1px solid rgba(70,183,120,.3);color:#8dd9ae}.notice.error{background:rgba(239,85,85,.1);border:1px solid rgba(239,85,85,.3);color:#ff9a9a}.empty-state{grid-column:1/-1;text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:20px}.empty-state span{font-size:50px;color:var(--accent2)}.error-page{min-height:70vh;display:grid;place-items:center;text-align:center}.error-page span{font-size:110px;color:var(--accent);font-weight:900}.error-page h1{font-size:42px}.error-page p{color:var(--muted)}.ad-slot{width:var(--container);margin:18px auto;text-align:center;overflow:hidden}.ad-slot img{margin:auto;max-height:180px}.dashboard-body{background:#0c0d10}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-inline-end:1px solid var(--line);background:#0a0b0e;padding:24px 18px;display:flex;flex-direction:column;gap:25px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:9px 12px;border-radius:9px;color:#aaa;font-size:13px}.sidebar nav a:hover{background:#15171c;color:#fff}.user-chip{border:1px solid var(--line);border-radius:12px;padding:11px 12px}.user-chip strong{display:block;font-size:13px}.user-chip span{font-size:10px;color:var(--accent2)}.sidebar form{margin-top:auto}.dashboard-main{padding:28px 34px;min-width:0}.dash-top{display:flex;align-items:center;gap:15px;margin-bottom:28px}.dash-top h1{font-size:27px;margin:0}.dash-top small{color:var(--muted)}.dash-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-card{border:1px solid var(--line);background:linear-gradient(160deg,#17191f,#111318);border-radius:16px;padding:22px}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:34px;margin-top:8px}.panel{border:1px solid var(--line);background:#121419;border-radius:16px;padding:20px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h2{margin:0;font-size:18px}.panel-head span,.panel-head a{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:start;border-bottom:1px solid var(--line);padding:11px 10px;font-size:12px}th{color:#737780;font-weight:600}td small{display:block;color:var(--muted)}.status{display:inline-flex;border:1px solid var(--line);padding:3px 7px;border-radius:999px;font-size:10px}.s-published,.s-active{color:#73d39d;border-color:rgba(70,183,120,.3)}.s-review,.s-pending{color:#f5bd69;border-color:rgba(245,189,105,.3)}.s-blocked,.s-archived{color:#ff9292;border-color:rgba(239,85,85,.3)}.inline-form{display:flex;gap:5px;align-items:center}.inline-form select{padding:5px 7px;width:auto}.text-btn{background:transparent;border:0;color:var(--accent2);cursor:pointer}.editor-toolbar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.editor-toolbar-top h2{margin:2px 0}.editor-toolbar-top>a,.editor-toolbar-top div>a{color:var(--muted);font-size:12px}.actions{display:flex;gap:8px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.tabs-panel{padding:0;overflow:hidden}.lang-tabs{display:flex;border-bottom:1px solid var(--line);overflow:auto}.lang-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:#8c9097;padding:13px 16px;cursor:pointer;white-space:nowrap}.lang-tab.active{color:#fff;border-bottom-color:var(--accent)}.translation-state{color:var(--accent2);font-size:9px;margin-inline-start:5px}.lang-panel{display:none;padding:22px}.lang-panel.active{display:grid;gap:16px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rich-toolbar{display:flex;gap:4px;flex-wrap:wrap;background:#0e1014;border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;padding:6px}.rich-toolbar button{border:1px solid var(--line);background:#16191e;color:#ccc;border-radius:7px;padding:4px 8px;cursor:pointer}.rich-editor{min-height:420px;background:#0e1014;border:1px solid var(--line);border-radius:0 0 11px 11px;padding:20px;font-size:16px;line-height:1.9;outline:0}.rich-editor:focus{border-color:rgba(21,113,118,.6)}.seo-box{border:1px solid var(--line);border-radius:12px;padding:12px}.seo-box summary{cursor:pointer;color:var(--accent2);font-size:12px}.seo-box[open]{display:grid;gap:12px}.editor-side .panel{position:sticky;top:20px}.editor-side h3{margin-top:0}.thumb-preview{border-radius:10px;margin-top:10px}.translation-guide div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px}.translation-guide strong{color:var(--muted)}.translation-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.translation-fields fieldset{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:10px}.translation-fields legend{color:var(--accent2);padding:0 6px}.check{display:flex;grid-auto-flow:column;align-items:center;justify-content:start}.check input{width:auto}.info-box{padding:15px;border:1px solid rgba(21,113,118,.25);background:rgba(21,113,118,.05);border-radius:12px;margin-bottom:18px}.info-box p{color:var(--muted);margin-bottom:0}
body.light{--bg:#f5f1e8;--bg2:#ece7dc;--panel:#fff;--panel2:#f9f6ef;--text:#1a1a1a;--muted:#6e6b65;--line:#d8d2c7;color-scheme:light;background:var(--bg)}body.light .site-header{background:rgba(245,241,232,.85)}body.light .story-card,body.light .panel,body.light .stat-card{background:#fff}body.light input,body.light textarea,body.light select,body.light .rich-editor,body.light .rich-toolbar{background:#fbf8f1;color:#222}body.light .site-footer{background:#e9e3d7}body.light .article-content{color:#333}body.light .article-content h2,body.light .article-content h3{color:#111}
@media(max-width:1000px){.main-nav,.mini-search{display:none}.menu-btn{display:grid;place-items:center}.hero-grid{grid-template-columns:1fr;gap:35px}.hero{padding-top:55px}.hero-feature{max-width:700px}.story-grid,.story-grid.compact{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,760px)}.article-aside,.article-side{display:none}.dashboard-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:80;inset-block:0;inset-inline-start:0;width:260px;transform:translateX(110%);transition:.25s}.sidebar.open{transform:translateX(0)}[dir=ltr] .sidebar{transform:translateX(-110%)}[dir=ltr] .sidebar.open{transform:translateX(0)}.dashboard-main{padding:20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.editor-side .panel{position:static}.dash-top .menu-btn{display:grid}.translation-fields{grid-template-columns:1fr}}
@media(max-width:650px){:root{--container:min(100% - 26px,1180px)}.header-inner{height:66px}.brand small{display:none}.hero{min-height:auto;padding:52px 0}.hero-copy h1{font-size:43px;letter-spacing:-1px}.hero-card{min-height:340px;padding:25px}.hero-card h2{font-size:27px}.hero-actions{flex-direction:column;align-items:stretch}.story-grid,.story-grid.compact{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.section{padding:55px 0}.section-head h2{font-size:27px}.join-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:38px}.article-hero{padding-top:45px}.article-hero h1{font-size:42px;letter-spacing:-1px}.article-content{font-size:17px}.article-content h2{font-size:28px}.form-grid,.two-cols{grid-template-columns:1fr}.span-2{grid-column:auto}.auth-card{padding:24px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:26px}.dashboard-main{padding:15px}.editor-toolbar-top{align-items:flex-start;gap:12px;flex-direction:column}.actions{width:100%}.actions .btn{flex:1}.lang-panel{padding:14px}.category-grid{gap:9px}.category-card{padding:18px}.mobile-menu.open{display:grid;position:fixed;z-index:49;top:66px;inset-inline:12px;background:#121419;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow)}.mobile-menu a{padding:10px;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ===== Saradeeeb CMS Dashboard v1.2 ===== */
.dashboard-body{--dash-bg:#0a0b0e;--dash-panel:#111319;--dash-panel-2:#161920;--dash-line:rgba(255,255,255,.075);--dash-muted:#8f949e;--dash-text:#f4f1eb;--dash-orange:#157176;--dash-orange-2:#2a969b;background:radial-gradient(circle at 78% -10%,rgba(21,113,118,.11),transparent 24%),linear-gradient(180deg,#0b0c10 0%,#090a0d 100%);min-height:100vh;color:var(--dash-text)}
.dashboard-body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 74%)}
.dashboard-shell{grid-template-columns:286px minmax(0,1fr);position:relative;z-index:1}
.sidebar{width:286px;padding:22px 16px 18px;background:linear-gradient(180deg,rgba(14,16,20,.98),rgba(8,9,12,.99));border-inline-end:1px solid var(--dash-line);box-shadow:18px 0 80px rgba(0,0,0,.13);gap:0;overflow-y:auto;overflow-x:hidden}
.sidebar-top{padding:2px 6px 24px;border-bottom:1px solid var(--dash-line);margin-bottom:18px}.dashboard-brand{display:flex;align-items:center;gap:12px}.dashboard-brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:21px;font-weight:900;color:#fff;background:linear-gradient(135deg,#23868b,#0e5f64);box-shadow:0 12px 34px rgba(21,113,118,.28),inset 0 1px 0 rgba(255,255,255,.22)}.dashboard-brand-copy{display:grid;line-height:1.15}.dashboard-brand-copy strong{font-size:19px;letter-spacing:-.2px}.dashboard-brand-copy small{font-size:10px;color:#777d87;margin-top:6px}.sidebar-version{display:block;margin:14px 56px 0 0;font-size:8px;letter-spacing:.18em;color:#4f545d}
.dashboard-nav{display:grid;gap:4px}.dashboard-nav-label{display:block;padding:4px 12px 7px;color:#565b64;font-size:9px;font-weight:800;letter-spacing:.08em}.nav-label-space{margin-top:14px}.dashboard-nav-link{position:relative;display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:12px;color:#a9adb5;font-size:12.5px;font-weight:650;transition:background .18s,border-color .18s,color .18s,transform .18s;border:1px solid transparent}.dashboard-nav-link:hover{background:rgba(255,255,255,.035);color:#fff;transform:translateX(-2px)}.dashboard-nav-link.active{background:linear-gradient(90deg,rgba(21,113,118,.13),rgba(21,113,118,.04));border-color:rgba(21,113,118,.16);color:#fff}.dashboard-nav-link.active:before{content:"";position:absolute;inset-inline-start:-17px;width:3px;height:22px;border-radius:0 6px 6px 0;background:linear-gradient(#35a7ab,#157176);box-shadow:0 0 18px rgba(21,113,118,.55)}.dashboard-nav-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.dashboard-nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dashboard-nav-cta{color:#c7e8e9;background:rgba(21,113,118,.055);border-color:rgba(21,113,118,.1)}.nav-active-dot{margin-inline-start:auto;width:5px;height:5px;border-radius:50%;background:var(--dash-orange-2);box-shadow:0 0 12px rgba(42,150,155,.7)}
.sidebar-account{margin-top:auto;padding:16px 10px 10px;border-top:1px solid var(--dash-line);display:flex;align-items:center;gap:10px}.sidebar-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#252a33,#14171c);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;font-weight:900;color:#8ac8ca}.sidebar-account-copy{min-width:0;display:grid}.sidebar-account-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account-copy span{font-size:9px;color:#777d87;margin-top:3px}.sidebar-logout-form{margin-top:0!important}.sidebar-logout{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#747a84;padding:9px 11px;border-radius:10px;cursor:pointer;font-size:11px}.sidebar-logout:hover{background:rgba(239,85,85,.06);color:#ff9b9b}
.sidebar-backdrop{display:none;position:fixed;inset:0;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);z-index:79}
.dashboard-main{padding:0 38px 46px;min-width:0}.dash-top{height:90px;position:sticky;top:0;z-index:60;margin:0 -10px 30px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,rgba(10,11,14,.93),rgba(10,11,14,.78),rgba(10,11,14,0));backdrop-filter:blur(12px)}.dash-title-wrap{display:flex;align-items:center;gap:13px;min-width:0}.dash-eyebrow{display:block;color:#646a74;font-size:9px;letter-spacing:.05em;margin-bottom:3px}.dash-top h1{font-size:24px;letter-spacing:-.4px}.dash-top-actions{display:flex;align-items:center;gap:9px}.dash-icon-link{width:40px;height:40px;border:1px solid var(--dash-line);border-radius:12px;display:grid;place-items:center;color:#9398a1;background:rgba(255,255,255,.02)}.dash-icon-link:hover{color:#fff;border-color:rgba(21,113,118,.25)}.dash-icon-link svg,.btn-icon svg,.dashboard-menu-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dash-new-article{padding:10px 15px;border-radius:11px;font-size:11px}.dashboard-content{max-width:1500px;margin:0 auto}.dashboard-notice{max-width:1500px;margin:0 auto 18px}
.dashboard-hero-panel{position:relative;min-height:245px;border:1px solid rgba(255,255,255,.075);border-radius:24px;padding:32px 34px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;background:radial-gradient(circle at 82% 18%,rgba(21,113,118,.18),transparent 30%),linear-gradient(135deg,rgba(23,26,32,.98),rgba(14,16,20,.97));box-shadow:0 30px 100px rgba(0,0,0,.18);margin-bottom:18px}.dashboard-hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.025) 42% 43%,transparent 43% 100%);pointer-events:none}.dashboard-hero-copy{position:relative;z-index:2;max-width:760px}.dashboard-kicker,.panel-kicker{display:block;color:#43aeb2;font-size:9px;font-weight:850;letter-spacing:.06em;margin-bottom:7px}.dashboard-hero-copy h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0 0 12px;letter-spacing:-.8px}.dashboard-hero-copy p{margin:0;max-width:630px;color:#8f949d;font-size:13px;line-height:1.9}.dashboard-hero-actions{display:flex;gap:9px;margin-top:22px}.dashboard-hero-actions .btn{padding:9px 14px;font-size:10.5px;border-radius:10px}.dashboard-hero-orbit{width:190px;height:190px;position:relative;justify-self:center;display:grid;place-items:center}.orbit-core{position:relative;z-index:3;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#248e93,#0b4b4f);font-weight:900;font-size:26px;color:white;box-shadow:0 20px 55px rgba(21,113,118,.28)}.orbit-ring{position:absolute;border:1px solid rgba(21,113,118,.23);border-radius:50%}.ring-one{width:120px;height:120px}.ring-two{width:180px;height:180px;border-color:rgba(255,255,255,.07)}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#35a7ab;box-shadow:0 0 18px rgba(42,150,155,.8)}.dot-one{top:27px;right:43px}.dot-two{bottom:12px;left:72px;width:5px;height:5px;background:#fff}
.professional-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.professional-stats .stat-card{min-height:162px;padding:20px;border-radius:18px;background:linear-gradient(155deg,rgba(24,27,33,.95),rgba(14,16,20,.95));border-color:rgba(255,255,255,.065);box-shadow:none}.professional-stats .stat-card:hover{border-color:rgba(21,113,118,.18);transform:translateY(-2px);transition:.18s}.stat-card-featured{background:linear-gradient(155deg,rgba(21,113,118,.095),rgba(17,19,24,.96))!important}.stat-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-card-head>span:first-child{font-size:10.5px;color:#9297a0}.stat-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#43aeb2;font-size:12px}.professional-stats .stat-card strong{font-size:31px;letter-spacing:-1px;margin:13px 0 8px}.stat-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#626872;font-size:9px}.stat-meta a{color:#4aa6aa}.stat-progress{height:3px;background:rgba(255,255,255,.05);border-radius:99px;margin-top:13px;overflow:hidden}.stat-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0e5f64,#35a7ab)}
.dashboard-grid{display:grid;gap:16px}.dashboard-grid-main{grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr);align-items:start}.dashboard-side-stack{display:grid;gap:16px}.dashboard-body .panel{border-radius:18px;border-color:rgba(255,255,255,.065);background:linear-gradient(160deg,rgba(19,22,27,.97),rgba(13,15,19,.97));box-shadow:0 20px 70px rgba(0,0,0,.10);padding:20px}.dashboard-panel-head{margin-bottom:18px}.dashboard-panel-head h2{font-size:16px;letter-spacing:-.2px}.dashboard-panel-head.compact{margin-bottom:14px}.panel-link{color:#157176!important;font-size:9.5px!important}.dashboard-table-wrap{margin-inline:-5px}.dashboard-table{min-width:680px}.dashboard-table th{font-size:9px;text-transform:none;color:#5f6570;border-bottom-color:rgba(255,255,255,.06);padding:10px 11px}.dashboard-table td{padding:13px 11px;border-bottom-color:rgba(255,255,255,.045);font-size:10.5px}.dashboard-table tbody tr:last-child td{border-bottom:0}.dashboard-table tbody tr:hover{background:rgba(255,255,255,.014)}.article-row-title{display:flex;align-items:center;gap:9px;font-weight:750}.article-row-dot{width:5px;height:5px;border-radius:50%;background:#157176;box-shadow:0 0 10px rgba(21,113,118,.4)}.table-author{color:#9da2aa}.table-muted{color:#5e636c;font-size:9px}.dashboard-body .status{font-size:8.5px;padding:4px 7px;background:rgba(255,255,255,.015)}.s-changes{color:#e5a774;border-color:rgba(229,167,116,.25)}.s-draft{color:#8da1b8;border-color:rgba(141,161,184,.2)}.dashboard-empty-mini{text-align:center;padding:40px 18px}.dashboard-empty-mini>span{display:block;font-size:28px;color:#23868b}.dashboard-empty-mini strong{display:block;margin-top:8px}.dashboard-empty-mini p{font-size:11px;color:#747983}.dashboard-empty-mini .btn{margin-top:8px;font-size:10px}
.dashboard-health-panel p{font-size:10.5px;color:#747a83;line-height:1.8}.health-score{font-size:25px;color:#43aeb2}.translation-meter{height:7px;border-radius:99px;background:#0c0e12;border:1px solid rgba(255,255,255,.04);overflow:hidden;margin:9px 0 14px}.translation-meter i{display:block;height:100%;background:linear-gradient(90deg,#0d555a,#2a969b);border-radius:inherit;box-shadow:0 0 20px rgba(21,113,118,.22)}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.mini-metrics>div{padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.015)}.mini-metrics span{display:block;color:#676c75;font-size:8px}.mini-metrics strong{display:block;margin-top:4px;font-size:15px}.quick-action-list{display:grid;gap:5px}.quick-action-list a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border-radius:12px;border:1px solid transparent}.quick-action-list a:hover{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.05)}.quick-action-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#329ca1;background:rgba(21,113,118,.07);border:1px solid rgba(21,113,118,.1)}.quick-action-list a>span:nth-child(2){display:grid}.quick-action-list strong{font-size:10.5px}.quick-action-list small{font-size:8.5px;color:#656a73;margin-top:2px}.quick-action-list b{font-weight:400;color:#535861}

/* Premium login */
.auth-section-premium{min-height:100vh;padding:30px;background:radial-gradient(circle at 12% 10%,rgba(21,113,118,.11),transparent 26%),#090a0d}.auth-shell{width:min(980px,100%);min-height:590px;display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid rgba(255,255,255,.075);border-radius:28px;overflow:hidden;background:#101218;box-shadow:0 45px 140px rgba(0,0,0,.42)}.auth-visual{position:relative;padding:34px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(21,113,118,.22),transparent 25%),linear-gradient(155deg,#151820,#0b0d11)}.auth-visual:before{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.05);border-radius:50%;left:-120px;bottom:-100px;box-shadow:0 0 0 55px rgba(255,255,255,.012),0 0 0 110px rgba(255,255,255,.008)}.auth-visual-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.auth-visual-brand span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#248e93,#0d555a);font-weight:900;box-shadow:0 15px 36px rgba(21,113,118,.25)}.auth-visual-brand strong{font-size:17px}.auth-visual-copy{position:relative;z-index:2;margin-bottom:60px}.auth-visual-copy h2{font-size:38px;line-height:1.25;margin:8px 0 14px;max-width:360px;letter-spacing:-1px}.auth-visual-copy p{max-width:320px;color:#7f858e;font-size:12px}.auth-visual-lines{position:absolute;inset:0;pointer-events:none}.auth-visual-lines i{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(21,113,118,.25),transparent);transform:rotate(-24deg);width:520px}.auth-visual-lines i:nth-child(1){top:28%;left:-130px}.auth-visual-lines i:nth-child(2){top:45%;left:-90px}.auth-visual-lines i:nth-child(3){top:63%;left:-180px}.auth-card-premium{width:auto;max-width:none;border:0;border-radius:0;box-shadow:none;background:#111319;padding:55px 58px;display:flex;flex-direction:column;justify-content:center}.auth-back-link{align-self:flex-start;color:#676c75;font-size:9.5px;margin-bottom:34px}.auth-back-link:hover{color:#e6e0d8}.auth-card-premium h1{font-size:34px;letter-spacing:-.7px;margin:7px 0 9px}.auth-card-premium>p{font-size:11px;margin:0 0 22px}.auth-form-premium{gap:14px}.auth-form-premium label>span{font-size:10px}.input-with-icon{position:relative}.input-with-icon>i{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);font-style:normal;color:#555a64;font-size:10px;z-index:2}.input-with-icon input{padding-inline-start:40px;height:47px;border-radius:12px;background:#0c0e12;border-color:rgba(255,255,255,.07)}.input-with-icon input:focus{border-color:rgba(21,113,118,.45);box-shadow:0 0 0 4px rgba(21,113,118,.06)}.auth-submit{height:47px;border-radius:12px;margin-top:4px;justify-content:space-between;padding-inline:18px}.auth-security-note{margin-top:22px;text-align:center;font-size:8.5px;color:#4f545c}.auth-security-note span{color:#53b780;font-size:7px;margin-inline-end:5px}

@media(max-width:1180px){.dashboard-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{width:250px}.dashboard-main{padding-inline:24px}.professional-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-main{grid-template-columns:1fr}.dashboard-side-stack{grid-template-columns:1fr 1fr}.dashboard-hero-panel{grid-template-columns:minmax(0,1fr) 180px}.dashboard-hero-orbit{transform:scale(.86)}}
@media(max-width:1000px){.dashboard-shell{grid-template-columns:1fr}.sidebar{width:286px}.sidebar.open+.sidebar-backdrop,.sidebar-backdrop.open{display:block}.dashboard-main{padding-inline:20px}.dash-top{margin-inline:-4px;padding-inline:4px}.dashboard-menu-btn{display:grid!important}.dashboard-side-stack{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.dashboard-main{padding:0 14px 30px}.dash-top{height:76px;margin-bottom:18px}.dash-top h1{font-size:19px}.dash-new-article span:last-child{display:none}.dash-new-article{width:40px;height:40px;padding:0}.dashboard-hero-panel{grid-template-columns:1fr;min-height:auto;padding:25px}.dashboard-hero-orbit{display:none}.dashboard-hero-copy h2{font-size:27px}.dashboard-hero-actions{flex-wrap:wrap}.professional-stats{grid-template-columns:1fr 1fr}.dashboard-side-stack{grid-template-columns:1fr}.auth-section-premium{padding:14px}.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-visual{display:none}.auth-card-premium{padding:38px 25px}}
@media(max-width:520px){.professional-stats{grid-template-columns:1fr}.dashboard-hero-actions .btn{width:100%}.dash-icon-link{display:none}.dashboard-panel-head{align-items:flex-start;gap:8px}.mini-metrics{grid-template-columns:repeat(3,1fr)}}

/* === Saradeeeb identity + editorial five-card homepage === */
.brand-dynamic{min-height:var(--brand-logo-height)}
.brand-logo{display:block;width:auto;height:var(--brand-logo-height);max-width:210px;object-fit:contain;object-position:center}
.footer-logo{height:min(var(--brand-logo-height),48px)}
.brand-copy{display:block}

.hero-editorial{display:block;min-height:0;padding:58px 0 70px}
.hero-intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.hero-editorial .hero-copy{max-width:760px}
.hero-editorial .hero-copy h1{font-size:clamp(38px,4.3vw,62px);line-height:1.08;letter-spacing:-1.6px;margin:12px 0 14px}
.hero-editorial .hero-copy p{font-size:16px;line-height:1.9;margin:0;max-width:650px}
.hero-editorial .hero-actions{margin:0;flex:0 0 auto}

.feature-five-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:245px 245px;gap:14px}
.feature-card-five{position:relative;display:flex;align-items:flex-end;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#17191f,#101216);isolation:isolate;min-width:0;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.feature-card-five:before{content:"";position:absolute;inset:0;background-image:var(--card-image);background-size:cover;background-position:center;z-index:-2;transition:transform .45s ease;transform:scale(1.01)}
.feature-card-five:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.06) 12%,rgba(5,6,8,.42) 52%,rgba(5,6,8,.96) 100%);z-index:-1}
.feature-card-five:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 22px 60px rgba(0,0,0,.28)}
.feature-card-five:hover:before{transform:scale(1.045)}
.feature-card-five.is-main{grid-column:span 2;grid-row:span 2;border-radius:28px}
.feature-card-content{position:relative;z-index:2;width:100%;padding:22px}
.feature-card-five.is-main .feature-card-content{padding:34px}
.feature-category{display:inline-flex;align-items:center;gap:6px;color:color-mix(in srgb,var(--accent) 68%,white);font-weight:800;font-size:11px;margin-bottom:9px}
.feature-card-five h2{margin:0;font-size:20px;line-height:1.42;letter-spacing:-.35px}
.feature-card-five.is-main h2{font-size:clamp(30px,3vw,45px);line-height:1.2;max-width:760px}
.feature-card-five p{margin:12px 0 0;color:#d0cbc3;font-size:14px;line-height:1.8;max-width:700px}
.feature-meta{display:flex;gap:8px;align-items:center;color:#aaa59d;font-size:10px;margin-top:13px}
.empty-feature{background:linear-gradient(145deg,rgba(21,113,118,.09),#111319)}

.settings-identity-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}
.logo-upload-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(255,255,255,.018)}
.field-label{display:block;font-size:11px;font-weight:800;margin-bottom:12px}
.logo-preview-box{height:128px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;display:grid;place-items:center;margin-bottom:13px;background:#0d0f13;padding:14px}
.logo-preview-box img{max-width:100%;max-height:96px;object-fit:contain}
.logo-preview-placeholder{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#c94714);font-size:28px;font-weight:900}
.logo-upload-card input[type=file]{width:100%;font-size:11px}
.logo-upload-card small{display:block;color:var(--muted);font-size:9px;margin-top:9px}
.check-row{display:flex!important;align-items:center;gap:8px;margin-top:13px;font-size:10px!important;color:#aaa!important}
.check-row input{width:auto!important}
.color-field,.range-field{display:flex;align-items:center;gap:12px}
.color-field input[type=color]{width:52px;height:42px;padding:3px;border-radius:10px}
.color-field code{font-size:11px;color:#b9b5ae;direction:ltr}
.range-field input{flex:1}
.range-field span{min-width:52px;font-size:10px;color:var(--muted);direction:ltr}
.settings-divider{height:1px;background:var(--line);margin:7px 0 4px}

@media(max-width:980px){
  .hero-intro-row{align-items:flex-start;flex-direction:column;gap:20px}
  .hero-editorial .hero-actions{margin-top:0}
  .feature-five-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:360px repeat(2,220px)}
  .feature-card-five.is-main{grid-column:1/-1;grid-row:auto}
  .settings-identity-grid{grid-template-columns:1fr}
}

@media(max-width:650px){
  :root{--brand-logo-height:38px}
  .brand-logo{max-width:150px}
  .hero-editorial{padding:38px 0 48px}
  .hero-editorial .hero-copy h1{font-size:34px;line-height:1.16;letter-spacing:-.8px;margin-top:9px}
  .hero-editorial .hero-copy p{font-size:14px;line-height:1.8}
  .hero-editorial .hero-actions{width:100%;display:grid;grid-template-columns:1fr;gap:9px}
  .feature-five-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:12px}
  .feature-card-five,.feature-card-five.is-main{grid-column:auto;grid-row:auto;min-height:250px;border-radius:20px}
  .feature-card-five.is-main{min-height:335px}
  .feature-card-content,.feature-card-five.is-main .feature-card-content{padding:22px}
  .feature-card-five h2,.feature-card-five.is-main h2{font-size:24px;line-height:1.28;letter-spacing:-.35px}
  .feature-card-five:not(.is-main) h2{font-size:21px}
  .feature-card-five p{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .feature-meta{font-size:9px}
}

/* === Homepage v2: five-card editorial grid, mega categories, rotating suggestion === */
.home-feature-section{padding:42px 0 64px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),var(--bg)}
.home-feature-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.home-feature-head h1{font-size:clamp(27px,2.5vw,38px);line-height:1.15;letter-spacing:-.7px;margin:5px 0 0}
.home-feature-more{font-size:12px;color:var(--accent2);font-weight:800}

.home-five-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.05fr);grid-template-rows:245px 245px;grid-template-areas:"one two main" "three four main";gap:14px}
.home-five-grid .is-main{grid-area:main;grid-column:auto;grid-row:auto}
.home-five-grid .small-one{grid-area:one}.home-five-grid .small-two{grid-area:two}.home-five-grid .small-three{grid-area:three}.home-five-grid .small-four{grid-area:four}
.home-five-grid .feature-card-five{min-height:0}
.home-five-grid .feature-card-five.is-main h2{font-size:clamp(29px,2.7vw,43px);line-height:1.22;letter-spacing:-.8px}
.home-five-grid .feature-card-five.is-small h2{font-size:19px;line-height:1.4;letter-spacing:-.25px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-five-grid .feature-card-five.is-small .feature-card-content{padding:19px}
.home-five-grid .feature-card-five.is-small .feature-meta{margin-top:9px}
.home-five-grid .feature-card-five.is-main p{max-width:640px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.nav-mega-wrap{position:relative;display:flex;align-items:center}
.nav-mega-trigger{appearance:none;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;display:flex;align-items:center;gap:6px;font:inherit}
.nav-mega-trigger:after{content:"";position:absolute;height:1px;background:var(--accent);inset-inline:0;bottom:-7px;transform:scaleX(0);transition:.2s}
.nav-mega-trigger:hover:after,.nav-mega-trigger[aria-expanded="true"]:after{transform:scaleX(1)}
.mega-chevron{font-size:12px;color:var(--accent2);transition:transform .2s}
.nav-mega-trigger[aria-expanded="true"] .mega-chevron{transform:rotate(180deg)}
.mega-menu{position:absolute;z-index:80;top:calc(100% + 27px);inset-inline-start:50%;width:min(900px,82vw);transform:translateX(50%) translateY(-8px);padding:22px;background:rgba(17,20,24,.98);border:1px solid rgba(255,255,255,.09);border-top:2px solid var(--accent);border-radius:0 0 24px 24px;box-shadow:0 35px 90px rgba(0,0,0,.42);backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}
[dir=ltr] .mega-menu{transform:translateX(-50%) translateY(-8px)}
.nav-mega-wrap.open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(50%) translateY(0)}
[dir=ltr] .nav-mega-wrap.open .mega-menu{transform:translateX(-50%) translateY(0)}
.mega-menu-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px 16px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:14px}
.mega-menu-head strong{font-size:18px}.mega-menu-head>a{font-size:10px;color:var(--accent2)}
.mega-kicker{display:block;font-size:8px;color:var(--accent2);letter-spacing:.14em;font-weight:900;margin-bottom:3px}
.mega-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mega-category-item{position:relative;display:flex;align-items:center;gap:10px;min-height:57px;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#1b2025;transition:.18s}
.mega-category-item:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:#20262b;transform:translateY(-1px)}
.mega-category-item strong{font-size:13px;flex:1}.mega-category-item small{display:grid;place-items:center;min-width:26px;height:26px;padding-inline:6px;border-radius:999px;background:rgba(255,255,255,.05);color:#858b92;font-size:9px}
.mega-category-accent{width:3px;height:25px;border-radius:4px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 30%,transparent));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 25%,transparent)}

.mobile-sections-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 10px;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:inherit}
.mobile-category-list{display:none;padding:7px;background:#0d0f13;border-radius:10px;margin:3px 0 7px}
.mobile-category-list.open{display:grid}
.mobile-category-list a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:9px!important;border-bottom:1px solid rgba(255,255,255,.045)!important;font-size:12px}
.mobile-category-list a:last-child{border-bottom:0!important}.mobile-category-list small{font-size:8px;color:var(--muted)}

.random-story-card{position:fixed;z-index:70;inset-inline-start:22px;bottom:22px;width:min(365px,calc(100vw - 32px));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:18px;background:rgba(12,15,18,.96);box-shadow:0 24px 80px rgba(0,0,0,.45);backdrop-filter:blur(18px);overflow:visible;transform:translateY(16px);opacity:0;transition:opacity .35s ease,transform .35s ease}
.random-story-card.is-visible{opacity:1;transform:translateY(0)}
.random-story-card.is-changing{opacity:.15;transform:translateY(8px)}
.random-story-link{display:grid;grid-template-columns:105px 1fr;min-height:126px}
.random-story-image{background:linear-gradient(145deg,#20252c,#111318);background-size:cover;background-position:center;border-radius:17px 0 0 17px}
[dir=rtl] .random-story-image{border-radius:0 17px 17px 0}
.random-story-copy{padding:14px 15px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.random-story-kicker{font-size:9px;color:var(--accent2);font-weight:850;margin-bottom:5px}
.random-story-copy strong{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.random-story-copy small{font-size:8.5px;color:#81868e;margin-top:5px}.random-story-copy em{font-style:normal;color:var(--accent2);font-size:9px;font-weight:850;margin-top:7px}
.random-story-close{position:absolute;z-index:2;top:-9px;inset-inline-start:-9px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#12161a;color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28)}

@media(max-width:1000px){
  .home-five-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:340px 220px 220px;grid-template-areas:"main main" "one two" "three four"}
  .mega-menu{display:none}
}
@media(max-width:650px){
  .home-feature-section{padding:24px 0 42px}
  .home-feature-head{align-items:flex-start;margin-bottom:16px}.home-feature-head h1{font-size:28px}.home-feature-more{margin-top:8px}
  .home-five-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"main" "one" "two" "three" "four";gap:11px}
  .home-five-grid .feature-card-five,.home-five-grid .feature-card-five.is-main{min-height:230px;border-radius:18px}
  .home-five-grid .feature-card-five.is-main{min-height:310px}
  .home-five-grid .feature-card-five.is-main h2{font-size:27px;line-height:1.25}
  .home-five-grid .feature-card-five.is-small h2{font-size:19px;-webkit-line-clamp:2}
  .home-five-grid .feature-card-five.is-main p{font-size:12.5px;-webkit-line-clamp:2}
  .random-story-card{inset-inline:12px;bottom:12px;width:auto}
  .random-story-link{grid-template-columns:88px 1fr;min-height:112px}.random-story-copy strong{font-size:13px}.random-story-copy{padding:11px 12px}.random-story-image{border-radius:14px 0 0 14px}[dir=rtl] .random-story-image{border-radius:0 14px 14px 0}
}
@media(prefers-reduced-motion:reduce){.feature-card-five,.feature-card-five:before,.mega-menu,.random-story-card{transition:none!important}}

/* ===== Saradeeeb Home v2.1 visual corrections ===== */
/* Keep image cards legible in both dark and light themes */
.feature-card-five,
body.light .feature-card-five{color:#f7f3ec}
.feature-card-five h2,
body.light .feature-card-five h2{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.48)}
.feature-card-five p,
body.light .feature-card-five p{color:#e6e0d7}
.feature-card-five .feature-meta,
body.light .feature-card-five .feature-meta{color:#c9c3ba}
.feature-card-five .feature-category,
body.light .feature-card-five .feature-category{color:color-mix(in srgb,var(--accent) 72%,white)}

/* Preserve strong overlay in light theme too */
body.light .feature-card-five:after{background:linear-gradient(180deg,rgba(5,6,8,.08) 8%,rgba(5,6,8,.38) 45%,rgba(5,6,8,.96) 100%)}

/* RTL desktop composition: big story on the right, four smaller stories on the left */
@media(min-width:1001px){
  [dir="rtl"] .home-five-grid{direction:ltr;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.05fr);grid-template-areas:"one two main" "three four main"}
  [dir="rtl"] .home-five-grid .feature-card-five{direction:rtl;text-align:right}
  [dir="ltr"] .home-five-grid{grid-template-columns:minmax(0,2.05fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"main one two" "main three four"}
}

/* Tighter typography and cleaner title wrapping */
.home-five-grid .feature-card-five.is-main h2{font-size:clamp(27px,2.35vw,39px);line-height:1.2;max-width:670px}
.home-five-grid .feature-card-five.is-small h2{font-size:17px;line-height:1.38;-webkit-line-clamp:2}
.home-five-grid .feature-card-five.is-main p{font-size:13px;line-height:1.75;-webkit-line-clamp:3}
.feature-card-five.is-main .feature-card-content{padding:30px}
.home-five-grid .feature-card-five.is-small .feature-card-content{padding:17px}

/* Header contrast and logo presence in light mode */
body.light .main-nav{color:#2b2925}
body.light .nav-mega-trigger{color:#2b2925}
body.light .mini-search{background:rgba(255,255,255,.55);border-color:#d4cec2}
body.light .mini-search input{color:#26231f}
body.light .icon-btn,body.light .menu-btn{color:#26231f;border-color:#d4cec2;background:rgba(255,255,255,.45)}
.brand-dynamic{display:flex;align-items:center;justify-content:center}
.brand-logo{height:max(var(--brand-logo-height),52px);max-width:230px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.12))}
.header-inner{min-height:84px;height:auto;padding-block:8px}

/* Section spacing: remove the "empty" feel above cards */
.home-feature-section{padding:30px 0 54px}
.home-feature-head{margin-bottom:18px}
.home-feature-head h1{font-size:clamp(26px,2.3vw,36px)}

/* Random story: visible but does not cover too much content */
.random-story-card{width:min(330px,calc(100vw - 32px));bottom:18px;inset-inline-start:18px}
.random-story-link{grid-template-columns:92px 1fr;min-height:112px}
.random-story-copy strong{font-size:14px}

@media(max-width:1000px){
  .brand-logo{height:max(var(--brand-logo-height),44px);max-width:180px}
  .header-inner{min-height:72px;padding-block:6px}
  [dir="rtl"] .home-five-grid,[dir="ltr"] .home-five-grid{direction:initial}
  [dir="rtl"] .home-five-grid .feature-card-five,[dir="ltr"] .home-five-grid .feature-card-five{direction:inherit;text-align:inherit}
}

@media(max-width:650px){
  .brand-logo{height:max(var(--brand-logo-height),38px);max-width:142px}
  .home-five-grid .feature-card-five.is-main h2{font-size:25px}
  .home-five-grid .feature-card-five.is-small h2{font-size:18px}
  .random-story-card{inset-inline:10px;bottom:10px;width:auto}
}

/* =========================================================
   Saradeeeb Home v3 — final homepage direction
   Brand teal sampled from the current Saradeeeb identity.
   ========================================================= */
:root{
  --accent:#157176;
  --accent2:#62bcbd;
  --accent-dark:#0f555a;
  --accent-soft:#dff1f1;
  --container:min(1320px,calc(100% - 44px));
}
body{background:radial-gradient(circle at 80% -10%,rgba(21,113,118,.10),transparent 28%),var(--bg)}
body.light{background:#f6f5f1;color:#1c2325}
.eyebrow,.home-feature-more,.v3-section-head>a,.feature-category,.random-story-kicker,.random-story-copy em{color:var(--accent2)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 10px 30px rgba(21,113,118,.20)}
.btn-primary:hover{box-shadow:0 14px 38px rgba(21,113,118,.28)}
.brand-mark{border-color:color-mix(in srgb,var(--accent) 68%,transparent);color:var(--accent2);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,transparent),rgba(255,255,255,.02));box-shadow:inset 0 0 22px color-mix(in srgb,var(--accent) 10%,transparent)}
.home-wide-container{width:min(1320px,calc(100% - 44px));margin-inline:auto}

/* Section 1: much larger lead card, four compact cards */
.home-section-one{padding-top:34px}
.home-five-grid{grid-template-columns:minmax(0,.82fr) minmax(0,.82fr) minmax(0,2.75fr);grid-template-rows:280px 280px;grid-template-areas:"one two main" "three four main";gap:15px}
[dir=rtl] .home-five-grid{direction:ltr;grid-template-columns:minmax(0,.82fr) minmax(0,.82fr) minmax(0,2.75fr);grid-template-areas:"one two main" "three four main"}
[dir=rtl] .home-five-grid .feature-card-five{direction:rtl;text-align:right}
.home-five-grid .feature-card-five.is-main{min-height:575px}
.home-five-grid .feature-card-five.is-main .feature-card-content{padding:38px 40px}
.home-five-grid .feature-card-five.is-main h2{font-size:clamp(34px,2.9vw,50px);line-height:1.16;max-width:780px}
.home-five-grid .feature-card-five.is-main p{font-size:14px;max-width:760px;line-height:1.9}
.home-five-grid .feature-card-five.is-small h2{font-size:17px;line-height:1.45}
.home-feature-section{background:radial-gradient(circle at 82% 0%,rgba(21,113,118,.09),transparent 30%),var(--bg)}
body.light .home-feature-section{background:radial-gradient(circle at 82% 0%,rgba(21,113,118,.08),transparent 32%),#f6f5f1}

/* Random 12-second card: opposite side in Arabic */
.random-story-card{inset-inline-start:auto;inset-inline-end:18px;width:min(330px,calc(100vw - 32px));border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
[dir=rtl] .random-story-card{left:18px;right:auto}
[dir=ltr] .random-story-card{right:18px;left:auto}
.random-story-kicker,.random-story-copy em{color:var(--accent2)}

/* Shared homepage sections */
.section-v3{padding:76px 0}
.section-v3-soft{background:color-mix(in srgb,var(--accent) 5%,var(--bg2));border-block:1px solid var(--line)}
body.light .section-v3-soft{background:#eef5f4;border-color:#d6e5e4}
.v3-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.v3-section-head h2{font-size:clamp(28px,2.7vw,42px);line-height:1.15;margin:5px 0 0}
.v3-section-head>a{font-size:12px;font-weight:800}
.centered-head{justify-content:center;text-align:center}
.v3-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);color:var(--accent2);font-size:10px;font-weight:850}
.v3-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}

/* Section 2 */
.latest-editorial-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:stretch}
.latest-lead-card{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--panel);min-height:500px;box-shadow:0 18px 60px rgba(0,0,0,.10)}
.latest-lead-media{min-height:100%;background:linear-gradient(135deg,#1c282a,#101516);background-size:cover;background-position:center;position:relative}
.latest-lead-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(8,12,13,.26))}
.latest-lead-copy{padding:38px;display:flex;flex-direction:column;justify-content:center}
.latest-lead-copy h3{font-size:clamp(28px,2.3vw,38px);line-height:1.3;margin:14px 0}
.latest-lead-copy p{color:var(--muted);font-size:14px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.latest-compact-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.latest-compact-card{display:grid;grid-template-rows:150px auto;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);transition:.22s}
.latest-compact-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.latest-compact-image{background:#111;background-size:cover;background-position:center}
.latest-compact-card>div{padding:16px}
.latest-compact-card h3{font-size:16px;line-height:1.45;margin:9px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.light .latest-lead-card,body.light .latest-compact-card{background:#fff;border-color:#dce2e0}

/* Section 3 */
.category-v3-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.category-v3-card{position:relative;min-height:150px;padding:22px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel));display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:.22s}
.category-v3-card:before{content:"";position:absolute;width:100px;height:100px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;top:-42px;inset-inline-end:-38px}
.category-v3-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 16px 45px rgba(21,113,118,.12)}
.category-v3-index{position:absolute;top:14px;inset-inline-start:17px;font-size:10px;color:var(--accent2);font-weight:900}
.category-v3-card strong{font-size:18px;line-height:1.4;position:relative}
.category-v3-card small{color:var(--muted);font-size:10px;margin-top:5px;position:relative}
.category-v3-arrow{position:absolute;bottom:20px;inset-inline-end:18px;color:var(--accent2);opacity:.75}
body.light .category-v3-card{background:#fff;border-color:#d5e2e1}

/* Section 4 */
.discovery-v3-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.popular-v3-panel,.write-story-v3-panel{border:1px solid var(--line);border-radius:26px;background:var(--panel);padding:28px}
.popular-v3-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.popular-v3-title span{color:var(--accent2)}.popular-v3-title h3{font-size:22px;margin:0}
.popular-v3-list{display:grid}
.popular-v3-list a{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line);transition:.18s}
.popular-v3-list a:hover{padding-inline-start:6px;color:var(--accent2)}
.popular-v3-list b{font-size:11px;color:var(--accent2)}
.popular-v3-list span{font-weight:750;line-height:1.45}.popular-v3-list em{font-style:normal;color:var(--accent2)}
.write-story-v3-panel{background:radial-gradient(circle at 12% 30%,rgba(98,188,189,.13),transparent 32%),linear-gradient(145deg,#10272a,#0d191b);display:flex;flex-direction:column;justify-content:center;min-height:390px;color:#f6fbfb}
.write-story-v3-panel h3{font-size:clamp(30px,2.4vw,42px);line-height:1.2;margin:10px 0 14px}.write-story-v3-panel p{color:#b8c8c8;line-height:1.9;max-width:520px}.write-story-v3-panel .btn{align-self:flex-start;margin-top:16px}
body.light .popular-v3-panel{background:#fff;border-color:#dce2e0}

/* Teal identity across existing UI */
.story-card:hover,.category-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.article-content blockquote{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.join-band{background:radial-gradient(circle at 10% 50%,rgba(21,113,118,.16),transparent 30%),#10191a}
.mega-menu{border-top-color:var(--accent)}

@media(max-width:1100px){
  .home-five-grid,[dir=rtl] .home-five-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:360px 225px 225px;grid-template-areas:"main main" "one two" "three four";direction:initial}
  [dir=rtl] .home-five-grid .feature-card-five{direction:rtl}
  .home-five-grid .feature-card-five.is-main{min-height:360px}
  .latest-editorial-grid{grid-template-columns:1fr}
  .latest-lead-card{min-height:420px}
  .category-v3-grid{grid-template-columns:repeat(3,1fr)}
  .discovery-v3-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  :root{--container:calc(100% - 24px)}
  .home-wide-container{width:calc(100% - 24px)}
  .section-v3{padding:48px 0}
  .home-five-grid,[dir=rtl] .home-five-grid{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"main" "one" "two" "three" "four"}
  .home-five-grid .feature-card-five.is-main{min-height:360px}
  .home-five-grid .feature-card-five.is-main .feature-card-content{padding:24px}
  .home-five-grid .feature-card-five.is-main h2{font-size:28px}
  .latest-lead-card{grid-template-columns:1fr;min-height:0}.latest-lead-media{min-height:270px}.latest-lead-copy{padding:24px}.latest-lead-copy h3{font-size:27px}
  .latest-compact-list{grid-template-columns:1fr}.latest-compact-card{grid-template-columns:118px 1fr;grid-template-rows:auto;min-height:120px}.latest-compact-image{min-height:120px}
  .category-v3-grid{grid-template-columns:1fr 1fr}.category-v3-card{min-height:135px;padding:18px}.category-v3-card strong{font-size:16px}
  .popular-v3-panel,.write-story-v3-panel{padding:22px;border-radius:20px}.write-story-v3-panel{min-height:330px}
  .random-story-card{left:10px!important;right:10px!important;inset-inline:auto;width:auto}
}
@media(max-width:450px){.category-v3-grid{grid-template-columns:1fr}.v3-section-head{align-items:flex-start}.v3-section-head h2{font-size:28px}}


/* ============================================================
   Section 3 v3.1 — category sidebar + two feature cards
   Matches the requested reference layout
   ============================================================ */
.category-showcase-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,2.35fr);gap:30px;align-items:stretch}
.category-showcase-sidebar{background:color-mix(in srgb,var(--accent) 5%,#fff);border:1px solid color-mix(in srgb,var(--accent) 22%,#dfe8e7);border-radius:22px;padding:28px;box-shadow:0 14px 42px rgba(9,73,77,.06)}
.category-showcase-title{display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#111a1d}
.category-showcase-title h2{font-size:30px;line-height:1.2;margin:0;font-weight:900}
.category-showcase-star{color:var(--accent);font-size:24px}
.category-showcase-line{height:2px;background:linear-gradient(90deg,var(--accent2),var(--accent));margin:22px 0 24px;border-radius:999px}
.category-showcase-list{display:grid;gap:14px}
.category-showcase-item{position:relative;display:grid;grid-template-columns:44px 1fr 5px;align-items:center;gap:14px;min-height:78px;padding:14px 16px;border:1px solid #d9e6e5;background:#fff;border-radius:16px;color:#111a1d;transition:.2s ease}
.category-showcase-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 58%,#d9e6e5);box-shadow:0 10px 28px rgba(21,113,118,.10)}
.category-showcase-count{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f5f4;color:var(--accent);font-size:13px;font-weight:900}
.category-showcase-item strong{font-size:18px;line-height:1.4;font-weight:850;text-align:right}
.category-showcase-accent{width:5px;height:30px;border-radius:99px;background:linear-gradient(180deg,var(--accent2),var(--accent))}
.category-showcase-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.category-feature-card{background:#fff;border:1px solid #dbe6e5;border-radius:22px;overflow:hidden;min-height:520px;box-shadow:0 16px 50px rgba(8,63,67,.08);display:grid;grid-template-rows:355px 1fr}
.category-feature-media{position:relative;background:#0c1516 center/cover no-repeat;display:block}
.category-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,14,.02),rgba(4,12,14,.12))}
.category-feature-chip{position:absolute;top:18px;inset-inline-start:18px;z-index:2;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:850;box-shadow:0 8px 24px rgba(21,113,118,.22)}
.category-feature-copy{padding:28px 32px 32px;display:flex;flex-direction:column;justify-content:flex-start;background:#fff;color:#111a1d}
.category-feature-copy h3{font-size:28px;line-height:1.45;margin:0 0 18px;font-weight:900;color:#111a1d}
.category-feature-copy h3 a{color:inherit}
.category-feature-meta{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#557073;font-size:12px}
body:not(.light) .category-showcase-sidebar{background:#101719;border-color:#243436;box-shadow:none}
body:not(.light) .category-showcase-title{color:#f4f8f8}
body:not(.light) .category-showcase-item{background:#151f21;border-color:#29383a;color:#f3f7f7}
body:not(.light) .category-showcase-count{background:#173336;color:#77d2d1}
body:not(.light) .category-feature-card{background:#11191b;border-color:#263436}
body:not(.light) .category-feature-copy{background:#11191b;color:#f4f8f8}
body:not(.light) .category-feature-copy h3{color:#f4f8f8}
body:not(.light) .category-feature-meta{color:#9db0b1}
@media(max-width:1100px){.category-showcase-grid{grid-template-columns:1fr}.category-showcase-sidebar{order:2}.category-showcase-featured{order:1}.category-feature-card{min-height:460px;grid-template-rows:300px 1fr}}
@media(max-width:720px){.category-showcase-featured{grid-template-columns:1fr;gap:18px}.category-feature-card{min-height:0;grid-template-rows:230px auto}.category-feature-copy{padding:22px}.category-feature-copy h3{font-size:22px}.category-showcase-sidebar{padding:20px}.category-showcase-title h2{font-size:25px}.category-showcase-item{min-height:68px;padding:11px 13px}.category-showcase-item strong{font-size:16px}}

/* =========================================================
   Home v3.2 — Exact "أهم المقالات" reference section
   3 columns × 4 rows, numbered 1–12
   ========================================================= */
.important-articles-exact{padding:62px 0 76px;background:color-mix(in srgb,var(--accent) 3%,#f7fbfb)}
.important-exact-shell{background:#fff;border:1px solid #d8e7e6;border-radius:24px;padding:32px;box-shadow:0 18px 54px rgba(14,73,77,.08)}
.important-exact-heading{display:flex;align-items:center;gap:22px;margin-bottom:32px;direction:rtl}
.important-exact-heading h2{flex:0 0 auto;margin:0;background:#0f1922;color:#fff;border-radius:10px;padding:14px 22px;font-size:25px;line-height:1.2;font-weight:900;letter-spacing:-.35px}
.important-exact-rule{height:2px;flex:1;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 26%,transparent),var(--accent2));border-radius:999px}
.important-exact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 18px}
.important-exact-card{min-height:132px;display:grid;grid-template-columns:42px minmax(0,1fr) 155px;grid-template-areas:"rank copy media";align-items:stretch;border:1px solid #d5e5e4;border-radius:16px;overflow:hidden;background:#fff;color:#101719;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.important-exact-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,#d5e5e4);box-shadow:0 10px 28px rgba(21,113,118,.09)}
.important-exact-rank{grid-area:rank;display:grid;place-items:center;background:#e5f7f7;border-inline-end:1px solid #cae6e5;color:#086f73;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.important-exact-copy{grid-area:copy;min-width:0;padding:19px 16px 16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;direction:rtl;text-align:right}
.important-exact-copy h3{margin:0;font-size:18px;line-height:1.55;font-weight:850;color:#101719;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.important-exact-meta{margin-top:8px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#087378;background:#e9f8f8;border-radius:999px;padding:4px 9px;line-height:1.25;max-width:max-content}
.important-exact-dot{opacity:.55}
.important-exact-media{grid-area:media;margin:14px 14px 14px 0;border-radius:12px;background:#122023 center/cover no-repeat;min-height:100px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}

/* Dark mode with WCAG-oriented contrast */
body:not(.light) .important-articles-exact{background:#0d1416}
body:not(.light) .important-exact-shell{background:#111a1c;border-color:#2b3d3f;box-shadow:none}
body:not(.light) .important-exact-heading h2{background:#e9f7f7;color:#0e1719}
body:not(.light) .important-exact-card{background:#151f21;border-color:#2a3c3e;color:#f5f8f8}
body:not(.light) .important-exact-copy h3{color:#f5f8f8}
body:not(.light) .important-exact-rank{background:#153437;border-inline-end-color:#275053;color:#8ce0df}
body:not(.light) .important-exact-meta{background:#17383a;color:#9ee7e5}

@media(max-width:1180px){
  .important-exact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .important-articles-exact{padding:42px 0 54px}
  .important-exact-shell{padding:18px;border-radius:18px}
  .important-exact-heading{gap:12px;margin-bottom:20px}
  .important-exact-heading h2{font-size:20px;padding:11px 16px}
  .important-exact-grid{grid-template-columns:1fr;gap:12px}
  .important-exact-card{grid-template-columns:36px minmax(0,1fr) 112px;min-height:106px}
  .important-exact-rank{font-size:17px}
  .important-exact-copy{padding:13px 12px}
  .important-exact-copy h3{font-size:15px;line-height:1.5}
  .important-exact-meta{font-size:9px;margin-top:5px}
  .important-exact-media{margin:10px 10px 10px 0;min-height:84px}
}

/* ===== Saradeeeb v4 — academic contrast, white public canvas, teal identity ===== */
:root{
  --bg:#ffffff;--bg2:#f5f8f8;--panel:#ffffff;--panel2:#eef4f4;
  --text:#17282c;--muted:#5b6d72;--line:#d8e4e5;
  --accent:#157176;--accent2:#0f6267;--soft:#f5f8f8;
  --shadow:0 18px 55px rgba(13,50,54,.09);color-scheme:light;
}
html,body{background:#fff;color:var(--text)}
body{background:#fff;background-image:none}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid #dce7e8;box-shadow:0 4px 20px rgba(15,61,65,.04)}
.main-nav{color:#25393d}.main-nav a,.nav-mega-trigger{font-weight:700}.main-nav a:hover{color:#0e5f64}
.mini-search{background:#f8fbfb;border-color:#cfdddd}.mini-search input{color:#17282c}.icon-btn,.menu-btn{color:#173236;border-color:#cfdcdd;background:#fff}
.brand strong{color:#17282c}.brand small{color:#607176}.brand-mark{box-shadow:0 8px 24px rgba(21,113,118,.18)}
.mobile-menu{background:#fff;color:#17282c;border-color:#d8e4e5}
.section,.home-feature-section,.section-v3{background:#fff}.section-v3-soft,.section-muted{background:#f5f8f8}
.home-feature-head h1,.v3-section-head h2,.category-showcase-title h2,.important-exact-heading h2{color:#17282c}
.v3-section-head>a,.home-feature-more,.eyebrow,.feature-category{color:#0e666b}
.latest-lead-card,.latest-compact-card,.category-showcase-sidebar,.category-feature-card,.important-exact-card{background:#f7fafa;border-color:#d6e3e4;color:#17282c;box-shadow:0 8px 28px rgba(16,63,67,.055)}
.latest-lead-copy h3,.latest-compact-card h3,.category-feature-copy h3,.important-exact-copy h3{color:#17282c}
.latest-lead-copy p,.v3-meta,.category-feature-meta,.important-exact-meta{color:#5c6d71}
.category-showcase-item{background:#fff;border-color:#d8e4e5;color:#1c3135}.category-showcase-item:hover{background:#eef7f7;border-color:#9bc7c9}
.important-exact-rank{background:#e7f2f2;color:#0d6469;border-color:#c5dcdd}.important-exact-rule{background:#157176}
.important-exact-heading h2{background:#12383c;color:#fff}
.site-footer{background:#0c272a;color:#eaf5f5}.site-footer .brand strong,.site-footer h3{color:#fff}.site-footer p,.site-footer a,.copyright{color:#b9cecf}.copyright{border-color:#27484b}

/* Random story sits on the opposite side from the language selector */
.random-story-card{left:auto!important;right:18px!important;inset-inline:auto!important;background:#103034;border-color:#2e787c;color:#fff}.random-story-copy small{color:#c3d7d8}.random-story-kicker,.random-story-copy em{color:#8ed0d3}.random-story-close{background:#0b2427;border-color:#3c696c}

/* Floating language button — bottom left, name + flag only */
.floating-language{position:fixed;left:18px;bottom:18px;z-index:95;font-size:13px}
.floating-language-current{display:flex;align-items:center;gap:8px;min-height:43px;padding:8px 13px;border-radius:14px;border:1px solid #c9d9da;background:#fff;color:#173236;box-shadow:0 14px 40px rgba(12,55,59,.14);cursor:pointer}
.floating-language-current span,.floating-language-menu span{font-size:18px}.floating-language-current strong,.floating-language-menu strong{font-weight:750}
.floating-language-menu{position:absolute;left:0;bottom:calc(100% + 8px);min-width:170px;padding:7px;border:1px solid #d5e1e2;border-radius:14px;background:#fff;box-shadow:0 18px 55px rgba(12,55,59,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.floating-language.open .floating-language-menu{opacity:1;visibility:visible;transform:none}.floating-language-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;color:#173236}.floating-language-menu a:hover{background:#eef7f7}

/* News ticker above header */
.news-ticker{background:#12383c;color:#fff;height:38px;overflow:hidden}.news-ticker-inner{display:flex;align-items:center;height:38px;gap:16px}.news-ticker-label{align-self:stretch;display:flex;align-items:center;padding-inline:15px;background:#157176;white-space:nowrap;font-size:12px}.news-ticker-window{overflow:hidden;flex:1}.news-ticker-track{display:flex;width:max-content;gap:34px;animation:sarTicker var(--ticker-duration,32s) linear infinite}.news-ticker:hover .news-ticker-track{animation-play-state:paused}.news-ticker-track a{display:flex;align-items:center;gap:8px;color:#f4fbfb;white-space:nowrap;font-size:12px}.news-ticker-track a span{color:#5cc0c4;font-size:7px}@keyframes sarTicker{to{transform:translateX(-50%)}}
[dir=rtl] .news-ticker-track{animation-name:sarTickerRtl}@keyframes sarTickerRtl{to{transform:translateX(50%)}}

/* Forms and text contrast */
input,textarea,select{background:#fff;color:#17282c;border-color:#cbdadb}label{color:#263b40}small,.settings-help{color:#62767a}.panel{background:#fff;border-color:#d7e3e4;color:#17282c;box-shadow:0 10px 35px rgba(15,61,65,.055)}
.btn-primary{background:#157176;color:#fff;box-shadow:0 9px 24px rgba(21,113,118,.19)}.btn-primary:hover{background:#0f6267;box-shadow:0 12px 30px rgba(21,113,118,.24)}.btn-ghost{background:#fff;border-color:#cbdadb;color:#254247}.btn-danger{background:#fff2f2;color:#a93e3e;border:1px solid #efcaca}
.notice.success{background:#ecf8f4;color:#1a6a4f;border-color:#bfe5d8}.notice.error{background:#fff0f0;color:#9e3333;border-color:#efcaca}

/* Writer application */
.writer-application-page{background:#f4f8f8}.writer-application-card{background:#fff;border-color:#d5e2e3;box-shadow:0 28px 80px rgba(14,63,67,.1)}.writer-application-card>p{color:#5d7075}.writer-application-form textarea{min-height:110px}

/* Page custom-code editor */
.code-mode-switch{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:14px 16px;margin:14px 0;border:1px solid #d6e3e4;border-radius:14px;background:#f6fafa}.code-mode-switch>span{font-weight:850;margin-inline-end:auto}.code-mode-switch label{display:flex;align-items:center;gap:6px;margin:0}.code-editor-block[hidden],.visual-editor-block[hidden]{display:none!important}.code-security-note{display:flex;flex-direction:column;gap:3px;margin:12px 0;padding:12px 14px;border-radius:12px;background:#eaf5f5;color:#21474a;border:1px solid #cce2e3}.code-security-note span{font-size:12px}.code-textarea{font-family:Consolas,"Courier New",monospace;direction:ltr;text-align:left;background:#102326;color:#dff4f4;border-color:#2c565a;line-height:1.6;tab-size:2}.container-fluid-page{width:min(1600px,calc(100% - 36px));margin-inline:auto}.page-template-landing{padding-top:0}

/* Settings control center */
.settings-v4{display:grid;gap:18px}.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(120deg,#0f555a,#157176);color:#fff;border:0}.settings-hero h2{font-size:28px;margin:3px 0}.settings-hero p{margin:0;color:#d9eeee}.settings-hero .panel-kicker{color:#aee1e3}.settings-hero .btn-primary{background:#fff;color:#0f5f64}.settings-grid-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{padding:22px}.settings-card label{display:grid;gap:7px;margin-bottom:14px}.sub-settings-box{padding:14px;border:1px solid #d8e4e5;border-radius:14px;background:#f7fafa}.settings-logo-preview{display:flex;align-items:center;gap:18px;padding:12px;border:1px solid #d8e4e5;border-radius:14px;margin-bottom:14px}.settings-logo-preview img{max-width:180px;max-height:70px}.language-setting-row{display:grid;grid-template-columns:110px 1fr 90px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #e1e9ea}.language-setting-row .check{margin:0}.flag-input{text-align:center;font-size:20px}.settings-save-bar{position:sticky;bottom:12px;display:flex;justify-content:flex-end;padding:10px;background:rgba(245,248,248,.88);backdrop-filter:blur(12px);border:1px solid #d8e4e5;border-radius:15px;z-index:20}

/* Applications and users */
.application-list,.user-admin-grid{display:grid;gap:13px}.application-card,.user-admin-card{border:1px solid #d8e4e5;border-radius:17px;background:#fff;padding:18px}.application-head,.application-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.application-head>div{display:grid}.application-head span,.application-meta{color:#617378;font-size:12px}.application-meta{justify-content:flex-start;margin:12px 0}.application-copy{padding:11px 13px;background:#f6f9f9;border-radius:11px;margin-top:9px}.application-copy p{margin:5px 0 0;color:#42595e}.application-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.application-action-box{padding:14px;border:1px solid #d8e4e5;border-radius:13px;background:#f9fbfb;display:grid;gap:10px}.application-create-user{background:#edf7f7}.text-link{color:#0e666b;font-weight:750}.user-admin-card{padding:0;overflow:hidden}.user-admin-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.user-admin-card summary::-webkit-details-marker{display:none}.user-admin-card summary>div:first-child{display:grid}.user-admin-card summary span{color:#65777b;font-size:12px}.user-role-badges{display:flex;gap:7px}.user-edit-form{padding:18px;border-top:1px solid #e0e9ea;background:#f7fafa}

/* Ads */
.ads-admin-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px}.ad-slot-map{display:grid;gap:8px}.ad-slot-map>div{display:grid;grid-template-columns:1fr;gap:2px;padding:10px 12px;border-radius:11px;background:#f6f9f9;border:1px solid #dbe6e7}.ad-slot-map span{font:10px Consolas;color:#0e666b}.ad-slot-map small{color:#65777b}.ad-list-v4{display:grid;gap:9px}.ad-admin-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid #d9e5e6;border-radius:13px;background:#fbfdfd}.ad-admin-card>div:first-child{display:grid;gap:3px}.ad-admin-card small{color:#65777b}.ad-admin-actions{display:flex;gap:7px}.ad-admin-actions form{margin:0}

/* ===== Premium dashboard v4: dark teal navigation + light content ===== */
.dashboard-v4{background:#f2f6f6;color:#182c30;--text:#182c30;--muted:#607176;--line:#d9e4e5;--panel:#fff;--accent:#157176;--accent2:#0f6267;color-scheme:light}
.dashboard-v4 .dashboard-shell{background:#f2f6f6}.dashboard-v4 .sidebar{background:linear-gradient(180deg,#0b2d30 0%,#071f22 100%);border-color:#214649;color:#dbecec;box-shadow:18px 0 55px rgba(8,39,42,.08)}
.dashboard-v4 .dashboard-brand-copy strong{color:#fff}.dashboard-v4 .dashboard-brand-copy small,.dashboard-v4 .sidebar-version,.dashboard-v4 .dashboard-nav-label{color:#7fa5a8}.dashboard-v4 .dashboard-brand-mark{background:#157176;color:#fff;border-color:#2b8387;box-shadow:0 10px 30px rgba(21,113,118,.3)}
.dashboard-v4 .dashboard-nav-link{color:#a9c4c6}.dashboard-v4 .dashboard-nav-link:hover{background:rgba(255,255,255,.06);color:#fff}.dashboard-v4 .dashboard-nav-link.active{background:linear-gradient(90deg,rgba(40,151,156,.22),rgba(255,255,255,.035));color:#fff;border-color:rgba(80,182,186,.18)}.dashboard-v4 .dashboard-nav-icon{color:#75c2c5}.dashboard-v4 .nav-active-dot{background:#6dd0d4;box-shadow:0 0 14px #6dd0d4}
.dashboard-v4 .sidebar-account{border-color:#214649;background:rgba(255,255,255,.035)}.dashboard-v4 .sidebar-account-copy strong{color:#fff}.dashboard-v4 .sidebar-account-copy span{color:#86aaad}.dashboard-v4 .sidebar-logout{color:#9bbabc;border-color:#214649}.dashboard-v4 .sidebar-logout:hover{color:#fff;background:rgba(255,255,255,.05)}
.dashboard-v4 .dashboard-main{background:#f2f6f6}.dashboard-v4 .dash-top{background:rgba(242,246,246,.9);border-color:#d7e3e4}.dashboard-v4 .dash-top h1{color:#172b2f}.dashboard-v4 .dash-eyebrow{color:#5e777b}.dashboard-v4 .dash-icon-link{background:#fff;color:#21464a;border-color:#cfdddd}
.dashboard-v4 .dashboard-hero-panel{background:linear-gradient(125deg,#0e4d52,#157176);border:0;color:#fff;box-shadow:0 22px 55px rgba(15,85,90,.18)}.dashboard-v4 .dashboard-hero-panel h2{color:#fff}.dashboard-v4 .dashboard-hero-panel p{color:#d6ebec}.dashboard-v4 .dashboard-kicker{color:#a6dadd}.dashboard-v4 .dashboard-hero-panel .btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.dashboard-v4 .orbit-core{background:#fff;color:#12656a;box-shadow:0 16px 40px rgba(0,0,0,.15)}.dashboard-v4 .orbit-ring{border-color:rgba(255,255,255,.22)}
.dashboard-v4 .professional-stats .stat-card,.dashboard-v4 .dashboard-body .panel,.dashboard-v4 .panel{background:#fff;border-color:#d7e3e4;color:#182c30;box-shadow:0 10px 36px rgba(14,59,63,.055)}.dashboard-v4 .professional-stats .stat-card strong,.dashboard-v4 .dashboard-panel-head h2,.dashboard-v4 .quick-action-list strong{color:#182c30}.dashboard-v4 .stat-card-head>span:first-child,.dashboard-v4 .stat-meta,.dashboard-v4 .table-muted,.dashboard-v4 .quick-action-list small{color:#66797d}.dashboard-v4 .stat-icon,.dashboard-v4 .quick-action-icon{background:#eaf5f5;color:#0f666b;border-color:#cde2e3}.dashboard-v4 .stat-progress,.dashboard-v4 .translation-meter{background:#e8efef}.dashboard-v4 .stat-progress i,.dashboard-v4 .translation-meter i{background:#157176}.dashboard-v4 table th{color:#5e7377;border-color:#dce6e7}.dashboard-v4 table td{color:#253a3f;border-color:#e4ebec}.dashboard-v4 .article-row-dot{background:#157176;box-shadow:0 0 10px rgba(21,113,118,.35)}

@media(max-width:900px){.settings-grid-v4,.application-actions-grid,.ads-admin-grid{grid-template-columns:1fr}.language-setting-row{grid-template-columns:90px 1fr 74px}}
@media(max-width:650px){.floating-language{left:10px;bottom:10px}.random-story-card{right:10px!important;left:10px!important;width:auto!important;bottom:64px!important}.settings-hero{align-items:flex-start;flex-direction:column}.settings-grid-v4{grid-template-columns:1fr}.language-setting-row{grid-template-columns:1fr}.application-head,.ad-admin-card{align-items:flex-start;flex-direction:column}.ad-admin-actions{width:100%}.news-ticker-label{padding-inline:10px}.news-ticker{height:36px}.news-ticker-inner{height:36px}}
@media(prefers-reduced-motion:reduce){.news-ticker-track{animation:none}.floating-language-menu{transition:none}}

/* ============================================================
   Saradeeeb v4.2 — Article Studio + professional article page
   ============================================================ */
.article-studio-form{--studio-bg:#f4f8f8;--studio-card:#fff;--studio-line:#d7e4e5;--studio-text:#172c30;--studio-muted:#62777b;color:var(--studio-text)}
.article-studio-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:18px 20px;border:1px solid var(--studio-line);border-radius:18px;background:linear-gradient(135deg,#fff,#f7fbfb);box-shadow:0 12px 36px rgba(13,64,68,.06)}
.article-studio-title{display:flex;align-items:center;gap:16px}.studio-back{display:grid;place-items:center;min-width:54px;height:42px;border:1px solid var(--studio-line);border-radius:12px;background:#fff;color:#285157;font-size:12px}.studio-kicker,.studio-card-kicker{display:block;color:#157176;font-size:10px;font-weight:900;letter-spacing:.08em}.article-studio-title h2{margin:2px 0 0;font-size:25px;color:#142b30}.studio-actions{display:flex;gap:8px}
.article-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.article-studio-main,.article-studio-side{min-width:0}.studio-card{background:var(--studio-card)!important;border:1px solid var(--studio-line)!important;border-radius:18px!important;box-shadow:0 12px 38px rgba(13,64,68,.055)!important;color:var(--studio-text)!important;overflow:hidden}.studio-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid #e4ecec}.studio-card-head.compact{padding:0 0 14px;margin-bottom:14px}.studio-card-head h3{margin:2px 0 0;font-size:18px;color:#162f34}.studio-help{font-size:11px;color:var(--studio-muted);max-width:390px;line-height:1.7}
.studio-lang-tabs{background:#f8fbfb;border-bottom:1px solid #dfe9ea}.studio-lang-tabs .lang-tab{color:#5c7075;border-bottom-width:3px;display:flex;align-items:center;gap:7px}.studio-lang-tabs .lang-tab.active{color:#123c41;background:#fff;border-bottom-color:#157176}.lang-flag{font-size:18px}.translation-state.has-translation{color:#1f9b72}
.studio-lang-panel{background:#fff!important;padding:24px!important;gap:18px!important}.studio-field{color:#29454a!important;font-size:12px;font-weight:800}.studio-field input,.studio-field textarea,.studio-field select,.article-studio-form input,.article-studio-form textarea,.article-studio-form select{background:#fff!important;color:#162d32!important;border:1px solid #cbdadb!important}.studio-field input:focus,.studio-field textarea:focus,.studio-field select:focus{border-color:#157176!important;box-shadow:0 0 0 3px rgba(21,113,118,.09)!important}.studio-field-title input{font-size:21px;font-weight:800;padding:14px 15px}.translation-context-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:14px 16px;border:1px solid #cfe1e2;background:#f0f8f8;border-radius:14px}.translation-context-bar>div{display:grid}.translation-context-bar span{font-size:10px;color:#61777b}.translation-context-bar strong{color:#125f64;font-size:14px}.translation-context-bar small{grid-column:1/-1;color:#667b7f}.translation-context-bar a{grid-column:2;grid-row:1;color:#0f666b;font-size:11px;font-weight:800}
.studio-rich-toolbar{background:#f3f8f8!important;border:1px solid #ccdfe0!important;border-bottom:0!important}.studio-rich-toolbar button{background:#fff!important;color:#25454a!important;border:1px solid #d2e1e2!important}.studio-rich-toolbar button:hover{border-color:#157176!important;color:#0f666b!important}.studio-rich-editor{min-height:520px;background:#fff!important;color:#1c3034!important;border:1px solid #ccdfe0!important;font-size:17px;line-height:2.05;box-shadow:inset 0 1px 3px rgba(15,67,71,.03)}.studio-rich-editor:focus{border-color:#157176!important;box-shadow:0 0 0 3px rgba(21,113,118,.08)!important}.studio-rich-editor h2,.studio-rich-editor h3{color:#142d31}.studio-rich-editor blockquote{border-inline-start:3px solid #157176;background:#f2f8f8;padding:14px 18px;border-radius:10px}
.hashtag-assistant{border:1px solid #d5e5e6;border-radius:15px;padding:16px;background:linear-gradient(135deg,#fbfdfd,#f2f8f8)}.hashtag-assistant-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.hashtag-assistant-head>div{display:grid}.hashtag-assistant-head span{font-size:10px;color:#157176;font-weight:900}.hashtag-assistant-head strong{font-size:14px;color:#1e393e}.hashtag-assistant-head small{font-size:10px;color:#6b7d81}.hashtag-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.assist-chip{border:1px solid #c8dedf;background:#fff;color:#1e5c62;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750;cursor:pointer}.assist-chip:hover{background:#157176;color:#fff;border-color:#157176}.hashtag-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hashtag-preview span,.article-hashtags span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e9f5f5;color:#0f666b;border:1px solid #cbe3e4;font-size:11px;font-weight:750}
.studio-seo-box{background:#fbfdfd!important;border-color:#d7e5e6!important}.studio-seo-box summary{color:#0f666b!important}.article-studio-side{display:grid;gap:16px}.article-studio-side .studio-card{padding:18px;overflow:visible}.article-studio-side .studio-card .studio-card-head{padding:0 0 12px}.studio-thumb{width:100%;max-height:190px;object-fit:cover;border-radius:13px;border:1px solid #d6e3e4}.article-status-box{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:10px 12px;border-radius:11px;background:#f5f9f9;border:1px solid #dce7e8}.article-status-box span{font-size:11px;color:#66797d}.studio-translation-guide>div{border-color:#e4ecec!important;color:#314d52!important}.studio-note{font-size:11px;color:#6a7f83;line-height:1.7;margin:12px 0 0}.editorial-review-card{border-color:#c7dfe0!important;background:linear-gradient(160deg,#fff,#f4f9f9)!important}.review-actions{display:grid;gap:8px;margin-top:12px}.review-actions .btn{width:100%}
.writer-notifications .notification-list{display:grid;gap:9px}.notification-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;border:1px solid #dbe6e7;border-radius:13px;background:#fff}.notification-item.is-unread{border-color:#a9d0d2;background:#f0f8f8}.notification-item strong{color:#19373c}.notification-item p{margin:5px 0;color:#50686d}.notification-item small{color:#7a8b8e}.notification-actions{display:flex;align-items:center;gap:8px}.account-security-panel{max-width:780px}.account-summary{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:14px;border-radius:14px;background:#f3f8f8}.account-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#157176;color:#fff;font-weight:900}.account-summary>div:last-child{display:grid}.account-summary span{color:#63787c;font-size:12px}
.reader-heat{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;border:1px solid transparent}.reader-heat.cold{background:#eef6ff;color:#356e9c;border-color:#d7e9fb}.reader-heat.warm{background:#fff8e7;color:#8a661c;border-color:#f0dfaa}.reader-heat.hot{background:#fff0e8;color:#a94c1f;border-color:#f1c8b3}.reader-heat.blazing{background:#ffe9e9;color:#ae2b2b;border-color:#efb9b9}.reader-heat.mini{padding:3px 7px}.reader-heat.big{margin-top:10px;justify-content:center;width:100%;font-size:13px}.table-action{padding:7px 10px;font-size:11px}

/* Professional public article */
.article-page-v42{background:#fff;color:#172c30}.article-hero-v42{padding:62px 0 28px;background:linear-gradient(180deg,#f8fbfb,#fff);border-bottom:1px solid #e1e9ea}.article-hero-v42 .article-head-inner{max-width:980px}.article-hero-v42 .breadcrumbs{color:#6c7e82}.article-hero-v42 h1{color:#102a2f;font-size:clamp(38px,5.3vw,68px);letter-spacing:-1.6px;margin:18px 0 14px;line-height:1.15}.article-hero-v42 .lead{color:#50686e;font-size:19px;line-height:1.85}.article-author-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:15px 0;border-top:1px solid #e3eaeb;border-bottom:1px solid #e3eaeb}.article-author-identity{display:flex;align-items:center;gap:10px}.article-author-identity img,.author-avatar-fallback{width:44px;height:44px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#157176;color:#fff;font-weight:900}.article-author-identity>span:last-child{display:grid}.article-author-identity small{color:#76878a;font-size:10px}.article-author-identity strong{color:#1b3a3f}.article-meta-v42{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#65787c;font-size:12px}.article-language-pills a{background:#fff;color:#315157;border-color:#d6e3e4}.article-language-pills a.active{background:#157176;color:#fff;border-color:#157176}.article-cover-v42{border-radius:24px;border-color:#e0e8e9;box-shadow:0 20px 60px rgba(18,61,65,.08)}.article-layout-v42{grid-template-columns:180px minmax(0,760px) 210px;gap:34px}.article-content-v42{color:#283d42!important;font-size:18px;line-height:2.1}.article-content-v42 h2,.article-content-v42 h3{color:#102d31!important}.article-content-v42 h2{border-bottom:1px solid #e2eaea;padding-bottom:10px}.article-content-v42 p{margin:0 0 1.5em}.article-content-v42 blockquote{background:#f0f7f7!important;border-inline-start-color:#157176!important;color:#294a4f}.article-hashtags{display:flex;flex-wrap:wrap;gap:7px;margin:34px 0 18px;padding-top:20px;border-top:1px solid #e2eaeb}.article-author-card-v42{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:36px;padding:22px;border:1px solid #d6e4e5;border-radius:18px;background:linear-gradient(135deg,#f7fbfb,#eef6f6)}.article-author-card-main{display:flex;align-items:center;gap:14px}.article-author-card-main img,.author-avatar-fallback.large{width:64px;height:64px;border-radius:50%;object-fit:cover}.article-author-card-main>div{display:grid}.article-author-card-main span{font-size:10px;color:#61777b}.article-author-card-main h3{margin:2px 0 4px!important;font-size:18px!important;color:#17363b!important}.article-author-card-main p{margin:0;color:#587075;font-size:13px}.article-side-card{position:sticky;top:105px;padding:18px;border:1px solid #dce6e7;border-radius:16px;background:#f8fbfb;text-align:center}.article-side-card>span{font-size:10px;color:#6d7f83}.article-side-card>strong{display:block;font-size:31px;color:#123b40}.story-author-line{display:block;color:#6b7e82;margin-top:10px;font-size:10px}.related-v42{background:#f6f9f9;border-top:1px solid #e1eaea}
.auth-forgot{text-align:end;margin-top:8px}.auth-forgot a{font-size:12px;color:#157176;font-weight:750}.activation-info{display:grid;gap:4px;padding:12px;border:1px solid #cfe1e2;background:#f1f8f8;border-radius:11px}.activation-info small{color:#60767a}

@media(max-width:1050px){.article-studio-grid{grid-template-columns:1fr}.article-studio-side{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-review-card{grid-column:1/-1}.article-layout-v42{grid-template-columns:minmax(0,760px)}.article-page-v42 .article-aside,.article-page-v42 .article-side{display:none}}
@media(max-width:700px){.article-studio-head{align-items:flex-start;flex-direction:column}.studio-actions{width:100%}.studio-actions .btn{flex:1}.article-studio-side{grid-template-columns:1fr}.studio-lang-panel{padding:15px!important}.translation-context-bar{grid-template-columns:1fr}.translation-context-bar a{grid-column:1;grid-row:auto}.hashtag-assistant-head{flex-direction:column}.article-author-strip{align-items:flex-start;flex-direction:column}.article-meta-v42{gap:7px}.article-author-card-v42{align-items:flex-start;flex-direction:column}.article-author-card-v42 .btn{width:100%}.article-hero-v42 h1{font-size:38px}.article-content-v42{font-size:17px}}

/* ===== Saradeeeb v4.3 operations / editorial additions ===== */
.note-create-card,.thank-form,.popup-form,.backup-card{background:#fff;border:1px solid #d7e5e6;border-radius:18px;padding:20px;margin-bottom:22px}
.notes-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.note-card{background:#fff;border:1px solid #d9e7e8;border-radius:16px;padding:18px;border-inline-start:4px solid #9fbfc1}.note-card.p-important{border-inline-start-color:#d7a733}.note-card.p-urgent{border-inline-start-color:#c84c4c}.note-card.s-done{opacity:.68}.note-card-head{display:flex;justify-content:space-between;gap:12px}.note-card-head small{display:block;margin-top:5px;color:#698084}.note-card p{color:#344d51;line-height:1.8}.note-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:14px}.note-actions form{display:flex;gap:8px;align-items:center}
.thanks-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.thank-item{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;border:1px solid #d8e6e7;border-radius:16px;padding:18px}.writer-thank-card{margin-top:28px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#f1fbfb,#fff);border:1px solid #bfe0e1;box-shadow:0 16px 40px rgba(21,113,118,.08)}.writer-thank-kicker{color:#157176;font-weight:800}.writer-thank-card h3{margin:.4rem 0;font-size:1.45rem}.writer-thank-card p{margin:0;color:#3c5559;line-height:1.9}
.popup-admin-list{display:grid;gap:12px}.popup-admin-item{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid #d8e6e7;border-radius:16px;padding:18px}.popup-admin-item p{margin:.4rem 0;color:#455f63}.popup-admin-item small{color:#789093}.site-popup{position:fixed;inset:0;background:rgba(4,20,22,.55);display:grid;place-items:center;z-index:99990;padding:18px}.site-popup-card{width:min(560px,100%);background:#fff;color:#142b2f;border-radius:24px;padding:32px;position:relative;box-shadow:0 28px 90px rgba(0,0,0,.28);border:1px solid #d3e5e6}.site-popup-close{position:absolute;inset-inline-end:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #d7e6e7;background:#fff;cursor:pointer}.site-popup-kicker{color:#157176;font-weight:800}.site-popup-card h2{font-size:clamp(1.6rem,4vw,2.2rem);margin:.7rem 0}.site-popup-card p{line-height:1.9;color:#405b60}.adblock-note{position:fixed;left:20px;bottom:20px;z-index:99980;max-width:380px;background:#0d2428;color:#fff;border:1px solid #2b7175;border-radius:16px;padding:16px 18px;box-shadow:0 18px 48px rgba(0,0,0,.25)}.adblock-note strong,.adblock-note span{display:block}.adblock-note span{font-size:.9rem;color:#d6e9ea;margin:6px 0}.adblock-note button{background:none;border:0;color:#76d6da;cursor:pointer;padding:0}.autosave-restore-bar{display:flex;align-items:center;gap:10px;background:#ecf8f8;border:1px solid #b9dcde;border-radius:14px;padding:12px 14px;margin-bottom:14px;color:#183b3f}.autosave-restore-bar button{border:1px solid #b3d6d8;background:#fff;color:#155f64;border-radius:9px;padding:7px 12px;cursor:pointer}.backup-card{max-width:760px}.backup-card .notice{margin-top:18px}.admin-table code{font-size:.82rem;color:#0f666b;background:#eef8f8;padding:4px 7px;border-radius:6px}
@media(max-width:980px){.notes-board{grid-template-columns:1fr 1fr}.thanks-list{grid-template-columns:1fr}}@media(max-width:680px){.notes-board{grid-template-columns:1fr}.thank-item{grid-template-columns:1fr}.popup-admin-item{align-items:flex-start;flex-direction:column}}

/* =========================================================
   Saradeeeb v4.4 — contrast, admin tools, languages & media
   ========================================================= */
body.site-light-default{background:#fff;color:#172428;color-scheme:light}
body.site-light-default:not(.dark) .site-header{background:rgba(255,255,255,.94);border-bottom-color:#dfe9e9;box-shadow:0 8px 30px rgba(20,55,58,.05)}
body.site-light-default:not(.dark) .main-nav{color:#26383b}
body.site-light-default:not(.dark) .mini-search{background:#fff;border-color:#d8e5e5}
body.site-light-default:not(.dark) .mini-search input,body.site-light-default:not(.dark) .icon-btn,body.site-light-default:not(.dark) .menu-btn{color:#1d3033}
body.site-light-default:not(.dark) .section-muted,body.site-light-default:not(.dark) .section-v3-soft{background:#f5f9f9}
body.site-light-default:not(.dark) .story-card,body.site-light-default:not(.dark) .category-card,body.site-light-default:not(.dark) .latest-lead-card,body.site-light-default:not(.dark) .latest-compact-card,body.site-light-default:not(.dark) .popular-v3-panel{background:#fff;border-color:#d5e4e5;color:#172428}
body.site-light-default:not(.dark) .story-body p,body.site-light-default:not(.dark) .v3-meta,body.site-light-default:not(.dark) .latest-lead-copy p{color:#5d6e71}
body.site-light-default:not(.dark) .article-content-v42{background:#fff!important;color:#27383b!important;border-color:#d7e6e7!important}
body.site-light-default:not(.dark) .article-content-v42 h2,body.site-light-default:not(.dark) .article-content-v42 h3{color:#172428!important}
body.site-light-default:not(.dark) .article-content-v42 p,body.site-light-default:not(.dark) .article-content-v42 li{color:#2d3e41!important}

.article-language-pills a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border-radius:12px;background:#fff;border:1px solid #d6e6e7;color:#234044;font-weight:750;box-shadow:0 7px 20px rgba(20,87,91,.05)}
.article-language-pills a:hover,.article-language-pills a.active{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}

.language-builder{align-items:end}.language-admin-list{display:grid;gap:12px}.language-admin-card{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #d9e7e8;border-radius:16px;background:#fff}.language-inline-form{display:grid;grid-template-columns:90px 1.2fr 90px 90px 90px auto auto auto;gap:9px;align-items:center;flex:1}.language-inline-form input,.language-inline-form select{min-width:0}
.media-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end}.media-search{display:flex;gap:8px}.media-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.media-library-card{border:1px solid #d7e6e7;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(24,74,78,.06)}.media-library-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef4f4}.media-library-copy{padding:14px;display:grid;gap:8px}.media-library-copy>strong{font-size:14px;line-height:1.4}.media-library-copy>small{color:#65777a}.media-library-copy input[readonly]{font-size:11px;background:#f3f7f7}.media-library-copy input.copied{outline:2px solid var(--accent)}.mini-form{gap:7px}
.managed-blocks{padding:24px 0}.managed-blocks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.managed-image-card{background:#fff;border:1px solid #d8e6e7;border-radius:20px;overflow:hidden}.managed-image-card img{width:100%;max-height:360px;object-fit:cover}.managed-image-card strong{display:block;padding:12px 16px;color:#1f373a}
.system-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-check{display:flex;align-items:center;gap:12px;border:1px solid #d7e5e6;background:#fff;border-radius:15px;padding:15px}.system-check>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900}.system-check.ok>span{background:#dff4e8;color:#177444}.system-check.bad>span{background:#fde7e7;color:#b12f2f}.system-check div{display:grid}.system-check small{color:#68797c}
.security-enabled,.recovery-codes{border:1px solid #d5e5e6;border-radius:18px;padding:20px;background:#f8fbfb}.secret-key-box{font-family:ui-monospace,Consolas,monospace;letter-spacing:.12em;padding:18px;border:1px dashed var(--accent);background:#f2f8f8;border-radius:14px;margin:12px 0 18px;direction:ltr;text-align:center}.recovery-codes{margin-top:20px}.recovery-codes>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.recovery-codes code{padding:10px;background:#fff;border:1px solid #d6e5e6;border-radius:10px;text-align:center}
.revision-list{display:grid;gap:14px}.revision-card{display:grid;grid-template-columns:170px 1fr auto;gap:16px;align-items:center;padding:16px;border:1px solid #d7e5e6;border-radius:16px;background:#fff}.revision-meta{display:grid}.revision-meta small{color:#758588}.revision-preview h3{font-size:16px;margin:0 0 5px}.revision-preview p{margin:0;color:#607174;font-size:12px;line-height:1.6}
.ads-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.ads-stats-grid article{background:#fff;border:1px solid #d6e5e6;border-radius:16px;padding:18px;display:grid;gap:4px}.ads-stats-grid span{color:#697a7d;font-size:12px}.ads-stats-grid strong{font-size:28px;color:#14383c}.ad-card-stats{display:flex;gap:10px;margin-top:8px;color:#397378;font-size:11px}
.backup-grid-v44{display:grid;grid-template-columns:1fr 1fr;gap:18px}.danger-soft{border-color:#f0cccc!important;background:#fffafa!important}
.compact-auth{max-width:520px;margin:70px auto;background:#fff!important;color:#173034!important}.compact-auth p{color:#657679!important}

.adblock-note.is-strict{position:fixed!important;inset:0!important;z-index:10000!important;background:rgba(8,15,17,.88)!important;display:grid!important;place-items:center!important;padding:24px!important}.adblock-note.is-strict .adblock-note-inner{width:min(560px,100%);background:#fff;color:#183438;border-radius:22px;padding:28px;border:1px solid #d5e4e5;box-shadow:0 30px 100px rgba(0,0,0,.3);display:grid;gap:10px;text-align:center}.adblock-strict-active{overflow:hidden}

@media(max-width:1100px){.media-library-grid{grid-template-columns:repeat(3,1fr)}.language-inline-form{grid-template-columns:repeat(4,1fr)}.language-admin-card{align-items:stretch;flex-direction:column}}
@media(max-width:760px){.media-library-grid{grid-template-columns:repeat(2,1fr)}.managed-blocks-grid,.system-check-grid,.backup-grid-v44{grid-template-columns:1fr}.ads-stats-grid{grid-template-columns:1fr 1fr}.revision-card{grid-template-columns:1fr}.recovery-codes>div{grid-template-columns:1fr 1fr}.media-toolbar{align-items:stretch;flex-direction:column}.language-inline-form{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.media-library-grid{grid-template-columns:1fr}.ads-stats-grid{grid-template-columns:1fr}.language-inline-form{grid-template-columns:1fr}.floating-language{inset-inline-start:10px!important;bottom:10px!important}}
.revision-card-compare{grid-template-columns:170px 1fr auto}.revision-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.revision-compare-grid>div{padding:13px;border:1px solid #dce8e9;border-radius:13px;background:#f8fbfb}.revision-compare-grid span{font-size:10px;color:#157176;font-weight:900}.revision-compare-grid p{font-size:11px;color:#607174;line-height:1.7}@media(max-width:900px){.revision-card-compare{grid-template-columns:1fr}.revision-compare-grid{grid-template-columns:1fr}}

/* ============================================================
   Saradeeeb v4.4.1 — force random story card to the opposite side
   Desktop/tablet: bottom-right. Mobile: full-width safe inset.
   ============================================================ */
@media (min-width:651px){
  .random-story-card,
  html[dir="rtl"] .random-story-card,
  html[dir="ltr"] .random-story-card{
    left:auto!important;
    right:24px!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    bottom:22px!important;
  }
}
@media (max-width:650px){
  .random-story-card,
  html[dir="rtl"] .random-story-card,
  html[dir="ltr"] .random-story-card{
    left:10px!important;
    right:10px!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:auto!important;
    bottom:64px!important;
  }
}

/* ============================================================
   Saradeeeb v4.4.2 — UI fixes
   - random story on the opposite side (left), above language button
   - reliable dark mode
   - graphical language flags
   ============================================================ */
.language-flag-img{width:24px;height:18px;object-fit:cover;border-radius:3px;display:inline-block;vertical-align:middle;flex:0 0 auto;box-shadow:0 0 0 1px rgba(15,68,72,.12)}
.floating-language-current .language-flag-img,.floating-language-menu .language-flag-img{width:26px;height:19px}
.footer-grid a .language-flag-img{margin-inline-end:6px}
.article-language-pills a .language-flag-img{width:22px;height:16px}
.language-flag-preview{width:44px;height:34px;border:1px solid #d7e5e6;border-radius:9px;background:#f7fbfb;display:grid;place-items:center;flex:0 0 auto}.language-flag-preview .language-flag-img{width:28px;height:20px}

/* The language switcher remains bottom-left. The random card sits on the same side but above it. */
@media (min-width:651px){
  .random-story-card,
  html[dir="rtl"] .random-story-card,
  html[dir="ltr"] .random-story-card{
    left:24px!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    bottom:78px!important;
  }
}
@media (max-width:650px){
  .random-story-card,
  html[dir="rtl"] .random-story-card,
  html[dir="ltr"] .random-story-card{
    left:10px!important;
    right:10px!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:auto!important;
    bottom:68px!important;
  }
}

/* Explicit dark palette. This intentionally overrides the white-default body rule. */
body.site-light-default.dark{
  --bg:#0b0f11;--bg2:#101719;--panel:#142023;--panel2:#19282b;--text:#f4f7f7;--muted:#a6b5b7;--line:#284044;
  background:radial-gradient(circle at 80% -10%,rgba(42,150,155,.13),transparent 30%),var(--bg)!important;
  color:var(--text)!important;color-scheme:dark
}
body.site-light-default.dark .site-header{background:rgba(9,15,17,.94)!important;border-bottom-color:#20363a!important;box-shadow:0 10px 36px rgba(0,0,0,.22)}
body.site-light-default.dark .main-nav,body.site-light-default.dark .nav-mega-trigger{color:#e4eeee!important}
body.site-light-default.dark .mini-search{background:#111b1e!important;border-color:#294246!important}
body.site-light-default.dark .mini-search input,body.site-light-default.dark .icon-btn,body.site-light-default.dark .menu-btn{color:#eef6f6!important}
body.site-light-default.dark .icon-btn,body.site-light-default.dark .menu-btn{background:#111b1e!important;border-color:#294246!important}
body.site-light-default.dark .home-feature-section{background:radial-gradient(circle at 82% 0%,rgba(42,150,155,.10),transparent 32%),#0b0f11!important}
body.site-light-default.dark .section-v3-soft,body.site-light-default.dark .section-muted{background:#101719!important;border-color:#243b3f!important}
body.site-light-default.dark .latest-lead-card,body.site-light-default.dark .latest-compact-card,body.site-light-default.dark .category-v3-card,body.site-light-default.dark .popular-v3-panel,body.site-light-default.dark .story-card,body.site-light-default.dark .category-card{background:#142023!important;border-color:#294246!important;color:#f3f7f7!important}
body.site-light-default.dark .latest-lead-copy p,body.site-light-default.dark .story-body p,body.site-light-default.dark .v3-meta,body.site-light-default.dark .category-v3-card small{color:#a9b8ba!important}
body.site-light-default.dark .floating-language-current,body.site-light-default.dark .floating-language-menu{background:#101a1d!important;color:#edf6f6!important;border-color:#2b474b!important;box-shadow:0 18px 55px rgba(0,0,0,.32)}
body.site-light-default.dark .floating-language-menu a{color:#edf6f6!important}
body.site-light-default.dark .floating-language-menu a:hover{background:#17272a!important}
body.site-light-default.dark .site-footer{background:#070b0c!important}
body.site-light-default.dark .article-page-v42{background:#0b0f11!important;color:#f1f6f6!important}
body.site-light-default.dark .article-hero-v42{background:linear-gradient(180deg,#10191b,#0b0f11)!important;border-bottom-color:#263c40!important}
body.site-light-default.dark .article-hero-v42 h1,body.site-light-default.dark .article-author-identity strong{color:#f5f8f8!important}
body.site-light-default.dark .article-hero-v42 .lead,body.site-light-default.dark .article-meta-v42{color:#aab8ba!important}
body.site-light-default.dark .article-author-strip{border-color:#263d41!important}
body.site-light-default.dark .article-content-v42{background:#101719!important;color:#dfe8e9!important;border-color:#294246!important}
body.site-light-default.dark .article-content-v42 h2,body.site-light-default.dark .article-content-v42 h3{color:#f5f8f8!important}
body.site-light-default.dark .article-content-v42 p,body.site-light-default.dark .article-content-v42 li{color:#dce6e7!important}
body.site-light-default.dark .article-content-v42 blockquote{background:#132326!important;color:#dce8e9!important}
body.site-light-default.dark .article-author-card-v42,body.site-light-default.dark .article-side-card{background:#121e21!important;border-color:#2a4347!important;color:#eef5f5!important}
body.site-light-default.dark .article-author-card-main h3{color:#f2f7f7!important}
body.site-light-default.dark .article-author-card-main p{color:#a7b7b9!important}
body.site-light-default.dark .article-language-pills a{background:#101a1d!important;color:#dfeaea!important;border-color:#2a4549!important}
body.site-light-default.dark .article-language-pills a.active{background:#157176!important;color:#fff!important;border-color:#157176!important}
body.site-light-default.dark .related-v42{background:#0f1618!important;border-color:#23393d!important}
body.site-light-default.dark .random-story-card{background:rgba(11,19,21,.97)!important;border-color:#2d5559!important}
body.site-light-default.dark .random-story-copy strong{color:#f4f8f8!important}
body.site-light-default.dark .random-story-copy small{color:#9fb0b2!important}


/* ============================================================
   Saradeeeb v4.4.4 — final floating UI placement + login contrast
   ============================================================ */
@media (min-width:651px){
  body .random-story-card,
  html[dir="rtl"] body .random-story-card,
  html[dir="ltr"] body .random-story-card{
    position:fixed!important;
    left:24px!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    bottom:92px!important;
    z-index:84!important;
  }
  body .floating-language{
    left:24px!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    bottom:20px!important;
    z-index:90!important;
  }
}
@media (max-width:650px){
  body .random-story-card,
  html[dir="rtl"] body .random-story-card,
  html[dir="ltr"] body .random-story-card{
    left:10px!important;
    right:10px!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    bottom:76px!important;
    width:auto!important;
    z-index:84!important;
  }
}
.auth-shell,.auth-card,.auth-panel{color:#eef6f6}
.auth-shell h1,.auth-shell h2,.auth-card h1,.auth-card h2,.auth-panel h1,.auth-panel h2{color:#f7fbfb!important}
.auth-shell p,.auth-card p,.auth-panel p,.auth-shell label,.auth-card label,.auth-panel label{color:#c4d3d5!important}
.auth-shell a,.auth-card a,.auth-panel a{color:#67c7cb!important}

/* ============================================================
   Saradeeeb v4.4.6 — professional header/footer + readable admin
   ============================================================ */
.site-header-pro{background:var(--site-header-bg)!important;color:var(--site-header-text)!important;border-bottom:1px solid var(--site-header-border)!important;backdrop-filter:saturate(150%) blur(16px);transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease;will-change:transform}
.site-header-pro.is-sticky{position:sticky!important;top:0!important;z-index:90!important}.site-header-pro.not-sticky{position:relative!important;top:auto!important}.site-header-pro.scroll-hidden{transform:translateY(-110%)!important}.site-header-pro.scrolled{background:color-mix(in srgb,var(--site-header-scrolled-bg) 94%,transparent)!important}.site-header-pro.scrolled.has-scroll-shadow{box-shadow:0 14px 38px rgba(21,70,74,.12)!important}
.header-pro-inner{height:var(--site-header-height)!important;min-height:62px!important;padding-block:7px!important;gap:22px!important;transition:height .28s ease,padding .28s ease}.site-header-pro.scrolled.has-compact-scroll .header-pro-inner{height:max(62px,calc(var(--site-header-height) - 14px))!important;padding-block:3px!important}
.header-brand-pro{color:var(--site-header-text)!important;transition:transform .24s ease}.header-brand-pro:hover{transform:translateY(-1px)}.header-brand-pro .brand-copy strong{color:var(--site-header-text)!important;font-size:18px;line-height:1.2}.header-brand-pro .brand-copy small{color:color-mix(in srgb,var(--site-header-text) 58%,transparent)!important;font-size:9px;margin-top:3px}.header-brand-pro .brand-mark{box-shadow:0 8px 24px color-mix(in srgb,var(--brand) 22%,transparent)!important}
.main-nav-pro{display:flex;align-items:center;justify-content:center;gap:7px!important;margin-inline:auto!important;color:var(--site-header-text)!important}.nav-pro-link{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:11px;color:var(--site-header-text)!important;font-size:13px;font-weight:720;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-pro-link:after{display:none!important}.nav-pro-link:hover{background:color-mix(in srgb,var(--brand) 9%,transparent);color:var(--brand)!important;transform:translateY(-1px)}.nav-pro-link.active{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)!important}.nav-pro-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.nav-pro-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-pro-link.active .nav-pro-icon{filter:drop-shadow(0 4px 9px color-mix(in srgb,var(--brand) 25%,transparent))}
.header-actions-pro{display:flex;align-items:center;gap:8px}.mini-search-pro{height:42px;display:flex;align-items:center;border:1px solid var(--site-header-border)!important;border-radius:14px!important;background:color-mix(in srgb,var(--site-header-bg) 87%,#eef6f6 13%)!important;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.mini-search-pro:focus-within{border-color:color-mix(in srgb,var(--brand) 55%,var(--site-header-border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 11%,transparent)}.mini-search-pro .mini-search-icon{display:none}.mini-search-pro input{width:135px!important;color:var(--site-header-text)!important;padding:8px 11px!important;transition:width .22s ease}.mini-search-pro:focus-within input{width:190px!important}.mini-search-pro input::placeholder{color:color-mix(in srgb,var(--site-header-text) 50%,transparent)}.mini-search-pro button{width:40px;height:40px;display:grid;place-items:center;color:var(--site-header-text)!important;padding:0!important}.mini-search-pro button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.theme-toggle-pro,.menu-btn-pro{width:42px!important;height:42px!important;border:1px solid var(--site-header-border)!important;border-radius:13px!important;background:color-mix(in srgb,var(--site-header-bg) 88%,#eef6f6 12%)!important;color:var(--site-header-text)!important;display:grid;place-items:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}.theme-toggle-pro:hover,.menu-btn-pro:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 45%,var(--site-header-border))!important;background:color-mix(in srgb,var(--brand) 8%,var(--site-header-bg))!important}.theme-toggle-pro svg,.menu-btn-pro svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.theme-icon{display:grid}.theme-icon-sun{display:none}.site-light-default.dark .theme-icon-moon{display:none}.site-light-default.dark .theme-icon-sun{display:grid}
.mobile-menu-pro{z-index:88!important}.mobile-menu-pro-inner{display:grid;gap:5px}.mobile-menu-pro a{display:flex!important;align-items:center;gap:10px!important;border-radius:10px}.mobile-menu-pro a:hover{background:color-mix(in srgb,var(--brand) 8%,transparent)}.mobile-nav-search{display:flex;gap:7px;padding:8px}.mobile-nav-search input{flex:1;min-width:0}.mobile-nav-search button{width:42px;border:0;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center}.mobile-nav-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
body.site-light-default.dark .site-header-pro{--site-header-bg:#101a1d;--site-header-scrolled-bg:#101a1d;--site-header-text:#eff7f7;--site-header-border:#294247;background:var(--site-header-bg)!important;border-color:var(--site-header-border)!important}.site-light-default.dark .mini-search-pro,.site-light-default.dark .theme-toggle-pro,.site-light-default.dark .menu-btn-pro{background:#142225!important}

.site-footer-pro{position:relative;overflow:hidden;padding:68px 0 20px!important;background:var(--site-footer-bg)!important;color:var(--site-footer-text)!important;border-top:1px solid color-mix(in srgb,var(--site-footer-accent) 18%,transparent)}.footer-glow{position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none;opacity:.16}.footer-glow-one{width:420px;height:420px;background:var(--site-footer-accent);right:-240px;top:-250px}.footer-glow-two{width:280px;height:280px;border:1px solid var(--site-footer-accent);left:-130px;bottom:-170px}.footer-pro-grid{position:relative;display:grid;grid-template-columns:minmax(300px,1.6fr) repeat(3,minmax(150px,.8fr));gap:42px;align-items:start}.footer-pro-brand{max-width:520px}.footer-pro-logo{display:inline-flex!important;color:var(--site-footer-heading)!important;margin-bottom:16px}.footer-pro-logo strong,.footer-pro-brand h2{color:var(--site-footer-heading)!important;font-size:23px;margin:0}.footer-logo-image{max-height:62px;max-width:220px;object-fit:contain}.footer-pro-brand>p,.footer-pro-meta p{color:var(--site-footer-text)!important;opacity:.84;line-height:1.95;font-size:13px;margin:0;max-width:500px}.footer-pro-column h3{position:relative;color:var(--site-footer-heading)!important;font-size:14px;margin:4px 0 18px;padding-bottom:11px}.footer-pro-column h3:after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:32px;height:2px;border-radius:10px;background:var(--site-footer-accent)}.footer-nav-pro,.footer-languages-pro{display:grid;gap:7px}.footer-nav-pro a,.footer-languages-pro a{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 8px;border-radius:9px;color:var(--site-footer-text)!important;font-size:12px;opacity:.88;transition:opacity .18s ease,background .18s ease,transform .18s ease,color .18s ease}.footer-nav-pro a:hover,.footer-languages-pro a:hover,.footer-languages-pro a.active{opacity:1;color:var(--site-footer-heading)!important;background:color-mix(in srgb,var(--site-footer-accent) 11%,transparent);transform:translateX(-2px)}[dir=ltr] .footer-nav-pro a:hover,[dir=ltr] .footer-languages-pro a:hover{transform:translateX(2px)}.footer-nav-pro a span{width:18px;height:18px;display:grid;place-items:center;color:var(--site-footer-accent)}.footer-nav-pro svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-languages-pro .language-flag-img{width:25px;height:18px;border-radius:3px}.footer-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.footer-socials a{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--site-footer-accent) 26%,transparent);border-radius:11px;display:grid;place-items:center;color:var(--site-footer-heading)!important;background:color-mix(in srgb,var(--site-footer-accent) 7%,transparent);transition:transform .2s ease,background .2s ease,border-color .2s ease}.footer-socials a:hover{transform:translateY(-3px);background:var(--site-footer-accent);border-color:var(--site-footer-accent)}.footer-socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-to-top{margin-top:20px;border:1px solid color-mix(in srgb,var(--site-footer-accent) 28%,transparent);border-radius:11px;background:transparent;color:var(--site-footer-heading);padding:9px 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.footer-to-top:hover{background:color-mix(in srgb,var(--site-footer-accent) 12%,transparent)}.footer-to-top svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.footer-pro-bottom{position:relative;margin-top:48px;padding-top:17px;border-top:1px solid color-mix(in srgb,var(--site-footer-text) 15%,transparent);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--site-footer-text);opacity:.72;font-size:11px}.footer-status-dot{display:flex;align-items:center;gap:7px}.footer-status-dot i{width:7px;height:7px;border-radius:50%;background:var(--site-footer-accent);box-shadow:0 0 14px var(--site-footer-accent)}

/* Floating controls use physical sides, never logical RTL/LTR sides. */
body .floating-language,html[dir="rtl"] body .floating-language,html[dir="ltr"] body .floating-language{position:fixed!important;left:20px!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;bottom:20px!important;z-index:96!important}
body .floating-language-menu,html[dir="rtl"] body .floating-language-menu,html[dir="ltr"] body .floating-language-menu{left:0!important;right:auto!important;inset-inline:auto!important}
body .random-story-card,html[dir="rtl"] body .random-story-card,html[dir="ltr"] body .random-story-card{position:fixed!important;right:20px!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;bottom:20px!important;z-index:84!important}

/* Admin: strong human-readable contrast. */
.dashboard-body.dashboard-v4{--dash-bg:#f4f8f8;--dash-panel:#ffffff;--dash-text:#173136;--dash-muted:#61767a;--dash-line:#d7e4e5;--dash-sidebar:#0b3438;--dash-sidebar-2:#0f4449;background:var(--dash-bg)!important;color:var(--dash-text)!important;color-scheme:light}.dashboard-v4 .dashboard-main{background:var(--dash-bg)!important;color:var(--dash-text)!important}.dashboard-v4 .dashboard-content,.dashboard-v4 .dashboard-content p,.dashboard-v4 .dashboard-content label,.dashboard-v4 .dashboard-content li,.dashboard-v4 .dashboard-content td,.dashboard-v4 .dashboard-content strong{color:var(--dash-text)}.dashboard-v4 .dashboard-content small,.dashboard-v4 .settings-help,.dashboard-v4 .panel-kicker,.dashboard-v4 .dashboard-content th{color:var(--dash-muted)!important}.dashboard-v4 .panel,.dashboard-v4 .stat-card,.dashboard-v4 .language-admin-card,.dashboard-v4 .ad-admin-card{background:var(--dash-panel)!important;border-color:var(--dash-line)!important;color:var(--dash-text)!important;box-shadow:0 10px 32px rgba(26,78,82,.045)}.dashboard-v4 .panel h1,.dashboard-v4 .panel h2,.dashboard-v4 .panel h3,.dashboard-v4 .panel h4,.dashboard-v4 .dash-top h1{color:#102e33!important}.dashboard-v4 input:not([type=checkbox]):not([type=radio]):not([type=color]),.dashboard-v4 textarea,.dashboard-v4 select{background:#fff!important;color:#173136!important;border-color:#cbdcdf!important}.dashboard-v4 input::placeholder,.dashboard-v4 textarea::placeholder{color:#87989b!important}.dashboard-v4 input:focus,.dashboard-v4 textarea:focus,.dashboard-v4 select:focus{border-color:#3b9398!important;box-shadow:0 0 0 3px rgba(21,113,118,.10)!important;outline:0}.dashboard-v4 .btn-ghost{background:#fff!important;color:#1e4b50!important;border-color:#cddedf!important}.dashboard-v4 .btn-ghost:hover{background:#edf7f7!important;border-color:#8ab8bb!important}.dashboard-v4 .sidebar{background:linear-gradient(180deg,var(--dash-sidebar),#082a2e)!important;border-color:#164f54!important;color:#f5fbfb!important}.dashboard-v4 .dashboard-brand-copy strong,.dashboard-v4 .sidebar-account-copy strong,.dashboard-v4 .dashboard-nav-label{color:#fff!important}.dashboard-v4 .dashboard-brand-copy small,.dashboard-v4 .sidebar-account-copy span,.dashboard-v4 .sidebar-version{color:#a9c5c7!important}.dashboard-v4 .dashboard-nav-link{color:#d4e5e6!important}.dashboard-v4 .dashboard-nav-link:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}.dashboard-v4 .dashboard-nav-link.active{background:#fff!important;color:#0d4f54!important;box-shadow:0 8px 26px rgba(0,0,0,.13)}.dashboard-v4 .dashboard-nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.7}.dashboard-v4 .dash-top{background:rgba(244,248,248,.92);backdrop-filter:blur(13px)}.dashboard-v4 .dash-eyebrow{color:#5e777a!important}.dashboard-v4 table td{color:#203c40!important}.dashboard-v4 table th{background:#f7fafa!important}.dashboard-v4 .rich-editor{background:#fff!important;color:#1c3438!important;border-color:#cbdcdf!important}.dashboard-v4 .rich-toolbar{background:#f2f7f7!important;border-color:#cbdcdf!important}.dashboard-v4 .rich-toolbar button{background:#fff!important;color:#24484c!important;border-color:#cbdcdf!important}

/* Header/footer administration page. */
.appearance-admin{display:grid;gap:0}.appearance-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px!important;background:linear-gradient(135deg,#ffffff,#eef7f7)!important}.appearance-hero h2{font-size:28px!important;margin:4px 0 6px}.appearance-hero p{margin:0;color:#607579!important;max-width:720px}.appearance-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.appearance-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.appearance-main{min-width:0}.appearance-side{position:sticky;top:20px}.appearance-card{padding:24px!important}.settings-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e9f6f6;color:#15666b!important;font-size:10px!important;font-weight:800}.appearance-colors{grid-template-columns:repeat(5,minmax(120px,1fr))}.appearance-colors input[type=color]{width:100%;height:44px;padding:4px;border-radius:10px;background:#fff}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.switch-row{display:flex!important;align-items:flex-start!important;gap:10px;padding:13px;border:1px solid #dce8e9;border-radius:13px;background:#f9fbfb;cursor:pointer}.switch-row input{width:18px!important;height:18px!important;margin-top:2px}.switch-row>span{display:grid;gap:2px}.switch-row strong{font-size:12px;color:#17363a!important}.switch-row small{font-size:10px;color:#6b7d80!important}.compact-toggles{margin-bottom:18px}.nav-control-table{display:grid;border:1px solid #d7e5e6;border-radius:15px;overflow:hidden}.nav-control-head,.nav-control-row{display:grid;grid-template-columns:minmax(220px,1.6fr) 150px 78px 72px 78px 72px;gap:10px;align-items:center}.nav-control-head{padding:10px 13px;background:#eff6f6;color:#5f7477;font-size:10px;font-weight:800}.nav-control-row{padding:11px 13px;border-top:1px solid #e2ebec}.nav-control-row:hover{background:#fbfdfd}.nav-control-item{display:flex;align-items:center;gap:10px;min-width:0}.nav-control-item>span:last-child{display:grid;min-width:0}.nav-control-item strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-control-item small{font-size:9px;color:#819194!important;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-control-icon{width:34px;height:34px;border-radius:10px;background:#e9f5f5;color:#157176;display:grid;place-items:center;flex:0 0 34px}.nav-control-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.compact-field{margin:0!important}.compact-field>span{display:none}.compact-field select,.order-input{height:36px!important;padding:5px 7px!important;font-size:11px!important}.mini-check{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;font-size:10px!important;white-space:nowrap}.mini-check input{width:16px!important;height:16px!important}.custom-nav-list{display:grid;gap:10px}.custom-nav-row{display:grid;grid-template-columns:36px 1fr 1.45fr 140px;gap:10px;align-items:end;padding:13px;border:1px solid #dbe7e8;border-radius:14px;background:#fbfdfd}.custom-link-number{width:32px;height:32px;border-radius:9px;background:#e7f4f4;color:#17686d;display:grid;place-items:center;font-weight:900;align-self:center}.custom-nav-row label{margin:0!important}.custom-nav-flags{grid-column:2/-1;display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding-top:4px}.custom-nav-flags>label:not(.mini-check){width:82px}.custom-nav-flags input[type=number]{height:34px!important}.social-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.appearance-preview-card,.appearance-tip-card,.appearance-save-card{padding:18px!important}.appearance-preview-card h3{margin:4px 0 14px!important}.appearance-preview-card p,.appearance-tip-card p,.appearance-save-card p{font-size:11px;line-height:1.7;color:#64777a!important}.mini-header-preview{height:70px;border:1px solid #d4e3e4;border-radius:13px;background:#fff;display:flex;align-items:center;gap:9px;padding:10px;box-shadow:0 10px 25px rgba(23,74,78,.06)}.mini-brand-preview{width:33px;height:33px;border-radius:9px;background:#157176;color:#fff;display:grid;place-items:center;font-weight:900}.mini-nav-preview{display:flex;gap:5px;flex:1;justify-content:center}.mini-nav-preview i{width:32px;height:8px;border-radius:10px;background:#c9d9da}.mini-action-preview{width:34px;height:34px;border:1px solid #d1dfe0;border-radius:10px}.appearance-tip-card{border-color:#cce3e4!important;background:#f2f9f9!important}.appearance-tip-card strong,.appearance-save-card strong{color:#174a4f!important}.appearance-save-card{background:#0f3e42!important;border-color:#0f3e42!important}.appearance-save-card strong,.appearance-save-card p{color:#fff!important}.appearance-save-card p{opacity:.75}

@media(max-width:1180px){.appearance-colors{grid-template-columns:repeat(3,1fr)}.appearance-layout{grid-template-columns:1fr}.appearance-side{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-control-head,.nav-control-row{grid-template-columns:minmax(200px,1.5fr) 140px 70px 66px 70px 66px}.footer-pro-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-pro-meta{grid-column:2/-1}}
@media(max-width:1000px){.main-nav-pro{display:none!important}.menu-btn-pro{display:grid!important}.mini-search-pro input{width:105px!important}.mini-search-pro:focus-within input{width:145px!important}.footer-pro-grid{grid-template-columns:1.5fr 1fr 1fr}.appearance-side{grid-template-columns:1fr}.nav-control-table{overflow:auto}.nav-control-head,.nav-control-row{min-width:830px}.toggle-grid{grid-template-columns:1fr}.custom-nav-row{grid-template-columns:36px 1fr 1fr}.custom-nav-row>label:nth-of-type(3){grid-column:2/-1}.custom-nav-flags{grid-column:2/-1}}
@media(max-width:760px){.header-pro-inner{gap:10px!important}.header-brand-pro .brand-copy small{display:none}.mini-search-pro{display:none!important}.footer-pro-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-pro-brand{grid-column:1/-1}.footer-pro-meta{grid-column:auto}.footer-pro-bottom{align-items:flex-start;flex-direction:column}.appearance-hero{align-items:flex-start;flex-direction:column}.appearance-colors,.social-admin-grid{grid-template-columns:1fr 1fr}.custom-nav-row{grid-template-columns:34px 1fr}.custom-nav-row>label{grid-column:2}.custom-nav-flags{grid-column:1/-1}.dashboard-v4 .dashboard-content{color:#173136!important}}
@media(max-width:650px){body .floating-language,html[dir="rtl"] body .floating-language,html[dir="ltr"] body .floating-language{left:10px!important;right:auto!important;bottom:10px!important}body .random-story-card,html[dir="rtl"] body .random-story-card,html[dir="ltr"] body .random-story-card{right:10px!important;left:auto!important;bottom:66px!important;width:min(330px,calc(100vw - 20px))!important}.site-header-pro .header-pro-inner{height:66px!important}.mobile-menu-pro.open{top:66px!important;background:#fff!important;color:#183438!important;border-color:#d5e4e5!important;box-shadow:0 18px 55px rgba(22,75,79,.18)!important}.site-light-default.dark .mobile-menu-pro.open{background:#101a1d!important;color:#edf6f6!important;border-color:#2b474b!important}.appearance-colors,.social-admin-grid{grid-template-columns:1fr}.appearance-card{padding:17px!important}.footer-pro-grid{grid-template-columns:1fr}.footer-pro-brand{grid-column:auto}.footer-pro-meta{grid-column:auto}}
@media(max-width:420px){body .random-story-card,html[dir="rtl"] body .random-story-card,html[dir="ltr"] body .random-story-card{right:8px!important;left:auto!important;width:calc(100vw - 16px)!important}.header-brand-pro .brand-copy{display:none}.footer-pro-bottom{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.site-header-pro,.header-pro-inner,.nav-pro-link,.theme-toggle-pro,.menu-btn-pro,.footer-socials a,.footer-nav-pro a,.footer-languages-pro a{transition:none!important}.site-header-pro.has-hide-scroll{transform:none!important}.site-header-pro.scroll-hidden{transform:none!important}}


/* v4.4.7 — readability, header capacity, premium footer, floating tools */
.dashboard-v4,.dashboard-v4 *{text-rendering:optimizeLegibility}.dashboard-v4 .dashboard-content{font-size:15px}.dashboard-v4 .dashboard-content p,.dashboard-v4 .dashboard-content label,.dashboard-v4 .dashboard-content td{color:#183438!important}.dashboard-v4 .dashboard-content small{color:#587276!important}.dashboard-v4 input:not([type=checkbox]):not([type=radio]):not([type=color]),.dashboard-v4 textarea,.dashboard-v4 select{color:#102f33!important;background:#fff!important;border:1px solid #b9cfd1!important;font-weight:500}.dashboard-v4 label{font-weight:650}.dashboard-v4 input::placeholder,.dashboard-v4 textarea::placeholder{color:#71878a!important;opacity:1}.dashboard-v4 .settings-hero p,.dashboard-v4 .appearance-hero p{color:#435f63!important}.dashboard-v4 .notice{color:#153236!important}
.auth-section .auth-card,.auth-section .auth-card.wide{background:#fff!important;color:#173136!important;border-color:#d4e2e4!important}.auth-section .auth-card h1,.auth-section .auth-card h2,.auth-section .auth-card label{color:#14363a!important}.auth-section .auth-card>p,.auth-section .auth-card p,.auth-section .auth-card small{color:#526d71!important}.auth-section .auth-card input,.auth-section .auth-card textarea,.auth-section .auth-card select{background:#fff!important;color:#173136!important;border-color:#bcd0d2!important}.auth-section .auth-card input::placeholder,.auth-section .auth-card textarea::placeholder{color:#74898c!important}.auth-section .auth-card a{color:#0c7278!important}
.main-nav-pro{flex:1!important;min-width:0;justify-content:center;gap:clamp(7px,1vw,16px)!important}.nav-pro-link{font-size:13px!important;padding:8px 7px!important;white-space:nowrap}.header-socials-pro{display:flex;align-items:center;gap:5px}.header-socials-pro a{width:32px;height:32px;border:1px solid var(--site-header-border);border-radius:50%;display:grid;place-items:center;color:var(--site-header-text);transition:.18s}.header-socials-pro a:hover{transform:translateY(-2px);border-color:var(--brand);color:var(--brand)}.header-socials-pro svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.site-footer-pro{padding-top:76px!important}.footer-pro-grid{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(170px,1fr))!important;gap:clamp(28px,4vw,68px)!important}.footer-pro-column h3,.footer-pro-brand h2{font-size:19px!important;margin-bottom:20px!important;position:relative}.footer-pro-column h3:after{content:"";display:block;width:38px;height:2px;background:var(--site-footer-accent);margin-top:10px;border-radius:5px}.footer-pro-brand p,.footer-pro-column p{line-height:1.9!important}.footer-pro-cta .footer-cta-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--site-footer-accent),color-mix(in srgb,var(--site-footer-accent) 70%,#fff));color:#071a1c!important;padding:12px 18px;border-radius:10px;font-weight:900;margin-top:12px}.footer-pro-cta .footer-cta-btn:hover{transform:translateY(-2px)}
body .floating-language,html[dir="rtl"] body .floating-language,html[dir="ltr"] body .floating-language{left:22px!important;right:auto!important;bottom:18px!important}.random-story-card,html[dir="rtl"] .random-story-card,html[dir="ltr"] .random-story-card{left:20px!important;right:auto!important;bottom:78px!important}.uwcp-floating-button{z-index:92!important}
.article-share-bar{margin:34px 0 26px;padding:16px 18px;border:1px solid #d6e5e6;border-radius:16px;background:#f7fbfb;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#173136}.article-share-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.article-share-actions a,.article-share-actions button{width:39px;height:39px;border:1px solid #c9dcdc;border-radius:11px;background:#fff;color:#155e63;display:grid;place-items:center;cursor:pointer;transition:.18s}.article-share-actions a:hover,.article-share-actions button:hover{transform:translateY(-2px);border-color:#157176;background:#edf8f8}.article-share-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.share-copy-status{font-size:12px;color:#157176}
.social-network-admin{display:grid;gap:10px}.social-network-row{display:grid;grid-template-columns:44px minmax(260px,1fr) auto auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #d6e4e5;border-radius:14px;background:#fbfdfd}.social-network-icon{width:40px;height:40px;border-radius:12px;background:#eaf5f5;color:#157176;display:grid;place-items:center}.social-network-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.social-network-row input[type=text],.social-network-row input:not([type]){margin-top:5px}.wa-contacts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wa-contact-admin{border:1px solid #d5e4e5;border-radius:15px;padding:17px;background:#fbfdfd}.wa-language-tabs{display:grid;gap:10px}.wa-language-panel{border:1px solid #d5e4e5;border-radius:14px;background:#fbfdfd;padding:12px}.wa-language-panel summary{font-weight:850;cursor:pointer;padding:6px}.wa-language-panel .form-grid{margin-top:14px}
.protect-no-select main{-webkit-user-select:none;user-select:none}.protect-no-select input,.protect-no-select textarea,.protect-no-select [contenteditable=true]{-webkit-user-select:text;user-select:text}.protect-watermark .article-cover,.protect-watermark .article-content img{position:relative}.protect-watermark .article-cover:after{content:var(--protection-watermark);position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.28);font-size:clamp(22px,5vw,64px);font-weight:900;transform:rotate(-18deg);pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.28)}
@media print{body.protect-print{display:none!important}}
@media(max-width:1180px){.header-socials-pro{display:none}.main-nav-pro{gap:6px!important}.nav-pro-link{font-size:12px!important;padding-inline:5px!important}.mini-search-pro input{width:105px!important}}
@media(max-width:980px){.main-nav-pro{display:none!important}.menu-btn-pro{display:grid!important}.footer-pro-grid{grid-template-columns:1fr 1fr!important}.footer-pro-brand{grid-column:1/-1}.wa-contacts-grid{grid-template-columns:1fr}.social-network-row{grid-template-columns:40px 1fr}.social-network-row .mini-check{grid-column:auto}}
@media(max-width:650px){body .floating-language,html[dir="rtl"] body .floating-language,html[dir="ltr"] body .floating-language{left:10px!important;right:auto!important;bottom:10px!important}.random-story-card,html[dir="rtl"] .random-story-card,html[dir="ltr"] .random-story-card{left:10px!important;right:auto!important;bottom:70px!important;width:min(330px,calc(100vw - 20px))!important}.footer-pro-grid{grid-template-columns:1fr!important}.social-network-row{grid-template-columns:40px 1fr}.social-network-row>label{grid-column:2}.article-share-bar{align-items:flex-start;flex-direction:column}}


/* ===== Saradeeeb v4.5.1 — Noto Sans Arabic + final readability ===== */
html,body,button,input,textarea,select,option{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important}
body{font-optical-sizing:auto;font-synthesis:none}
strong,b,h1,h2,h3,h4,h5,h6{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
.dashboard-v4 .panel,.dashboard-v4 .settings-card,.dashboard-v4 .appearance-card{color:#173136}
.dashboard-v4 .panel h1,.dashboard-v4 .panel h2,.dashboard-v4 .panel h3,.dashboard-v4 .panel h4,.dashboard-v4 .settings-card h2,.dashboard-v4 .appearance-card h2{color:#102f33!important}
.dashboard-v4 .dashboard-content p,.dashboard-v4 .dashboard-content li,.dashboard-v4 .dashboard-content label,.dashboard-v4 .dashboard-content td,.dashboard-v4 .dashboard-content th{color:#183438!important}
.dashboard-v4 .panel-kicker,.dashboard-v4 .settings-help,.dashboard-v4 .dashboard-content small{color:#577176!important}
.dashboard-v4 .btn-primary{color:#fff!important}
.site-light-default{background:#fff;color:#172f33}
.site-light-default main{background:#fff}
.site-light-default.dark{background:#0d1518;color:#eef6f6}
.site-light-default.dark main{background:#0d1518}
.header-socials-v45 a svg,.footer-socials a svg{stroke:currentColor;fill:none}
@media(max-width:980px){.header-actions-v45{margin-inline-start:auto}.menu-btn-v45{display:grid!important}.header-brand-v45{min-width:0}.header-brand-v45 .brand-logo{max-width:180px}.mobile-drawer-v45{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important}}

/* ============================================================
   Saradeeeb v4.5 final visual system
   ============================================================ */
body.site-light-default{--page-bg:#ffffff;--page-soft:#f6f9f9;--page-text:#172f33;--page-muted:#5f7478;--page-line:#dce7e8;background:var(--page-bg)!important;color:var(--page-text)!important}
body.site-light-default.dark{--page-bg:#0d1518;--page-soft:#111d20;--page-text:#eef6f6;--page-muted:#9fb1b4;--page-line:#274147}

/* ticker */
.news-ticker-v45{height:46px;background:var(--ticker-bg)!important;color:var(--ticker-text)!important;border-bottom:3px solid var(--ticker-accent);overflow:hidden}
.news-ticker-inner-v45{height:100%;display:flex;align-items:stretch;width:100%}
.news-ticker-v45 .news-ticker-label{position:relative;z-index:3;min-width:190px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 26px;background:var(--ticker-accent);color:#071114;font-size:15px;font-weight:900;white-space:nowrap}
.news-ticker-v45 .news-ticker-label i{width:7px;height:7px;border-radius:50%;background:#071114}
.news-ticker-v45 .news-ticker-window{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.news-ticker-v45 .news-ticker-track{display:flex;align-items:center;gap:0;min-width:max-content;animation:tickerMove var(--ticker-duration,32s) linear infinite}
[dir=rtl] .news-ticker-v45 .news-ticker-track{animation-name:tickerMoveRtl}
.news-ticker-v45:hover .news-ticker-track{animation-play-state:paused}
.news-ticker-v45 .news-ticker-track a{display:flex;align-items:center;gap:11px;height:43px;padding:0 30px;color:var(--ticker-text)!important;font-size:13px;font-weight:800;border-inline-end:1px solid rgba(255,255,255,.08);white-space:nowrap;transition:background .18s ease,color .18s ease}
.news-ticker-v45 .news-ticker-track a:hover{background:rgba(255,255,255,.06);color:var(--ticker-accent)!important}
.news-ticker-v45 .news-ticker-track a span{color:var(--ticker-accent);font-size:11px}
@keyframes tickerMove{to{transform:translateX(-50%)}}
@keyframes tickerMoveRtl{to{transform:translateX(50%)}}

/* header desktop */
.site-header-v45{position:sticky!important;top:0!important;z-index:120!important;background:var(--site-header-bg)!important;color:var(--site-header-text)!important;border-bottom:1px solid var(--site-header-border)!important;backdrop-filter:saturate(140%) blur(14px)}
.site-header-v45.scrolled{background:color-mix(in srgb,var(--site-header-scrolled-bg) 96%,transparent)!important;box-shadow:0 15px 40px rgba(15,57,61,.10)!important}
.header-v45-inner{min-height:var(--site-header-height)!important;height:var(--site-header-height)!important;display:flex;align-items:center;gap:18px!important;padding-block:0!important}
.header-brand-v45{min-width:170px;justify-content:flex-start!important}
[dir=rtl] .header-brand-v45{justify-content:flex-start!important}
.header-brand-v45 .brand-logo{height:min(var(--brand-logo-height),72px)!important;max-height:72px!important;max-width:235px!important;object-fit:contain}
.main-nav-v45{align-self:stretch!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:0!important;margin-inline:auto!important}
.main-nav-v45>.nav-pro-link,.main-nav-v45>.header-mega-wrap>.nav-pro-link{min-height:100%;padding:0 14px!important;border-radius:0!important;border-inline-start:1px solid #eef2f2;background:transparent;display:flex;align-items:center;justify-content:center;gap:6px!important;color:var(--site-header-text)!important;font-size:12.5px!important;font-weight:780!important;white-space:nowrap;position:relative}
.main-nav-v45>.nav-pro-link:last-child{border-inline-end:1px solid #eef2f2}
.main-nav-v45 .nav-pro-link:hover,.main-nav-v45 .nav-pro-link.active,.main-nav-v45 .header-mega-wrap.open>.nav-pro-link{background:var(--site-header-hover-bg)!important;color:var(--site-header-hover)!important;transform:none!important;box-shadow:inset 0 -3px 0 var(--site-header-hover)}
.main-nav-v45 .nav-pro-icon{width:19px;height:19px}
.main-nav-v45 .nav-pro-icon svg{width:18px;height:18px}
.main-nav-v45>.nav-community-cta{align-self:center;min-height:42px;height:42px;margin-inline:7px;padding-inline:15px!important;border:1px solid color-mix(in srgb,var(--brand) 82%,#073f42)!important;border-radius:8px!important;background:var(--brand)!important;color:#fff!important;box-shadow:0 7px 18px color-mix(in srgb,var(--brand) 20%,transparent)}
.main-nav-v45>.nav-community-cta:hover,.main-nav-v45>.nav-community-cta.active{background:color-mix(in srgb,var(--brand) 84%,#073f42)!important;color:#fff!important;box-shadow:0 9px 22px color-mix(in srgb,var(--brand) 28%,transparent)!important;transform:translateY(-1px)!important}
.main-nav-v45>.nav-community-cta .nav-pro-icon{width:17px;height:17px}.main-nav-v45>.nav-community-cta .nav-pro-icon svg{width:17px;height:17px}
.header-actions-v45{min-width:auto;justify-content:flex-end;gap:7px!important}
[dir=rtl] .header-actions-v45{justify-content:flex-start}
.header-socials-v45{display:flex;align-items:center;gap:5px}
.header-socials-v45 a{width:32px;height:32px;border:0!important;border-radius:9px!important;background:#f3f7f7;color:var(--site-header-text);display:grid;place-items:center}
.header-socials-v45 a:hover{background:var(--site-header-hover-bg);color:var(--site-header-hover);transform:translateY(-2px)}
.mini-search-v45{height:48px!important;min-width:200px!important;border-radius:28px!important;background:#f3f6f6!important;border:1px solid transparent!important}
.mini-search-v45 input{width:150px!important;font-size:13px!important;color:var(--site-header-text)!important}
.mini-search-v45:focus-within{background:#fff!important;border-color:var(--site-header-hover)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--site-header-hover) 12%,transparent)!important}
.theme-toggle-pro,.menu-btn-v45{border-color:var(--site-header-border)!important;background:#fff!important;color:var(--site-header-text)!important}
.menu-btn-v45{display:none!important}

/* mega menu */
.header-mega-wrap{position:relative;display:flex;align-items:stretch}
.header-mega-panel{position:absolute;top:100%;inset-inline-start:50%;width:min(900px,78vw);padding:30px;background:var(--mega-bg);color:var(--mega-text);border-top:3px solid var(--site-header-hover);border-radius:0 0 22px 22px;box-shadow:0 28px 70px rgba(7,17,24,.32);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:140}
[dir=rtl] .header-mega-panel{transform:translate(50%,10px)}
.header-mega-wrap.open .header-mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
[dir=rtl] .header-mega-wrap.open .header-mega-panel{transform:translate(50%,0)}
.header-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.header-mega-grid a{min-height:64px;display:flex;align-items:center;gap:13px;padding:14px 16px;background:var(--mega-card);border:1px solid color-mix(in srgb,var(--mega-text) 9%,transparent);border-radius:12px;color:var(--mega-text)!important;transition:.18s ease}
.header-mega-grid a:hover{transform:translateY(-2px);border-color:var(--site-header-hover);background:color-mix(in srgb,var(--mega-card) 88%,var(--site-header-hover) 12%)}
.header-mega-grid strong{flex:1;font-size:14px}.header-mega-grid small{min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--site-header-hover) 20%,transparent);display:grid;place-items:center;color:var(--mega-text)}
.header-mega-accent{width:4px;height:34px;border-radius:8px;background:var(--site-header-hover)}
.mega-chevron{width:16px;height:16px;display:grid;place-items:center}.mega-chevron svg{width:15px;height:15px}
.header-mega-wrap.open .mega-chevron{transform:rotate(180deg)}

/* mobile drawer */
.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(7,17,24,.48);backdrop-filter:blur(3px);z-index:135;opacity:0;transition:opacity .2s ease}
.mobile-drawer-backdrop.open{opacity:1}
.mobile-drawer-v45{display:flex!important;position:fixed!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;width:min(390px,88vw)!important;padding:0!important;background:var(--drawer-bg)!important;color:var(--drawer-text)!important;border:0!important;border-left:1px solid color-mix(in srgb,var(--drawer-text) 12%,transparent)!important;border-radius:0!important;box-shadow:-25px 0 60px rgba(7,17,24,.18)!important;z-index:145!important;transform:translateX(105%)!important;transition:transform .25s ease!important;overflow:auto!important}
[dir=ltr] .mobile-drawer-v45{right:auto!important;left:0!important;border-left:0!important;border-right:1px solid color-mix(in srgb,var(--drawer-text) 12%,transparent)!important;box-shadow:25px 0 60px rgba(7,17,24,.18)!important;transform:translateX(-105%)!important}
.mobile-drawer-v45.open{transform:translateX(0)!important}
.public-menu-open{overflow:hidden}
.mobile-drawer-head{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid color-mix(in srgb,var(--drawer-text) 12%,transparent)}
.mobile-drawer-head strong{font-size:18px}.mobile-drawer-head button{width:40px;height:40px;border:0;border-radius:12px;background:color-mix(in srgb,var(--drawer-text) 8%,transparent);color:inherit;display:grid;place-items:center;cursor:pointer}.mobile-drawer-head svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.mobile-nav-search-v45{margin:15px 14px;padding:0!important;border:1px solid color-mix(in srgb,var(--drawer-text) 14%,transparent);border-radius:14px;overflow:hidden;background:#fff}
.mobile-nav-search-v45 input{border:0!important;background:transparent!important;color:#173136!important}.mobile-nav-search-v45 button{border-radius:0!important;background:var(--site-header-hover)!important}
.mobile-nav-list-v45{padding:4px 14px 18px!important;display:grid;gap:6px!important}
.mobile-nav-list-v45>a,.mobile-accordion>button{min-height:50px;padding:11px 12px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--drawer-text)!important;display:flex;align-items:center;gap:11px;cursor:pointer;width:100%;text-align:inherit}
.mobile-nav-list-v45>a:hover,.mobile-accordion>button:hover,.mobile-accordion.open>button{background:color-mix(in srgb,var(--site-header-hover) 11%,transparent)!important;color:var(--site-header-hover)!important}
.mobile-nav-list-v45>a.nav-community-cta{margin-block:3px;background:var(--brand)!important;color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 18%,transparent)}
.mobile-nav-list-v45>a.nav-community-cta:hover{background:color-mix(in srgb,var(--brand) 84%,#073f42)!important;color:#fff!important}
.mobile-accordion>button{justify-content:space-between}.mobile-accordion>button>span{display:flex;align-items:center;gap:10px}.mobile-accordion>button>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;transition:.18s}.mobile-accordion.open>button>svg{transform:rotate(180deg)}
.mobile-accordion>[data-mobile-accordion-panel]{display:none;padding:7px 10px 10px 38px}.mobile-accordion.open>[data-mobile-accordion-panel]{display:grid;gap:5px}.mobile-accordion [data-mobile-accordion-panel] a{display:flex!important;align-items:center;justify-content:space-between!important;padding:9px 10px!important;border-radius:9px!important;background:color-mix(in srgb,var(--drawer-text) 4%,transparent)!important;color:var(--drawer-text)!important}.mobile-accordion [data-mobile-accordion-panel] small{opacity:.55}
.mobile-socials-v45{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px 28px;border-top:1px solid color-mix(in srgb,var(--drawer-text) 10%,transparent)}.mobile-socials-v45 a{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--site-header-hover) 10%,transparent);color:var(--site-header-hover);display:grid;place-items:center}.mobile-socials-v45 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}

/* footer */
.site-footer-v45{background:var(--site-footer-bg)!important;color:var(--site-footer-text)!important;padding:0 0 0!important;border-top:0!important}
.footer-v45-topline{height:3px;background:linear-gradient(90deg,transparent,var(--site-footer-accent),transparent)}
.footer-v45-grid{padding-top:72px;padding-bottom:56px;grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(150px,1fr))!important;gap:clamp(28px,4vw,64px)!important}
.footer-v45-brand p{font-size:14px!important;line-height:2!important}.footer-v45-brand .footer-logo-image{max-height:74px!important;max-width:240px!important}
.footer-cta-v45{display:inline-flex;align-items:center;gap:13px;margin-top:22px;padding:12px 20px;border-radius:10px;background:var(--site-footer-button)!important;color:var(--site-footer-button-text)!important;font-weight:900;transition:.2s ease}.footer-cta-v45:hover{transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--site-footer-button) 25%,transparent)}
.footer-v45-connect>p{font-size:13px;line-height:1.9;opacity:.82}.footer-language-chips{margin-top:16px}.footer-v45-bottom{min-height:70px;margin-top:0!important;padding-block:18px!important}
.footer-to-top{margin-top:0!important;display:inline-flex;align-items:center;gap:8px}

/* article modern magazine */
.article-page-v45{background:#fff!important;color:#173136!important}
.article-hero-v45{padding:54px 0 26px!important;background:#fff!important;border-bottom:0!important}
.article-head-v45{max-width:1120px}
.article-breadcrumbs-v45{color:#708487!important;margin-bottom:18px}.article-breadcrumbs-v45 a:hover{color:var(--brand)}
.article-category-chip{display:inline-flex;align-items:center;min-height:31px;padding:5px 12px;border-radius:999px;background:#eaf6f6;color:var(--brand);font-size:12px;font-weight:850}
.article-hero-v45 h1{max-width:1050px;color:#102d31!important;font-size:clamp(38px,5vw,66px)!important;line-height:1.22!important;letter-spacing:-1.2px!important;margin:16px 0 14px!important}
.article-lead-v45{max-width:900px;color:#536b70!important;font-size:18px!important;line-height:1.95!important;margin-bottom:22px}
.article-meta-row-v45{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 0;border-top:1px solid #e4ecec;border-bottom:1px solid #e4ecec}.article-author-v45{min-width:max-content}.article-meta-v45{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;color:#60767a;font-size:12px}.article-meta-v45 span{display:inline-flex;align-items:center;gap:5px}.article-meta-v45 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.article-language-v45{margin-top:17px}
.article-cover-wrap-v45{max-width:1180px}.article-cover-v45{max-width:none!important;width:100%!important;height:min(58vw,650px)!important;margin:22px 0 54px!important;border-radius:24px!important;border:1px solid #e1eaea!important;box-shadow:0 22px 55px rgba(18,61,65,.08)!important}.article-cover-v45 img{width:100%;height:100%;object-fit:cover}
.article-layout-v45{max-width:1120px!important;display:grid!important;grid-template-columns:minmax(0,760px) minmax(260px,310px)!important;gap:58px!important;align-items:start!important;justify-content:center!important}
.article-content-v45{padding:0!important;background:transparent!important;border:0!important;color:#253b40!important;font-size:19px!important;line-height:2.08!important;min-width:0}
.article-content-v45 p{margin:0 0 1.55em!important}.article-content-v45 h2{font-size:34px!important;line-height:1.45!important;color:#102d31!important;margin:2em 0 .65em!important;padding-bottom:10px;border-bottom:1px solid #e2eaea;scroll-margin-top:120px}.article-content-v45 h3{font-size:27px!important;line-height:1.5!important;color:#17363a!important;margin:1.8em 0 .5em!important;scroll-margin-top:120px}.article-content-v45 ul,.article-content-v45 ol{padding-inline-start:1.4em;margin-bottom:1.5em}.article-content-v45 li{margin-bottom:.55em}.article-content-v45 blockquote{margin:32px 0!important;padding:22px 25px!important;background:#f2f8f8!important;border-inline-start:4px solid var(--brand)!important;border-radius:13px!important;color:#28494e!important}.article-content-v45 img{width:auto;max-width:100%;margin:30px auto!important;border-radius:16px!important}
.article-insight-sidebar-v45{display:block!important;min-width:0}.article-insight-sticky-v45{position:sticky;top:118px;display:grid;gap:14px}.article-insight-card{border:1px solid #dce8e9;border-radius:17px;background:#f8fbfb;padding:18px;color:#173136;box-shadow:0 12px 36px rgba(18,61,65,.04)}.article-insight-kicker{display:block;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.06em;margin-bottom:3px}.article-insight-card h2{font-size:18px;margin:0 0 13px;color:#102f33}.article-summary-card-v45 ol{margin:0;padding-inline-start:19px;display:grid;gap:10px}.article-summary-card-v45 li{color:#415b60;font-size:13px;line-height:1.8}.article-summary-card-v45 li::marker{color:var(--brand);font-weight:900}.article-toc-card-v45 nav{display:grid;gap:7px}.article-toc-card-v45 nav a{display:block;padding:7px 9px;border-radius:8px;color:#526a6e;font-size:12px}.article-toc-card-v45 nav a:hover,.article-toc-card-v45 nav a.active{background:#e9f5f5;color:var(--brand)}.article-side-metric{display:flex;align-items:end;gap:8px;margin-bottom:12px}.article-side-metric strong{font-size:34px;line-height:1;color:#123b40}.article-side-metric small{font-size:10px;color:#6d7f83}.article-side-mini{margin-top:13px;padding-top:12px;border-top:1px solid #e1eaea;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#657a7e}.article-side-mini a{color:var(--brand);font-weight:800}
.article-share-v45{margin-top:42px!important;background:#f8fbfb!important}.article-share-kicker{display:block;color:var(--brand);font-size:9px;font-weight:900;margin-bottom:2px}.article-author-card-v45{background:#f5fafa!important;border-color:#dbe8e9!important}.writer-thank-v45{margin-top:18px;padding:22px;border:1px solid #dbe8e9;border-radius:18px;background:linear-gradient(135deg,#f9fcfc,#edf7f7)}.writer-thank-v45 h3{margin:5px 0 8px!important;font-size:20px!important}.writer-thank-kicker{font-size:10px;color:var(--brand);font-weight:900}.related-v45{background:#f7fafa!important;border-top:1px solid #e0eaea!important}

/* floating positions are physical, never flipped by RTL/LTR */
body .floating-language,html[dir="rtl"] body .floating-language,html[dir="ltr"] body .floating-language{position:fixed!important;left:20px!important;right:auto!important;bottom:18px!important;z-index:96!important}
body .random-story-card,html[dir="rtl"] body .random-story-card,html[dir="ltr"] body .random-story-card{position:fixed!important;left:20px!important;right:auto!important;bottom:82px!important;z-index:95!important;width:min(365px,calc(100vw - 40px))!important}
body .uwcp-floating-button,html[dir="rtl"] body .uwcp-floating-button,html[dir="ltr"] body .uwcp-floating-button{right:var(--uwcp-side,24px)!important;left:auto!important}

/* dark article */
body.site-light-default.dark .article-page-v45,body.site-light-default.dark .article-hero-v45{background:#0d1518!important;color:#eaf3f3!important}.site-light-default.dark .article-hero-v45 h1,.site-light-default.dark .article-content-v45 h2,.site-light-default.dark .article-content-v45 h3{color:#f3f8f8!important}.site-light-default.dark .article-lead-v45,.site-light-default.dark .article-content-v45{color:#cddada!important}.site-light-default.dark .article-meta-row-v45{border-color:#294247}.site-light-default.dark .article-insight-card,.site-light-default.dark .article-author-card-v45,.site-light-default.dark .article-share-v45,.site-light-default.dark .writer-thank-v45{background:#111e21!important;border-color:#294247!important;color:#eaf3f3!important}.site-light-default.dark .article-insight-card h2,.site-light-default.dark .article-author-card-v45 h3{color:#f3f8f8!important}.site-light-default.dark .article-summary-card-v45 li,.site-light-default.dark .article-side-mini,.site-light-default.dark .article-toc-card-v45 nav a{color:#aebfc1!important}.site-light-default.dark .article-content-v45 blockquote{background:#132326!important;color:#dce8e9!important}.site-light-default.dark .article-content-v45 h2{border-color:#294247}.site-light-default.dark .related-v45{background:#0f1a1d!important;border-color:#294247!important}

@media(max-width:1180px){.header-v45-inner{gap:11px!important}.main-nav-v45>.nav-pro-link,.main-nav-v45>.header-mega-wrap>.nav-pro-link{padding-inline:8px!important;font-size:11.5px!important;gap:5px!important}.main-nav-v45>.nav-community-cta{padding-inline:11px!important;margin-inline:4px}.main-nav-v45 .nav-pro-icon{width:16px;height:16px}.main-nav-v45 .nav-pro-icon svg{width:16px;height:16px}.header-socials-v45{display:none!important}.header-actions-v45{min-width:auto}.header-brand-v45{min-width:145px}.header-writer-cta{padding:.55rem .72rem!important;font-size:12px}.mini-search-v45{min-width:160px!important}.mini-search-v45 input{width:112px!important}}
@media(max-width:1080px){.mini-search-v45{display:none!important}.header-brand-v45 .brand-logo{max-width:170px!important}}
@media(max-width:980px){.news-ticker-v45{height:40px}.news-ticker-v45 .news-ticker-label{min-width:150px;padding-inline:16px;font-size:13px}.news-ticker-v45 .news-ticker-track a{height:37px;font-size:12px;padding-inline:20px}.main-nav-v45{display:none!important}.menu-btn-v45{display:grid!important}.header-v45-inner{height:72px!important;min-height:72px!important}.header-actions-v45{min-width:auto;margin-inline-start:auto}.mini-search-v45{display:none!important}.header-socials-v45{display:none!important}.article-layout-v45{grid-template-columns:minmax(0,760px)!important;gap:0!important}.article-insight-sidebar-v45{order:-1;margin-bottom:26px}.article-insight-sticky-v45{position:static;grid-template-columns:1fr 1fr}.article-summary-card-v45{grid-column:1/-1}.footer-v45-grid{grid-template-columns:1fr 1fr!important}.footer-v45-brand{grid-column:1/-1}}
@media(max-width:650px){.news-ticker-v45{height:36px}.news-ticker-v45 .news-ticker-label{min-width:118px;font-size:11px;padding-inline:10px}.news-ticker-v45 .news-ticker-track a{height:33px;font-size:11px;padding-inline:14px}.header-v45-inner{height:66px!important;min-height:66px!important;gap:9px!important}.header-brand-v45{min-width:0;flex:1}.header-brand-v45 .brand-logo{max-width:150px!important;max-height:54px!important}.theme-toggle-pro,.menu-btn-v45{width:42px!important;height:42px!important}.mobile-drawer-v45{width:min(360px,92vw)!important}.article-hero-v45{padding:34px 0 18px!important}.article-hero-v45 h1{font-size:34px!important;line-height:1.3!important}.article-lead-v45{font-size:16px!important}.article-meta-row-v45{align-items:flex-start;flex-direction:column}.article-meta-v45{justify-content:flex-start}.article-cover-v45{height:58vw!important;min-height:250px!important;margin-bottom:32px!important;border-radius:16px!important}.article-layout-v45{width:min(100% - 30px,1120px)!important}.article-content-v45{font-size:17.5px!important;line-height:2!important}.article-content-v45 h2{font-size:27px!important}.article-content-v45 h3{font-size:23px!important}.article-insight-sticky-v45{grid-template-columns:1fr}.article-summary-card-v45{grid-column:auto}.footer-v45-grid{grid-template-columns:1fr!important;padding-top:48px;padding-bottom:38px}.footer-v45-brand{grid-column:auto}.footer-v45-bottom{align-items:flex-start!important;flex-direction:column!important}.floating-language-current{max-width:145px}body .floating-language,html[dir="rtl"] body .floating-language,html[dir="ltr"] body .floating-language{left:10px!important;right:auto!important;bottom:10px!important}body .random-story-card,html[dir="rtl"] body .random-story-card,html[dir="ltr"] body .random-story-card{left:10px!important;right:auto!important;bottom:70px!important;width:min(330px,calc(100vw - 20px))!important}}
@media(max-width:420px){.news-ticker-v45 .news-ticker-label{min-width:105px}.article-hero-v45 h1{font-size:30px!important}.article-content-v45{font-size:17px!important}.article-cover-v45{min-height:220px!important}}
@media(prefers-reduced-motion:reduce){.news-ticker-v45 .news-ticker-track{animation:none!important}.header-mega-panel,.mobile-drawer-v45,.main-nav-v45 .nav-pro-link,.footer-cta-v45{transition:none!important}}

/* v4.5.1 - wider article reading canvas */
.article-page-v45 .article-head-v45,
.article-page-v45 .article-cover-wrap-v45,
.article-page-v45 .article-layout-v45{
  width:min(1560px,calc(100% - 56px))!important;
  max-width:1560px!important;
  margin-inline:auto!important;
}
.article-page-v45 .article-layout-v45{
  grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;
  gap:46px!important;
  justify-content:stretch!important;
}
.article-page-v45 .article-content-v45{
  width:100%!important;
  max-width:none!important;
  font-size:19.5px!important;
  padding-inline:clamp(6px,1.1vw,18px)!important;
}
.article-page-v45 .article-cover-v45{
  height:min(54vw,720px)!important;
}
.article-page-v45 .article-insight-sidebar-v45{
  width:100%!important;
}
@media (min-width:1700px){
  .article-page-v45 .article-head-v45,
  .article-page-v45 .article-cover-wrap-v45,
  .article-page-v45 .article-layout-v45{
    width:min(1680px,calc(100% - 72px))!important;
    max-width:1680px!important;
  }
  .article-page-v45 .article-layout-v45{
    grid-template-columns:minmax(0,1fr) 350px!important;
    gap:54px!important;
  }
  .article-page-v45 .article-content-v45{font-size:20px!important}
}
@media (max-width:1180px){
  .article-page-v45 .article-head-v45,
  .article-page-v45 .article-cover-wrap-v45,
  .article-page-v45 .article-layout-v45{
    width:min(100% - 36px,1120px)!important;
  }
  .article-page-v45 .article-layout-v45{
    grid-template-columns:minmax(0,1fr) 280px!important;
    gap:34px!important;
  }
}
@media (max-width:980px){
  .article-page-v45 .article-layout-v45{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .article-page-v45 .article-content-v45{padding-inline:0!important}
}
@media (max-width:650px){
  .article-page-v45 .article-head-v45,
  .article-page-v45 .article-cover-wrap-v45,
  .article-page-v45 .article-layout-v45{
    width:calc(100% - 28px)!important;
  }
}

/* === Integrations & Tracking control center === */
.integration-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;background:linear-gradient(135deg,#fff,#f4fbfb);border:1px solid #d9e8e9}.integration-hero h2{margin:4px 0 8px;font-size:30px;color:#102d31}.integration-hero p{margin:0;max-width:780px;color:#4f666a;line-height:1.9}.integration-hero-status{min-width:150px;padding:18px 22px;border-radius:18px;background:#0f777c;color:#fff;text-align:center;box-shadow:0 12px 34px rgba(15,119,124,.18)}.integration-hero-status strong{display:block;font-size:34px;line-height:1}.integration-hero-status span{display:block;margin-top:7px;font-size:13px;opacity:.88}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.integration-card{position:relative;padding:24px;overflow:hidden}.integration-card.is-enabled:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:#13858a}.integration-card-head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:14px}.integration-service-icon{width:52px;height:52px;border-radius:16px;background:#eaf7f7;color:#0b7176;display:grid;place-items:center;font-weight:800;font-size:16px;border:1px solid #d2eaea}.integration-title-wrap h3{margin:0 0 4px;color:#132f33;font-size:18px}.integration-title-wrap p{margin:0;color:#60777a;font-size:13px;line-height:1.7}.integration-state{border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap}.integration-state.ready{background:#e8f8ef;color:#14733c}.integration-state.needs-setup{background:#fff4dc;color:#8a5a00}.integration-consent-tag{display:inline-flex;margin:14px 0 4px;padding:6px 10px;border-radius:999px;background:#f1f5f6;color:#526a6e;font-size:11px}.integration-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.integration-form>label:not(.switch-row){display:flex;flex-direction:column;gap:7px;color:#213c40;font-size:13px;font-weight:700}.integration-form label em{color:#c02d43;font-style:normal}.integration-form input[type=text],.integration-form input:not([type]){width:100%;min-height:46px;border:1px solid #d5e2e4;border-radius:12px;background:#fff;color:#17373b;padding:10px 12px}.integration-help,.integration-inline-note{grid-column:1/-1;border-radius:12px;padding:12px 14px;background:#f7fafb;border:1px solid #e4ecee;display:flex;flex-wrap:wrap;gap:5px 8px;font-size:12px;color:#5b7074}.integration-help strong,.integration-inline-note span{color:#173a3e}.integration-inline-note code{direction:ltr;background:#e9f4f4;padding:3px 7px;border-radius:7px;color:#0f6f74}.integration-inline-note small{width:100%}.integration-inline-note a{color:#0e787d;font-weight:800}.integration-card-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}.integration-enable,.switch-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:12px}.integration-enable input,.switch-row input{width:20px;height:20px;accent-color:#118188}.switch-row span{display:flex;flex-direction:column;gap:2px}.switch-row small{font-weight:400;color:#708387}.integrations-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.integration-consent-panel,.integration-ad-slots-panel,.custom-code-panel{padding:24px}.privacy-note{border:1px solid #d8e8e9;background:#f5fbfb;border-radius:12px;padding:12px;color:#526e72;font-size:12px}.ad-slot-toggle-list{display:grid;gap:9px;margin:12px 0 16px}.ad-slot-toggle-list label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #dce7e9;border-radius:12px;background:#fbfdfd}.ad-slot-toggle-list label span{display:flex;flex-direction:column;gap:3px}.ad-slot-toggle-list code{font-size:10px;color:#789093;direction:ltr;text-align:right}.ad-slot-toggle-list input{width:20px;height:20px;accent-color:#118188}.danger-chip{background:#fff0f2;color:#a9293c;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.custom-code-warning{padding:14px 16px;border-radius:14px;background:#fff7e8;border:1px solid #f2dba6;margin-bottom:18px;color:#6f5724}.custom-code-warning strong{color:#7d4e00}.custom-code-warning p{margin:4px 0 0;line-height:1.8;font-size:13px}.custom-code-form textarea[dir=ltr]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left;background:#10191c;color:#e6f4f4;border-color:#28373a}.risk-confirm{display:flex;flex-direction:row!important;align-items:flex-start!important;gap:9px!important;padding:12px 14px;border-radius:12px;background:#fff7f7;color:#7d3440!important;border:1px solid #efd8dc}.risk-confirm input{margin-top:3px}.custom-code-list{display:grid;gap:10px;margin-top:22px;border-top:1px solid #e3ebed;padding-top:18px}.custom-code-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #dfe9ea;border-radius:14px}.custom-code-list article>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.custom-code-list small{color:#708488}.custom-code-actions{display:flex;gap:8px}.custom-code-actions form{margin:0}
@media(max-width:1100px){.integration-grid,.integrations-lower-grid{grid-template-columns:1fr}}@media(max-width:680px){.integration-hero{align-items:flex-start;flex-direction:column;padding:20px}.integration-hero-status{width:100%}.integration-card{padding:18px}.integration-card-head{grid-template-columns:46px 1fr}.integration-service-icon{width:46px;height:46px}.integration-state{grid-column:2}.integration-form{grid-template-columns:1fr}.integration-form>*{grid-column:1!important}.integration-card-actions,.custom-code-list article{align-items:stretch;flex-direction:column}.custom-code-actions{width:100%}.custom-code-actions form,.custom-code-actions button{flex:1;width:100%}}

/* === Privacy consent center === */
.privacy-settings-fallback{position:fixed;z-index:2100;inset-inline-end:18px;bottom:18px;border:1px solid #cbdcde;background:#fff;color:#17373b;border-radius:999px;padding:9px 13px;box-shadow:0 8px 28px rgba(6,29,34,.14);font:700 12px/1.2 "Noto Sans Arabic",sans-serif;cursor:pointer}

/* =========================================================
   Saradeeeb Community v4.6 — native community
   ========================================================= */
.community-page{--community-bg:#f5f8f8;--community-card:#fff;--community-card-2:#f0f6f6;--community-text:#102f33;--community-muted:#61777a;--community-line:#dbe6e7;--community-accent:var(--brand,#157176);background:var(--community-bg);color:var(--community-text);min-height:70vh;padding:42px 0 86px}.community-page a{color:inherit}.community-hero{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:44px 46px;border:1px solid var(--community-line);border-radius:28px;background:linear-gradient(135deg,#fff,#eef7f7);box-shadow:0 24px 70px rgba(20,68,73,.08)}.community-eyebrow,.community-section-head>div>span,.community-topic-side section>span,.community-topic-detail>header>span{display:block;color:var(--community-accent);font-size:12px;font-weight:900;letter-spacing:.04em}.community-hero h1{font-size:clamp(34px,4.8vw,62px);line-height:1.15;margin:8px 0 14px;max-width:850px;letter-spacing:-1px}.community-hero p{margin:0;max-width:760px;color:var(--community-muted);font-size:17px}.community-hero-actions{min-width:max-content}.community-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:13px;border:1px solid var(--community-line);border-radius:18px;background:var(--community-card);box-shadow:0 8px 28px rgba(20,68,73,.05)}.community-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.community-filters a{padding:9px 14px;border-radius:11px;font-size:13px;font-weight:800;color:#506a6d;transition:.2s}.community-filters a:hover,.community-filters a.active{background:#e3f2f2;color:var(--community-accent);transform:translateY(-1px)}.community-search{display:flex;align-items:center;border:1px solid var(--community-line);border-radius:12px;background:#fbfdfd;overflow:hidden;min-width:320px}.community-search input{border:0;background:transparent;outline:0;min-width:0;flex:1;padding:10px 13px;color:var(--community-text)}.community-search button{border:0;background:transparent;color:var(--community-accent);width:44px;display:grid;place-items:center;cursor:pointer}.community-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.community-week-card{margin-top:24px;background:#0d1d20;color:#eff9f9;border-radius:22px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 22px 55px rgba(7,27,30,.16);position:relative;overflow:hidden}.community-week-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(47,190,197,.10);inset-inline-end:-90px;top:-120px}.community-week-card>div,.community-week-card>a{position:relative;z-index:1}.community-week-card>div>span{color:#62d5da;font-size:12px;font-weight:900}.community-week-card h2{font-size:27px;margin:7px 0}.community-week-card p{margin:0;color:#a9bdc0}.community-categories{padding-top:42px}.community-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.community-section-head h2{font-size:27px;margin:4px 0}.community-account-links{display:flex;gap:8px}.community-account-links a{padding:8px 12px;border-radius:10px;border:1px solid var(--community-line);background:var(--community-card);font-size:12px;font-weight:800;color:var(--community-accent)}.community-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.community-category-grid>a{min-height:156px;padding:21px;border:1px solid var(--community-line);border-radius:18px;background:var(--community-card);display:flex;flex-direction:column;transition:.2s;box-shadow:0 10px 28px rgba(20,68,73,.04)}.community-category-grid>a:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--community-accent) 45%,var(--community-line));box-shadow:0 18px 42px rgba(20,68,73,.10)}.community-category-grid strong{font-size:17px}.community-category-grid p{font-size:12px;color:var(--community-muted);line-height:1.7;margin:8px 0 14px;flex:1}.community-category-grid span{font-size:11px;color:var(--community-accent);font-weight:800}.community-stream{padding-top:44px}.community-topic-list{display:grid;gap:12px}.community-topic-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:16px;align-items:start;padding:19px;border:1px solid var(--community-line);border-radius:18px;background:var(--community-card);transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 8px 24px rgba(20,68,73,.035)}.community-topic-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--community-accent) 42%,var(--community-line));box-shadow:0 16px 36px rgba(20,68,73,.08)}.community-topic-card.is-pinned{border-inline-start:3px solid var(--community-accent)}.community-topic-avatar,.community-reply-avatar{width:46px;height:46px;border-radius:14px;background:#e4f1f1;color:var(--community-accent);overflow:hidden;display:grid;place-items:center;font-weight:900;font-size:18px}.community-topic-avatar img,.community-reply-avatar img{width:100%;height:100%;object-fit:cover}.community-topic-topline{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--community-muted)}.community-topic-author{font-weight:900;color:var(--community-text)}.community-pin{background:#e5f4f4;color:var(--community-accent);padding:2px 7px;border-radius:999px;font-weight:900}.community-topic-main h2{font-size:20px;line-height:1.45;margin:5px 0}.community-topic-main h2 a:hover{color:var(--community-accent)}.community-topic-main>p{font-size:13px;color:var(--community-muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-topic-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#718488;font-size:11px}.community-category-pill{background:#edf6f6;color:var(--community-accent)!important;padding:4px 8px;border-radius:999px;font-weight:800}.community-heat{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.community-heat.calm{background:#e8f2fb;color:#315a79}.community-heat.warm{background:#fff8d9;color:#76620b}.community-heat.hot{background:#fff0df;color:#9a5315}.community-heat.blazing{background:#ffe4e1;color:#a53b2e}.community-topic-thumb{width:130px;height:92px;border-radius:13px;overflow:hidden}.community-topic-thumb img{width:100%;height:100%;object-fit:cover}.community-empty{padding:42px;text-align:center;border:1px dashed #cbdadb;border-radius:18px;background:#fbfdfd;color:var(--community-muted)}.community-empty strong{display:block;color:var(--community-text);font-size:18px}.community-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:25px}.community-pagination a{min-width:39px;height:39px;padding:0 10px;border:1px solid var(--community-line);border-radius:10px;background:var(--community-card);display:grid;place-items:center;font-size:12px;font-weight:800}.community-pagination a.active,.community-pagination a:hover{background:var(--community-accent);color:#fff;border-color:var(--community-accent)}.community-category-hero{padding:34px 38px;border-radius:24px;border:1px solid var(--community-line);background:var(--community-card)}.community-category-hero>a{font-size:12px;color:var(--community-accent);font-weight:900}.community-category-hero>span{display:block;margin-top:18px;color:var(--community-accent);font-size:11px;font-weight:900}.community-category-hero h1{font-size:44px;margin:4px 0}.community-category-hero p{color:var(--community-muted);max-width:760px;margin:0}.community-form-shell{max-width:980px}.community-form-shell>header{margin-bottom:18px}.community-form-shell>header>a{color:var(--community-accent);font-size:12px;font-weight:900}.community-form-shell>header>span{display:block;color:var(--community-accent);font-size:11px;font-weight:900;margin-top:18px}.community-form-shell h1{font-size:42px;margin:4px 0}.community-form-shell>header p{color:var(--community-muted)}.community-create-form,.community-prefs-form{border:1px solid var(--community-line);border-radius:22px;background:var(--community-card);padding:28px;display:grid;gap:18px;box-shadow:0 16px 45px rgba(20,68,73,.06)}.community-create-form label,.community-category-admin-card label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--community-text)}.community-create-form input,.community-create-form select,.community-create-form textarea,.community-report-form input,.community-report-form select{width:100%;border:1px solid var(--community-line);border-radius:12px;background:#fbfdfd;color:var(--community-text);padding:11px 13px;outline:none}.community-create-form input:focus,.community-create-form select:focus,.community-create-form textarea:focus{border-color:var(--community-accent);box-shadow:0 0 0 3px rgba(21,113,118,.09)}.community-editor{border:1px solid var(--community-line);border-radius:15px;overflow:hidden}.community-editor-toolbar{display:flex;gap:4px;padding:8px;background:#f4f8f8;border-bottom:1px solid var(--community-line)}.community-editor-toolbar button{border:1px solid #d9e5e6;background:#fff;color:#21474b;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px}.community-editor label{padding:10px 12px 12px}.community-editor textarea{border:0!important;box-shadow:none!important;padding:10px 0!important}.community-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.community-submit{justify-self:start;min-width:170px}.community-topic-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.community-topic-detail,.community-replies,.community-reply-box{border:1px solid var(--community-line);border-radius:22px;background:var(--community-card);padding:28px;box-shadow:0 12px 36px rgba(20,68,73,.045)}.community-topic-breadcrumbs{display:flex;gap:7px;color:var(--community-muted);font-size:11px}.community-topic-breadcrumbs a:hover{color:var(--community-accent)}.community-topic-detail>header{padding:18px 0 21px;border-bottom:1px solid var(--community-line)}.community-topic-author-head{display:flex;align-items:center;gap:12px}.community-topic-author-head>img,.community-topic-author-head>span{width:48px;height:48px;border-radius:14px;object-fit:cover;background:#e3f2f2;color:var(--community-accent);display:grid;place-items:center;font-weight:900}.community-topic-author-head a{font-weight:900}.community-topic-author-head small{display:block;color:var(--community-muted);font-size:11px}.community-topic-detail h1{font-size:clamp(30px,4vw,50px);line-height:1.28;margin:18px 0 12px;letter-spacing:-.6px}.community-topic-stats{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--community-muted);font-size:11px}.community-closed{background:#edf0f1;color:#526368;padding:4px 8px;border-radius:999px;font-weight:900}.community-topic-image{margin:22px 0 0;border-radius:18px;overflow:hidden}.community-topic-image img{width:100%;max-height:560px;object-fit:cover}.community-topic-content,.community-reply-content{font-size:17px;line-height:2;color:#243f43;padding:25px 0}.community-topic-content p,.community-reply-content p{margin:0 0 1.15em}.community-topic-content blockquote,.community-reply-content blockquote{border-inline-start:3px solid var(--community-accent);background:#f1f7f7;padding:13px 16px;border-radius:10px}.community-topic-content a,.community-reply-content a{color:var(--community-accent);text-decoration:underline;text-underline-offset:3px}.community-linked-article{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;margin-top:20px;border:1px solid #cfe1e2;background:#eff7f7;border-radius:17px;padding:12px}.community-linked-article img{width:150px;height:90px;object-fit:cover;border-radius:11px}.community-linked-article span{display:grid;gap:3px}.community-linked-article small{color:var(--community-accent);font-weight:900}.community-linked-article strong{font-size:17px}.community-linked-article em{font-style:normal;color:var(--community-muted);font-size:11px}.community-topic-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--community-line);padding-top:16px}.community-topic-actions form{margin:0}.community-topic-actions button,.community-topic-actions>a,.community-reply footer button{border:1px solid var(--community-line);border-radius:10px;background:#fff;color:#36575b;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.community-topic-actions button:hover,.community-topic-actions button.active,.community-topic-actions>a:hover{background:#e8f5f5;color:var(--community-accent);border-color:#bcdcdc}.community-report-form{display:grid;grid-template-columns:190px 1fr auto;gap:8px;margin-top:12px;padding:12px;border-radius:12px;background:#f7fafa;border:1px solid var(--community-line)}.community-replies{margin-top:18px;padding:22px}.community-reply{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:20px 0;border-bottom:1px solid var(--community-line)}.community-reply:last-child{border-bottom:0}.community-reply-main>header a{font-weight:900}.community-reply-main>header small{display:block;color:var(--community-muted);font-size:10px}.community-reply-content{padding:10px 0 6px;font-size:15px}.community-reply footer{display:flex;gap:6px}.community-reply footer form{margin:0}.community-reply-quote{display:block;margin-top:9px;padding:9px 11px;border-radius:10px;background:#f3f7f7;border-inline-start:3px solid #9fc8ca;color:#5a7074}.community-reply-quote small{display:block;color:var(--community-accent);font-weight:800}.community-reply-quote span{font-size:11px}.community-reply-box{margin-top:18px}.community-reply-box textarea{width:100%;border:1px solid var(--community-line);border-radius:13px;background:#fbfdfd;padding:13px;resize:vertical;outline:0;color:var(--community-text)}.community-reply-box textarea:focus{border-color:var(--community-accent)}.community-reply-box form{display:grid;gap:10px}.community-reply-box .btn{justify-self:start}.community-replying-to{display:flex;align-items:center;gap:5px;margin-bottom:10px;color:var(--community-muted);font-size:12px}.community-replying-to strong{color:var(--community-accent)}.community-replying-to button{border:0;background:transparent;font-size:20px;cursor:pointer}.community-topic-side-sticky{position:sticky;top:105px;display:grid;gap:12px}.community-topic-side section{display:grid;gap:7px;padding:17px;border:1px solid var(--community-line);border-radius:16px;background:var(--community-card)}.community-topic-side section strong,.community-topic-side section>a{font-size:14px;font-weight:900}.community-topic-side section p,.community-topic-side section small{margin:0;color:var(--community-muted);font-size:11px}.community-account-page{max-width:1080px}.community-account-page>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.community-account-page>header h1{font-size:38px;margin:6px 0}.community-account-page>header>a{color:var(--community-accent);font-size:12px;font-weight:900}.community-account-page>header p{color:var(--community-muted)}.community-notification-list{display:grid;gap:8px}.community-notification{display:grid;grid-template-columns:8px 1fr;gap:12px;padding:17px;border:1px solid var(--community-line);border-radius:14px;background:var(--community-card)}.community-notification>span{width:8px;height:8px;border-radius:50%;background:#cad8da;margin-top:7px}.community-notification.unread>span{background:var(--community-accent);box-shadow:0 0 0 4px rgba(21,113,118,.1)}.community-notification strong{font-size:14px}.community-notification p{font-size:12px;color:var(--community-muted);margin:3px 0}.community-notification small{font-size:10px;color:#8a9a9d}.community-preferences{max-width:760px}.community-prefs-form label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px;border:1px solid var(--community-line);border-radius:13px}.community-prefs-form label span{display:grid}.community-prefs-form label small{color:var(--community-muted);font-weight:400}.community-prefs-form input{width:20px;height:20px;accent-color:var(--community-accent)}.community-profile{max-width:1100px}.community-profile>header{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;padding:30px;border:1px solid var(--community-line);border-radius:22px;background:var(--community-card)}.community-profile>header>img,.community-profile-avatar{width:110px;height:110px;border-radius:30px;object-fit:cover;background:#e2f2f2;color:var(--community-accent);display:grid;place-items:center;font-size:38px;font-weight:900}.community-profile>header>div>span{color:var(--community-accent);font-size:11px;font-weight:900}.community-profile h1{font-size:36px;margin:2px 0}.community-profile>header p{max-width:720px;color:var(--community-muted)}.community-profile-stats{display:flex;gap:10px;margin:14px 0}.community-profile-stats span{min-width:110px;padding:12px;border:1px solid var(--community-line);border-radius:12px;background:var(--community-card);font-size:11px;color:var(--community-muted)}.community-profile-stats b{display:block;font-size:22px;color:var(--community-text)}.community-profile-tabs{display:flex;gap:7px;border-bottom:1px solid var(--community-line);margin:22px 0 13px}.community-profile-tabs a{padding:10px 15px;font-size:12px;font-weight:900;border-bottom:2px solid transparent}.community-profile-tabs a.active{color:var(--community-accent);border-color:var(--community-accent)}.community-profile-feed{display:grid;gap:8px}.community-profile-item{display:grid;gap:4px;border:1px solid var(--community-line);border-radius:14px;background:var(--community-card);padding:16px}.community-profile-item small{color:var(--community-accent);font-weight:900}.community-profile-item span{color:var(--community-muted);font-size:11px}.community-notification-bell{position:relative;width:42px;height:42px;border:1px solid var(--site-header-border);border-radius:13px;display:grid;place-items:center;color:var(--site-header-text);background:color-mix(in srgb,var(--site-header-bg) 88%,#eef6f6 12%)}.community-notification-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.community-notification-bell>span{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#c23835;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid var(--site-header-bg)}.mobile-community-account{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 0;border-top:1px solid #e1ebec}.mobile-community-account a{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:1px solid #d9e6e7;border-radius:11px}.mobile-community-account svg{width:18px;height:18px;fill:none;stroke:currentColor}.mobile-community-account b{background:#c23835;color:#fff;min-width:18px;height:18px;border-radius:999px;font-size:9px;display:grid;place-items:center}.article-community-cta{margin:34px 0 20px;border:1px solid #cce0e1;border-radius:20px;background:linear-gradient(135deg,#eff8f8,#fff);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.article-community-cta span{color:var(--brand);font-size:11px;font-weight:900}.article-community-cta h3{margin:3px 0!important;font-size:22px!important;border:0!important}.article-community-cta p{margin:0!important;color:#657b7e!important;font-size:13px!important;line-height:1.7!important}.article-community-cta .btn{min-width:max-content}

/* Community admin */
.community-admin{display:grid;gap:16px}.community-admin-hero{display:flex;justify-content:space-between;align-items:center;gap:22px}.community-admin-hero h2{margin:4px 0}.community-admin-hero p{color:#53666a;margin:0}.community-admin-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid #dbe6e7;border-radius:14px;background:#fff}.community-admin-tabs a{padding:8px 12px;border-radius:9px;font-size:12px;font-weight:800;color:#38565a}.community-admin-tabs a.active,.community-admin-tabs a:hover{background:#e9f5f5;color:#0d7479}.community-admin-list{display:grid;gap:9px}.community-admin-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 15px;border:1px solid #dbe6e7;border-radius:13px;background:#fff}.community-admin-row-main{display:grid;gap:3px;min-width:0}.community-admin-row-main strong{color:#183b3f}.community-admin-row-main small,.community-admin-row-main span,.community-admin-row-main p{color:#62777a;font-size:11px;margin:0}.community-admin-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.community-admin-actions form{margin:0}.btn-sm{padding:7px 10px!important;font-size:11px!important}.btn-danger{background:#a93838;color:#fff;border-color:#a93838}.community-admin-inline-form,.community-ban-form{display:flex;gap:5px;align-items:center}.community-admin-inline-form select,.community-ban-form input,.community-settings-form input,.community-category-admin-card input,.community-category-admin-card textarea{border:1px solid #d9e5e6;background:#fff;color:#183b3f;border-radius:9px;padding:7px 9px}.community-ban-form input[name="days"]{width:62px}.community-category-admin-grid{display:grid;gap:13px}.community-category-admin-card{padding:16px;border:1px solid #dbe6e7;border-radius:14px;background:#fbfdfd}.community-category-admin-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.community-category-admin-card fieldset{display:grid;grid-template-columns:1fr 1fr 2fr;gap:9px;border:1px solid #e0eaeb;border-radius:12px;margin:8px 0;padding:10px}.community-category-admin-card legend{padding:0 7px;color:#0f777c;font-weight:900}.community-settings-form{display:grid;gap:18px}.community-settings-form .form-grid{grid-template-columns:repeat(3,1fr)}

/* Community dark mode */
body.site-light-default.dark .community-page{--community-bg:#0d1518;--community-card:#111d20;--community-card-2:#152326;--community-text:#eef6f6;--community-muted:#9eb1b4;--community-line:#294246;background:var(--community-bg);color:var(--community-text)}body.site-light-default.dark .community-hero{background:linear-gradient(135deg,#111d20,#142427);box-shadow:none}body.site-light-default.dark .community-toolbar,body.site-light-default.dark .community-topic-card,body.site-light-default.dark .community-category-grid>a,body.site-light-default.dark .community-category-hero,body.site-light-default.dark .community-create-form,body.site-light-default.dark .community-prefs-form,body.site-light-default.dark .community-topic-detail,body.site-light-default.dark .community-replies,body.site-light-default.dark .community-reply-box,body.site-light-default.dark .community-topic-side section,body.site-light-default.dark .community-notification,body.site-light-default.dark .community-profile>header,body.site-light-default.dark .community-profile-stats span,body.site-light-default.dark .community-profile-item{background:var(--community-card);border-color:var(--community-line)}body.site-light-default.dark .community-search,body.site-light-default.dark .community-create-form input,body.site-light-default.dark .community-create-form select,body.site-light-default.dark .community-create-form textarea,body.site-light-default.dark .community-reply-box textarea{background:#0f1b1e;border-color:#2c464a;color:#eef6f6}body.site-light-default.dark .community-editor-toolbar{background:#142326;border-color:#294246}body.site-light-default.dark .community-editor-toolbar button,body.site-light-default.dark .community-topic-actions button,body.site-light-default.dark .community-topic-actions>a,body.site-light-default.dark .community-reply footer button{background:#142326;border-color:#2b4549;color:#dfeaea}body.site-light-default.dark .community-topic-content,body.site-light-default.dark .community-reply-content{color:#d9e5e6}body.site-light-default.dark .community-topic-content blockquote,body.site-light-default.dark .community-reply-content blockquote,body.site-light-default.dark .community-reply-quote{background:#142528}body.site-light-default.dark .community-linked-article{background:#142528;border-color:#2b494d}.site-light-default.dark .article-community-cta{background:linear-gradient(135deg,#112326,#101b1e);border-color:#2b474b}.site-light-default.dark .article-community-cta p{color:#a9babc!important}

@media(max-width:1180px){.community-category-grid{grid-template-columns:repeat(3,1fr)}.community-topic-shell{grid-template-columns:minmax(0,1fr) 240px}.community-topic-thumb{width:110px}.community-settings-form .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.community-page{padding-top:24px}.community-hero{align-items:flex-start;flex-direction:column;padding:30px}.community-toolbar{align-items:stretch;flex-direction:column}.community-search{min-width:0;width:100%}.community-category-grid{grid-template-columns:1fr 1fr}.community-topic-shell{grid-template-columns:1fr}.community-topic-side{order:-1}.community-topic-side-sticky{position:static;grid-template-columns:repeat(3,1fr)}.community-topic-side section:last-child{display:none}.community-admin-row{align-items:flex-start;flex-direction:column}.community-admin-actions{width:100%}.community-category-admin-card fieldset{grid-template-columns:1fr}.community-profile>header{grid-template-columns:90px 1fr}.community-profile>header>img,.community-profile-avatar{width:90px;height:90px;border-radius:24px}.community-report-form{grid-template-columns:1fr}.article-community-cta{align-items:flex-start;flex-direction:column}.article-community-cta .btn{width:100%}}
@media(max-width:650px){.community-page{padding:16px 0 70px}.community-page .container{width:min(100% - 24px,1180px)}.community-hero{padding:24px 20px;border-radius:20px}.community-hero h1{font-size:34px}.community-hero p{font-size:14px}.community-hero-actions,.community-hero-actions .btn{width:100%}.community-toolbar{padding:9px}.community-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.community-filters a{text-align:center;padding:9px 8px}.community-week-card{align-items:flex-start;flex-direction:column;padding:22px}.community-week-card .btn{width:100%}.community-category-grid{grid-template-columns:1fr}.community-category-grid>a{min-height:auto}.community-topic-card{grid-template-columns:42px minmax(0,1fr);padding:14px;gap:10px;border-radius:14px}.community-topic-avatar{width:40px;height:40px;border-radius:12px}.community-topic-thumb{display:none}.community-topic-main h2{font-size:17px}.community-topic-main>p{font-size:12px}.community-topic-meta{gap:6px}.community-category-hero{padding:24px 20px}.community-category-hero h1{font-size:34px}.community-section-head{align-items:flex-start;flex-direction:column}.community-account-links{width:100%}.community-account-links a{flex:1;text-align:center}.community-form-shell h1{font-size:34px}.community-create-form,.community-prefs-form,.community-topic-detail,.community-replies,.community-reply-box{padding:18px;border-radius:17px}.community-form-grid{grid-template-columns:1fr}.community-topic-detail h1{font-size:30px}.community-topic-content{font-size:16px;line-height:1.9}.community-linked-article{grid-template-columns:90px 1fr}.community-linked-article img{width:90px;height:74px}.community-topic-actions{display:grid;grid-template-columns:1fr 1fr}.community-topic-actions form,.community-topic-actions button,.community-topic-actions>a{width:100%}.community-topic-actions form button{width:100%}.community-reply{grid-template-columns:38px 1fr;gap:9px}.community-reply-avatar{width:36px;height:36px;border-radius:10px}.community-topic-side-sticky{grid-template-columns:1fr 1fr}.community-topic-side section:nth-child(2){display:none}.community-account-page>header{align-items:flex-start;flex-direction:column}.community-account-page>header h1{font-size:32px}.community-profile>header{grid-template-columns:1fr;text-align:center}.community-profile>header>img,.community-profile-avatar{margin:auto}.community-profile-stats{display:grid;grid-template-columns:repeat(3,1fr)}.community-profile-stats span{min-width:0}.community-profile-tabs{overflow-x:auto}.community-admin-tabs{overflow-x:auto;flex-wrap:nowrap}.community-admin-tabs a{min-width:max-content}.community-settings-form .form-grid{grid-template-columns:1fr}.community-category-admin-head{align-items:flex-start;flex-direction:column}.community-ban-form{width:100%;flex-wrap:wrap}.community-ban-form input[name="reason"]{flex:1;min-width:160px}.community-notification-bell{display:none}}
@media(max-width:390px){.community-filters{grid-template-columns:1fr}.community-topic-meta span:not(.community-heat):not(.community-category-pill){display:none}.community-topic-side-sticky{grid-template-columns:1fr}.community-profile-stats{gap:6px}.community-profile-stats span{padding:8px}.community-profile-tabs a{padding:9px 12px}.community-topic-actions{grid-template-columns:1fr}}
.community-admin-details{width:100%;margin-top:8px;border-top:1px dashed #d9e5e6;padding-top:8px}.community-admin-details summary{cursor:pointer;color:#0e777c;font-size:11px;font-weight:900}.community-admin-details-grid{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:10px}.community-admin-details form{display:grid;gap:8px}.community-admin-details label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#29484c}.community-admin-details input,.community-admin-details textarea{width:100%;border:1px solid #d8e5e6;border-radius:9px;background:#fff;color:#173a3e;padding:8px 9px}.community-category-delete-form{margin-top:8px}@media(max-width:780px){.community-admin-details-grid{grid-template-columns:1fr}}

/* Saradeeeb v4.6.1 — navigation, submissions, newsletter and admin clarity */
.public-notice-wrap{padding-top:14px}.public-notice{margin:0 auto;max-width:1180px}
.navigation-admin .navigation-table td:first-child{min-width:220px}.navigation-admin .nav-url-preview{display:block;margin-top:4px;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.navigation-admin .custom-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.custom-nav-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface)}.custom-nav-card>strong{display:block;margin-bottom:12px}.custom-nav-card label{display:grid;gap:6px;margin-bottom:10px}.custom-nav-options{display:grid;grid-template-columns:auto 90px auto 90px;align-items:center;gap:8px}.inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-actions form{margin:0}
.send-story-page{padding:58px 0 78px;background:linear-gradient(180deg,#f7fbfb 0,#fff 35%)}.send-story-shell{width:min(100% - 36px,1280px)}.send-story-intro{max-width:820px;margin:0 auto 32px;text-align:center}.send-story-intro h1{font-size:clamp(34px,5vw,62px);margin:8px 0 12px;color:#102c31}.send-story-intro p{font-size:17px;line-height:1.95;color:#5d7376}.send-story-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.send-story-form{padding:26px}.send-story-form label{display:grid;gap:8px;margin-bottom:15px}.send-story-form textarea{min-height:330px;resize:vertical}.send-story-form .story-consent{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.send-story-side{display:grid;gap:16px;position:sticky;top:120px}.send-story-side article{padding:20px;border:1px solid #dce9ea;border-radius:18px;background:#fff;box-shadow:0 15px 45px rgba(27,89,94,.07)}.send-story-side strong{display:block;color:#174c50;margin-bottom:8px}.send-story-side p{margin:0;color:#61767a;line-height:1.8;font-size:13px}
.story-admin-list{display:grid;gap:14px}.story-admin-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--surface)}.story-admin-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.story-admin-head h3{margin:8px 0 5px}.story-admin-head small{color:var(--muted)}.story-admin-head img{width:120px;height:82px;object-fit:cover;border-radius:12px}.story-admin-card details{margin-top:14px}.story-admin-card summary{cursor:pointer;font-weight:800;color:var(--brand)}.story-admin-body{margin-top:12px;padding:15px;border-radius:14px;background:var(--surface-2);line-height:2;white-space:normal}.story-admin-actions{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:14px;align-items:end}.story-admin-actions form:first-child{display:grid;grid-template-columns:170px 1fr auto;gap:10px;align-items:end}
.footer-contact-email{display:flex;align-items:center;gap:9px;margin:14px 0 0;color:var(--site-footer-heading)!important;font-weight:700;font-size:12px;direction:ltr;justify-content:flex-end}.footer-contact-email svg{width:17px;height:17px;fill:none;stroke:var(--site-footer-accent);stroke-width:1.8}.footer-newsletter{margin-top:18px;padding:16px;border-radius:15px;background:color-mix(in srgb,var(--site-footer-accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--site-footer-accent) 20%,transparent)}.footer-newsletter>strong{display:block;color:var(--site-footer-heading);font-size:13px}.footer-newsletter>small{display:block;margin-top:4px;color:var(--site-footer-text);opacity:.82;line-height:1.7}.footer-newsletter form{margin-top:11px}.footer-newsletter-row{display:grid;grid-template-columns:1fr 42px;gap:7px}.footer-newsletter-row input{min-width:0;height:42px;border-radius:10px;border:1px solid color-mix(in srgb,var(--site-footer-text) 22%,transparent);background:rgba(255,255,255,.07);color:var(--site-footer-heading);padding:0 12px}.footer-newsletter-row input::placeholder{color:var(--site-footer-text);opacity:.65}.footer-newsletter-row button{border:0;border-radius:10px;background:var(--site-footer-accent);color:#071519;font-size:20px;cursor:pointer}.footer-newsletter-consent{display:flex;align-items:flex-start;gap:6px;margin-top:8px;color:var(--site-footer-text);font-size:9.5px;line-height:1.55;opacity:.78}.footer-newsletter-consent input{margin-top:3px}
/* Keep random story hidden except during its timed appearance. */
.random-story-card:not(.is-visible):not(.is-changing){pointer-events:none}
@media(max-width:900px){.navigation-admin .custom-nav-grid{grid-template-columns:1fr}.send-story-grid{grid-template-columns:1fr}.send-story-side{position:static}.story-admin-actions,.story-admin-actions form:first-child{grid-template-columns:1fr}.custom-nav-options{grid-template-columns:auto 80px auto 80px}}
@media(max-width:650px){.send-story-page{padding:34px 0 54px}.send-story-shell{width:min(100% - 24px,1280px)}.send-story-form{padding:17px}.send-story-form .form-grid{grid-template-columns:1fr}.send-story-intro{text-align:start}.send-story-intro h1{font-size:38px}.story-admin-head{flex-direction:column}.story-admin-head img{width:100%;height:180px}.navigation-admin .table-wrap{overflow-x:auto}.navigation-admin .navigation-table{min-width:850px}}

/* v4.7 multilingual/editor refinements */
.translation-update-warning{margin:0 0 14px;padding:12px 14px;border:1px solid rgba(217,139,35,.35);border-radius:12px;background:rgba(217,139,35,.08);font-size:.9rem;line-height:1.7}
.error-page .error-search{display:flex;gap:10px;max-width:620px;margin:24px auto;align-items:stretch}
.error-page .error-search input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--border,#dce5e6);border-radius:10px;background:var(--surface,#fff);color:inherit}
.error-latest{max-width:760px;margin:34px auto 0;text-align:start}.error-latest h2{font-size:1rem;margin:0 0 12px}.error-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.error-latest-grid a{display:block;padding:12px 14px;border:1px solid var(--border,#dce5e6);border-radius:12px;text-decoration:none;color:inherit;background:var(--surface,#fff)}
@media(max-width:640px){.error-page .error-search{flex-direction:column}.error-latest-grid{grid-template-columns:1fr}}

/* Saradeeeb 404 identity page — v4.7.1 */
.error-page-saradeeeb{min-height:calc(100vh - 170px);display:flex;align-items:center;padding:32px 0 56px;text-align:center;background:linear-gradient(180deg,rgba(247,249,249,.96),rgba(243,247,247,.98));color:#fff}
.error-page-saradeeeb .container{width:min(1268px,calc(100% - 38px))}
.error-identity-card{position:relative;overflow:hidden;min-height:700px;padding:64px 70px 32px;border-radius:30px;background:radial-gradient(circle at 50% 10%,rgba(44,150,155,.16),transparent 36%),linear-gradient(150deg,#15383b 0%,#0e2529 47%,#0a171c 100%);border:1px solid rgba(52,126,131,.26);box-shadow:0 22px 70px rgba(9,39,42,.16);display:flex;flex-direction:column;align-items:center;justify-content:center}
.error-identity-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 5%,rgba(92,197,201,.05) 44%,transparent 68%);pointer-events:none}
.error-code{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:12px;font-weight:950;line-height:.9;direction:ltr}
.error-code-four{font-size:clamp(112px,11vw,170px);letter-spacing:-8px;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.04)}
.error-code-zero{width:clamp(110px,9vw,145px);height:clamp(110px,9vw,145px);border:11px solid #47b8bc;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 34px rgba(72,188,192,.05)}
.error-code-zero:after{content:"";position:absolute;inset:9px;border-radius:50%;background:rgba(3,28,31,.22)}
.error-code-zero i{position:absolute;z-index:2;bottom:20px;width:14px;height:28px;border-radius:999px;background:#65e2e0;box-shadow:0 0 16px rgba(101,226,224,.78)}
.error-eyebrow{position:relative;z-index:1;margin:4px 0 12px;color:#67d8dc!important;font-size:16px;font-weight:850}
.error-page-saradeeeb h1{position:relative;z-index:1;max-width:800px;margin:0 auto 20px;font-size:clamp(34px,4.2vw,58px);line-height:1.28;letter-spacing:-1.8px;color:#fff}
.error-description{position:relative;z-index:1;max-width:850px;margin:0 auto!important;color:#d5e0e1!important;font-size:17px;line-height:1.9}
.error-search-identity{position:relative;z-index:1;width:min(700px,100%);max-width:none!important;margin:28px auto 22px!important;padding:8px;border-radius:15px;background:#fff;gap:8px!important;box-shadow:0 14px 35px rgba(0,0,0,.13);direction:rtl}
.error-page-saradeeeb .error-search-identity input{height:52px;border:0!important;background:#fff!important;color:#33484b!important;padding:0 18px!important;border-radius:10px!important;outline:0;box-shadow:none!important;text-align:start}
.error-page-saradeeeb .error-search-identity input::placeholder{color:#79888a}
.error-search-identity button{min-width:108px;border:0;border-radius:11px;background:#157176;color:#fff;padding:0 22px;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.error-search-identity button:hover{background:#1b858a;transform:translateY(-1px);box-shadow:0 8px 20px rgba(21,113,118,.28)}
.error-actions-identity{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px;flex-wrap:wrap}
.error-btn{min-width:160px;min-height:58px;padding:14px 22px;border-radius:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;transition:.2s;border:1px solid rgba(255,255,255,.25)}
.error-btn-primary{background:#4bb8bc;color:#062326;border-color:#4bb8bc}
.error-btn-primary:hover{background:#5cc9cd;transform:translateY(-2px)}
.error-btn-secondary{background:transparent;color:#fff}
.error-btn-secondary:hover{border-color:#57cbd0;background:rgba(82,192,196,.08);transform:translateY(-2px)}
.error-discover{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:#c1d0d1}
.error-discover>span{color:#92a9ab}
.error-discover a{color:#e1eeee;border-bottom:1px dotted rgba(105,213,217,.55);padding-bottom:2px;transition:.18s}
.error-discover a:hover{color:#6ad9dd;border-bottom-color:#6ad9dd}
html[dir="ltr"] .error-search-identity{direction:ltr}
@media(max-width:760px){
 .error-page-saradeeeb{padding:14px 0 28px;min-height:auto}
 .error-page-saradeeeb .container{width:min(100% - 20px,1268px)}
 .error-identity-card{min-height:620px;padding:48px 20px 28px;border-radius:22px}
 .error-code{gap:9px;margin-bottom:15px}
 .error-code-four{font-size:clamp(82px,27vw,118px);letter-spacing:-5px}
 .error-code-zero{width:clamp(82px,23vw,105px);height:clamp(82px,23vw,105px);border-width:8px}
 .error-code-zero i{width:11px;height:22px;bottom:14px}
 .error-eyebrow{font-size:13px;margin-bottom:11px}
 .error-page-saradeeeb h1{font-size:clamp(29px,8.7vw,40px);line-height:1.35;letter-spacing:-1px;margin-bottom:14px}
 .error-description{font-size:14px;line-height:1.85}
 .error-search-identity{width:100%;margin:23px 0 18px!important;padding:6px;display:flex!important;flex-direction:row!important}
 .error-page-saradeeeb .error-search-identity input{height:48px;padding:0 12px!important;font-size:14px}
 .error-search-identity button{min-width:78px;padding:0 14px;font-size:13px}
 .error-actions-identity{width:100%;gap:10px}
 .error-btn{flex:1;min-width:0;min-height:52px;padding:12px 10px;font-size:14px}
 .error-discover{gap:11px;margin-top:25px;font-size:12px;line-height:1.8}
}
@media(max-width:390px){
 .error-identity-card{padding-inline:15px}
 .error-code-four{font-size:78px}
 .error-code-zero{width:76px;height:76px}
 .error-actions-identity{flex-direction:column}
 .error-btn{width:100%}
}


/* v4.8 control center, mobile header, media and custom navigation */
.translation-center{scroll-margin-top:22px}.translation-locale-switch{display:flex;flex-wrap:wrap;gap:7px}.translation-locale-switch a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:12px;font-weight:800}.translation-locale-switch a.active{background:var(--brand);color:#fff;border-color:var(--brand)}.translation-group{border:1px solid var(--line);border-radius:16px;margin:12px 0;overflow:hidden;background:var(--surface)}.translation-group summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 17px;background:var(--surface-2)}.translation-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:16px}.translation-field{display:grid;gap:6px}.translation-field>span{font-weight:800}.translation-field small{color:var(--muted);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-admin-card.is-editing{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);background:color-mix(in srgb,var(--brand) 4%,#fff)}

.custom-nav-button{--nav-btn-bg:#157176;--nav-btn-text:#fff;--nav-btn-hover:#0f5f63;--nav-btn-border:#157176;--nav-btn-radius:10px!important;background:var(--nav-btn-bg)!important;color:var(--nav-btn-text)!important;border:1px solid var(--nav-btn-border)!important;border-radius:var(--nav-btn-radius)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--nav-btn-bg) 18%,transparent);padding-inline:15px!important}.custom-nav-button:hover{background:var(--nav-btn-hover)!important;color:var(--nav-btn-text)!important;transform:translateY(-1px)}.nav-size-sm{font-size:12px!important;min-height:36px!important}.nav-size-md{min-height:42px!important}.nav-size-lg{min-height:48px!important;padding-inline:20px!important}.nav-mobile-only{display:none!important}.nav-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.nav-style-grid label{font-size:11px}.nav-style-grid input[type=color]{height:40px;padding:3px}.nav-custom-main{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-custom-card-head{display:flex;justify-content:space-between;gap:10px}.nav-custom-card-head span{color:var(--muted);font-size:12px}

.media-toolbar-pro{display:grid;grid-template-columns:minmax(240px,1fr) 150px 150px auto;gap:9px}.media-view-switch{display:flex;gap:5px;padding:4px;background:var(--surface-2);border-radius:11px}.media-view-switch button{border:0;background:transparent;padding:8px 12px;border-radius:8px;cursor:pointer}.media-view-switch button.active{background:var(--brand);color:#fff}.media-drop-zone{display:flex;min-height:175px;border:2px dashed color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--brand) 3%,var(--surface));align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px;cursor:pointer;transition:.18s}.media-drop-zone.is-dragging{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface));transform:scale(.997)}.media-drop-zone input{position:absolute;opacity:0;pointer-events:none}.media-drop-zone strong{font-size:17px}.media-drop-zone span,.media-drop-zone em{margin-top:6px;color:var(--muted);font-style:normal;font-size:12px}.media-single-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:12px;align-items:end}.media-bulk-bar{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.media-card-preview{position:relative}.media-select{position:absolute;z-index:3;top:10px;inset-inline-start:10px}.media-select input{width:20px;height:20px}.media-used-badge{position:absolute;top:10px;inset-inline-end:10px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#fff}.media-used-badge.used{color:#176a50}.media-used-badge.unused{color:#8a5a18}.media-preview-btn{position:absolute;bottom:9px;inset-inline-end:9px;border:0;border-radius:8px;padding:6px 9px;background:rgba(7,25,29,.82);color:#fff;cursor:pointer}.media-path-row{display:grid;grid-template-columns:1fr auto;gap:5px}.media-path-row button{border:1px solid var(--line);border-radius:8px;background:var(--surface-2);cursor:pointer}.media-meta-form label{display:grid;gap:4px;font-size:11px}.media-library-grid.is-list{grid-template-columns:1fr}.media-library-grid.is-list .media-pro-card{display:grid;grid-template-columns:220px 1fr}.media-library-grid.is-list .media-card-preview>img{height:100%;min-height:210px;aspect-ratio:auto}.media-preview-modal,.media-picker-modal{position:fixed;z-index:10000;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:24px}.media-preview-modal[hidden],.media-picker-modal[hidden]{display:none}.media-preview-modal>img{max-width:min(1100px,88vw);max-height:80vh;border-radius:15px;box-shadow:0 25px 90px rgba(0,0,0,.4)}.media-preview-modal>strong{position:fixed;bottom:28px;color:#fff}.media-preview-modal>button{position:fixed;top:24px;right:24px;width:44px;height:44px;border-radius:50%;border:0;font-size:30px}.media-picker-dialog{width:min(1050px,94vw);max-height:88vh;overflow:auto;background:var(--surface);border-radius:20px;padding:18px}.media-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.media-picker-grid button{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden;padding:0;cursor:pointer;text-align:start}.media-picker-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.media-picker-grid span{display:block;padding:8px;font-size:11px}.media-picker-selection{margin-top:8px;padding:9px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px}.media-picker-selection:has(img){display:flex;align-items:center;gap:8px;color:inherit}.media-picker-selection img{width:55px;height:42px;object-fit:cover;border-radius:7px}

.security-score{padding:8px 12px;border-radius:999px;background:#e7f7ef;color:#176a50;font-size:11px;font-weight:900}.security-master{margin-bottom:14px;padding:15px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.foundation-grid span{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-weight:800;font-size:12px}.links-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.links-stats>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.links-stats strong{display:block;font-size:28px;color:var(--brand)}.links-stats span{color:var(--muted);font-size:12px}

/* Mobile header is treated as a first-class interface, not a compressed desktop header. */
@media(max-width:900px){
 .site-header-v45{--mobile-header-height:68px;min-height:var(--mobile-header-height)}.header-v45-inner{min-height:var(--mobile-header-height)!important;padding:8px 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important}.header-brand-v45{min-width:0;max-width:58vw}.header-brand-v45 .brand-logo{max-width:100%;height:min(var(--brand-logo-height),48px)!important;object-fit:contain}.header-actions-v45{gap:7px!important}.header-actions-v45 .mini-search-v45,.header-socials-v45,.main-nav-v45{display:none!important}.menu-btn-v45,.theme-toggle-pro,.community-notification-bell{width:42px!important;height:42px!important;border-radius:12px!important}.mobile-drawer-v45{width:min(92vw,390px)!important;background:var(--drawer-bg)!important;color:var(--drawer-text)!important;box-shadow:-24px 0 70px rgba(7,30,34,.2);padding-bottom:max(18px,env(safe-area-inset-bottom))}.mobile-drawer-head{min-height:70px;padding:15px 17px!important;border-bottom:1px solid color-mix(in srgb,var(--drawer-text) 12%,transparent)}.mobile-nav-search-v45{margin:13px 15px!important;border-radius:13px!important;box-shadow:0 5px 18px rgba(20,70,74,.06)}.mobile-nav-list-v45{padding:4px 12px 12px!important;display:grid;gap:6px}.mobile-nav-list-v45>a,.mobile-accordion>button{min-height:50px!important;border-radius:12px!important;padding:10px 12px!important;font-size:14px!important}.mobile-nav-list-v45>a:hover,.mobile-accordion>button:hover{background:color-mix(in srgb,var(--brand) 8%,transparent)}.mobile-nav-list-v45 .custom-nav-button{margin-top:4px;justify-content:center!important}.nav-desktop-only{display:none!important}.nav-mobile-only{display:flex!important}.mobile-community-account{margin:0 14px 10px!important;padding:10px!important;border-radius:14px!important;background:color-mix(in srgb,var(--brand) 5%,transparent)}
 .translation-field-grid{grid-template-columns:1fr}.nav-style-grid,.nav-custom-main{grid-template-columns:1fr 1fr}.media-toolbar-pro{grid-template-columns:1fr 1fr}.media-toolbar-pro input{grid-column:1/-1}.media-single-meta{grid-template-columns:1fr}.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-library-grid.is-list .media-pro-card{grid-template-columns:150px 1fr}.foundation-grid,.links-stats{grid-template-columns:1fr}.media-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:901px){.nav-desktop-only{display:flex!important}.nav-mobile-only{display:none!important}}
@media(max-width:560px){.header-brand-v45{max-width:52vw}.header-actions-v45 .community-notification-bell{display:none}.mobile-drawer-v45{width:100vw!important;max-width:100vw!important}.nav-style-grid,.nav-custom-main,.media-toolbar-pro{grid-template-columns:1fr}.media-library-grid{grid-template-columns:1fr}.media-library-grid.is-list .media-pro-card{grid-template-columns:110px 1fr}.media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.translation-locale-switch{max-width:100%;overflow:auto;flex-wrap:nowrap}.translation-locale-switch a{white-space:nowrap}}
/* v4.8 translated custom navigation controls */
.nav-label-translations{margin:14px 0;padding:14px;border:1px solid var(--border,#dce6e7);border-radius:14px;background:rgba(21,113,118,.035)}
.nav-label-translations>strong{display:block;margin-bottom:10px}.translation-inline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.translation-inline-grid label span{display:flex;gap:6px;align-items:center;font-weight:700;margin-bottom:5px}.translation-inline-grid small{opacity:.55;font-size:.72rem}.media-delete-form{margin-top:8px}.media-delete-form .btn{width:100%}
/* v4.8 language translation workspace */
.translation-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,.8fr);gap:18px;align-items:end;margin:0 0 18px;padding:14px 16px;border:1px solid var(--border,#dce6e7);border-radius:16px;background:rgba(21,113,118,.035)}.translation-toolbar label{margin:0}.translation-progress{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.translation-progress>div{height:9px;overflow:hidden;border-radius:999px;background:#dce8e9}.translation-progress i{display:block;height:100%;background:var(--primary,#157176);border-radius:inherit}.translation-progress strong{font-size:.85rem}.translation-field[hidden],.translation-group[hidden]{display:none!important}@media(max-width:720px){.translation-toolbar{grid-template-columns:1fr}.translation-progress{grid-template-columns:auto 1fr auto}}
/* v4.8 link integrity */
.links-stats-four{grid-template-columns:repeat(4,minmax(0,1fr))}.links-stats .has-warning strong{color:#b56b00}.links-stats .is-good strong{color:#16805a}.link-audit-state{padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900}.link-audit-state.ok{background:#e7f7ef;color:#176a50}.link-audit-state.warn{background:#fff1d6;color:#855800}.empty-state.compact{padding:20px;text-align:center;border:1px dashed var(--line);border-radius:14px;background:var(--surface-2)}@media(max-width:900px){.links-stats-four{grid-template-columns:1fr 1fr}}@media(max-width:520px){.links-stats-four{grid-template-columns:1fr}}
/* Writer professional profile / CV */
.author-cv-hero{padding:48px 0 30px;background:linear-gradient(180deg,var(--surface,#fff),transparent)}.author-cv-hero-inner{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center}.author-cv-avatar{width:120px;height:120px;border-radius:28px;overflow:hidden;background:var(--primary,#222);display:grid;place-items:center;font-size:42px;font-weight:800}.author-cv-avatar img{width:100%;height:100%;object-fit:cover}.author-cv-avatar span{color:#fff}.author-cv-kicker{font-size:.82rem;font-weight:800;opacity:.65}.author-cv-intro h1{margin:.2rem 0;font-size:clamp(2rem,4vw,3.5rem)}.author-cv-intro h2{margin:.2rem 0 .6rem;font-size:1.1rem;font-weight:650;opacity:.8}.author-cv-intro p{max-width:760px;line-height:1.9}.author-cv-location{font-size:.9rem}.author-cv-actions{display:flex;gap:10px;flex-wrap:wrap}.author-cv-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;padding-top:20px;padding-bottom:40px}.author-cv-section{background:var(--surface,#fff);border:1px solid rgba(127,127,127,.16);border-radius:18px;padding:22px;margin-bottom:18px}.author-cv-section h2{font-size:1.12rem;margin:0 0 16px}.author-cv-list{display:grid;gap:10px}.author-cv-item{padding:12px 14px;border-inline-start:3px solid var(--accent,#e75b25);background:rgba(127,127,127,.05);border-radius:8px;line-height:1.7}.author-cv-tags{display:flex;flex-wrap:wrap;gap:8px}.author-cv-tags span{padding:7px 11px;border-radius:999px;background:rgba(127,127,127,.09);font-size:.9rem}.author-cv-links{display:grid;gap:9px}.author-cv-links a{text-decoration:none;font-weight:700}.author-cv-articles{padding-top:10px}.writer-profile-editor .panel-head{align-items:flex-start}.writer-profile-editor textarea{resize:vertical}@media(max-width:780px){.author-cv-hero-inner{grid-template-columns:82px 1fr}.author-cv-avatar{width:82px;height:82px;border-radius:20px}.author-cv-actions{grid-column:1/-1}.author-cv-layout{grid-template-columns:1fr}}@media print{header,footer,.author-cv-actions,.author-cv-articles,.site-header,.site-footer{display:none!important}.author-cv-hero{padding-top:0}.author-cv-layout{grid-template-columns:2fr 1fr}.author-cv-section{break-inside:avoid;box-shadow:none}.author-cv-hero,.author-cv-section{background:#fff!important;color:#111!important}}
/* v5.0 article comments */
.article-comments-section{padding:32px 0 56px}.comments-container{max-width:900px}.comments-heading{margin-bottom:22px}.comments-heading>span{font-size:.78rem;font-weight:800;color:var(--primary,#f05a28)}.comments-heading h2{margin:5px 0}.comments-heading h2 small{font-size:.75em;opacity:.55}.comments-heading p{opacity:.7}.comments-list{display:grid;gap:14px}.article-comment{display:flex;gap:12px;padding:18px;border:1px solid rgba(127,127,127,.18);border-radius:16px;background:var(--surface,#fff)}.article-comment-reply{margin-top:12px;background:rgba(127,127,127,.04)}.comment-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:rgba(240,90,40,.12);font-weight:900}.comment-main{min-width:0;flex:1}.comment-main header{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.comment-main time{font-size:.78rem;opacity:.55}.comment-main p{white-space:normal;line-height:1.85}.comment-reply-btn{border:0;background:none;color:var(--primary,#f05a28);font-weight:800;cursor:pointer}.comment-children{margin-top:12px}.comments-empty{padding:24px;text-align:center;border:1px dashed rgba(127,127,127,.3);border-radius:16px;opacity:.7}.comment-form{margin-top:22px;padding:22px;border-radius:18px;background:rgba(127,127,127,.055);display:grid;gap:14px}.comment-form label{display:grid;gap:7px;font-weight:700}.comment-form input,.comment-form textarea{width:100%;padding:12px 14px;border:1px solid rgba(127,127,127,.25);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit}.comment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comment-hp{position:absolute!important;left:-99999px!important}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.admin-tabs a{padding:9px 12px;border-radius:10px;background:rgba(127,127,127,.08);text-decoration:none}.admin-tabs a.active{background:rgba(240,90,40,.14);font-weight:800}.admin-tabs b{margin-inline-start:6px}.comment-admin-list{display:grid;gap:12px;margin-bottom:24px}.admin-comment-card{padding:18px;border-radius:14px;background:#fff;border:1px solid #e7e9ec}.admin-comment-card header,.admin-comment-card footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.admin-comment-card header div{display:grid}.admin-comment-card small{color:#778}.admin-comment-card p{line-height:1.8}.comment-actions{display:flex;gap:6px;flex-wrap:wrap}.comment-actions form{margin:0}.comment-actions button{border:1px solid #dde1e5;background:#fff;border-radius:8px;padding:7px 9px;cursor:pointer}.comment-actions .danger{color:#b42318}.status-pill{font-size:.75rem;padding:5px 8px;border-radius:999px;background:#f1f3f5}@media(max-width:700px){.comment-grid{grid-template-columns:1fr}.admin-comment-card header,.admin-comment-card footer{align-items:flex-start;flex-direction:column}}
/* Saradeeeb v6 — Writer Studio, sharing, editorial messaging */
.avatar-upload-form{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.account-avatar-image{width:92px;height:92px;border-radius:24px;object-fit:cover;border:1px solid #e4ddd4}.account-avatar-image.fallback{display:grid;place-items:center;background:#172326;color:#fff;font-size:30px;font-weight:900}.editorial-shell{display:grid;grid-template-columns:330px 1fr;gap:16px}.editorial-list,.editorial-chat{min-height:650px}.new-thread{margin-bottom:14px}.new-thread summary{list-style:none;text-align:center}.thread-list{display:grid;gap:7px}.thread-item{position:relative;display:grid;gap:3px;padding:12px;border:1px solid #e7e0d8;border-radius:13px;color:inherit;text-decoration:none}.thread-item.active{border-color:#ef642f;background:#fff6f1}.thread-item span,.thread-item small{color:#777;font-size:11px}.unread-badge{position:absolute;left:10px;top:10px;background:#ef642f;color:#fff;border-radius:20px;padding:2px 7px;font-size:10px}.chat-stream{height:460px;overflow:auto;padding:12px;background:#f6f3ee;border-radius:16px;display:flex;flex-direction:column;gap:10px}.chat-message{max-width:75%;padding:10px 13px;border-radius:15px;background:#fff;border:1px solid #e6ded5}.chat-message.mine{align-self:flex-start;background:#172326;color:#fff;border-color:#172326}.chat-message p{margin:5px 0;font-size:13px}.chat-message small{opacity:.65;font-size:9px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}.chat-compose textarea{width:100%}.share-workspace{display:grid;grid-template-columns:250px 1fr;gap:18px}.share-controls{display:grid;align-content:start;gap:10px}.share-size-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.share-size-buttons button{border:1px solid #ddd5cb;background:#fff;padding:9px;border-radius:9px}.share-size-buttons button.active{border-color:#ef642f;background:#fff2ec;color:#b8471f}.brand-lock{padding:11px;background:#f7f3ed;border-radius:11px;font-size:11px}.share-preview{min-height:650px;background:#e9e3db;border-radius:18px;display:grid;place-items:center;overflow:auto;padding:24px}.writer-share-card{position:relative;overflow:hidden;width:400px;height:500px;padding:24px;border-radius:26px;background:radial-gradient(circle at 10% 5%,#405356,#1c292c 38%,#10181a);color:#fff;box-shadow:0 25px 60px #0002}.writer-share-card header{display:flex;justify-content:space-between;align-items:center}.share-brand{display:flex;gap:7px;align-items:center}.share-brand span{width:30px;height:30px;border-radius:9px 9px 9px 3px;background:#ef642f;display:grid;place-items:center;font-weight:900}.writer-share-card header em{font-size:9px;font-style:normal;border:1px solid #ffffff28;padding:5px 8px;border-radius:20px}.share-person{text-align:center;margin-top:26px}.share-person img,.share-avatar{width:94px;height:94px;border-radius:25px;object-fit:cover;margin:auto}.share-avatar{display:grid;place-items:center;background:#657477;font-size:28px;font-weight:900}.share-person h3{font-size:22px;margin:9px 0 0}.share-person p{font-size:10px;color:#c3cccc}.share-person strong{font-size:8px;background:#ef642f;padding:4px 9px;border-radius:20px}.share-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;border-block:1px solid #ffffff18;margin:16px 0;padding:10px}.share-stats b,.share-stats span{display:block}.share-stats span{font-size:7px;color:#aab5b6}.share-qr{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center;background:#ffffff0b;border-radius:14px;padding:9px}.share-qr img{width:80px;height:80px;background:#fff;border-radius:8px}.share-qr small{display:block;color:#aeb8b9;font-size:8px}.writer-share-card footer{position:absolute;bottom:16px;right:24px;left:24px;border-top:1px solid #ffffff15;padding-top:9px;display:flex;justify-content:space-between;font-size:8px}.writer-share-card.square{width:470px;height:470px}.writer-share-card.story{width:330px;height:586px}.writer-share-card.business{width:580px;height:330px}.writer-share-card.cover{width:600px;height:315px}.writer-share-card.a4{width:400px;height:566px}
@media(max-width:800px){.editorial-shell,.share-workspace{grid-template-columns:1fr}.editorial-list,.editorial-chat{min-height:auto}.chat-stream{height:420px}.share-preview{justify-content:start;min-height:560px}.writer-share-card{transform:scale(.82);transform-origin:center}.chat-compose{grid-template-columns:1fr}.share-controls{position:static}}
/* Saradeeeb Admin PWA mobile home */
.admin-mobile-app{max-width:980px;margin:auto;padding-bottom:84px}.mobile-app-hero{background:#172326;color:#fff;border-radius:22px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.mobile-app-hero span{color:#ff6b35;font-weight:800}.mobile-app-hero h2{margin:5px 0;font-size:clamp(22px,5vw,34px)}.mobile-app-hero p{margin:0;color:#cbd4d1}.mobile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.mobile-stat-grid a{background:#fff;border:1px solid #e7e2da;border-radius:18px;padding:16px;text-decoration:none;color:#172326;box-shadow:0 7px 24px rgba(23,35,38,.05)}.mobile-stat-grid strong{display:block;font-size:26px}.mobile-stat-grid span{font-size:13px;color:#65716e}.mobile-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.mobile-quick-actions a{background:#fff;border:1px solid #e7e2da;border-radius:18px;padding:17px;text-decoration:none;color:#172326;font-size:20px}.mobile-quick-actions b,.mobile-quick-actions small{display:block;font-size:14px;margin-top:5px}.mobile-quick-actions small{color:#77817f;font-weight:400}.mobile-app-section{background:#fff;border:1px solid #e7e2da;border-radius:20px;padding:16px;margin:14px 0}.mobile-review-list>a,.mobile-notification-list>a{display:flex;justify-content:space-between;gap:12px;padding:13px 4px;border-top:1px solid #eee9e2;text-decoration:none;color:#172326}.mobile-review-list>a:first-child,.mobile-notification-list>a:first-child{border-top:0}.mobile-review-list small,.mobile-notification-list small{display:block;color:#7b8582;margin-top:4px}.mobile-notification-list>a{display:block}.mobile-notification-list p{margin:4px 0;color:#56615e}.admin-app-bottom{display:none}
@media(max-width:760px){body:has(.admin-mobile-app) .sidebar,body:has(.admin-mobile-app) .dash-top{display:none}body:has(.admin-mobile-app) .dashboard-main{margin:0!important;width:100%!important}body:has(.admin-mobile-app) .dashboard-content{padding:14px 12px 95px!important}.mobile-app-hero{border-radius:18px;padding:19px;align-items:flex-start;flex-direction:column}.mobile-stat-grid{grid-template-columns:repeat(2,1fr)}.mobile-quick-actions{grid-template-columns:1fr 1fr}.admin-app-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;right:0;left:0;z-index:50;background:#fff;border-top:1px solid #e5dfd7;padding:8px 5px max(8px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(23,35,38,.08)}.admin-app-bottom a{text-decoration:none;color:#687370;text-align:center;font-size:20px}.admin-app-bottom span{display:block;font-size:10px;margin-top:2px}.admin-app-bottom .active{color:#e85826}.mobile-review-list>a{align-items:center}}

/* v6.1.1 writer CTA */
.header-writer-cta,.mobile-writer-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff!important;text-decoration:none;border-radius:10px;padding:.62rem 1rem;font-weight:800;white-space:nowrap}.header-writer-cta:hover{filter:brightness(.92);transform:translateY(-1px)}.mobile-writer-cta{margin:14px;width:calc(100% - 28px);padding:.85rem}
/* v6.2 premium share cards + page builder */
.share-card-3d{isolation:isolate;background:linear-gradient(145deg,#17383b 0%,#0c292d 42%,#071b1e 100%)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 38px 90px rgba(3,28,31,.35),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -30px 80px rgba(0,0,0,.18)!important;transform:perspective(1100px) rotateX(1.2deg) rotateY(-1.2deg);transition:.35s}.share-card-3d:before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.07);pointer-events:none}.card-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(21,113,118,.35);filter:blur(70px);top:-120px;right:-90px;z-index:-1}.card-shine{position:absolute;inset:-50% -30%;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.08) 49%,transparent 55%);transform:rotate(8deg);pointer-events:none}.share-card-3d .share-person img,.share-card-3d .share-avatar{border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.2)}.share-card-3d .share-qr{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 32px rgba(0,0,0,.16)}.share-card-3d .share-brand span,.share-card-3d #share-badge{background:#157176!important}.page-builder-pro .page-builder-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#eef6f6;border:1px solid #cbdedf;border-bottom:0;border-radius:14px 14px 0 0}.page-builder-toolbar button,.page-builder-toolbar select{width:auto!important;padding:7px 9px!important;border:1px solid #c9d9db!important;border-radius:8px!important;background:#fff!important;color:#21464a!important}.page-canvas{min-height:520px;border-radius:0 0 14px 14px!important;padding:28px!important;font-size:17px;line-height:2}.builder-title-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.builder-media{margin-top:16px;border:1px solid #d5e2e3;border-radius:14px;padding:12px}.builder-media-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.builder-media-head span{font-size:11px;color:#6f8588}.builder-media-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-height:230px;overflow:auto}.builder-media-grid button{border:1px solid #d9e4e5;background:#fff;border-radius:10px;padding:5px;cursor:pointer}.builder-media-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.builder-media-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;margin-top:4px}.builder-tip{margin-top:14px;padding:12px;border-radius:12px;background:#eef7f7}.builder-tip p{font-size:12px;margin:4px 0}.page-featured-image{margin-top:22px;max-height:430px;width:100%;object-fit:cover;border-radius:22px}@media(max-width:800px){.builder-title-grid{grid-template-columns:1fr}.builder-media-grid{grid-template-columns:repeat(3,1fr)}}

/* ===== Saradeeeb v6.3 writer identity / editorial / awards ===== */
.writer-badge{display:inline-grid;place-items:center;vertical-align:middle;margin-inline-start:6px;width:19px;height:19px;border-radius:50%;font-size:11px;font-weight:900;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.writer-badge-verified{background:#f2eee6;color:#172126;border:1px solid #c9c4b8}
.writer-badge-honored{background:#2fbf71;color:#fff;border:1px solid #23a65f;box-shadow:0 0 0 3px rgba(47,191,113,.12)}
.green-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 3px rgba(47,191,113,.12);margin-inline-end:6px}
.writer-admin-badges{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid var(--line,#dbe4e4);border-radius:12px;background:rgba(255,255,255,.55)}
.writer-username-box{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:center;padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(21,113,118,.09),rgba(243,107,33,.07));border:1px solid rgba(21,113,118,.18)}
.writer-username-box p{margin:6px 0 0;color:var(--muted,#68787b);font-size:13px}.writer-username-box b{direction:ltr;unicode-bidi:plaintext}.writer-username-box small.available{color:#17884a}.writer-username-box small.unavailable{color:#b53a32}.writer-username-box small.checking{color:#a86a18}

.article-filter-bar{display:grid;grid-template-columns:minmax(240px,1.8fr) repeat(4,minmax(140px,1fr)) auto auto;gap:10px;align-items:center;margin:0 0 18px;padding:14px;border-radius:16px;background:#f6f8f8;border:1px solid #e0e8e8}.article-filter-bar input,.article-filter-bar select{width:100%;height:44px;border:1px solid #d6e0e1;border-radius:11px;background:white;padding:0 12px}.article-search{position:relative}.article-search span{position:absolute;inset-inline-start:12px;top:10px;font-size:20px;color:#789}.article-search input{padding-inline-start:38px}

.editorial-pro{align-items:stretch}.editorial-pro .editorial-list,.editorial-pro .editorial-chat{min-height:680px}.thread-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rich-message-form{gap:10px}.rich-message-editor{border:1px solid #d6e1e1;border-radius:14px;background:#fff;overflow:hidden}.rich-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #e4ebeb;background:#f7f9f9}.rich-toolbar button{border:1px solid #d8e0e0;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;color:#20383b}.rich-toolbar button:hover{border-color:#157176;color:#157176}.rich-surface{min-height:110px;padding:13px;outline:none;line-height:1.8}.rich-surface:empty:before{content:attr(data-placeholder);color:#9aa7a8}.editorial-attach{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px dashed #bccdce;border-radius:11px;cursor:pointer;background:#fbfdfd}.editorial-attach input{max-width:100%}.editorial-attach small{color:#7a8889}.editorial-attach.mini{display:inline-flex;width:auto;padding:8px 11px}.editorial-attach.mini input{display:none}.chat-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.chat-message{max-width:78%;border-radius:18px;padding:13px 15px;box-shadow:0 7px 18px rgba(23,48,50,.06)}.chat-message.mine{margin-inline-start:auto;background:#eaf7f5;border:1px solid #cde7e3}.chat-message.theirs{margin-inline-end:auto;background:#fff;border:1px solid #e2e9e9}.chat-message-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.chat-message-head img,.chat-message-head span{width:28px;height:28px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#143f43;color:white;font-weight:800}.chat-rich-body{line-height:1.8;overflow-wrap:anywhere}.chat-rich-body p{margin:.35em 0}.chat-rich-body a{color:#0d7077;text-decoration:underline}.chat-attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.chat-image-attachment{display:block;border-radius:12px;overflow:hidden;border:1px solid #dce6e6;background:#eef3f3}.chat-image-attachment img{display:block;width:100%;max-height:260px;object-fit:cover}.chat-file-attachment{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #dce6e6;border-radius:10px;background:#f7f9f9}.chat-file-attachment span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file-attachment small,.chat-time{color:#849192}.chat-stream{scroll-behavior:smooth}

.writer-award-card-3d{position:relative;overflow:hidden;border-radius:24px;padding:24px;background:linear-gradient(135deg,#0f191b,#172b2e 58%,#102123);color:#eef7f7;box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);transform:translateZ(0)}.writer-award-card-3d:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(243,107,33,.22),transparent 68%);top:-110px;inset-inline-end:-70px}.writer-award-card-3d:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.08);border-radius:19px;pointer-events:none}.writer-award-shine{position:absolute;inset:-100% auto auto -30%;width:40%;height:300%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.writer-award-brand,.writer-award-body{position:relative;z-index:1}.writer-award-brand{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.writer-award-brand b{font-size:20px}.writer-award-brand span{font-size:12px;color:#9ec0c3}.writer-award-body{padding-top:18px}.writer-award-card-3d .writer-thank-kicker{color:#54d188}.writer-award-card-3d h3{margin:7px 0;font-size:24px}.writer-award-card-3d p{color:#c8dbdc;line-height:1.8}.writer-award-card-3d a{color:#ff8b4a;font-weight:800}
.author-awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.author-award-mini{position:relative;overflow:hidden;padding:20px;border-radius:18px;background:linear-gradient(145deg,#102022,#173438);color:white;box-shadow:0 18px 35px rgba(8,30,32,.12)}.author-award-mini:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(47,191,113,.15);inset-inline-end:-40px;top:-40px}.author-award-mini span{color:#55d68c;font-size:12px}.author-award-mini h3{margin:8px 0}.author-award-mini p{color:#c8dbdc;line-height:1.7}.author-award-mini small{color:#93aeb0}

.writer-award-admin .award-builder-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px}.award-builder-form{display:flex;flex-direction:column;gap:13px}.award-builder-form label{display:flex;flex-direction:column;gap:7px;font-weight:700}.award-builder-form input,.award-builder-form select,.award-builder-form textarea{width:100%;border:1px solid #d7e0e0;border-radius:11px;padding:10px 12px;background:white}.award-switches{display:flex;flex-direction:column;gap:6px}.award-preview-zone{min-width:0}.award-format-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.award-format-bar button{border:1px solid #d8e1e1;background:#fff;border-radius:9px;padding:8px 13px;cursor:pointer}.award-format-bar button.active{border-color:#f36b21;box-shadow:0 0 0 1px #f36b21 inset;color:#b3480e}.award-stage{min-height:600px;border-radius:20px;background:radial-gradient(circle at 50% 35%,#182628,#0b1112 67%);display:grid;place-items:center;padding:28px;overflow:auto}.award-card-pro{position:relative;width:min(100%,650px);aspect-ratio:4/5;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,#f6efe1 0%,#e7ddc9 54%,#f8f2e8 100%);color:#172022;box-shadow:0 45px 100px rgba(0,0,0,.48),0 12px 30px rgba(0,0,0,.28),inset 0 2px rgba(255,255,255,.8);padding:34px;transform:perspective(1200px) rotateX(1.6deg) rotateY(-2.2deg);transform-style:preserve-3d}.award-card-pro.square{aspect-ratio:1}.award-card-pro.story{aspect-ratio:9/16;max-width:430px}.award-card-pro.cover{aspect-ratio:1.9/1;max-width:760px}.award-card-pro:before{content:"";position:absolute;inset:10px;border-radius:26px;border:1px solid rgba(21,55,58,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.award-card-depth{position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.34) 50%,transparent 60%);transform:translateX(-80%);opacity:.45}.award-card-orbit{position:absolute;border-radius:50%;border:48px solid rgba(21,113,118,.07)}.orbit-a{width:360px;height:360px;right:-160px;top:-140px}.orbit-b{width:290px;height:290px;left:-150px;bottom:-120px;border-color:rgba(243,107,33,.09)}.award-card-glass{position:absolute;left:6%;right:6%;bottom:4%;height:27%;border-radius:24px;background:linear-gradient(135deg,rgba(20,50,53,.12),rgba(255,255,255,.16));backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.55)}.award-card-pro header,.award-card-main,.award-card-pro footer{position:relative;z-index:2}.award-card-pro header{display:flex;align-items:center;justify-content:space-between}.award-saradeeeb-mark{display:flex;align-items:center;gap:10px}.award-saradeeeb-mark>span{width:42px;height:42px;border-radius:13px;background:#f36b21;color:white;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 10px 25px rgba(243,107,33,.25)}.award-saradeeeb-mark div{display:flex;flex-direction:column}.award-saradeeeb-mark b{font-size:18px}.award-saradeeeb-mark small{font-size:8px;letter-spacing:2px;color:#687779}.award-ribbon{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#173f2a;color:#e7f8ed;font-weight:800;font-size:12px;box-shadow:0 10px 24px rgba(23,63,42,.18)}.award-ribbon i{width:8px;height:8px;border-radius:50%;background:#44d17d;box-shadow:0 0 0 4px rgba(68,209,125,.13)}.award-card-main{display:grid;grid-template-columns:140px minmax(0,1fr);gap:26px;align-items:center;margin-top:60px}.award-avatar{width:140px;height:160px;border-radius:32px;background:linear-gradient(145deg,#142426,#0b1314);box-shadow:0 25px 45px rgba(13,31,33,.28),inset 0 1px rgba(255,255,255,.1);border:5px solid rgba(255,255,255,.65);display:grid;place-items:center;overflow:hidden}.award-avatar img{width:100%;height:100%;object-fit:cover}.award-avatar span{font-size:44px;color:#fff;font-weight:900}.award-copy>small{color:#157176;font-weight:900}.award-copy h3{font-size:32px;margin:8px 0 3px}.award-role{margin:0 0 20px;color:#687779}.award-copy h4{font-size:19px;margin:0 0 9px;color:#173f2a}.award-reason{font-size:15px;line-height:1.8;margin:0;max-width:470px}.award-card-pro footer{position:absolute;inset-inline:34px;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.award-profile-url{direction:ltr;font-size:12px;font-weight:900;color:#263d3f}.award-qr-placeholder{display:grid;grid-template-columns:repeat(2,12px);gap:3px;width:42px;height:42px;padding:6px;background:white;border-radius:8px;box-shadow:0 8px 18px rgba(0,0,0,.12)}.award-qr-placeholder span{background:#142426}.award-export-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.award-export-actions select{height:42px;border:1px solid #d6e0e0;border-radius:10px;padding:0 10px}.award-export-actions small{color:#657678}
.professional-awards-list .thank-item{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

@media(max-width:1180px){.article-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.article-search{grid-column:span 2}.writer-award-admin .award-builder-grid{grid-template-columns:1fr}.award-stage{min-height:520px}}
@media(max-width:800px){.writer-username-box{grid-template-columns:1fr}.article-filter-bar{grid-template-columns:1fr}.article-search{grid-column:auto}.chat-message{max-width:92%}.chat-attachments{grid-template-columns:1fr}.author-awards-grid{grid-template-columns:1fr}.award-stage{padding:12px;min-height:430px}.award-card-pro{transform:none;padding:22px;border-radius:24px}.award-card-main{grid-template-columns:92px 1fr;gap:14px;margin-top:34px}.award-avatar{width:92px;height:108px;border-radius:22px}.award-copy h3{font-size:22px}.award-reason{font-size:12px}.award-card-pro footer{inset-inline:22px;bottom:18px}.award-card-glass{height:24%}}
.award-qr-real{width:58px;height:58px;padding:5px;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12)}.award-qr-real img{width:100%;height:100%;display:block}
.award-card-pro.a4{aspect-ratio:210/297;max-width:520px}.award-card-pro.card{aspect-ratio:1.75/1;max-width:760px}
.award-card-pro.cover,.award-card-pro.card{padding:24px 30px}.award-card-pro.cover .award-card-main,.award-card-pro.card .award-card-main{grid-template-columns:100px minmax(0,1fr);gap:18px;margin-top:22px}.award-card-pro.cover .award-avatar,.award-card-pro.card .award-avatar{width:100px;height:112px;border-radius:22px}.award-card-pro.cover .award-copy h3,.award-card-pro.card .award-copy h3{font-size:24px}.award-card-pro.cover .award-role,.award-card-pro.card .award-role{margin-bottom:8px}.award-card-pro.cover .award-copy h4,.award-card-pro.card .award-copy h4{font-size:15px;margin-bottom:5px}.award-card-pro.cover .award-reason,.award-card-pro.card .award-reason{font-size:12px;line-height:1.55;max-height:58px;overflow:hidden}.award-card-pro.cover footer,.award-card-pro.card footer{bottom:14px;inset-inline:30px}.award-card-pro.cover .award-card-glass,.award-card-pro.card .award-card-glass{height:24%;bottom:3%}
.award-card-pro.story .award-card-main,.award-card-pro.a4 .award-card-main{grid-template-columns:1fr;text-align:center;justify-items:center;margin-top:70px}.award-card-pro.story .award-avatar,.award-card-pro.a4 .award-avatar{width:145px;height:165px}.award-card-pro.story .award-copy,.award-card-pro.a4 .award-copy{max-width:360px}.award-card-pro.story .award-reason,.award-card-pro.a4 .award-reason{margin-inline:auto}.award-card-pro.story footer,.award-card-pro.a4 footer{bottom:32px}

/* Official award component: shared by admin preview, public notice and writer profile. */
.award-preview-zone>h3,.award-export-title{margin:0 0 4px}.award-export-title{margin-top:22px}.award-preview-note{margin:0 0 12px;color:#687b7e;font-size:12px}.award-qr-real img{width:58px;height:58px;background:#fff;padding:5px;border-radius:9px;box-shadow:0 8px 18px rgba(0,0,0,.12)}.award-card-pro footer>div>small{display:block;margin-top:4px;color:#617174;font-size:9px}.floating-awards{position:fixed;inset-inline-end:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:99970;width:354px;height:438px;pointer-events:none}.floating-award-item{position:absolute;inset:0;opacity:0;transform:translateY(20px);transition:opacity .35s ease,transform .35s ease;pointer-events:auto}.floating-award-item.is-visible{opacity:1;transform:translateY(0)}.floating-award-item>a{display:block;width:338px;height:422px;color:inherit;text-decoration:none;overflow:hidden}.floating-award-item .award-card-pro{width:650px;height:812.5px;max-width:none;transform:scale(.52);transform-origin:top left}.floating-award-close{position:absolute;z-index:5;top:-9px;inset-inline-end:-1px;width:30px;height:30px;border:1px solid #d9e4e3;border-radius:50%;background:#fff;color:#18383b;box-shadow:0 6px 18px rgba(0,0,0,.18);font-size:20px;line-height:1;cursor:pointer}.author-official-awards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,338px));gap:18px}.author-official-award{display:block;width:338px;height:422px;overflow:hidden;color:inherit;text-decoration:none}.author-official-award .award-card-pro{width:650px;height:812.5px;max-width:none;transform:scale(.52);transform-origin:top left}@media(max-width:600px){.floating-awards{inset-inline:12px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 72px));width:296px;height:369px}.floating-award-item>a{width:286px;height:358px}.floating-award-item .award-card-pro{transform:scale(.44)}.floating-award-close{inset-inline-end:-2px}.author-official-awards{grid-template-columns:1fr}.author-official-award{width:286px;height:358px;margin:auto}.author-official-award .award-card-pro{transform:scale(.44)}}

/* v6.4 writer identity, professional editorial messages, page builder and WordPress-like media library */
.impersonation-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--warning,#f59e0b) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,#f59e0b 8%,var(--surface));box-shadow:0 10px 28px rgba(0,0,0,.04)}.impersonation-banner>div{display:flex;flex-direction:column;gap:3px}.impersonation-banner strong{font-size:14px}.impersonation-banner span{color:var(--muted);font-size:12px;line-height:1.6}
.writer-link-hub,.writer-dashboard-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 5%,var(--surface)),var(--surface))}.writer-link-hub h2,.writer-dashboard-identity h2{margin:4px 0 6px}.writer-public-link{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px}.writer-public-link code{direction:ltr;unicode-bidi:embed;max-width:100%;overflow:auto;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:12px}.writer-dashboard-qr,.writer-link-qr{display:grid;justify-items:center;gap:7px}.writer-dashboard-qr img,.writer-link-qr img{width:118px;height:118px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px}.writer-dashboard-qr small,.writer-link-qr small{color:var(--muted);font-size:10px}.writer-username-quick{display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:8px;align-items:end;margin-top:13px;max-width:620px}.writer-username-quick label{display:grid;gap:5px}.username-live-status{font-size:11px;min-height:18px}.username-live-status.ok{color:#17724f}.username-live-status.bad{color:#b42318}
.writer-admin-profile{overflow:hidden}.writer-admin-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.writer-admin-identity{display:flex;align-items:center;gap:14px;min-width:0}.writer-admin-identity img,.writer-admin-avatar-fallback{width:72px;height:72px;border-radius:20px;object-fit:cover;border:1px solid var(--line);background:var(--surface-2)}.writer-admin-avatar-fallback{display:grid;place-items:center;font-size:26px;font-weight:900;color:var(--brand)}.writer-admin-identity h2{margin:3px 0}.writer-admin-identity p{margin:0 0 7px;color:var(--muted)}.writer-admin-identity code{direction:ltr;display:inline-block}.writer-admin-actions{justify-content:flex-end}.writer-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.writer-admin-stats>div,.writer-admin-facts>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.writer-admin-stats b{display:block;font-size:20px;color:var(--brand)}.writer-admin-stats span,.writer-admin-facts span{font-size:11px;color:var(--muted)}.writer-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.writer-admin-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.writer-admin-facts b{display:block;margin-top:4px;word-break:break-word}.writer-activity-list{display:grid;gap:8px}.writer-activity-list>div{display:grid;grid-template-columns:150px 170px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.writer-activity-list time,.writer-activity-list span{color:var(--muted)}

.media-pro-hero,.media-upload-pro{overflow:hidden}.media-upload-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.media-upload-title h3{margin:3px 0}.media-upload-title p{margin:0;color:var(--muted);font-size:12px}.media-upload-limit{padding:7px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:10px;font-weight:800;color:var(--muted)}.media-drop-icon{display:grid!important;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));font-size:24px!important;color:var(--brand)!important;margin:0 0 8px!important}.media-file-preview{display:grid;place-items:center;background:linear-gradient(145deg,var(--surface-2),var(--surface));min-height:190px}.media-file-tile{width:100%;min-height:190px;display:grid;place-items:center;align-content:center;gap:8px;color:inherit;text-decoration:none}.media-file-tile b{font-size:26px;padding:12px 16px;border-radius:13px;background:var(--surface);border:1px solid var(--line);color:var(--brand)}.media-file-tile span{font-size:11px;color:var(--muted)}.media-meta-form textarea{min-height:60px}.media-pro-card{min-width:0}.media-pro-card .media-library-copy{min-width:0}.media-pro-card .media-library-copy>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-pro-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}.media-pro-grid .media-card-preview>img{width:100%;aspect-ratio:4/3;object-fit:cover}

.page-editor-shell{align-items:start}.page-builder-toolbar{position:sticky;top:0;z-index:8;display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);box-shadow:0 5px 16px rgba(0,0,0,.04)}.page-builder-toolbar select,.page-builder-toolbar button{height:35px;min-width:35px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit;padding:0 8px;cursor:pointer}.page-builder-toolbar button:hover{border-color:var(--brand);color:var(--brand)}.page-builder-toolbar .toolbar-color{display:flex;align-items:center;gap:5px;padding:0 7px;height:35px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:10px}.toolbar-color input[type=color]{width:25px;height:25px;border:0;background:none;padding:0;cursor:pointer}.page-display-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);margin:10px 0}.page-color-field{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px}.page-color-field input[type=color]{width:100%;height:39px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.page-color-field small{direction:ltr;color:var(--muted)}.page-canvas{min-height:420px;padding:26px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#171717;line-height:1.85;outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.page-canvas:focus{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 8%,transparent)}.page-canvas img{max-width:100%;height:auto;border-radius:10px}.page-canvas figure{margin:18px 0}.page-canvas figcaption{font-size:11px;color:#7a8080;text-align:center}.page-inline-media-actions{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 12px}.featured-media-control{display:grid;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);margin-bottom:12px}.featured-media-preview{min-height:125px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:11px;overflow:hidden;color:var(--muted)}.featured-media-preview img{width:100%;max-height:240px;object-fit:cover}.page-media-dialog{width:min(1080px,94vw);max-height:90vh;border:0;border-radius:18px;background:var(--surface);color:inherit;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.35)}.page-media-dialog::backdrop{background:rgba(2,10,12,.72);backdrop-filter:blur(4px)}.page-media-dialog-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.page-media-dialog-head h3{margin:2px 0}.page-media-dialog-head>button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);font-size:24px}.page-media-tabs{display:flex;gap:7px;padding:14px 18px 0}.page-media-tabs button{border:1px solid var(--line);background:var(--surface-2);padding:8px 13px;border-radius:9px;cursor:pointer}.page-media-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}.page-media-dialog>section{padding:14px 18px 20px}.media-dialog-search{width:100%;margin-bottom:11px}.page-media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:55vh;overflow:auto}.page-media-grid button{min-width:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--surface);padding:0;cursor:pointer}.page-media-grid button:hover{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 8%,transparent)}.page-media-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.page-media-grid span{display:block;padding:7px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-direct-upload{display:grid;gap:10px}.media-drop-zone.compact{min-height:150px}.builder-tip{margin-top:12px;padding:12px;border-radius:11px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line))}.builder-tip p{color:var(--muted);font-size:11px;line-height:1.7;margin-bottom:0}
.page-content-width-narrow{max-width:760px;margin-inline:auto}.page-content-width-standard{max-width:1040px;margin-inline:auto}.page-content-width-wide{max-width:1320px;margin-inline:auto}.page-content-width-full{width:100%;max-width:none}.public-page-custom-appearance{min-height:55vh}

/* Keep custom informational pages readable when their saved text color is too light. */
.page-custom-appearance .standalone-page{
  color:#243f43!important;
  font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  font-size:clamp(16px,1.2vw,19px);
  font-weight:500;
  line-height:2;
  overflow-wrap:anywhere;
}
.page-custom-appearance .standalone-page h1,
.page-custom-appearance .standalone-page h2,
.page-custom-appearance .standalone-page h3,
.page-custom-appearance .standalone-page h4{
  color:#073f42!important;
  font-weight:800;
  line-height:1.55;
}
.page-custom-appearance .standalone-page p,
.page-custom-appearance .standalone-page li{
  color:#243f43!important;
}
.page-custom-appearance .standalone-page strong,
.page-custom-appearance .standalone-page b{
  color:#0b3033!important;
}
.page-custom-appearance .standalone-page a{
  color:#127d82!important;
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-custom-appearance .standalone-page ul,
.page-custom-appearance .standalone-page ol{
  padding-inline-start:1.5em;
  margin-block:1em;
}
@media(max-width:650px){
  .page-custom-appearance .standalone-page{
    font-size:16px;
    line-height:1.95;
  }
  .page-custom-appearance .standalone-page h1{font-size:clamp(25px,8vw,34px)}
  .page-custom-appearance .standalone-page h2{font-size:clamp(22px,6vw,29px)}
  .page-custom-appearance .standalone-page h3{font-size:21px}
}

.editorial-layout{display:grid;grid-template-columns:minmax(285px,360px) minmax(0,1fr);gap:14px;align-items:start}.editorial-sidebar{display:grid;gap:10px}.editorial-filter-bar{display:grid;gap:7px}.editorial-filter-row{display:grid;grid-template-columns:1fr auto;gap:7px}.editorial-state-tabs{display:flex;gap:5px;overflow:auto;padding-bottom:2px}.editorial-state-tabs a{white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:800}.editorial-state-tabs a.active{background:var(--brand);border-color:var(--brand);color:#fff}.editorial-thread-list{display:grid;gap:7px;max-height:65vh;overflow:auto}.editorial-thread-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:inherit}.editorial-thread-row:hover,.editorial-thread-row.active{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.editorial-thread-avatar,.editorial-chat-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover;background:var(--surface-2);display:grid;place-items:center;font-weight:900;color:var(--brand)}.editorial-thread-copy{min-width:0}.editorial-thread-copy b,.editorial-thread-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editorial-thread-copy span,.editorial-thread-meta{font-size:10px;color:var(--muted)}.editorial-unread{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:9px}.editorial-conversation{min-width:0}.editorial-conversation-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.editorial-writer-link{display:flex;align-items:center;gap:10px;color:inherit}.editorial-context-card{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);font-size:11px}.editorial-context-card span{color:var(--muted)}.editorial-chat-stream{display:flex;flex-direction:column;gap:9px;min-height:330px;max-height:56vh;overflow:auto;padding:13px;background:var(--surface-2);border-radius:14px}.editorial-chat-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:start;max-width:82%}.editorial-chat-message.mine{align-self:flex-start}.editorial-chat-message.theirs{align-self:flex-end}.editorial-chat-avatar{width:34px;height:34px;border-radius:10px;font-size:11px}.editorial-chat-bubble{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.editorial-chat-message.mine .editorial-chat-bubble{border-top-right-radius:5px}.editorial-chat-message.theirs .editorial-chat-bubble{border-top-left-radius:5px;background:color-mix(in srgb,var(--brand) 5%,var(--surface))}.editorial-chat-author{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:10px}.editorial-chat-author span{color:var(--muted)}.editorial-chat-body{font-size:13px;line-height:1.8;word-break:break-word}.editorial-chat-body a{color:var(--brand);text-decoration:underline}.editorial-chat-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.editorial-chat-files img{width:100%;max-height:220px;object-fit:cover;border-radius:10px}.editorial-compose{margin-top:10px}.editorial-compose-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:7px;border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;background:var(--surface-2)}.editorial-compose-toolbar button{min-width:32px;height:30px;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer}.editorial-compose-editor{min-height:120px;padding:12px;border:1px solid var(--line);border-radius:0 0 11px 11px;background:var(--surface);outline:none;line-height:1.7}.editorial-compose-editor:focus{border-color:var(--brand)}.editorial-attachment-preview{display:flex;gap:8px;overflow:auto;margin-top:8px}.editorial-attachment-preview>div{min-width:130px;max-width:190px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:10px}.editorial-attachment-preview img{width:100%;height:85px;object-fit:cover;border-radius:7px;margin-bottom:5px}.editorial-read-state{color:var(--muted);font-size:9px;margin-top:5px}.editorial-read-state.read{color:#17845c}

@media(max-width:1050px){.page-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.writer-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-layout{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:800px){.impersonation-banner,.writer-admin-hero,.editorial-conversation-head,.media-upload-title{align-items:stretch;flex-direction:column}.writer-link-hub,.writer-dashboard-identity,.writer-admin-grid,.editorial-layout{grid-template-columns:1fr}.writer-dashboard-qr,.writer-link-qr{grid-template-columns:auto 1fr;justify-content:start}.writer-dashboard-qr img,.writer-link-qr img{width:82px;height:82px}.writer-username-quick,.page-display-settings,.writer-admin-facts{grid-template-columns:1fr}.writer-admin-actions{justify-content:flex-start}.writer-admin-stats{grid-template-columns:1fr 1fr}.writer-activity-list>div{grid-template-columns:1fr}.media-toolbar-pro{grid-template-columns:1fr 1fr}.media-toolbar-pro>input{grid-column:1/-1}.media-single-meta{grid-template-columns:1fr}.page-builder-toolbar{position:relative}.page-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-thread-list{max-height:310px}.editorial-chat-message{max-width:94%}.editorial-chat-files{grid-template-columns:1fr}}
@media(max-width:520px){.writer-admin-stats{grid-template-columns:1fr}.media-toolbar-pro{grid-template-columns:1fr}.media-toolbar-pro>input{grid-column:auto}.page-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-canvas{padding:16px;min-height:330px}.editorial-filter-row{grid-template-columns:1fr}.editorial-chat-message{max-width:100%}}

/* v6.4 exact view hooks */
.writer-link-hub-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.writer-qr-card{display:grid;justify-items:center;gap:6px}.writer-qr-card img{width:128px;height:128px;padding:6px;border-radius:14px;background:#fff;border:1px solid var(--line)}.writer-qr-card small{font-size:10px;color:var(--muted)}.writer-username-inline{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.writer-username-inline span{direction:ltr;padding:0 9px;color:var(--muted);font-size:11px;white-space:nowrap;border-inline-end:1px solid var(--line)}.writer-username-inline input{border:0!important;border-radius:0!important;min-width:130px}.writer-username-quick small.available,#writerUsernameStatus.available,#writerUsernameQuickStatus.available{color:#46b778}.writer-username-quick small.unavailable,#writerUsernameStatus.unavailable,#writerUsernameQuickStatus.unavailable{color:#ef7777}.writer-username-quick small.checking,#writerUsernameStatus.checking,#writerUsernameQuickStatus.checking{color:var(--muted)}
.page-display-settings{display:block}.page-display-settings .panel-head{margin-bottom:9px}.page-display-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.page-display-grid>label{display:grid;gap:6px}.color-input-row{display:grid;grid-template-columns:minmax(70px,1fr) auto;gap:7px;align-items:center}.color-input-row input[type=color]{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;padding:3px;background:var(--surface)}.color-input-row code{direction:ltr;font-size:10px;color:var(--muted)}.builder-media-inline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:9px 0 14px}.builder-media-inline span{font-size:10px;color:var(--muted)}
.editorial-pro{display:grid;grid-template-columns:minmax(295px,365px) minmax(0,1fr);gap:14px;align-items:start}.editorial-pro .editorial-list,.editorial-pro .editorial-chat{min-width:0}.editorial-filters{display:grid;gap:7px;margin:10px 0}.editorial-filters>input,.editorial-filters>select{width:100%}.editorial-filter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.editorial-filter-tabs button{border:1px solid var(--line);background:var(--surface-2);color:inherit;border-radius:9px;padding:7px;cursor:pointer;font-size:10px}.editorial-filter-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.thread-writer-row{display:flex;align-items:center;gap:7px;min-width:0}.thread-writer-row img,.thread-writer-row>span{width:28px;height:28px;border-radius:8px;object-fit:cover;background:var(--panel2);display:grid;place-items:center;font-size:11px;font-weight:900}.thread-subject{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editorial-pro .thread-item{position:relative}.editorial-pro .thread-item time{display:block;font-size:9px;color:var(--muted);margin-top:5px}.editorial-pro .unread-badge{position:absolute;top:10px;inset-inline-end:10px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:9px}.chat-head-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-message-head{display:flex;align-items:center;gap:7px;margin-bottom:6px}.chat-message-head img,.chat-message-head>span{width:30px;height:30px;border-radius:9px;object-fit:cover;background:var(--panel2);display:grid;place-items:center;font-size:10px;font-weight:900}.chat-message-head div{display:grid}.chat-message-head small{color:var(--muted);font-size:9px}.chat-rich-body{line-height:1.8;word-break:break-word}.chat-rich-body a{color:var(--accent2);text-decoration:underline}.rich-message-editor{display:grid}.rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:6px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:var(--panel2)}.rich-toolbar button{height:30px;min-width:30px;padding:0 7px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:inherit;cursor:pointer}.rich-surface{min-height:112px;padding:11px;border:1px solid var(--line);border-radius:0 0 10px 10px;background:var(--panel);outline:none;line-height:1.75}.rich-surface:empty:before{content:attr(data-placeholder);color:var(--muted)}.editorial-attach{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px!important;border:1px dashed var(--line);border-radius:10px;cursor:pointer}.editorial-attach input{max-width:100%}.editorial-attach small{color:var(--muted)}.editorial-attach.mini{width:max-content}.attachment-preview{display:flex;gap:7px;overflow:auto}.attachment-preview-item{display:grid;grid-template-columns:55px minmax(80px,1fr);gap:7px;align-items:center;min-width:160px;max-width:230px;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:9px}.attachment-preview-item img{width:55px;height:45px;border-radius:6px;object-fit:cover}.attachment-preview-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-compose-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px}.archived-thread-note{margin-top:10px;padding:10px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
@media(max-width:800px){.writer-link-hub-main,.editorial-pro{grid-template-columns:1fr}.writer-qr-card{grid-template-columns:auto 1fr;justify-content:start}.writer-qr-card img{width:82px;height:82px}.page-display-grid{grid-template-columns:1fr}.chat-head-main{align-items:stretch;flex-direction:column}.chat-compose-actions{align-items:stretch;flex-direction:column}.editorial-attach.mini{width:100%}}

/* Saradeeeb Podcast */
.sar-podcast-player{--podcast-bg:#073F42;--podcast-teal:#127D82;--podcast-teal-hover:#0B666A;--podcast-orange:#FF6A21;margin:22px 0;padding:18px;border-radius:16px;background:var(--podcast-bg);color:#fff;box-shadow:0 18px 45px rgba(7,63,66,.18)}.sar-podcast-player-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.sar-podcast-icon{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff}.sar-podcast-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.sar-podcast-label{display:block;color:rgba(255,255,255,.78);font-size:12px;font-weight:800}.sar-podcast-player h3{margin:2px 0 3px;color:#fff;font-size:clamp(18px,3vw,24px);line-height:1.35}.sar-podcast-player small{display:flex;gap:9px;color:rgba(255,255,255,.72)}.sar-podcast-player small b{color:var(--podcast-orange)}.sar-podcast-controls{display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto minmax(86px,120px);gap:11px;align-items:center}.sar-podcast-play{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--podcast-teal);color:#fff;cursor:pointer}.sar-podcast-play:hover,.sar-podcast-play:focus{background:var(--podcast-teal-hover);outline:3px solid rgba(255,255,255,.22)}.sar-podcast-play svg{width:20px;height:20px;fill:currentColor}.sar-podcast-time{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.78);font-size:12px}.sar-podcast-range,.sar-podcast-volume{accent-color:var(--podcast-orange);width:100%}.sar-podcast-range{--podcast-progress:0%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--podcast-orange) var(--podcast-progress),rgba(255,255,255,.2) var(--podcast-progress));appearance:none}.sar-podcast-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--podcast-orange);box-shadow:0 2px 8px rgba(0,0,0,.22)}.sar-podcast-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--podcast-orange)}
.podcast-index-hero{padding:56px 0 28px;background:#F4F8F8}.podcast-index-hero h1{margin:.2rem 0;color:#073F42;font-size:clamp(34px,6vw,58px)}.podcast-index-hero p{max-width:720px;color:#718487;line-height:1.8}.podcast-kicker,.podcast-episode-number{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:7px 11px;background:#EEF4F4;color:#073F42;font-weight:900;font-size:12px}.podcast-episode-number{color:#FF6A21;background:#fff1e9}.podcast-list-section{background:#F4F8F8}.podcast-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.podcast-card{overflow:hidden;border:1px solid #D8E4E5;border-radius:14px;background:#fff;box-shadow:0 12px 34px rgba(11,48,51,.07);transition:.2s}.podcast-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(11,48,51,.12)}.podcast-card-cover{display:grid;place-items:center;aspect-ratio:16/10;background:#EEF4F4;color:#127D82}.podcast-card-cover img{width:100%;height:100%;object-fit:cover}.podcast-card-cover svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.8}.podcast-card-body{display:grid;gap:10px;padding:16px}.podcast-card-body h2{margin:0;font-size:20px;line-height:1.45}.podcast-card-body h2 a{color:#0B3033;text-decoration:none}.podcast-card-body p{margin:0;color:#718487;line-height:1.75}.podcast-card-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#718487;font-size:12px}.podcast-card-meta a{color:#127D82;font-weight:800}.podcast-episode-hero{padding:42px 0 24px;background:#F4F8F8}.podcast-episode-head{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center}.podcast-episode-cover{aspect-ratio:1;border-radius:20px;overflow:hidden;background:#073F42;color:#fff;display:grid;place-items:center;box-shadow:0 18px 45px rgba(7,63,66,.18)}.podcast-episode-cover img{width:100%;height:100%;object-fit:cover}.podcast-episode-cover svg{width:70px;height:70px;fill:none;stroke:currentColor;stroke-width:1.8}.podcast-back-link{display:inline-block;margin-bottom:8px;color:#127D82;font-weight:900;text-decoration:none}.podcast-episode-head h1{margin:10px 0;color:#0B3033;font-size:clamp(30px,5vw,54px);line-height:1.18}.podcast-episode-head p{color:#718487;line-height:1.85}.podcast-episode-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-top:24px;padding-bottom:50px}.podcast-episode-content{margin-top:18px}.podcast-related{position:sticky;top:100px;align-self:start;display:grid;gap:10px}.podcast-related h2{margin:0 0 4px;color:#073F42}.podcast-related a{display:grid;gap:5px;padding:13px;border:1px solid #D8E4E5;border-radius:12px;background:#fff;color:#0B3033;text-decoration:none}.podcast-related small{color:#718487}.podcast-editor .editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.editor-main-fields,.editor-side-fields{display:grid;gap:12px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-hint{color:var(--muted,#718487);font-size:11px}.media-pick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.media-pick-strip button{border:1px solid var(--line,#D8E4E5);border-radius:8px;padding:0;overflow:hidden;background:#fff;cursor:pointer}.media-pick-strip img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.danger-zone-form{margin-top:14px}.article-admin-panel .status.s-draft{background:#fff4dd;color:#8a5b00}.article-admin-panel .status.s-published{background:#e5f6ef;color:#176b52}
@media(max-width:820px){.sar-podcast-controls{grid-template-columns:auto 1fr auto}.sar-podcast-range{grid-column:1/-1;grid-row:1}.sar-podcast-play{grid-row:2}.sar-podcast-volume{grid-column:2/4}.podcast-episode-head,.podcast-episode-layout,.podcast-editor .editor-grid,.form-grid.two{grid-template-columns:1fr}.podcast-episode-cover{max-width:320px}.podcast-related{position:static}.media-pick-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.sar-podcast-player{padding:15px;border-radius:14px}.sar-podcast-player-head{align-items:flex-start}.sar-podcast-controls{gap:9px}.podcast-card-grid{grid-template-columns:1fr}.podcast-index-hero{padding-top:34px}.podcast-episode-hero{padding-top:28px}}

/* Saradeeeb Khawatir */
.kh-page,.kh-detail-page{--kh-night:#06171c;--kh-navy:#0a2229;--kh-ink:#eaf7f7;--kh-teal:#2bb0b2;--kh-muted:#9eb6b8;--kh-line:rgba(185,226,227,.18);background:#071a20;color:var(--kh-ink)}
.kh-hero{padding:64px 0 38px;background:#071a20;border-bottom:1px solid rgba(176,221,222,.12)}.kh-hero span,.kh-detail-kicker{display:block;color:#62c8ca;font-size:11px;font-weight:900}.kh-hero h1{margin:5px 0 4px;color:#fff;font-size:clamp(42px,7vw,72px);line-height:1.15}.kh-hero p{max-width:690px;margin:0;color:#acc0c2;font-size:16px;line-height:1.9}.kh-browser{padding:28px 0 70px}.kh-public-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.kh-filter-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.kh-filter-tabs a{flex:0 0 auto;padding:8px 13px;border:1px solid rgba(190,225,226,.17);border-radius:8px;color:#b9cbcd;font-size:12px;font-weight:800}.kh-filter-tabs a:hover,.kh-filter-tabs a.active{background:#12363d;border-color:#2b8f92;color:#fff}.kh-search{display:flex;min-width:min(320px,100%);height:42px;border:1px solid rgba(190,225,226,.2);border-radius:8px;overflow:hidden}.kh-search input{min-width:0;flex:1;border:0!important;border-radius:0!important;background:#0d272e!important;color:#fff!important}.kh-search button{border:0;padding:0 17px;background:#277f82;color:#fff;font-weight:800}
.kh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kh-feed-card{min-width:0}.kh-card{position:relative;isolation:isolate;display:block;aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(178,225,226,.16);border-radius:8px;background:#0a2229;color:#fff!important;box-shadow:0 20px 48px rgba(0,8,11,.28)}.kh-feed-card .kh-card{transition:transform .22s,border-color .22s,box-shadow .22s}.kh-feed-card .kh-card:hover{transform:translateY(-4px);border-color:rgba(74,188,190,.48);box-shadow:0 26px 58px rgba(0,8,11,.38)}.kh-card-media,.kh-card-overlay{position:absolute;inset:0}.kh-card-media{z-index:-3;background-image:var(--kh-bg-image);background-position:center;background-size:cover;filter:saturate(.72) contrast(1.05)}.kh-card-overlay{z-index:-2;background:linear-gradient(180deg,rgba(4,18,23,.74),rgba(5,21,27,.88) 42%,rgba(4,15,20,.96))}.kh-card:not(.has-image) .kh-card-media{background:linear-gradient(145deg,#0e3239,#07191f 62%,#10272d)}.kh-card-content{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:8.5%;direction:rtl}.kh-card header,.kh-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.kh-card header{min-height:38px}.kh-card header>b,.kh-card-brand b{font-size:13px;color:#eefafa}.kh-card header>em{font-style:normal;padding:5px 9px;border:1px solid rgba(111,207,208,.38);border-radius:6px;color:#8cd6d7;font-size:10px;font-weight:900}.kh-card-brand{display:flex;align-items:center;gap:8px;min-width:0}.kh-card-brand img{width:auto;max-width:105px;height:30px;object-fit:contain;object-position:right center}.kh-card-brand>span{width:29px;height:29px;border:1px solid rgba(129,213,214,.45);border-radius:7px;display:grid;place-items:center;color:#9ee2e3;font-weight:900}.kh-card blockquote{align-self:center;margin:0;padding:8% 2%;border:0;color:#fff;font-size:clamp(22px,2.5vw,35px);font-weight:780;line-height:1.85;text-align:center;text-wrap:balance}.kh-card blockquote[data-length="0"]{opacity:.6}.kh-card blockquote[data-length]{font-size:clamp(20px,2.3vw,33px)}.kh-card blockquote[data-length="1"]{font-size:clamp(25px,3vw,39px)}.kh-card footer{border-top:1px solid rgba(197,231,232,.14);padding-top:4.5%}.kh-card footer>small{color:#92abad;font-size:9px}.kh-card-author{display:flex;align-items:center;gap:9px;min-width:0}.kh-card-author img,.kh-card-author>span{width:38px;height:38px;flex:0 0 38px;border-radius:50%;object-fit:cover;border:1px solid rgba(87,196,198,.6);background:#12343a;display:grid;place-items:center;font-weight:900}.kh-card-author div{min-width:0;display:grid}.kh-card-author strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:11px}.kh-card-author small{color:#8fa9ab;font-size:8px;direction:ltr;text-align:right}.kh-card-qr{display:flex;align-items:center;gap:6px}.kh-card-qr img{width:42px;height:42px;padding:3px;border-radius:5px;background:#fff}.kh-card-qr small{color:#8fa9ab;font-size:7px;direction:ltr}.kh-empty{padding:70px 20px;text-align:center;border:1px solid rgba(190,225,226,.15);border-radius:8px}.kh-empty h2{color:#fff}
.kh-detail-page{padding:48px 0 0}.kh-detail-layout{display:grid;grid-template-columns:minmax(360px,600px) minmax(280px,1fr);gap:clamp(30px,5vw,72px);align-items:start}.kh-card-detail{width:min(100%,600px);margin-inline:auto}.kh-card-detail blockquote{font-size:clamp(25px,3.4vw,42px)}.kh-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.kh-export-status{display:block;min-height:20px;margin-top:8px;color:#91abad}.kh-detail-meta{position:sticky;top:110px;padding-top:20px}.kh-detail-meta h1{margin:5px 0 18px;color:#fff;font-size:clamp(30px,4vw,48px)}.kh-full-text{color:#dceaea;font-size:20px;line-height:2}.kh-detail-meta dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.kh-detail-meta dl>div{padding:13px;border:1px solid rgba(190,225,226,.14);border-radius:8px;background:#0a232a}.kh-detail-meta dt{color:#88a5a7;font-size:10px}.kh-detail-meta dd{margin:4px 0 0;color:#fff;font-weight:800}.kh-source,.kh-author-link{display:block;margin-top:18px;padding:17px;border-inline-start:3px solid #2babad;background:#0b242b;color:#dceaea}.kh-source h2{margin:0 0 7px;color:#fff;font-size:16px}.kh-source p{line-height:1.7}.kh-source a{color:#6bd0d2}.kh-author-link span,.kh-author-link small{display:block;color:#8fa9ab}.kh-author-link strong{display:block;margin:4px 0;color:#fff;font-size:18px}.kh-more{margin-top:70px;padding:54px 0;background:#0a2229;border-top:1px solid rgba(190,225,226,.1)}.kh-more.alternate{margin-top:0;background:#071a20}.kh-more .section-head h2{color:#fff}.kh-grid-small{grid-template-columns:repeat(3,minmax(0,1fr))}.kh-mini a{min-height:180px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid rgba(190,225,226,.15);border-radius:8px;background:#0d2930;color:#fff}.kh-mini a:hover{border-color:#2b8f92;background:#113139}.kh-mini span{color:#70c8ca;font-size:10px;font-weight:900}.kh-mini p{margin:18px 0 0;font-size:17px;line-height:1.85}.author-khawatir{background:#071a20}.author-khawatir .section-head h2,.author-khawatir .section-head a{color:#fff}
.kh-status-tabs{display:flex;gap:6px;overflow:auto;margin:0 0 15px}.kh-status-tabs a{flex:0 0 auto;padding:7px 11px;border:1px solid var(--line);border-radius:8px;font-size:11px}.kh-status-tabs a.active{background:var(--brand);border-color:var(--brand);color:#fff}.kh-writer-list{display:grid;gap:9px}.kh-writer-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.kh-writer-list article>div:first-child{min-width:0}.kh-writer-list p{margin:8px 0 2px;line-height:1.75}.kh-writer-list small{margin-inline-start:8px;color:var(--muted)}.kh-writer-list em{display:block;color:var(--muted);font-size:10px}.kh-row-actions{display:flex;gap:6px;flex:0 0 auto}.status.s-review{background:#e8f4f5;color:#176b70}.status.s-changes{background:#f3ecda;color:#735a16}.status.s-rejected{background:#edf0f1;color:#555f62}
.kh-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,470px);gap:18px;align-items:start}.kh-editor-fields{min-width:0}.kh-body-field textarea{font-size:20px;line-height:1.9;min-height:240px}.kh-char-meter{display:flex;justify-content:flex-end;color:var(--muted);font-size:11px}.kh-char-meter.warning{color:#817122}.kh-char-meter.limit{color:#8a3c3c}.kh-ownership{display:flex;gap:18px;padding:13px;border:1px solid var(--line);border-radius:8px}.kh-ownership legend{padding:0 7px;font-weight:800}.kh-ownership label{display:flex;align-items:center;gap:6px}.kh-source-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kh-source-fields[hidden]{display:none}.kh-editor-actions,.review-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.kh-danger-zone{margin-top:18px;padding-top:13px;border-top:1px solid var(--line)}.kh-preview-panel{position:sticky;top:22px}.kh-preview-head{display:flex;justify-content:space-between;margin-bottom:9px;color:var(--muted);font-size:11px}.kh-card-preview{width:100%}.kh-card-preview blockquote{font-size:clamp(21px,2.4vw,34px)}.kh-review-box{margin-top:16px}.kh-admin-settings{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.kh-category-row{display:grid;grid-template-columns:1fr 1fr 80px auto auto;gap:7px;align-items:center;margin-bottom:7px}.kh-category-row input{min-width:0}.kh-admin-settings .check{white-space:nowrap}
@media(max-width:980px){.kh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-detail-layout,.kh-editor-layout,.kh-admin-settings{grid-template-columns:1fr}.kh-detail-card-wrap{max-width:620px;margin-inline:auto}.kh-detail-meta,.kh-preview-panel{position:static}.kh-preview-panel{max-width:520px;margin-inline:auto}.kh-public-filters{align-items:stretch;flex-direction:column}.kh-search{min-width:0;width:100%}}
@media(max-width:640px){.kh-hero{padding:38px 0 26px}.kh-hero p{font-size:14px}.kh-browser{padding-top:18px}.kh-grid,.kh-grid-small{grid-template-columns:1fr}.kh-feed-card{width:min(100%,430px);margin-inline:auto}.kh-detail-page{padding-top:24px}.kh-detail-layout{grid-template-columns:minmax(0,1fr);width:min(100% - 24px,1200px)}.kh-card-content{padding:8%}.kh-card blockquote,.kh-card-detail blockquote{font-size:clamp(21px,7vw,31px);line-height:1.75}.kh-detail-actions .btn{flex:1;min-width:130px}.kh-full-text{font-size:18px}.kh-writer-list article{align-items:stretch;flex-direction:column}.kh-row-actions{flex-wrap:wrap}.kh-source-fields,.kh-category-row{grid-template-columns:1fr}.kh-ownership{align-items:flex-start;flex-direction:column}.kh-card-qr small{display:none}}
@media(max-width:360px){.kh-card-content{padding:7%}.kh-card blockquote,.kh-card-detail blockquote{font-size:20px}.kh-card-author img,.kh-card-author>span{width:32px;height:32px;flex-basis:32px}.kh-card-qr img{width:36px;height:36px}.kh-detail-actions .btn{width:100%;flex-basis:100%}}
.kh-card blockquote.kh-text-short{font-size:clamp(27px,3vw,40px)}.kh-card blockquote.kh-text-medium{font-size:clamp(22px,2.5vw,34px)}.kh-card blockquote.kh-text-long{font-size:clamp(18px,2vw,28px);line-height:1.75}
@media(max-width:640px){.kh-card blockquote.kh-text-short{font-size:clamp(25px,8vw,34px)}.kh-card blockquote.kh-text-medium{font-size:clamp(21px,6.5vw,29px)}.kh-card blockquote.kh-text-long{font-size:clamp(17px,5.2vw,23px)}}
.dash-new-khawatir{padding:10px 15px;border-radius:11px;font-size:11px;white-space:nowrap;border-color:color-mix(in srgb,var(--dash-accent) 28%,var(--dash-line));color:#b9e4e5}
@media(max-width:760px){.dash-new-khawatir span:last-child{display:none}.dash-new-khawatir{width:40px;height:40px;padding:0}}
.kh-text-only-note{display:grid;gap:4px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--brand) 5%,var(--panel2))}.kh-text-only-note strong{color:var(--brand)}.kh-text-only-note small{color:var(--muted);line-height:1.7}.kh-card blockquote{max-width:100%;max-height:100%;overflow:hidden;overflow-wrap:anywhere;word-break:normal}.kh-card blockquote.kh-text-short{font-size:clamp(28px,3.2vw,42px);line-height:1.9}.kh-card blockquote.kh-text-medium{font-size:clamp(21px,2.45vw,33px);line-height:1.78}.kh-card blockquote.kh-text-long{font-size:clamp(16px,1.75vw,24px);line-height:1.62}.kh-card-media{background-image:none!important;background:linear-gradient(145deg,#0e3239,#07191f 62%,#10272d)!important;filter:none!important}
@media(max-width:640px){.kh-card blockquote.kh-text-short{font-size:clamp(25px,7.5vw,34px)}.kh-card blockquote.kh-text-medium{font-size:clamp(19px,5.7vw,27px)}.kh-card blockquote.kh-text-long{font-size:clamp(14px,4.1vw,19px);line-height:1.58}}

/* Khawatir literary templates and measured safe area */
.kh-card-content{grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.kh-card blockquote{display:flex;align-items:center;justify-content:center;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;min-height:0;width:100%;padding:4% 3%;letter-spacing:0}.kh-card.align-right blockquote{text-align:right;justify-content:flex-start}.kh-card.align-center blockquote{text-align:center}.kh-card.emphasis-strong blockquote{font-weight:900}.kh-card.emphasis-normal blockquote{font-weight:700}.kh-template-hikma blockquote:before,.kh-template-hikma blockquote:after{content:'“';position:absolute;color:rgba(91,205,208,.2);font-family:serif;font-size:90px}.kh-template-hikma blockquote:before{top:18%;inset-inline-start:8%}.kh-template-hikma blockquote:after{content:'”';bottom:20%;inset-inline-end:8%}.kh-template-poetry blockquote{white-space:pre-wrap;border-inline-start:1px solid rgba(105,205,207,.35);padding-inline-start:7%;font-family:"Noto Sans Arabic",sans-serif}.kh-template-philosophy .kh-card-media{background:linear-gradient(155deg,#073f42,#06171c 65%)!important}.kh-template-philosophy:after{content:"";position:absolute;width:55%;aspect-ratio:1;border:1px solid rgba(84,190,193,.12);border-radius:50%;inset-inline-end:-22%;top:18%;z-index:-1}.kh-template-horror .kh-card-media{background:radial-gradient(circle at 70% 30%,#144c50,#041316 68%)!important}.kh-template-horror .kh-card-overlay{background:linear-gradient(180deg,rgba(2,14,17,.2),rgba(2,12,15,.82))}.kh-template-history{background:#e8e3d8;color:#0b3033!important;border-color:#b9b3a5}.kh-template-history .kh-card-media{background:repeating-linear-gradient(25deg,#e8e3d8,#e8e3d8 3px,#e4ded1 4px)!important}.kh-template-history .kh-card-overlay{background:linear-gradient(180deg,rgba(244,248,248,.15),rgba(7,63,66,.12))}.kh-template-history blockquote,.kh-template-history .kh-card-author strong,.kh-template-history header>b{color:#0b3033}.kh-template-history .kh-card-content{border:1px solid rgba(7,63,66,.25);margin:4%;height:92%;padding:6.5%}.kh-template-history .kh-card-author small,.kh-template-history footer>small{color:#536b6d}.kh-template-long .kh-card-content{padding:7%}.kh-template-long .kh-card-author img,.kh-template-long .kh-card-author>span{width:31px;height:31px;flex-basis:31px}.kh-template-long .kh-card-qr img{width:34px;height:34px}.kh-template-long blockquote{padding-block:2%}.kh-fit-overflow blockquote{outline:2px dashed rgba(255,106,33,.7);outline-offset:-3px}.kh-style-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:13px;border:1px solid var(--line);border-radius:8px}.kh-style-controls fieldset{border:0;margin:0;padding:0;display:flex;gap:10px}.kh-style-controls legend{font-weight:800;margin-bottom:5px}.kh-style-controls label{display:flex!important;flex-direction:row!important;align-items:center;gap:5px}.kh-long-template{margin-inline-start:auto}.kh-fit-quality{display:block;font-weight:800;margin-top:5px}.kh-fit-quality.is-good{color:#237746}.kh-fit-quality.is-warning{color:#92701d}.kh-fit-quality.is-error{color:#a23f35}.kh-template-row{grid-template-columns:1fr 1fr 1.2fr 70px auto auto auto}.kh-template-row select{min-width:0}@media(max-width:760px){.kh-editor-layout{display:flex;flex-direction:column}.kh-editor-fields{order:1}.kh-preview-panel{order:2;width:100%}.kh-style-controls{align-items:flex-start;flex-direction:column}.kh-long-template{margin:0}.kh-template-row{grid-template-columns:1fr}.kh-card blockquote{padding-inline:2%}}@media(prefers-reduced-motion:reduce){.kh-card,.kh-card *{transition:none!important;animation:none!important}}

/* Contrast correction: keep text readable against every section surface. */
.kh-page,.kh-detail-page{background:#071a20!important;color:#eaf7f7!important}
.kh-detail-page{min-height:100vh}
.kh-detail-page .kh-detail-meta,.kh-detail-page .kh-detail-meta p,.kh-detail-page .kh-detail-meta dd,.kh-detail-page .kh-full-text{color:#dceaea!important}
.kh-detail-page .kh-detail-meta h1,.kh-detail-page .kh-detail-meta h2,.kh-detail-page .kh-detail-meta strong{color:#fff!important}
.kh-detail-page .kh-detail-meta dt,.kh-detail-page .kh-detail-kicker,.kh-detail-page .kh-export-status{color:#8ed5d7!important}
.kh-detail-page .kh-detail-meta dl>div,.kh-detail-page .kh-source,.kh-detail-page .kh-author-link{background:#0a232a!important;color:#dceaea!important}
.kh-detail-page .kh-detail-meta a{color:#70d0d2!important}
.kh-card,.kh-card *,.mobile-drawer-v45,.writers-hero,.writer-identity-card,.writer-share-card,.sar-podcast-generated-cover{color:#fff}
.kh-card blockquote,.kh-card header>b,.kh-card-author strong,.kh-empty h2{color:#fff!important}
.kh-card footer>small,.kh-card-author small,.kh-card-qr small{color:#b7d0d1!important}
.site-footer,.site-footer-v45,.join-band,.section-dark,.panel-dark{color:#fff}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer p,.site-footer a,.site-footer-v45 h1,.site-footer-v45 h2,.site-footer-v45 h3,.site-footer-v45 h4,.site-footer-v45 p,.site-footer-v45 a{color:inherit}

/* Home category showcase: four compact rotating articles in the existing footprint. */
.category-showcase-grid{grid-template-columns:minmax(270px,.72fr) minmax(0,2.4fr);gap:24px;min-height:520px}.category-showcase-list{display:grid;gap:8px}.category-showcase-item{width:100%;font:inherit;color:inherit;text-align:start;cursor:pointer}.category-showcase-item.active,.category-showcase-item[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#fff)}.category-articles-area{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;min-width:0;transition:opacity .36s ease,transform .36s ease}.category-articles-area.is-changing{opacity:0;transform:translateY(6px)}.category-showcase-featured{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;min-height:0}.category-feature-card{min-height:0;height:248px;grid-template-rows:132px minmax(0,1fr);border-radius:18px;box-shadow:0 8px 26px rgba(8,63,67,.07)}.category-feature-card[hidden]{display:none}.category-feature-media{position:relative;background-color:#073f42;background-size:cover;background-position:center}.category-feature-media.is-placeholder{background:#073f42;display:grid;place-items:center}.category-media-mark{color:#fff;font-size:38px;font-weight:900;opacity:.75}.category-feature-chip{font-size:9px;padding:4px 8px}.category-feature-copy{padding:13px 15px;display:flex;flex-direction:column;justify-content:space-between;gap:7px;min-width:0}.category-feature-copy h3{font-size:16px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-feature-meta{font-size:9px;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}.category-feature-meta a{display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis}.category-rotation-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}.category-rotation-footer a,.category-reset{font-size:11px;font-weight:800;color:var(--accent)}.category-reset{border:0;background:transparent;cursor:pointer;padding:4px}.category-reset[aria-pressed="true"]{color:var(--text);text-decoration:underline;text-underline-offset:4px}@media(max-width:1100px){.category-showcase-grid{grid-template-columns:230px minmax(0,1fr);min-height:510px}.category-showcase-sidebar{order:initial;padding:18px}.category-showcase-featured{order:initial}.category-feature-card{height:242px;grid-template-rows:128px minmax(0,1fr)}}@media(max-width:820px){.category-showcase-grid{grid-template-columns:1fr;min-height:0}.category-showcase-sidebar{order:0;overflow:hidden}.category-showcase-title,.category-showcase-line{display:none}.category-showcase-list{display:flex;overflow-x:auto;gap:8px;padding-bottom:5px}.category-showcase-item{flex:0 0 auto;width:auto;min-height:42px!important;padding:8px 13px!important;border:1px solid #d8e4e5;border-radius:999px}.category-showcase-count{order:2}.category-showcase-accent{display:none}.category-articles-area{order:1}.category-showcase-featured{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.category-showcase-featured{grid-template-columns:1fr;grid-template-rows:none}.category-feature-card{height:270px;grid-template-rows:150px 1fr}.category-showcase-grid{gap:15px}.category-showcase-sidebar{padding:12px}.category-rotation-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.category-articles-area{transition:none!important;transform:none!important}}

.category-feature-media>img{width:100%;height:100%;object-fit:cover}.category-feature-media .category-feature-chip{position:absolute;z-index:1;top:12px;inset-inline-start:12px}

/* Saradeeeb sections column beside the rotating article grid. */
.category-showcase-sidebar{background:#073f42!important;border-color:#185b5e!important;color:#fff!important;box-shadow:0 16px 42px rgba(7,63,66,.16)!important;display:flex;flex-direction:column}.category-showcase-title{color:#fff!important}.category-showcase-star{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:10px;display:grid;place-items:center;color:#76d3d5}.category-showcase-star svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.category-showcase-line{background:#127d82}.saradeeeb-sections-list{display:grid;grid-template-rows:repeat(4,1fr);gap:10px;flex:1}.saradeeeb-section-card{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:13px;border:1px solid rgba(216,228,229,.15);border-radius:14px;background:rgba(255,255,255,.055);color:#fff;transition:transform .22s ease,border-color .22s ease,background .22s ease}.saradeeeb-section-card:hover,.saradeeeb-section-card:focus-visible{transform:translateY(-4px);border-color:#55b9bc;background:rgba(255,255,255,.09);outline:none}.saradeeeb-section-icon{width:40px;height:40px;border-radius:10px;background:#0b5559;display:grid;place-items:center;color:#e9ffff}.saradeeeb-section-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.saradeeeb-section-copy{display:grid;min-width:0}.saradeeeb-section-copy strong{font-size:14px;color:#fff}.saradeeeb-section-copy small{font-size:9px;line-height:1.55;color:#b9cdcf}.saradeeeb-section-arrow{color:#77d4d6;transition:transform .2s}.saradeeeb-section-card:hover .saradeeeb-section-arrow{transform:translateX(-4px)}.category-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px}.category-card-open{width:25px;height:25px;flex:0 0 25px;border:1px solid #d8e4e5;border-radius:7px;display:grid;place-items:center;color:#127d82;font-size:13px}.category-card-open:hover{background:#127d82;color:#fff}.category-rotation-footer>span{font-size:11px;color:#718487;font-weight:800}@media(max-width:820px){.category-showcase-title{display:flex}.category-showcase-line{display:block;margin:12px 0}.saradeeeb-sections-list{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));grid-template-rows:1fr;overflow-x:auto}.saradeeeb-section-card{min-width:145px;grid-template-columns:36px minmax(0,1fr);padding:10px}.saradeeeb-section-icon{width:34px;height:34px}.saradeeeb-section-arrow{display:none}.saradeeeb-section-copy small{display:none}}@media(max-width:560px){.saradeeeb-sections-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);overflow:visible}.saradeeeb-section-card{min-width:0;min-height:78px}.category-showcase-sidebar{padding:16px!important}.category-showcase-title h2{font-size:21px}.category-feature-bottom{align-items:flex-end}.category-feature-meta{white-space:normal;flex-wrap:wrap}}

.category-showcase-sidebar .category-showcase-title{color:#fff!important;direction:rtl;text-align:right;flex-wrap:nowrap}.category-showcase-sidebar .category-showcase-title h2{color:#fff!important;font-size:24px!important;line-height:1.35;white-space:nowrap;letter-spacing:0}

/* Podcast source and Saradeeeb design library. */
.podcast-source-box{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:13px}.podcast-source-box legend{padding:0 8px;font-weight:900}.podcast-source-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.podcast-source-types label,.podcast-template-choices label{cursor:pointer}.podcast-source-types input,.podcast-template-choices input{position:absolute;opacity:0}.podcast-source-types span,.podcast-template-choices span{display:block;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--panel2);font-size:11px}.podcast-source-types input:checked+span,.podcast-template-choices input:checked+span{border-color:#127d82;background:color-mix(in srgb,#127d82 9%,var(--panel2));color:#127d82;font-weight:900}.podcast-source-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.podcast-source-actions .is-ok{color:#287a50}.podcast-source-actions .is-error{color:#a73c35}.podcast-source-preview{padding:12px;border:1px solid var(--line);border-radius:10px}.podcast-source-preview audio{width:100%}.podcast-test-video,.sar-podcast-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#071b1e}.podcast-test-video iframe,.sar-podcast-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.podcast-upload-secondary{border:1px solid var(--line);border-radius:9px;padding:10px}.podcast-upload-secondary summary{cursor:pointer;font-weight:800}.podcast-design-library{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.podcast-cover-builder{display:grid;grid-template-columns:250px minmax(280px,520px);gap:22px;align-items:start}.podcast-template-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.podcast-cover-preview{width:min(100%,520px)}.sar-podcast-generated-cover{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1;width:100%;background:#073f42;color:#fff;padding:8%;display:flex;flex-direction:column;justify-content:space-between}.sar-podcast-generated-cover:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.15);z-index:-1}.podcast-cover-brand{display:flex;align-items:center;gap:9px}.podcast-cover-brand>span{width:38px;height:38px;background:#ff6a21;display:grid;place-items:center;font-weight:900}.podcast-cover-main{max-width:82%}.podcast-cover-main small{color:#85d4d6;font-weight:900}.podcast-cover-main h3{height:2.7em;overflow:hidden;margin:9px 0;font-size:58px;line-height:1.35;letter-spacing:0}.podcast-cover-main em{font-style:normal;color:#c1d6d7}.podcast-cover-icon{position:absolute;inset-inline-end:8%;bottom:8%;width:64px;height:64px;color:#76d4d6}.podcast-cover-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}.cover-dark{background:#06171c}.cover-minimal{background:#f4f8f8;color:#0b3033}.cover-minimal:before{border-color:#127d8240}.cover-feature{background:#0b5559}.cover-feature .podcast-cover-main h3{border-inline-start:5px solid #ff6a21;padding-inline-start:14px}.cover-category{background:#073f42}.cover-category:after{content:"";position:absolute;width:58%;aspect-ratio:1;border:42px solid #127d8230;border-radius:50%;inset-inline-end:-28%;top:-20%;z-index:-1}.sar-podcast-youtube{display:grid;gap:12px}.sar-podcast-youtube header{padding:16px;border:1px solid #d8e4e5;border-radius:12px;background:#f4f8f8}.sar-podcast-youtube header span{color:#127d82;font-weight:900}.sar-podcast-youtube h3{margin:3px 0;color:#0b3033}@media(max-width:700px){.podcast-source-types,.podcast-cover-builder{grid-template-columns:1fr}.podcast-template-choices{display:flex;overflow-x:auto}.podcast-template-choices label{flex:0 0 120px}.podcast-cover-preview{width:100%}}

.sar-podcast-rss{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #d8e4e5;border-radius:14px;background:#f4f8f8;color:#0b3033}.sar-podcast-rss>span{width:48px;height:48px;color:#127d82}.sar-podcast-rss svg{width:100%;height:100%;fill:none;stroke:currentColor}.sar-podcast-rss p{margin:2px 0;color:#718487}.sar-podcast-rss a{color:#127d82;font-weight:900}

/* Home section two: category-filtered four article browser. */
.latest-browser{background:#f4f8f8}.latest-browser-layout{display:grid;grid-template-columns:minmax(220px,25%) minmax(0,75%);gap:24px;align-items:stretch}.latest-category-panel{padding:22px;border:1px solid #d8e4e5;border-radius:8px;background:#fff}.latest-category-panel h3{margin:0 0 18px;color:#073f42;font-size:19px}.latest-category-list{display:grid;gap:7px}.latest-category-button{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;border:1px solid transparent;border-inline-start:3px solid #d8e4e5;border-radius:6px;background:#f7fafa;color:#0b3033;font:inherit;font-size:12px;text-align:start;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.latest-category-button small{color:#718487;font-size:10px}.latest-category-button:hover,.latest-category-button:focus-visible{border-color:#8fbfc1;background:#eef7f7;outline:2px solid transparent;transform:translateX(-2px)}.latest-category-button.active,.latest-category-button[aria-pressed="true"]{border-color:#127d82;border-inline-start-color:#ff6a21;background:#eaf4f4;color:#073f42;font-weight:900}.latest-articles-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:17px;min-width:0;transition:opacity .38s ease,transform .38s ease}.latest-articles-panel.is-changing{opacity:0;transform:translateY(6px)}.latest-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.latest-browser-head h2{margin:4px 0 0;color:#073f42;font-size:28px}.latest-browser-head a{color:#127d82;font-size:12px;font-weight:900}.latest-four-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,250px);gap:14px}.latest-article-card{display:grid;grid-template-columns:minmax(135px,42%) minmax(0,1fr);height:250px;overflow:hidden;border:1px solid #d8e4e5;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(11,48,51,.06);transition:transform .25s,border-color .25s,box-shadow .25s}.latest-article-card[hidden]{display:none}.latest-article-card:hover{transform:translateY(-3px);border-color:#8fbfc1;box-shadow:0 13px 30px rgba(11,48,51,.11)}.latest-article-media{overflow:hidden;background:#073f42;display:grid;place-items:center;color:#fff;font-size:34px;font-weight:900}.latest-article-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.latest-article-card:hover .latest-article-media img{transform:scale(1.025)}.latest-article-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:18px;min-width:0}.latest-article-copy h3{margin:0;color:#0b3033;font-size:17px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest-article-copy h3 a{color:inherit}.latest-article-meta{display:flex;align-items:center;gap:5px;max-width:100%;color:#718487;font-size:10px;flex-wrap:wrap}.latest-article-meta a{color:#127d82;font-weight:800}.latest-article-meta .writer-badge{vertical-align:middle}@media(max-width:980px){.latest-browser-layout{grid-template-columns:1fr}.latest-category-panel{padding:14px}.latest-category-panel h3{margin-bottom:10px}.latest-category-list{display:flex;overflow-x:auto;gap:8px;padding-bottom:5px;scrollbar-width:thin}.latest-category-button{flex:0 0 auto;width:auto;min-width:120px;border:1px solid #d8e4e5;border-inline-start-width:3px}.latest-four-grid{grid-template-rows:repeat(2,240px)}.latest-article-card{height:240px}}@media(max-width:680px){.latest-browser{padding-block:44px}.latest-browser-head{align-items:flex-start}.latest-browser-head h2{font-size:24px}.latest-four-grid{grid-template-columns:1fr;grid-template-rows:none}.latest-article-card{height:220px;grid-template-columns:minmax(120px,38%) minmax(0,1fr)}.latest-article-copy{padding:14px}.latest-article-copy h3{font-size:15px}}@media(max-width:420px){.latest-article-card{height:210px;grid-template-columns:112px minmax(0,1fr)}.latest-article-meta{font-size:9px}}@media(prefers-reduced-motion:reduce){.latest-articles-panel,.latest-article-card,.latest-article-media img,.latest-category-button{transition:none!important;transform:none!important}}

/* Header refinement: spaced controls, restrained depth, unchanged navigation behavior. */
.site-header-v45 .header-v45-inner{gap:24px!important}.site-header-v45 .header-brand-v45{margin-inline:4px 10px}.site-header-v45 .main-nav-v45{gap:8px!important}.site-header-v45 .main-nav-v45>.nav-pro-link,.site-header-v45 .main-nav-v45>.header-mega-wrap>.nav-pro-link{min-height:44px;padding:10px 15px!important;border:1px solid #d8e4e5!important;border-radius:12px!important;background:linear-gradient(180deg,#fff,#f4f8f8)!important;box-shadow:0 5px 14px rgba(7,63,66,.07),inset 0 1px 0 rgba(255,255,255,.9);gap:8px!important;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.site-header-v45 .main-nav-v45 .nav-pro-link:hover,.site-header-v45 .main-nav-v45 .nav-pro-link.active,.site-header-v45 .main-nav-v45 .header-mega-wrap.open>.nav-pro-link{border-color:#127d82!important;background:#eef8f8!important;color:#0b666a!important;box-shadow:0 8px 18px rgba(7,63,66,.11),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 0 #127d82;transform:translateY(-2px)!important}.site-header-v45 .main-nav-v45 .nav-pro-icon{width:30px!important;height:30px!important;border:1px solid #d8e4e5;border-radius:9px;background:#f4f8f8;box-shadow:inset 0 1px 2px rgba(7,63,66,.08);display:grid;place-items:center}.site-header-v45 .main-nav-v45 .nav-pro-icon svg{width:17px!important;height:17px!important}.site-header-v45 .main-nav-v45 .nav-pro-link:hover .nav-pro-icon,.site-header-v45 .main-nav-v45 .nav-pro-link.active .nav-pro-icon{color:#127d82;border-color:#9bc8c9;background:#e5f4f4}.site-header-v45 .main-nav-v45>.nav-community-cta{min-height:44px;height:44px;margin-inline:2px;padding-inline:16px!important;border-color:#0b666a!important;background:#127d82!important;box-shadow:0 7px 18px rgba(18,125,130,.24),inset 0 1px 0 rgba(255,255,255,.24)}.site-header-v45 .main-nav-v45>.nav-community-cta .nav-pro-icon{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}.site-header-v45 .main-nav-v45>.nav-community-cta:hover{background:#0b666a!important;box-shadow:0 10px 22px rgba(18,125,130,.3)!important}.site-header-v45 .header-actions-v45{gap:9px!important;padding-inline-start:4px}.site-header-v45 .mini-search-v45,.site-header-v45 .community-notification-bell,.site-header-v45 .theme-toggle-pro,.site-header-v45 .menu-btn-v45{border:1px solid #d8e4e5!important;box-shadow:0 5px 14px rgba(7,63,66,.07),inset 0 1px 0 rgba(255,255,255,.9);background:linear-gradient(180deg,#fff,#f4f8f8)!important}.site-header-v45 .mini-search-v45{margin-inline:4px!important}.site-header-v45 .community-notification-bell:hover,.site-header-v45 .theme-toggle-pro:hover,.site-header-v45 .menu-btn-v45:hover{border-color:#127d82!important;color:#127d82!important;transform:translateY(-2px)}.site-header-v45 .header-mega-panel{top:calc(100% + 10px);padding:18px;background:#fff;color:#0b3033;border:1px solid #d8e4e5;border-top:3px solid #127d82;border-radius:16px;box-shadow:0 18px 42px rgba(7,63,66,.16)}.site-header-v45 .header-mega-grid a{background:#f7fafa;color:#0b3033!important;border-color:#d8e4e5;border-radius:10px;padding:12px}.site-header-v45 .header-mega-grid a:hover{background:#eaf6f6;border-color:#127d82}.site-header-v45 .header-mega-accent{background:#127d82}.site-header-v45 .header-mega-grid small{background:#e5f4f4;color:#0b666a}.site-header-v45 .nav-pro-link::after{content:"";display:block!important;position:absolute;height:3px;background:#ff6a21;inset-inline:18px;bottom:-1px;border-radius:4px;transform:scaleX(0);transition:transform .2s}.site-header-v45 .nav-pro-link:hover::after,.site-header-v45 .nav-pro-link.active::after{transform:scaleX(1)}
.mobile-drawer-v45{width:min(390px,90vw)!important;background:#073f42!important;color:#f4f8f8!important;box-shadow:-24px 0 60px rgba(7,30,34,.3)!important}.mobile-drawer-v45 .mobile-drawer-head{border-color:rgba(216,228,229,.18)}.mobile-drawer-v45 .mobile-drawer-head button{background:rgba(255,255,255,.1);color:#fff}.mobile-drawer-v45 .mobile-nav-list-v45{gap:8px!important;padding:12px 14px 20px!important}.mobile-drawer-v45 .mobile-nav-list-v45>a,.mobile-drawer-v45 .mobile-accordion>button{min-height:52px!important;padding:10px 12px!important;border:1px solid rgba(216,228,229,.15)!important;border-radius:13px!important;background:rgba(255,255,255,.06)!important;color:#f4f8f8!important;box-shadow:0 5px 14px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.08)}.mobile-drawer-v45 .mobile-nav-list-v45>a:hover,.mobile-drawer-v45 .mobile-accordion>button:hover,.mobile-drawer-v45 .mobile-accordion.open>button{border-color:#55b9bc!important;background:rgba(18,125,130,.3)!important;color:#fff!important}.mobile-drawer-v45 .mobile-nav-list-v45 .nav-pro-icon,.mobile-drawer-v45 .mobile-accordion .nav-pro-icon{width:30px;height:30px;border:1px solid rgba(216,228,229,.2);border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center}.mobile-drawer-v45 .mobile-accordion>[data-mobile-accordion-panel]{padding:8px 8px 8px 40px;gap:7px}.mobile-drawer-v45 .mobile-accordion [data-mobile-accordion-panel] a{min-height:44px;padding:10px!important;border:1px solid rgba(216,228,229,.1);background:rgba(255,255,255,.04)!important;color:#d9eeee!important}.mobile-drawer-v45 .mobile-nav-list-v45>a.nav-community-cta,.mobile-drawer-v45 .mobile-nav-list-v45>a.nav-community-cta:hover{background:#127d82!important;border-color:#55b9bc!important}.mobile-drawer-v45 .mobile-writer-cta{margin:14px;width:calc(100% - 28px);border-radius:13px;background:#127d82!important;box-shadow:0 8px 20px rgba(18,125,130,.28)}
@media(max-width:980px){.site-header-v45 .header-writer-cta{display:none!important}.site-header-v45 .mini-search-v45{display:grid!important;min-width:42px!important;width:42px!important;height:42px!important;margin:0!important;border-radius:12px!important}.site-header-v45 .mini-search-v45 input{display:none!important}.site-header-v45 .mini-search-v45 button{width:100%;height:100%;padding:0}.site-header-v45 .header-v45-inner{gap:10px!important}.site-header-v45 .header-actions-v45{gap:8px!important}}@media(max-width:560px){.site-header-v45 .header-v45-inner{padding-inline:12px!important}.site-header-v45 .header-brand-v45{max-width:54vw}.mobile-drawer-v45{width:90vw!important;max-width:360px!important}}

/* Article reading layout: bounded measure, fluid type, and zero horizontal overflow. */
.article-page-v45{overflow-x:hidden}.article-page-v45 .article-head-v45,.article-page-v45 .article-cover-wrap-v45,.article-page-v45 .article-layout-v45{width:min(1240px,calc(100% - 48px))!important;max-width:1240px!important}.article-page-v45 .article-hero-v45{padding:48px 0 24px!important}.article-page-v45 .article-head-v45 h1{max-width:980px!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.28!important;letter-spacing:0!important;overflow-wrap:anywhere}.article-page-v45 .article-lead-v45{max-width:900px!important;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.95!important}.article-page-v45 .article-cover-v45{height:min(48vw,600px)!important;margin:20px 0 46px!important}.article-page-v45 .article-layout-v45{grid-template-columns:minmax(0,820px) minmax(250px,300px)!important;gap:48px!important;justify-content:center!important}.article-page-v45 .article-content-v45{max-width:820px!important;font-size:18px!important;line-height:2.05!important;overflow-wrap:anywhere}.article-page-v45 .article-content-v45 p{max-width:100%;margin-bottom:1.55em!important}.article-page-v45 .article-content-v45 h2{font-size:clamp(25px,2.5vw,34px)!important;line-height:1.45!important}.article-page-v45 .article-content-v45 h3{font-size:clamp(22px,2vw,27px)!important}.article-page-v45 .article-content-v45 img,.article-page-v45 .article-content-v45 video,.article-page-v45 .article-content-v45 iframe{max-width:100%!important;height:auto}.article-page-v45 .article-insight-sticky-v45{top:100px}.article-page-v45 .article-meta-row-v45{flex-wrap:wrap}
@media(max-width:1180px){.article-page-v45 .article-head-v45,.article-page-v45 .article-cover-wrap-v45,.article-page-v45 .article-layout-v45{width:min(100% - 36px,1040px)!important}.article-page-v45 .article-layout-v45{grid-template-columns:minmax(0,1fr) 260px!important;gap:30px!important}.article-page-v45 .article-content-v45{font-size:17.5px!important}}
@media(max-width:900px){.article-page-v45 .article-layout-v45{grid-template-columns:1fr!important;gap:28px!important}.article-page-v45 .article-content-v45{max-width:760px!important;margin-inline:auto}.article-page-v45 .article-insight-sidebar-v45{order:-1}.article-page-v45 .article-insight-sticky-v45{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.article-page-v45 .article-summary-card-v45{grid-column:1/-1}}
@media(max-width:650px){.article-page-v45 .article-head-v45,.article-page-v45 .article-cover-wrap-v45,.article-page-v45 .article-layout-v45{width:calc(100% - 28px)!important}.article-page-v45 .article-hero-v45{padding:30px 0 18px!important}.article-page-v45 .article-head-v45 h1{font-size:clamp(28px,8.5vw,36px)!important;line-height:1.38!important}.article-page-v45 .article-lead-v45{font-size:16px!important;line-height:1.9!important}.article-page-v45 .article-cover-v45{height:58vw!important;min-height:190px!important;max-height:360px!important;margin:16px 0 30px!important;border-radius:14px!important}.article-page-v45 .article-content-v45{font-size:17px!important;line-height:2!important}.article-page-v45 .article-content-v45 blockquote{margin:24px 0!important;padding:16px!important}.article-page-v45 .article-insight-sticky-v45{grid-template-columns:1fr}.article-page-v45 .article-summary-card-v45{grid-column:auto}.article-page-v45 .article-meta-row-v45{gap:14px;padding:14px 0}.article-page-v45 .article-author-v45{min-width:0;max-width:100%}.article-page-v45 .article-meta-v45{justify-content:flex-start;gap:8px;font-size:11px}}
@media(max-width:390px){.article-page-v45 .article-head-v45,.article-page-v45 .article-cover-wrap-v45,.article-page-v45 .article-layout-v45{width:calc(100% - 22px)!important}.article-page-v45 .article-content-v45{font-size:16px!important}.article-page-v45 .article-head-v45 h1{font-size:28px!important}}

/* Final single-article reading layout and related cards. */
.article-page-v45 .article-content-v45{min-width:0;width:100%;margin:0;padding:0 0 10px;color:#253f43!important}
.article-page-v45 .article-content-v45>*{max-width:100%}
.article-page-v45 .article-content-v45 p{color:#29494d!important}
.article-page-v45 .article-content-v45 h2,.article-page-v45 .article-content-v45 h3{overflow-wrap:anywhere}
.article-page-v45 .article-insight-sidebar-v45{min-width:0;width:100%}
.article-page-v45 .article-insight-sticky-v45{display:grid;gap:14px}
.article-page-v45 .article-insight-card-v45,.article-page-v45 .article-insight-card{min-width:0;overflow:hidden}
.article-page-v45 .article-comments-section{margin-top:12px}
.article-page-v45 .related-v45{padding-block:58px}
.article-page-v45 .related-v45 .section-head{margin-bottom:22px}
.article-page-v45 .related-v45 .story-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.article-page-v45 .related-v45 .story-card{min-width:0;background:#fff;border-color:#d8e4e5;box-shadow:0 10px 28px rgba(7,63,66,.07)}
.article-page-v45 .related-v45 .story-image{height:190px;min-height:190px}
.article-page-v45 .related-v45 .story-body{min-width:0;padding:17px}
.article-page-v45 .related-v45 .story-body h3{font-size:18px;line-height:1.55;margin:0 0 9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.article-page-v45 .related-v45 .story-body p{font-size:13px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.article-page-v45 .related-v45 .story-author-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:12px}
@media(max-width:1020px){
  .article-page-v45 .article-layout-v45{grid-template-columns:minmax(0,1fr) 250px!important;gap:28px!important}
  .article-page-v45 .related-v45 .story-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .article-page-v45 .article-layout-v45{display:flex!important;flex-direction:column!important;gap:26px!important}
  .article-page-v45 .article-content-v45{order:2}
  .article-page-v45 .article-insight-sidebar-v45{order:1}
  .article-page-v45 .article-insight-sticky-v45{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-page-v45 .article-summary-card-v45{grid-column:1/-1}
}
@media(max-width:600px){
  .article-page-v45 .article-insight-sticky-v45{grid-template-columns:1fr}
  .article-page-v45 .article-summary-card-v45{grid-column:auto}
  .article-page-v45 .related-v45{padding-block:42px}
  .article-page-v45 .related-v45 .story-grid.compact{grid-template-columns:1fr}
  .article-page-v45 .related-v45 .story-image{height:210px;min-height:210px}
  .article-page-v45 .related-v45 .story-body{padding:16px}
}

/* Arabic article correction: keep prose flowing and preserve the two-column frame. */
.article-page-v45 .article-layout-v45{
  direction:rtl;
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  grid-template-columns:minmax(0,820px) minmax(250px,280px)!important;
  align-items:start!important;
}
.article-page-v45 .article-content-v45{
  min-width:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}
.article-page-v45 .article-content-v45 p,
.article-page-v45 .article-content-v45 li,
.article-page-v45 .article-content-v45 blockquote{
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.article-page-v45 .article-content-v45 ul,
.article-page-v45 .article-content-v45 ol{
  display:block!important;
  width:100%!important;
  padding-inline-start:1.5em!important;
  margin-block:1.2em!important;
}
.article-page-v45 .article-content-v45 li{display:list-item!important;width:auto!important;margin-bottom:.55em!important}
.article-page-v45 .article-insight-sidebar-v45{grid-column:auto;min-width:0!important}
.article-page-v45 .article-author-card-v45,
.article-page-v45 .writer-thank-card,
.article-page-v45 .article-community-cta,
.article-page-v45 .article-share-v45{width:100%;max-width:100%;min-width:0;overflow:hidden}
@media(max-width:900px){
  .article-page-v45 .article-layout-v45{width:min(100% - 30px,820px)!important;grid-template-columns:1fr!important}
}
@media(max-width:390px){
  .article-page-v45 .article-layout-v45{width:calc(100% - 22px)!important}
}

/* Light categories dropdown: visual-only refinement, same content and behavior. */
.site-header-v45 .header-mega-panel{background:#fff!important;color:#0b3033!important;border:1px solid #d8e4e5!important;border-top:3px solid #127d82!important;border-radius:18px!important;padding:18px!important;box-shadow:0 20px 45px rgba(7,63,66,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;opacity:0;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important}.site-header-v45 .header-mega-wrap.open .header-mega-panel{opacity:1;transform:translate(-50%,0)}[dir=rtl] .site-header-v45 .header-mega-panel{transform:translate(50%,8px)}[dir=rtl] .site-header-v45 .header-mega-wrap.open .header-mega-panel{transform:translate(50%,0)}.site-header-v45 .header-mega-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.site-header-v45 .header-mega-grid a{position:relative;min-height:64px!important;padding:14px 16px!important;display:flex!important;align-items:center!important;gap:10px!important;background:#fff!important;color:#0b3033!important;border:1px solid #d8e4e5!important;border-radius:12px!important;box-shadow:0 5px 12px rgba(7,63,66,.06),inset 0 1px 0 rgba(255,255,255,.9)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important}.site-header-v45 .header-mega-grid a:hover,.site-header-v45 .header-mega-grid a:focus-visible{background:#eef7f7!important;border-color:#8bc3c6!important;box-shadow:0 10px 20px rgba(7,63,66,.12)!important;transform:translateY(-2px)!important;outline:none}.site-header-v45 .header-mega-grid a:focus-visible{outline:2px solid #127d82;outline-offset:2px}.site-header-v45 .header-mega-grid .header-mega-accent{width:5px!important;height:34px!important;flex:0 0 5px;border-radius:5px;background:#127d82!important;order:0}.site-header-v45 .header-mega-grid strong{flex:1;color:#0b3033!important;font-size:14px!important;font-weight:800}.site-header-v45 .header-mega-grid small{min-width:30px!important;height:30px!important;padding:0 8px;border:1px solid #d8e4e5;background:#eef7f7!important;color:#127d82!important;border-radius:9px!important;display:grid!important;place-items:center}.site-header-v45 .header-mega-wrap.open>.header-mega-trigger{background:#eaf6f6!important;border-color:#8bc3c6!important;color:#073f42!important}.site-header-v45 .header-mega-wrap.open>.header-mega-trigger .mega-chevron{transform:rotate(180deg);transition:transform .2s ease}.mobile-drawer-v45 .mobile-accordion>[data-mobile-accordion-panel] a{background:#f4f8f8!important;color:#0b3033!important;border-color:#d8e4e5!important;box-shadow:0 4px 10px rgba(7,63,66,.05),inset 0 1px 0 rgba(255,255,255,.9)!important}.mobile-drawer-v45 .mobile-accordion>[data-mobile-accordion-panel] a:hover,.mobile-drawer-v45 .mobile-accordion>[data-mobile-accordion-panel] a:focus-visible{background:#eaf6f6!important;border-color:#8bc3c6!important;color:#0b666a!important;transform:translateY(-1px)}

.mobile-drawer-v45 .mobile-accordion>button{background:#eaf6f6!important;color:#0b3033!important;border-color:#8bc3c6!important}

/* Keep the pointer path continuous from the trigger into the dropdown. */
.site-header-v45 .header-mega-panel{top:100%!important}

/* IBM Plex Sans Arabic is the final typeface for every visible site control. */
html,body,button,input,textarea,select,option,strong,b,h1,h2,h3,h4,h5,h6,.privacy-settings-fallback,.kh-template-poetry blockquote{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important}

/* Global viewport guard and responsive header cutoff. */
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.site-header-v45,.site-header-v45+*,.site-footer-v45,#main{max-width:100%;min-width:0}.site-header-v45,.site-footer-v45{width:100%;margin-inline:0}.site-header-v45 .header-v45-inner,.site-header-v45 .main-nav-v45,.site-header-v45 .header-actions-v45,.site-footer-v45 .container{min-width:0;max-width:100%}.site-header-v45 .header-brand-v45,.site-header-v45 .main-nav-v45,.site-header-v45 .header-actions-v45{min-width:0}.site-header-v45 .main-nav-v45>.nav-pro-link,.site-header-v45 .main-nav-v45>.header-mega-wrap{min-width:0}.site-footer-v45 *{max-width:100%}
@media(max-width:1280px){.site-header-v45 .main-nav-v45{display:none!important}.site-header-v45 .menu-btn-v45{display:grid!important}.site-header-v45 .header-writer-cta{display:none!important}.site-header-v45 .mini-search-v45{display:grid!important;min-width:42px!important;width:42px!important;height:42px!important;margin:0!important;border-radius:12px!important}.site-header-v45 .mini-search-v45 input{display:none!important}.site-header-v45 .mini-search-v45 button{width:100%;height:100%;padding:0}.site-header-v45 .header-v45-inner{gap:12px!important}.site-header-v45 .header-actions-v45{gap:8px!important}}

/* Final header sizing and floating award alignment. */
.site-header-v45 .main-nav-v45{gap:10px!important}.site-header-v45 .main-nav-v45>.nav-pro-link,.site-header-v45 .main-nav-v45>.header-mega-wrap>.nav-pro-link{padding-inline:11px!important;font-size:11px!important}.site-header-v45 .main-nav-v45>.nav-community-cta{padding-inline:13px!important}.site-header-v45 .header-actions-v45{gap:11px!important}.floating-awards{inset-inline:auto!important;right:22px!important;left:auto!important;direction:ltr!important;width:354px!important;height:438px!important;bottom:90px!important}.floating-award-item>a{direction:ltr!important}.floating-award-item .award-card-pro{transform-origin:top left!important}.floating-award-close{right:-1px!important;left:auto!important}@media(max-width:650px){.site-header-v45 .main-nav-v45{gap:8px!important}.site-header-v45 .main-nav-v45>.nav-pro-link,.site-header-v45 .main-nav-v45>.header-mega-wrap>.nav-pro-link{padding-inline:10px!important;font-size:10.5px!important}.floating-awards{right:12px!important;left:auto!important;bottom:82px!important;width:296px!important;height:369px!important}.floating-award-item .award-card-pro{transform-origin:top left!important}}

/* Saradeeeb unified card language: shared depth, spacing and responsive behavior. */
:root{--card-radius:16px;--card-border:#d8e4e5;--card-bg:#fff;--card-text:#0b3033;--card-muted:#718487;--card-accent:#127d82;--card-shadow:0 12px 30px rgba(7,63,66,.10),inset 0 1px 0 rgba(255,255,255,.86);--card-shadow-hover:0 18px 40px rgba(7,63,66,.16),inset 0 1px 0 rgba(255,255,255,.95)}
.story-card,.category-card,.latest-article-card,.category-feature-card,.podcast-card,.community-topic-card,.community-category-grid>a,.author-official-award,.writer-thank-card,.award-card-pro{border-radius:var(--card-radius);border-color:var(--card-border);box-shadow:var(--card-shadow);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.story-card:hover,.category-card:hover,.latest-article-card:hover,.category-feature-card:hover,.podcast-card:hover,.community-topic-card:hover,.community-category-grid>a:hover,.author-official-award:hover,.writer-thank-card:hover,.award-card-pro:hover{transform:translateY(-3px);border-color:#8bc3c6;box-shadow:var(--card-shadow-hover)}
.story-card,.category-card,.latest-article-card,.category-feature-card,.podcast-card,.community-topic-card,.community-category-grid>a{min-width:0;max-width:100%;overflow:hidden}
.story-body h3,.latest-article-copy h3,.category-feature-copy h3,.podcast-card-body h2,.community-topic-main h2{overflow-wrap:anywhere}
.story-image,.latest-article-media,.category-feature-media,.podcast-card-cover{background-color:#073f42}
.podcast-card-cover{aspect-ratio:1;min-width:0}.podcast-card-cover img{width:100%;height:100%;object-fit:cover}
.category-card,.community-category-grid>a{background:var(--card-bg)}
.category-icon,.podcast-episode-number,.latest-article-meta a,.community-topic-author,.community-category-grid span{color:var(--card-accent)}
.site-footer-pro .footer-nav-pro a,.site-footer-pro .footer-languages-pro a{border-radius:10px}.site-footer-pro .footer-nav-pro a:hover,.site-footer-pro .footer-languages-pro a:hover{transform:translateY(-2px)}
@media(max-width:760px){.story-grid,.story-grid.compact,.category-grid,.podcast-card-grid,.community-category-grid{grid-template-columns:1fr!important}.story-card,.latest-article-card,.category-feature-card,.podcast-card,.community-topic-card{border-radius:14px}.podcast-card-cover{aspect-ratio:1}.community-topic-card{grid-template-columns:42px minmax(0,1fr)}.community-topic-thumb{grid-column:2;width:100%;height:auto;aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.story-card,.category-card,.latest-article-card,.category-feature-card,.podcast-card,.community-topic-card,.community-category-grid>a,.author-official-award,.writer-thank-card,.award-card-pro{transition:none!important}}

/* Global Arabic typography */
:root{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important}
html,body,button,input,textarea,select{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important}

/* Header visual hierarchy: ordinary links stay light; CTA keeps the emphasis. */
.site-header-v45 .main-nav-v45>.nav-pro-link:not(.nav-community-cta),
.site-header-v45 .main-nav-v45>.header-mega-wrap>.nav-pro-link{
  min-height:44px!important;
  padding:10px 12px!important;
  border:1px solid #d8e4e5!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#0b3033!important;
  box-shadow:0 3px 8px rgba(7,63,66,.05),inset 0 1px 0 rgba(255,255,255,.85)!important;
  transform:none!important;
}
.site-header-v45 .main-nav-v45>.nav-pro-link:not(.nav-community-cta):hover,
.site-header-v45 .main-nav-v45>.nav-pro-link:not(.nav-community-cta).active,
.site-header-v45 .main-nav-v45>.header-mega-wrap.open>.nav-pro-link{
  background:#eaf6f6!important;
  border-color:#8bc3c6!important;
  color:#073f42!important;
  box-shadow:inset 0 -3px 0 #ff6a21!important;
  transform:translateY(-1px)!important;
}
.site-header-v45 .main-nav-v45 .nav-pro-icon{
  width:28px!important;height:28px!important;border-radius:8px!important;
  background:#eef7f7!important;border:1px solid #d8e4e5!important;
  box-shadow:none!important;color:#127d82;
}
.site-header-v45 .main-nav-v45>.nav-community-cta{
  min-height:46px!important;height:46px!important;border-radius:11px!important;
  background:#127d82!important;color:#fff!important;border-color:#0b666a!important;
  box-shadow:0 8px 18px rgba(18,125,130,.20),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
.site-header-v45 .main-nav-v45>.nav-community-cta:hover{background:#0b666a!important;transform:translateY(-1px)!important}
.site-header-v45 .mini-search-v45,.site-header-v45 .community-notification-bell,.site-header-v45 .theme-toggle-pro,.site-header-v45 .menu-btn-v45{
  box-shadow:0 3px 8px rgba(7,63,66,.05),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.site-header-v45 .header-mega-panel{width:min(540px,78vw)!important;padding:16px!important;border-radius:16px!important;box-shadow:0 18px 40px rgba(7,63,66,.14),inset 0 1px 0 rgba(255,255,255,.9)!important}
.site-header-v45 .header-mega-grid{gap:9px!important}
.site-header-v45 .header-mega-grid a{min-height:46px!important;padding:10px 12px!important;border-radius:10px!important;box-shadow:0 3px 8px rgba(7,63,66,.05),inset 0 1px 0 rgba(255,255,255,.85)!important}
.site-header-v45 .header-mega-grid a:hover{transform:translateY(-1px)!important;box-shadow:0 7px 14px rgba(7,63,66,.09)!important}
@media(max-width:1280px){.site-header-v45 .main-nav-v45{display:none!important}}
@media(max-width:650px){.mobile-drawer-v45 .mobile-nav-list-v45>a,.mobile-drawer-v45 .mobile-accordion>button{min-height:52px!important;border-radius:12px!important;box-shadow:0 3px 8px rgba(7,63,66,.05)!important}.mobile-drawer-v45 .mobile-community-account{box-shadow:none!important}}

/* Article author card: balanced RTL grid with a natural mobile stack. */
.article-page-v45 .article-author-card-v45{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,38%)!important;gap:24px!important;align-items:stretch!important;padding:22px!important;min-width:0!important;overflow:hidden!important}
.article-page-v45 .article-author-card-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:8px 4px}
.article-page-v45 .article-author-label{color:#127d82;font-size:11px;font-weight:900}
.article-page-v45 .article-author-card-info h3{margin:0!important;color:#0b3033!important;font-size:clamp(22px,2.6vw,32px)!important;line-height:1.3!important;overflow-wrap:anywhere;min-width:0}
.article-page-v45 .article-author-card-info h3 a{color:inherit!important}
.article-page-v45 .article-author-title{color:#127d82;font-size:13px;line-height:1.5}
.article-page-v45 .article-author-card-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0!important;color:#587075!important;font-size:14px;line-height:1.8;max-width:100%}
.article-page-v45 .article-author-button{min-height:42px;padding:10px 16px!important;border-radius:11px;background:#127d82!important;color:#fff!important;margin-top:6px}
.article-page-v45 .article-author-button:hover{background:#0b666a!important}
.article-page-v45 .article-author-card-media{display:block;min-width:0;min-height:220px;aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:#073f42;border:1px solid #d8e4e5}
.article-page-v45 .article-author-card-media img,.article-page-v45 .article-author-card-media .author-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;object-fit:cover}
.article-page-v45 .article-author-card-media .author-avatar-fallback{border-radius:0;background:#127d82;color:#fff;font-size:clamp(48px,8vw,86px);font-weight:900}
@media(max-width:700px){.article-page-v45 .article-author-card-v45{grid-template-columns:1fr!important;gap:16px!important}.article-page-v45 .article-author-card-media{order:-1;min-height:0;aspect-ratio:16/10}.article-page-v45 .article-author-card-info{padding:0 2px}.article-page-v45 .article-author-button{width:100%;justify-content:center}}

/* Recognition card v2: four independent safe layout regions. */
.award-card-pro{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;gap:18px!important;width:min(100%,650px);aspect-ratio:4/5;min-width:0;min-height:0;padding:clamp(24px,5%,44px)!important;box-sizing:border-box;overflow:hidden}
.award-card-pro>header{grid-row:1;min-height:48px;align-self:start;z-index:3}
.award-card-award{grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(16px,4%,28px);border:1px solid rgba(21,113,118,.16);border-radius:20px;background:rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.65);overflow:hidden}
.award-card-kicker{color:#127d82;font-weight:900;font-size:clamp(11px,1.4vw,15px);line-height:1.4}
.award-card-award h3{margin:10px 0 8px;color:#172022;font-size:clamp(25px,4.2vw,42px);line-height:1.2;max-width:100%;overflow-wrap:anywhere}
.award-card-award .award-reason{margin:0;color:#30484b;font-size:clamp(12px,1.55vw,16px);line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-width:100%}
.award-card-writer{grid-row:3;display:flex;align-items:center;gap:14px;min-width:0;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.58);border:1px solid rgba(21,113,118,.14)}
.award-card-writer .award-avatar{width:74px;height:74px;flex:0 0 74px;border-radius:18px;border:3px solid rgba(255,255,255,.8);box-shadow:0 8px 18px rgba(13,31,33,.16)}
.award-writer-copy{min-width:0;display:grid;gap:2px}
.award-writer-copy h3{margin:0;color:#173f42;font-size:clamp(16px,2vw,23px);line-height:1.35;overflow-wrap:anywhere}
.award-writer-copy .award-role{margin:0;color:#5c7072;font-size:12px;line-height:1.5}
.award-writer-copy small{color:#127d82;font-size:11px;direction:ltr;text-align:start;overflow-wrap:anywhere}
.award-card-pro>footer{grid-row:4;position:relative!important;inset:auto!important;bottom:auto!important;min-width:0;min-height:58px;margin:0!important;padding:9px 0 0;border-top:1px solid rgba(21,55,58,.16);display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3}
.award-card-footer-copy{min-width:0;display:grid;gap:3px}
.award-card-footer-copy .award-profile-url{color:#127d82;font-size:13px;font-weight:900;overflow-wrap:anywhere;white-space:normal}
.award-card-footer-copy small{color:#657678;font-size:9px;line-height:1.45}
.award-card-pro>footer .award-qr-real{flex:0 0 auto}
.award-card-pro>footer .award-qr-real img{width:64px;height:64px;padding:4px;background:#fff;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.12)}

/* Keep the Saradeeeb logo anchored at the top of recognition cards. */
.award-card-pro>header{position:relative;z-index:3;min-height:48px}
.award-card-pro .award-saradeeeb-mark{min-width:0}
.award-card-pro .award-brand-logo{width:42px;height:42px;border-radius:13px;background:#f36b21;color:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 42px}
.award-card-pro .award-brand-logo img{width:100%;height:100%;object-fit:contain;padding:5px;background:#fff}
.author-official-award .award-card-pro .award-card-main{grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:start;margin-top:38px}
.author-official-award .award-card-pro .award-avatar{width:120px;height:138px;border-radius:26px}
.author-official-award .award-card-pro .award-copy h3{font-size:28px;line-height:1.3;margin:5px 0}
.author-official-award .award-card-pro .award-role{margin-bottom:10px}
.author-official-award .award-card-pro .award-copy h4{font-size:17px;line-height:1.45;margin-bottom:5px}
.author-official-award .award-card-pro .award-reason{font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.author-official-award .award-card-pro footer{background:rgba(248,242,232,.78);border-radius:14px;padding:8px 10px;inset-inline:24px;bottom:18px;backdrop-filter:blur(5px)}
.author-official-award .award-card-pro .award-profile-url{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.author-official-award .award-card-pro{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:30px;box-sizing:border-box}
.author-official-award .award-card-pro>header{min-height:48px}
.author-official-award .award-card-pro .award-card-main{min-height:0;margin:0;align-self:center}
.author-official-award .award-card-pro .award-copy{min-width:0;max-height:290px;overflow:hidden}
.author-official-award .award-card-pro footer{position:relative!important;inset:auto!important;bottom:auto!important;margin:0;min-height:62px;box-sizing:border-box}
.author-official-award .award-card-pro .award-qr-real img{width:52px;height:52px}
@media(max-width:600px){.author-official-award .award-card-pro{padding:24px}.author-official-award .award-card-pro .award-card-main{grid-template-columns:96px minmax(0,1fr);gap:12px;margin-top:28px}.author-official-award .award-card-pro .award-avatar{width:96px;height:112px}.author-official-award .award-card-pro .award-copy h3{font-size:22px}.author-official-award .award-card-pro footer{inset-inline:0;bottom:auto}.author-official-award .award-card-pro .award-reason{font-size:11px}}

/* Article reading surface and recognition card contrast. */
.article-page-v45{background:#fff!important;color:#0b3033!important;overflow-x:hidden}
.article-page-v45 .writer-award-card-3d{color:#eef7f7!important;background:linear-gradient(135deg,#0f191b,#172b2e 58%,#102123)!important}
.article-page-v45 .writer-award-card-3d h3,.article-page-v45 .writer-award-card-3d b{color:#fff!important}
.article-page-v45 .writer-award-card-3d p{color:#d5e6e7!important}
.article-page-v45 .writer-award-card-3d .writer-thank-kicker{color:#54d188!important}
.article-page-v45 .writer-award-card-3d a{color:#ff9a5c!important}
.article-page-v45 .article-author-card-v45{width:100%;max-width:100%;box-sizing:border-box}

/* Public writer cards: responsive display only; exporting remains available in the writer account. */
.author-official-awards{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;align-items:start}
.author-official-award{width:min(100%,650px)!important;height:auto!important;aspect-ratio:650/812!important;margin-inline:auto;overflow:hidden;user-select:none}
.author-official-award .award-card-pro{width:100%!important;height:100%!important;transform:none!important;transform-origin:center!important}
.author-official-award img{pointer-events:none;user-select:none;-webkit-user-drag:none}

/* Writer card design studio v2. */
.writer-design-studio{--writer-teal:#127d82;--writer-deep:#031c1f;--writer-dark:#073f42;--writer-cream:#f2e8d6;--writer-off:#f4f8f8;--writer-text:#0b3033;--writer-muted:#718487}
.writer-studio-head{align-items:center}.writer-design-typebar{margin-bottom:18px;padding:16px 18px;border:1px solid #d8e4e5;border-radius:16px;background:#f8fbfb}.writer-design-typebar fieldset,.writer-design-controls fieldset{border:0;padding:0;margin:0}.writer-design-typebar legend,.writer-design-controls legend{font-size:13px;font-weight:900;color:#073f42;margin-bottom:10px}.writer-design-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.writer-design-types label{display:block;cursor:pointer}.writer-design-types input,.writer-template-choice input{position:absolute;opacity:0;pointer-events:none}.writer-design-types span{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid #d8e4e5;border-radius:12px;background:#fff;color:#0b3033;transition:.18s}.writer-design-types small{font-size:10px;color:#718487}.writer-design-types input:checked+span{border-color:#127d82;background:#eaf6f6;box-shadow:0 0 0 2px #127d8225}.writer-design-workspace{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start}.writer-design-preview{display:block;min-width:0;padding:18px;background:#eef5f5;border:1px solid #d8e4e5;border-radius:16px;overflow:hidden}.writer-preview-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#0b3033;font-weight:800;font-size:12px}.writer-preview-label span{color:#127d82;font-size:10px}.writer-design-canvas{display:grid;place-items:center;min-width:0}.writer-design-card{--accent:#ff6a21;position:relative;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;gap:16px;width:min(100%,560px);aspect-ratio:4/5;min-width:0;min-height:0;padding:clamp(22px,6%,42px)!important;box-sizing:border-box;overflow:hidden;border-radius:22px;background:#073f42;color:#fff;box-shadow:0 22px 48px #073f4230;isolation:isolate}.writer-design-card .design-decor{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% 10%,#127d8270,transparent 34%),linear-gradient(145deg,#073f42,#031c1f 75%)}.writer-design-card .design-header,.writer-design-card .identity-bottom,.writer-design-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.writer-design-card .design-header{grid-row:1}.writer-design-card .design-header .identity-brand{display:flex;align-items:center;gap:9px;min-width:0}.writer-design-card .identity-brand i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ff6a21;color:#fff;font-style:normal;font-weight:900}.writer-design-card .identity-brand b{font-size:16px;white-space:nowrap}.writer-design-card .design-badge{padding:6px 10px;border:1px solid #ffffff47;border-radius:999px;color:#d7eeee;font-size:10px;white-space:nowrap}.writer-design-card .design-main{grid-row:2;display:grid;grid-template-columns:minmax(84px,30%) minmax(0,1fr);gap:6%;align-items:center;min-width:0;min-height:0}.writer-design-card .identity-avatar{width:100%;aspect-ratio:1;border:3px solid #ff6a21;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:#127d82;color:#fff;font-size:48px;font-weight:900}.writer-design-card .identity-avatar img{width:100%;height:100%;object-fit:cover}.writer-design-card .identity-copy{min-width:0;overflow:hidden}.writer-design-card .identity-copy small{color:#9edbdd;font-size:11px}.writer-design-card .identity-copy h3{margin:5px 0;font-size:clamp(23px,5cqw,44px);line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}.writer-design-card .identity-copy strong{display:block;color:#dcebec;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.writer-design-card .identity-copy blockquote{margin:14px 0 0;color:#eef7f7;font-size:14px;line-height:1.75;max-height:6.9em;overflow:hidden;overflow-wrap:anywhere}.writer-design-card .identity-handle{display:block;margin-top:10px;color:#ffab80;font-size:11px;overflow-wrap:anywhere}.writer-design-card .identity-stats{grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0;border-block:1px solid #ffffff2c}.writer-design-card .identity-stats div{text-align:center;border-inline-end:1px solid #ffffff26}.writer-design-card .identity-stats div:last-child{border:0}.writer-design-card .identity-stats b,.writer-design-card .identity-stats span{display:block}.writer-design-card .identity-stats b{color:#6bd4d7;font-size:20px}.writer-design-card .identity-stats span{color:#b9cbcc;font-size:10px}.writer-design-card .identity-bottom{grid-row:4;min-height:54px}.writer-design-card .identity-socials{display:grid;gap:4px;min-width:0;max-width:66%;font-size:10px}.writer-design-card .identity-socials b{color:#fff;overflow-wrap:anywhere}.writer-design-card .identity-socials span{color:#a8c2c4;overflow-wrap:anywhere}.writer-design-card .identity-qr{display:flex;align-items:center;gap:7px;color:#b9cbcc;font-size:9px;white-space:nowrap}.writer-design-card .identity-qr img{width:54px;height:54px;padding:4px;background:#fff;border-radius:9px}.writer-design-card>footer{grid-row:5;margin-top:auto;padding-top:10px;border-top:1px solid #ffffff25;color:#a8c2c4;font-size:9px}.writer-design-card>footer b{color:#ffab80}.writer-design-card.design-business{width:min(100%,720px);aspect-ratio:1050/600;grid-template-columns:1.1fr .9fr;grid-template-rows:auto minmax(0,1fr) auto!important;padding:clamp(22px,5%,38px)!important}.writer-design-card.design-business .design-header{grid-column:1/-1}.writer-design-card.design-business .design-main{grid-column:1;grid-row:2;grid-template-columns:92px minmax(0,1fr);gap:18px}.writer-design-card.design-business .identity-avatar{border-radius:50%;}.writer-design-card.design-business .identity-stats{grid-column:2;grid-row:2;align-self:center;border:0;border-inline-start:1px solid #ffffff2c;padding-inline-start:18px}.writer-design-card.design-business .identity-bottom{grid-column:1;grid-row:3}.writer-design-card.design-business>footer{grid-column:2;grid-row:3}.writer-design-card.design-business .identity-qr{grid-column:2;grid-row:2;justify-self:end;align-self:end}.writer-design-card.design-business .identity-socials{max-width:100%}.writer-design-card.design-business .identity-stats+ .identity-bottom{margin-top:0}.writer-design-card.design-business.template-editorial{background:#f2e8d6;color:#0b3033}.writer-design-card.design-business.template-editorial .design-decor{background:linear-gradient(100deg,#f2e8d6 0 58%,#127d82 58%)}.writer-design-card.design-business.template-editorial .design-badge,.writer-design-card.design-business.template-editorial .identity-copy strong,.writer-design-card.design-business.template-editorial .identity-socials b,.writer-design-card.design-business.template-editorial>footer{color:#0b3033;border-color:#0b303344}.writer-design-card.design-business.template-editorial .identity-copy blockquote,.writer-design-card.design-business.template-editorial .identity-socials span,.writer-design-card.design-business.template-editorial .identity-stats span{color:#496165}.writer-design-card.design-business.template-split{background:#f4f8f8;color:#0b3033}.writer-design-card.design-business.template-split .design-decor{background:linear-gradient(90deg,#f4f8f8 0 38%,#073f42 38%)}.writer-design-card.design-business.template-split .design-main{grid-template-columns:92px minmax(0,1fr)}.writer-design-card.design-business.template-split .identity-copy h3,.writer-design-card.design-business.template-split .identity-socials b{color:#0b3033}.writer-design-card.design-business.template-split .identity-copy blockquote{color:#496165}.writer-design-card.design-business.template-split .design-badge{color:#0b3033;border-color:#0b303344}.writer-design-card.design-post.template-editorial{background:#f2e8d6;color:#0b3033}.writer-design-card.design-post.template-editorial .design-decor{background:linear-gradient(145deg,#f2e8d6,#f4f8f8 58%,#127d8240)}.writer-design-card.design-post.template-editorial .identity-copy h3,.writer-design-card.design-post.template-editorial .identity-socials b,.writer-design-card.design-post.template-editorial>footer{color:#0b3033}.writer-design-card.design-post.template-editorial .identity-copy blockquote,.writer-design-card.design-post.template-editorial .identity-copy strong,.writer-design-card.design-post.template-editorial .identity-socials span,.writer-design-card.design-post.template-editorial .identity-stats span{color:#496165}.writer-design-card.design-post.template-editorial .design-badge{color:#0b3033;border-color:#0b303344}.writer-design-card.design-post.template-minimal-dark .design-decor{background:#031c1f}.writer-design-card.design-post.template-minimal-dark .design-main{grid-template-columns:minmax(70px,22%) minmax(0,1fr)}.writer-design-card.design-post.template-minimal-dark .identity-avatar{border-radius:14px;width:100%;}.writer-design-card.design-post.template-minimal-dark .identity-stats{background:#ffffff09}.writer-design-card.design-pdf{display:none!important}.writer-pdf-pages{width:min(100%,650px);display:grid;gap:16px}.writer-pdf-pages[hidden]{display:none!important}.writer-pdf-page{position:relative;display:flex;flex-direction:column;gap:22px;min-height:680px;aspect-ratio:794/1123;padding:8%;box-sizing:border-box;overflow:hidden;background:#f2e8d6;color:#0b3033;box-shadow:0 22px 48px #073f4230;border-radius:8px}.writer-pdf-page header,.writer-pdf-page footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.writer-pdf-page .identity-brand{display:flex;align-items:center;gap:8px}.writer-pdf-page .identity-brand i{display:grid;place-items:center;width:34px;height:34px;background:#ff6a21;color:#fff;font-style:normal;font-weight:900}.writer-pdf-page .identity-brand b{font-size:15px}.pdf-cover-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;max-width:90%}.pdf-cover-main .identity-avatar{width:34%;aspect-ratio:1;overflow:hidden;border-radius:20px;background:#127d82;color:#fff;display:grid;place-items:center;font-size:54px;font-weight:900;border:4px solid #127d82}.pdf-cover-main .identity-avatar img{width:100%;height:100%;object-fit:cover}.pdf-cover-main p{margin:28px 0 0;color:#127d82;font-weight:900}.pdf-cover-main h1{margin:4px 0;font-size:clamp(30px,6vw,58px);line-height:1.15}.pdf-cover-main h2{margin:0;color:#496165;font-size:18px}.pdf-cover-main blockquote{max-width:80%;margin:22px 0 0;border-inline-start:3px solid #ff6a21;padding-inline-start:14px;line-height:1.8}.writer-pdf-page footer{margin-top:auto;padding-top:12px;border-top:1px solid #0b303333;color:#496165;font-size:10px;overflow-wrap:anywhere}.pdf-content-page{background:#f4f8f8}.pdf-content-page h2{margin:0;color:#073f42;font-size:30px}.pdf-content-page h3{margin:18px 0 6px;color:#127d82;font-size:15px}.pdf-content-page p{line-height:1.9}.pdf-content-page ul{margin:0;padding-inline-start:20px;line-height:1.9}.pdf-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pdf-article-list{display:grid;gap:9px}.pdf-article-list article{display:grid;gap:4px;padding:11px 13px;border-inline-start:3px solid #ff6a21;background:#fff}.pdf-article-list small{color:#718487}.writer-design-controls{align-self:start;position:sticky;top:18px;min-width:0}.writer-design-controls>fieldset,.writer-design-controls>label{display:block;padding:14px;margin:0 0 14px;border:1px solid #d8e4e5;border-radius:14px;background:#fff}.writer-template-grid>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.writer-template-choice{min-width:0;cursor:pointer}.template-thumb{display:grid;gap:5px;padding:6px;border:1px solid #d8e4e5;border-radius:10px;background:#fff}.template-thumb i{display:block;position:relative;aspect-ratio:4/5;border-radius:7px;background:linear-gradient(145deg,#073f42,#127d82);overflow:hidden}.template-thumb i:after{content:"";position:absolute;inset:30% 15%;border-block:2px solid #fff8}.template-thumb b{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#0b3033}.writer-template-choice input:checked+.template-thumb{border-color:#127d82;background:#eaf6f6;box-shadow:0 0 0 2px #127d8225}.thumb-editorial i{background:linear-gradient(90deg,#f2e8d6 0 55%,#127d82 55%)}.thumb-minimal-dark i,.thumb-dark i{background:#031c1f}.thumb-split i{background:linear-gradient(90deg,#f4f8f8 0 38%,#073f42 38%)}.writer-design-controls textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:88px}.writer-design-controls>label small{display:block;margin-top:7px;color:#718487;font-size:10px}.writer-card-toggles{display:flex;flex-wrap:wrap;gap:8px}.writer-card-toggles label{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid #d8e4e5;border-radius:9px;font-size:11px}.writer-design-controls .card-actions{gap:7px}.writer-design-controls .card-actions .btn{font-size:11px;padding:9px 11px}.writer-design-controls [data-card-status]{display:block;margin-top:9px;color:#127d82;font-size:11px}.writer-pdf-pages[hidden]+*{display:none}@media(max-width:850px){.writer-design-workspace{grid-template-columns:1fr}.writer-design-controls{position:static;order:2}.writer-design-preview{order:1}.writer-design-card.design-business{width:100%}}@media(max-width:560px){.writer-design-types{grid-template-columns:1fr}.writer-design-types span{padding:10px}.writer-design-card{width:100%;padding:22px!important;border-radius:16px}.writer-design-card .design-main{grid-template-columns:76px minmax(0,1fr);gap:12px}.writer-design-card .identity-copy h3{font-size:25px}.writer-design-card .identity-copy blockquote{font-size:12px;margin-top:9px}.writer-design-card .identity-stats b{font-size:16px}.writer-design-card .identity-stats span{font-size:9px}.writer-design-card .identity-qr span{display:none}.writer-design-card.design-business{aspect-ratio:1050/600;padding:18px!important}.writer-design-card.design-business .design-main{grid-template-columns:62px minmax(0,1fr);gap:9px}.writer-design-card.design-business .identity-copy h3{font-size:20px}.writer-design-card.design-business .identity-stats{padding-inline-start:9px}.writer-pdf-page{min-height:560px;padding:7%}.pdf-two-columns{grid-template-columns:1fr}}
@media print{body *{visibility:hidden!important}.writer-design-studio,.writer-design-studio *{visibility:visible!important}.writer-design-studio{position:absolute!important;inset:0!important;margin:0!important;padding:0!important}.writer-design-studio .writer-card-controls,.writer-design-studio .writer-studio-head,.writer-design-typebar,.writer-preview-label{display:none!important}.writer-design-preview{padding:0!important;background:#fff!important;border:0!important}.writer-design-card,.writer-pdf-pages{box-shadow:none!important}.writer-pdf-pages{display:block!important;width:100%!important}.writer-pdf-page{page-break-after:always!important;box-shadow:none!important;border-radius:0!important;width:210mm!important;height:297mm!important;min-height:0!important}}

/* Unified Saradeeeb image-aware card language. */
:root{--sar-card-dark:#073f42;--sar-card-deep:#031c1f;--sar-card-teal:#127d82;--sar-card-hover:#0b666a;--sar-card-orange:#ff6a21;--sar-card-bg:#fff;--sar-card-soft:#f4f8f8;--sar-card-cream:#f3eee4;--sar-card-text:#0b3033;--sar-card-muted:#718487;--sar-card-border:#d8e4e5;--sar-card-radius:24px;--sar-card-shadow:0 14px 35px rgba(7,63,66,.10),inset 0 1px 0 rgba(255,255,255,.72)}
.story-card,.category-card,.latest-article-card,.category-feature-card,.podcast-card,.community-topic-card,.community-category-grid>a,.author-official-award,.writer-thank-card,.award-card-pro,.writer-directory-card,.writer-card-studio{border-radius:var(--sar-card-radius)!important;border:1px solid var(--sar-card-border)!important;box-shadow:var(--sar-card-shadow)!important;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.story-card:hover,.category-card:hover,.latest-article-card:hover,.category-feature-card:hover,.podcast-card:hover,.community-topic-card:hover,.community-category-grid>a:hover,.author-official-award:hover,.writer-thank-card:hover,.award-card-pro:hover,.writer-directory-card:hover{transform:translateY(-3px);border-color:#8bc3c6!important;box-shadow:0 20px 45px rgba(7,63,66,.15),inset 0 1px 0 rgba(255,255,255,.85)!important}
.story-card img,.category-card img,.latest-article-card img,.category-feature-card img,.podcast-card img,.community-topic-card img,.writer-directory-card img{object-fit:cover;object-position:center;transition:transform .35s ease,filter .35s ease}.story-card:hover img,.category-card:hover img,.latest-article-card:hover img,.category-feature-card:hover img,.podcast-card:hover img{transform:scale(1.02)}
.latest-article-card,.category-feature-card,.podcast-card,.story-card{position:relative;isolation:isolate;background:var(--sar-card-bg)}
.latest-article-card:before,.category-feature-card:before,.podcast-card:before,.story-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 12%,rgba(18,125,130,.10),transparent 38%)}
.latest-article-media,.category-feature-media,.podcast-card-cover,.story-image{border-radius:20px;overflow:hidden;background:var(--sar-card-dark)}
.latest-article-copy h3,.category-feature-copy h3,.podcast-card-body h2,.story-body h3,.writer-directory-card h2{color:var(--sar-card-text);line-height:1.45;overflow-wrap:anywhere}
.latest-article-meta,.category-feature-meta,.podcast-card-meta,.story-meta{color:var(--sar-card-muted)}
.v3-chip,.category-feature-chip,.feature-category{border-radius:999px!important;border:1px solid #8bc3c666;background:#eaf6f6;color:var(--sar-card-teal)}
.community-topic-card,.community-category-grid>a,.category-card{background:linear-gradient(145deg,#fff,#f4f8f8)!important}
.podcast-card-cover,.category-feature-media,.latest-article-media{position:relative;isolation:isolate}.podcast-card-cover:after,.category-feature-media:after,.latest-article-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(3,28,31,.42));mix-blend-mode:multiply}
.writer-design-card:before{content:"";position:absolute;inset:-10%;z-index:-2;background-image:linear-gradient(145deg,rgba(3,28,31,.94),rgba(7,63,66,.72)),var(--writer-photo);background-size:cover;background-position:center;filter:blur(18px);transform:scale(1.08);opacity:.74}.writer-design-card .design-decor{background:linear-gradient(145deg,rgba(3,28,31,.66),rgba(7,63,66,.56)),radial-gradient(circle at 80% 12%,#127d8290,transparent 38%)!important}.writer-design-card.design-business.template-editorial:before,.writer-design-card.design-post.template-editorial:before{background-image:linear-gradient(145deg,rgba(243,238,228,.95),rgba(244,248,248,.62)),var(--writer-photo);opacity:.35}.writer-design-card.design-business.template-split:before{background-image:linear-gradient(90deg,rgba(244,248,248,.96),rgba(7,63,66,.82)),var(--writer-photo);opacity:.4}.writer-design-card .identity-avatar{box-shadow:0 12px 28px rgba(3,28,31,.22),inset 0 1px 0 rgba(255,255,255,.45)}
.writer-design-card.design-post.template-cinematic{border-radius:34px!important}.writer-design-card.design-post.template-editorial{border-radius:34px!important;box-shadow:0 18px 42px rgba(7,63,66,.12),inset 0 1px 0 rgba(255,255,255,.8)!important}.writer-design-card.design-post.template-editorial .identity-avatar{border-color:#127d82}.writer-design-card.design-post.template-minimal-dark{border-radius:34px!important;background:#031c1f}.writer-design-card.design-post.template-minimal-dark .design-decor{background:linear-gradient(145deg,#031c1f,#073f42 70%)!important}
.writer-pdf-page{border-radius:10px!important;box-shadow:0 14px 35px rgba(7,63,66,.10),inset 0 1px 0 rgba(255,255,255,.72)!important}.writer-pdf-page:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #127d8226;border-radius:inherit}.writer-pdf-page.pdf-cover{background:linear-gradient(145deg,#f3eee4,#f4f8f8)!important}.writer-pdf-page.pdf-content-page{background:#fff!important}
@media(max-width:760px){.story-card,.category-card,.latest-article-card,.category-feature-card,.podcast-card,.community-topic-card,.community-category-grid>a,.author-official-award,.writer-thank-card,.award-card-pro,.writer-directory-card{border-radius:18px!important}.latest-article-media,.category-feature-media,.podcast-card-cover,.story-image{border-radius:16px}.writer-design-preview{padding:12px}.writer-design-card{border-radius:26px!important}}

/* Simplified writer card studio: preview first, controls second. */
.writer-design-workspace{grid-template-columns:minmax(0,1.75fr) minmax(280px,.95fr)!important}.writer-design-preview{min-height:0!important;padding:20px!important}.writer-design-canvas{width:100%;min-height:clamp(520px,66vh,820px);place-items:center}.writer-design-card.design-post{width:min(100%,680px)!important}.writer-design-card.design-business{width:min(100%,820px)!important}.writer-pdf-pages{width:min(100%,700px)!important}.writer-design-controls{max-height:none}.writer-design-controls .writer-card-toggles{gap:7px}.writer-design-controls .writer-card-toggles label{border-radius:10px}.writer-design-preview .writer-preview-label{font-size:13px;margin-bottom:14px}.writer-design-card.design-business .identity-stats{display:none}.pdf-cover-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:18px}.pdf-cover-stats span,.pdf-cover-stats div{display:grid;gap:3px;padding:9px 10px;border:1px solid #127d8238;border-radius:12px;background:#fff8;color:#496165;font-size:10px}.pdf-cover-stats b{color:#127d82;font-size:18px}.writer-design-card.design-business .identity-qr img{width:44px;height:44px}.writer-design-card.design-business .identity-qr{font-size:0}.writer-design-card.design-business .identity-qr span{display:none}.writer-design-card.design-business .design-main{grid-template-columns:104px minmax(0,1fr)!important}.writer-design-card.design-business .identity-copy h3{font-size:clamp(22px,4cqw,38px)}
@media(max-width:850px){.writer-design-workspace{grid-template-columns:1fr!important}.writer-design-canvas{min-height:0}.writer-design-preview{order:1}.writer-design-controls{order:2}}
@media(max-width:560px){.writer-design-card.design-post{width:100%!important}.writer-design-card.design-business{width:100%!important}.writer-design-card.design-business .design-main{grid-template-columns:72px minmax(0,1fr)!important}.pdf-cover-stats{gap:5px}.pdf-cover-stats span{padding:7px 5px;font-size:9px}.pdf-cover-stats b{font-size:15px}}

/* Keep article author content from collapsing into a narrow vertical column. */
.article-page-v45 .article-author-card-v45{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.article-page-v45 .article-author-card-main{display:flex;align-items:center;gap:14px;flex:1 1 520px;min-width:0}
.article-page-v45 .article-author-card-main>div{min-width:0;flex:1 1 auto}
.article-page-v45 .article-author-card-main h3,.article-page-v45 .article-author-card-main h3 a{overflow-wrap:normal;word-break:normal;white-space:normal}
.article-page-v45 .article-author-card-v45>.btn{flex:0 0 auto;white-space:nowrap}

/* Keep the mega menu open while the pointer travels from its trigger to the panel. */
.site-header-v45 .header-mega-wrap{position:relative}
.site-header-v45 .header-mega-wrap::after{content:"";position:absolute;top:100%;inset-inline:0;height:14px;z-index:1000}
.site-header-v45 .header-mega-panel{z-index:1001}

/* IBM Plex Sans Arabic is the site-wide Arabic typeface. */
:root{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important}
html,body,button,input,textarea,select,option,strong,b,h1,h2,h3,h4,h5,h6{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important}

/* Khawatir author controls and calm, bounded typography. */
.kh-editor-extra-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:14px;margin-top:18px;min-width:0}
.kh-template-choices,.kh-size-control{min-width:0;margin:0;padding:14px;border:1px solid var(--line,#d8e4e5);border-radius:14px;background:#f8fbfb}
.kh-template-choices legend,.kh-size-control legend{padding:0 6px;color:#073f42;font-weight:800;font-size:14px}
.kh-template-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kh-template-choice{display:block;min-width:0;cursor:pointer}
.kh-template-choice input,.kh-size-options input{position:absolute;opacity:0;pointer-events:none}
.kh-template-thumb{display:grid;gap:5px;padding:7px;border:1px solid #d8e4e5;border-radius:10px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.kh-template-thumb i{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:7px;background:linear-gradient(145deg,#073f42,#127d82);box-shadow:inset 0 1px 0 #ffffff99}
.kh-template-thumb i:after{content:"";position:absolute;inset:31% 16%;border-block:2px solid #fff8;border-radius:3px}
.kh-template-choice input:checked+.kh-template-thumb{border-color:#127d82;background:#eaf6f6;box-shadow:0 0 0 2px #127d8226}
.kh-template-choice:hover .kh-template-thumb{transform:translateY(-2px);border-color:#127d82}
.kh-template-thumb b{overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#0b3033;font-size:10px;font-weight:700}
.kh-thumb-editorial i{background:linear-gradient(90deg,#f4f8f8 0 42%,#127d82 42%)}
.kh-thumb-minimal i{background:#f4f8f8}.kh-thumb-minimal i:after{border-color:#127d82}
.kh-thumb-night i,.kh-thumb-deep i,.kh-thumb-corridor i{background:linear-gradient(145deg,#061c22,#071013)}
.kh-thumb-mist i{background:linear-gradient(145deg,#829496,#d8e4e5)}
.kh-thumb-orbit i:before{content:"";position:absolute;inset:16%;border:1px solid #ff6a21;border-radius:50%;transform:rotate(-25deg)}
.kh-size-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}
.kh-size-options label{display:inline-flex;align-items:center;min-height:40px;padding:7px 10px;border:1px solid #d8e4e5;border-radius:9px;background:#fff;color:#0b3033;font-size:12px;cursor:pointer}
.kh-size-options label:has(input:checked){border-color:#127d82;background:#127d82;color:#fff;box-shadow:0 4px 10px #073f4220}
.kh-size-control small{display:block;margin-top:9px;color:var(--muted,#60777a);font-size:11px;line-height:1.7}
.kh-card blockquote{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.kh-card.kh-variant-editorial .kh-card-content{padding-inline:10%}.kh-card.kh-variant-editorial blockquote{text-align:right}
.kh-card.kh-variant-minimal .kh-card-overlay{background:linear-gradient(180deg,#071a2010 20%,#071a20cc 100%)}
.kh-card.kh-variant-orbit:after{content:"";position:absolute;inset:12%;border:1px solid #ff6a214d;border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.kh-card.kh-variant-geometry:after{content:"";position:absolute;inset:9%;border:1px solid #69d3d755;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);pointer-events:none}
.kh-card.kh-variant-corridor .kh-card-overlay{background:linear-gradient(90deg,#071a20ee,#071a2044 58%,#071a20dd)}
.kh-card.kh-variant-mist .kh-card-overlay{background:linear-gradient(180deg,#d8e4e533,#071a20dd)}
.kh-card.kh-variant-paper .kh-card-overlay,.kh-card.kh-variant-manuscript .kh-card-overlay{background:linear-gradient(145deg,#f4f8f8aa,#073f42dd)}
@media(max-width:760px){.kh-editor-extra-controls{grid-template-columns:1fr}.kh-template-choice-grid{grid-template-columns:repeat(3,minmax(70px,1fr))}.kh-size-options label{flex:1 1 calc(50% - 8px);justify-content:center}}

/* Writer identity cards */
.writer-card-workspace{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:24px;align-items:start}.writer-card-controls{display:grid;gap:18px}.writer-card-controls fieldset{border:0;padding:0;margin:0}.writer-card-controls legend{font-weight:800;margin-bottom:9px}.card-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.card-choice input{position:absolute;opacity:0}.card-choice span{display:block;border:1px solid #dbe4e5;padding:9px;text-align:center;font-size:13px;cursor:pointer;background:#fff}.card-choice input:checked+span{border-color:#157176;background:#eaf6f6;color:#0c5e63;font-weight:800}.card-toggles,.card-actions{display:flex;gap:10px;flex-wrap:wrap}.writer-card-preview{background:#edf1f1;padding:22px;display:grid;place-items:center;overflow:auto;min-height:600px}.writer-identity-card{--accent:#1aa3a8;position:relative;overflow:hidden;width:min(100%,540px);aspect-ratio:4/5;background:#101a1e;color:#fff;padding:8%;display:flex;flex-direction:column;gap:6%;box-shadow:0 20px 55px #11282c38;isolation:isolate}.writer-identity-card.size-square{aspect-ratio:1}.writer-identity-card.size-horizontal{aspect-ratio:1200/630;width:min(100%,760px);padding:5%;gap:3%}.writer-identity-card.size-compact{aspect-ratio:820/312;width:min(100%,760px);padding:4%;gap:2%}.writer-identity-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 30%,rgba(22,181,187,.18));z-index:-1}.writer-identity-card header,.writer-identity-card footer,.identity-brand,.identity-bottom{display:flex;align-items:center;justify-content:space-between}.identity-brand{gap:10px}.identity-brand i{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);font-style:normal;font-weight:900}.writer-identity-card header>span{font-size:12px;border:1px solid #ffffff42;padding:5px 10px}.writer-identity-card main{display:flex;align-items:center;gap:6%}.identity-avatar{width:30%;aspect-ratio:1;border:3px solid var(--accent);overflow:hidden;display:grid;place-items:center;background:#26383d;font-size:48px;font-weight:900;flex:none}.identity-avatar img{width:100%;height:100%;object-fit:cover}.identity-copy{min-width:0}.identity-copy small{color:#8de0e3}.identity-copy h3{font-size:clamp(24px,5cqw,46px);margin:4px 0;letter-spacing:0}.identity-copy strong{font-size:14px}.identity-copy blockquote{margin:18px 0 0;line-height:1.8;font-size:14px;color:#d6e5e6}.identity-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff2b;padding:4% 0}.identity-stats div{text-align:center;border-inline-end:1px solid #ffffff26}.identity-stats div:last-child{border:0}.identity-stats b,.identity-stats span{display:block}.identity-stats b{font-size:24px;color:#69d3d7}.identity-stats span{font-size:11px;color:#b7c8ca}.identity-qr{display:flex;align-items:center;gap:8px;font-size:11px}.identity-qr img{width:58px;height:58px;background:#fff;padding:4px}.identity-socials{display:grid;font-size:12px}.writer-identity-card footer{margin-top:auto;font-size:11px;color:#b8c9ca}.identity-watermark{position:absolute;inset-inline-end:-20px;bottom:15%;font-size:70px;font-weight:900;color:#ffffff08;transform:rotate(-90deg);z-index:-1}.template-minimal{background:#f7f8f5;color:#14272b;--accent:#c58f25}.template-minimal:before{background:none}.template-minimal .identity-copy small,.template-minimal .identity-stats b{color:#8d6416}.template-minimal .identity-copy blockquote,.template-minimal footer,.template-minimal .identity-stats span{color:#506366}.template-minimal .identity-stats{border-color:#20383d22}.template-cinematic{background:#17130f;--accent:#d8a849}.template-cinematic:before{background:linear-gradient(140deg,#7b1f2329,transparent 52%,#c7972735)}.template-quote .identity-copy blockquote{font-family:serif;font-size:clamp(17px,3cqw,25px);border-right:3px solid var(--accent);padding-right:14px}.template-stats .identity-stats{background:#ffffff0c;padding:6% 3%}.size-horizontal main,.size-compact main{flex:1}.size-horizontal .identity-avatar,.size-compact .identity-avatar{width:21%}.size-horizontal .identity-copy blockquote,.size-compact .identity-copy blockquote{margin-top:8px}.size-compact .identity-stats{position:absolute;inset-inline-end:4%;bottom:18%;width:42%;border:0}.size-compact .identity-bottom{display:none}.size-compact .identity-avatar{width:18%}.size-compact header>span,.size-compact blockquote{display:none}.writers-hero{background:#101a1e;color:#fff;padding:64px 0 54px}.writers-hero span{color:#62d1d5;font-weight:800}.writers-hero h1{font-size:44px;margin:8px 0;letter-spacing:0}.writers-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.writer-directory-card{border:1px solid #dde5e6;background:#fff;padding:22px}.writer-directory-card a{color:inherit;text-decoration:none}.writer-directory-avatar{width:74px;aspect-ratio:1;overflow:hidden;background:#173238;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;margin-bottom:14px}.writer-directory-avatar img{width:100%;height:100%;object-fit:cover}.writer-directory-card h2{font-size:19px;margin:0 0 5px}.writer-directory-card strong{font-size:12px;color:#157176}.writer-directory-card p{font-size:13px;line-height:1.7;min-height:44px}.writer-admin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:18px 0 24px}@media(max-width:850px){.writer-card-workspace{grid-template-columns:1fr}.writer-card-preview{min-height:420px;padding:10px}.writer-identity-card{width:100%}}@media print{body.printing-writer-card *{visibility:hidden}.printing-writer-card #writerIdentityCard,.printing-writer-card #writerIdentityCard *{visibility:visible}.printing-writer-card #writerIdentityCard{position:fixed;inset:0;width:100%;height:100%;box-shadow:none}}
.article-page-v45{--article-bg:#f4f8f8;--article-ink:#0b3033;--article-teal:#127d82;--article-deep:#073f42;--article-muted:#718487;--article-line:#d8e4e5;background:var(--article-bg)!important;color:var(--article-ink)!important;overflow:clip}
.article-page-v45 .article-hero-v45{position:relative;padding:54px 0 30px!important;background:linear-gradient(180deg,#fff 0%,#f4f8f8 100%)!important;border-bottom:1px solid var(--article-line)}
.article-page-v45 .article-head-v45{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.article-page-v45 .article-breadcrumbs-v45{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--article-muted);font-size:13px}
.article-page-v45 .article-breadcrumbs-v45 a:first-child{color:var(--article-deep);font-weight:800}
.article-page-v45 .article-category-chip{display:inline-flex;align-items:center;min-height:32px;margin:0 0 15px;padding:6px 12px;border:1px solid #a9d2d4;border-radius:999px;background:#eaf6f6;color:var(--article-teal);font-size:13px;font-weight:900}
.article-page-v45 .article-head-v45 h1{max-width:940px!important;margin:0;color:var(--article-deep)!important;font-size:clamp(34px,4.1vw,56px)!important;font-weight:800!important;line-height:1.3!important;letter-spacing:0!important}
.article-page-v45 .article-lead-v45{max-width:850px!important;margin:18px 0 0!important;color:#526c6e!important;font-size:clamp(19px,1.55vw,23px)!important;font-weight:400!important;line-height:1.85!important}
.article-page-v45 .article-meta-row-v45{display:flex;align-items:center;justify-content:flex-start!important;gap:22px!important;width:100%;margin-top:26px;padding:17px 0;border-top:1px solid var(--article-line);border-bottom:1px solid var(--article-line)}
.article-page-v45 .article-author-v45{display:inline-flex;align-items:center;gap:10px;min-width:210px;color:var(--article-ink)}
.article-page-v45 .article-author-v45 img,.article-page-v45 .article-author-v45 .author-avatar-fallback{width:46px;height:46px;flex:0 0 46px;border-radius:50%;object-fit:cover;border:2px solid #b9dfe0;background:var(--article-teal);color:#fff;display:grid;place-items:center;font-weight:900}
.article-page-v45 .article-author-v45 span:last-child{display:grid;gap:3px;min-width:0}
.article-page-v45 .article-author-v45 small{color:var(--article-muted);font-size:11px}
.article-page-v45 .article-author-v45 strong{font-size:15px;white-space:normal;overflow-wrap:anywhere}
.article-page-v45 .article-meta-v45{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:var(--article-muted);font-size:12px}
.article-page-v45 .article-meta-v45>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.article-page-v45 .article-meta-v45 svg{width:15px;height:15px;color:var(--article-teal)}
.article-page-v45 .article-hero-actions{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--article-muted);font-size:12px}
.article-page-v45 .article-hero-actions button,.article-page-v45 .article-hero-actions a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--article-line);border-radius:10px;background:#fff;color:var(--article-teal);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.article-page-v45 .article-hero-actions button:hover,.article-page-v45 .article-hero-actions a:hover{transform:translateY(-2px);border-color:#8bc3c6;background:#eaf6f6}
.article-page-v45 .article-hero-actions svg{width:16px;height:16px}
.article-page-v45 .article-hero-actions [data-hero-share-status]{min-width:38px;color:var(--article-teal);font-weight:800}
.article-page-v45 .article-cover-wrap-v45{padding-top:30px}
.article-page-v45 .article-cover-v45{position:relative;height:auto!important;aspect-ratio:16/8!important;min-height:320px;max-height:650px;margin:0 0 58px!important;overflow:hidden;border:1px solid rgba(216,228,229,.9);border-radius:26px!important;background:#dfeeed;box-shadow:0 22px 55px rgba(7,63,66,.13)}
.article-page-v45 .article-cover-v45:before{content:"";position:absolute;inset:-12%;z-index:0;background:inherit;filter:blur(28px);opacity:.35;transform:scale(1.05)}
.article-page-v45 .article-cover-v45 img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
.article-page-v45 .article-layout-v45{width:min(1180px,calc(100% - 48px))!important;grid-template-columns:minmax(0,820px) minmax(220px,270px)!important;gap:54px!important;align-items:start;justify-content:center!important}
.article-page-v45 .article-content-v45{width:100%;max-width:820px!important;min-width:0;color:#173c3f!important;font-size:20px!important;line-height:2!important}
.article-page-v45 .article-content-v45>p,.article-page-v45 .article-content-v45>ul,.article-page-v45 .article-content-v45>ol,.article-page-v45 .article-content-v45>h2,.article-page-v45 .article-content-v45>h3,.article-page-v45 .article-content-v45>blockquote{max-width:800px;margin-inline:auto}
.article-page-v45 .article-content-v45 p{margin:0 0 22px!important;color:#173c3f!important;font-size:inherit!important;line-height:inherit!important}
.article-page-v45 .article-content-v45 h2{position:relative;margin-top:54px!important;margin-bottom:18px!important;padding-inline-start:16px;color:var(--article-deep)!important;font-size:clamp(25px,2.5vw,34px)!important;line-height:1.45!important}
.article-page-v45 .article-content-v45 h2:before{content:"";position:absolute;inset-inline-start:0;top:.2em;width:4px;height:1.25em;border-radius:4px;background:var(--article-teal)}
.article-page-v45 .article-content-v45 h3{margin-top:38px!important;margin-bottom:14px!important;color:var(--article-deep)!important;font-size:clamp(21px,2vw,27px)!important;line-height:1.5!important}
.article-page-v45 .article-content-v45 a{color:var(--article-teal)!important;text-decoration-thickness:1px;text-underline-offset:4px}
.article-page-v45 .article-content-v45 a:hover{color:#0b666a!important}
.article-page-v45 .article-content-v45 blockquote{position:relative;margin:32px auto!important;padding:23px 28px!important;border:1px solid #cfe4e5!important;border-inline-start:4px solid var(--article-teal)!important;border-radius:16px!important;background:#f0f7f7!important;color:#31575a!important;box-shadow:0 8px 24px rgba(7,63,66,.05);font-size:1.04em;font-weight:600}
.article-page-v45 .article-content-v45 blockquote:before{content:"“";position:absolute;inset-inline-end:18px;top:-16px;color:#ff6a21;font-family:Georgia,serif;font-size:58px;line-height:1;opacity:.35}
.article-page-v45 .article-content-v45 ul,.article-page-v45 .article-content-v45 ol{margin-top:18px!important;margin-bottom:26px!important;padding-inline-start:28px!important}
.article-page-v45 .article-content-v45 li{margin-bottom:9px!important;padding-inline-start:5px;line-height:1.9!important}
.article-page-v45 .article-content-v45 li::marker{color:var(--article-teal);font-weight:900}
.article-page-v45 .article-content-v45 figure{margin:34px auto!important;max-width:100%}
.article-page-v45 .article-content-v45 figure img,.article-page-v45 .article-content-v45>img{width:100%;height:auto;border-radius:20px;box-shadow:0 14px 35px rgba(7,63,66,.1)}
.article-page-v45 .article-content-v45 figcaption{margin-top:9px;color:var(--article-muted);font-size:13px;line-height:1.7;text-align:center}
.article-page-v45 .article-insight-sidebar-v45{width:100%;min-width:0}
.article-page-v45 .article-insight-sticky-v45{position:sticky;top:96px;display:grid;gap:14px}
.article-page-v45 .article-insight-card{border:1px solid var(--article-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 30px rgba(7,63,66,.06)!important;color:var(--article-ink)!important}
.article-page-v45 .article-insight-card h2{margin:5px 0 13px;color:var(--article-deep);font-size:19px}
.article-page-v45 .article-insight-kicker{color:var(--article-teal);font-size:11px;font-weight:900;letter-spacing:.02em}
.article-page-v45 .article-summary-card-v45{padding:18px!important}
.article-page-v45 .article-summary-card-v45 ol{display:grid;gap:8px;margin:0;padding-inline-start:22px;color:#526c6e;font-size:13px;line-height:1.75}
.article-page-v45 .article-summary-card-v45 li::marker{color:var(--article-teal);font-weight:900}
.article-page-v45 .article-toc-card-v45{padding:18px!important}
.article-page-v45 .article-toc-card-v45 nav{display:grid;gap:4px}
.article-page-v45 .article-toc-card-v45 nav:empty:after{content:"لا توجد عناوين فرعية";color:var(--article-muted);font-size:12px}
.article-page-v45 .article-toc-card-v45 nav a{display:block;padding:8px 9px;border-radius:9px;color:#4f6d70;font-size:12px;line-height:1.6;transition:background .18s,color .18s}
.article-page-v45 .article-toc-card-v45 nav a:hover,.article-page-v45 .article-toc-card-v45 nav a.is-active{background:#eaf6f6;color:var(--article-teal);font-weight:800}
.article-page-v45 .article-reading-card-v45{padding:18px!important}
.article-page-v45 .article-side-metric strong{display:block;color:var(--article-deep);font-size:30px;line-height:1.1}
.article-page-v45 .article-side-metric small,.article-page-v45 .article-side-mini{color:var(--article-muted);font-size:12px}
.article-page-v45 .article-side-mini{display:flex;gap:7px;justify-content:space-between;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid var(--article-line)}
.article-page-v45 .article-side-mini a{color:var(--article-teal);font-weight:800}
.article-toc-mobile{display:none}
.article-page-v45 .article-author-card-v45{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,30%)!important;gap:24px!important;align-items:stretch!important;margin-top:56px;padding:22px!important;border:1px solid var(--article-line);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(7,63,66,.07)}
.article-page-v45 .article-author-card-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-width:0;padding:2px}
.article-page-v45 .article-author-card-info h3{margin:0!important;color:var(--article-deep)!important;font-size:clamp(22px,2.6vw,31px)!important;line-height:1.35!important}
.article-page-v45 .article-author-card-info h3 a{color:inherit!important;text-decoration:none}
.article-page-v45 .article-author-title{color:var(--article-teal);font-size:14px;line-height:1.5}
.article-page-v45 .article-author-facts{display:flex;gap:8px;flex-wrap:wrap;color:var(--article-muted);font-size:12px}
.article-page-v45 .article-author-facts span{padding:5px 9px;border:1px solid var(--article-line);border-radius:999px;background:#f4f8f8}
.article-page-v45 .article-author-card-info p{max-width:600px;margin:0!important;color:#587075!important;font-size:14px;line-height:1.85}
.article-page-v45 .article-author-card-media{display:block;min-height:220px;aspect-ratio:4/3;overflow:hidden;border:1px solid #b9dfe0;border-radius:17px;background:var(--article-deep)}
.article-page-v45 .article-author-card-media img,.article-page-v45 .article-author-card-media .author-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;object-fit:cover}
.article-page-v45 .article-comments-section{margin-top:58px;padding:58px 0 68px;background:#fff;border-top:1px solid var(--article-line)}
.article-page-v45 .comments-container{max-width:900px}
.article-page-v45 .comments-heading h2{color:var(--article-deep)}
.article-page-v45 .comments-heading>span{color:var(--article-teal)}
.article-page-v45 .article-comment{border-color:var(--article-line);background:#f9fcfc;box-shadow:none;color:var(--article-ink)}
.article-page-v45 .comment-avatar{background:#eaf6f6;color:var(--article-teal)}
.article-page-v45 .comment-form{border:1px solid var(--article-line);background:#f4f8f8}
.article-page-v45 .related-v45{padding:62px 0!important;background:var(--article-bg);border-top:1px solid var(--article-line)}
.article-page-v45 .related-v45 .section-head h2{color:var(--article-deep);font-size:clamp(24px,3vw,34px)}
.article-page-v45 .related-v45 .story-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.article-page-v45 .related-v45 .story-card{min-width:0;overflow:hidden;border:1px solid var(--article-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(7,63,66,.07)}
.article-page-v45 .related-v45 .story-image{height:190px;min-height:190px}
.article-page-v45 .related-v45 .story-body{min-width:0;padding:17px}
.article-page-v45 .related-v45 .story-body h3{margin:0 0 9px;font-size:18px;line-height:1.55}
.article-page-v45 .related-v45 .story-body h3 a{color:var(--article-deep)}
.article-page-v45 .related-v45 .story-body p{color:var(--article-muted);font-size:13px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.article-page-v45 .article-back-top{position:fixed;inset-inline-end:22px;bottom:24px;z-index:20;width:42px;height:42px;border:1px solid #8bc3c6;border-radius:50%;background:#fff;color:var(--article-teal);box-shadow:0 8px 22px rgba(7,63,66,.12);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s;cursor:pointer}
.article-page-v45 .article-back-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:1020px){.article-page-v45 .article-layout-v45{grid-template-columns:minmax(0,1fr) 235px!important;gap:28px!important}.article-page-v45 .article-content-v45{font-size:18.5px!important}.article-page-v45 .article-cover-v45{aspect-ratio:16/8.7!important}}
@media(max-width:820px){.article-page-v45 .article-layout-v45{display:flex!important;flex-direction:column!important;width:min(100% - 32px,820px)!important;gap:28px!important}.article-page-v45 .article-insight-sidebar-v45{display:none}.article-toc-mobile{display:block;width:min(100% - 32px,820px);margin-top:-22px;margin-bottom:28px;border:1px solid #cfe4e5;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(7,63,66,.06)}.article-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;color:var(--article-deep);cursor:pointer;list-style:none}.article-toc-mobile summary::-webkit-details-marker{display:none}.article-toc-mobile summary span{color:var(--article-teal);font-size:11px;font-weight:900}.article-toc-mobile summary strong{font-size:15px}.article-toc-mobile nav{display:grid;gap:4px;padding:0 12px 12px}.article-toc-mobile nav:empty:after{content:"لا توجد عناوين فرعية";padding:8px;color:var(--article-muted);font-size:12px}.article-toc-mobile nav a{padding:9px;border-radius:9px;color:#4f6d70;font-size:13px}.article-toc-mobile nav a:hover,.article-toc-mobile nav a.is-active{background:#eaf6f6;color:var(--article-teal);font-weight:800}.article-page-v45 .article-meta-row-v45{align-items:flex-start;flex-direction:column;gap:12px!important}.article-page-v45 .article-author-v45{min-width:0}.article-page-v45 .article-cover-v45{margin-bottom:36px!important}}
@media(max-width:600px){.article-page-v45 .article-hero-v45{padding:32px 0 20px!important}.article-page-v45 .article-head-v45,.article-page-v45 .article-cover-wrap-v45{width:calc(100% - 28px)!important}.article-page-v45 .article-breadcrumbs-v45{margin-bottom:15px;font-size:12px}.article-page-v45 .article-category-chip{margin-bottom:12px;font-size:12px}.article-page-v45 .article-head-v45 h1{font-size:clamp(28px,8.4vw,35px)!important;line-height:1.37!important}.article-page-v45 .article-lead-v45{margin-top:14px!important;font-size:17px!important;line-height:1.9!important}.article-page-v45 .article-meta-v45{gap:8px;font-size:11px}.article-page-v45 .article-hero-actions{flex-wrap:wrap}.article-page-v45 .article-cover-wrap-v45{padding-top:20px}.article-page-v45 .article-cover-v45{min-height:190px;aspect-ratio:4/3!important;border-radius:18px!important}.article-page-v45 .article-layout-v45,.article-toc-mobile{width:calc(100% - 28px)!important}.article-page-v45 .article-content-v45{font-size:17px!important;line-height:2!important}.article-page-v45 .article-content-v45 h2{margin-top:40px!important;font-size:25px!important}.article-page-v45 .article-content-v45 h3{margin-top:30px!important;font-size:21px!important}.article-page-v45 .article-content-v45 blockquote{padding:18px 20px!important;margin-block:26px!important}.article-page-v45 .article-author-card-v45{grid-template-columns:1fr!important;gap:16px!important;margin-top:40px;padding:17px!important}.article-page-v45 .article-author-card-media{order:-1;min-height:0;aspect-ratio:16/10}.article-page-v45 .article-author-button{width:100%;justify-content:center}.article-page-v45 .article-comments-section{padding:42px 0 50px}.article-page-v45 .related-v45{padding:44px 0!important}.article-page-v45 .related-v45 .story-grid.compact{grid-template-columns:1fr}.article-page-v45 .related-v45 .story-image{height:210px;min-height:210px}.article-page-v45 .article-back-top{inset-inline-end:14px;bottom:16px}}
@media(max-width:390px){.article-page-v45 .article-head-v45,.article-page-v45 .article-cover-wrap-v45,.article-page-v45 .article-layout-v45,.article-toc-mobile{width:calc(100% - 22px)!important}.article-page-v45 .article-content-v45{font-size:16px!important}.article-page-v45 .article-head-v45 h1{font-size:28px!important}.article-page-v45 .article-hero-actions>span:first-child{display:none}}
@media print{.site-header,.site-footer,.article-insight-sidebar-v45,.article-toc-mobile,.article-hero-actions,.article-comments-section,.related-v45,.article-back-top,.whatsapp-float,.reading-progress{display:none!important}.article-page-v45,.article-page-v45 .article-hero-v45{background:#fff!important}.article-page-v45 .article-cover-v45{box-shadow:none;border:0}.article-page-v45 .article-content-v45{max-width:780px!important;color:#111!important;font-size:16px!important}}
.site-light-default.dark .article-page-v45{--article-bg:#031c1f;--article-ink:#eaf4f4;--article-teal:#54c6c8;--article-deep:#eaf4f4;--article-muted:#a9c2c3;--article-line:rgba(255,255,255,.12);background:var(--article-bg)!important;color:var(--article-ink)!important}
.site-light-default.dark .article-page-v45 .article-hero-v45{background:linear-gradient(180deg,#073f42 0%,#031c1f 100%)!important}
.site-light-default.dark .article-page-v45 .article-head-v45 h1,.site-light-default.dark .article-page-v45 .article-content-v45 h2,.site-light-default.dark .article-page-v45 .article-content-v45 h3{color:#eaf4f4!important}
.site-light-default.dark .article-page-v45 .article-lead-v45,.site-light-default.dark .article-page-v45 .article-content-v45 p{color:#c4dddd!important}
.site-light-default.dark .article-page-v45 .article-meta-row-v45{border-color:var(--article-line)}
.site-light-default.dark .article-page-v45 .article-hero-actions button,.site-light-default.dark .article-page-v45 .article-hero-actions a,.site-light-default.dark .article-page-v45 .article-insight-card,.site-light-default.dark .article-page-v45 .article-author-card-v45,.site-light-default.dark .article-toc-mobile{background:#073f42!important;color:#eaf4f4!important;border-color:var(--article-line)!important}
.site-light-default.dark .article-page-v45 .article-content-v45 blockquote{background:#073f42!important;color:#d9eeee!important;border-color:rgba(84,198,200,.35)!important}
.site-light-default.dark .article-page-v45 .article-author-facts span{background:#0b3033;border-color:var(--article-line)}
.site-light-default.dark .article-page-v45 .article-comments-section{background:#031c1f}
.site-light-default.dark .article-page-v45 .article-comment,.site-light-default.dark .article-page-v45 .comment-form{background:#073f42;border-color:var(--article-line)}
.site-light-default.dark .article-page-v45 .related-v45{background:#031c1f}
.site-light-default.dark .article-page-v45 .related-v45 .story-card{background:#073f42;border-color:var(--article-line)}
.site-light-default.dark .article-page-v45 .related-v45 .story-body h3 a{color:#eaf4f4}
.site-light-default.dark .article-page-v45 .article-back-top{background:#073f42;color:#eaf4f4;border-color:rgba(84,198,200,.5)}
/* Writer cards: contrast-first composition and data-aware spacing. */
.writer-design-card{grid-template-rows:auto minmax(0,1fr) auto auto auto!important;gap:22px!important;padding:clamp(28px,7%,52px)!important;color:#f4f8f8!important}
.writer-design-card .design-main{align-items:center!important;gap:7%!important}
.writer-design-card .identity-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:0;padding:14px 16px;border-radius:18px;background:linear-gradient(90deg,rgba(3,28,31,.84),rgba(3,28,31,.42) 62%,rgba(3,28,31,0))}
.writer-design-card .identity-copy small{color:#9fc5c7!important;font-size:11px;line-height:1.4}
.writer-design-card .identity-copy h3{color:#fff!important;opacity:1!important;text-shadow:0 2px 15px rgba(3,28,31,.3)}
.writer-design-card .identity-copy strong{color:#bfd3d5!important;opacity:1!important}
.writer-design-card .identity-copy blockquote{max-width:100%;margin:12px 0 0!important;padding-inline-start:12px;border-inline-start:3px solid #ff6a21;color:#f4f8f8!important;font-size:13px;line-height:1.7;font-style:normal}
.writer-design-card .identity-bio{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:11px 0 0;color:#bfd3d5;font-size:11px;line-height:1.7}
.writer-design-card .identity-skills{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;max-width:100%}
.writer-design-card .identity-skills span{padding:4px 7px;border:1px solid rgba(159,197,199,.4);border-radius:999px;color:#d9eeee;background:rgba(18,125,130,.34);font-size:9px;line-height:1.3}
.writer-design-card .identity-latest{display:grid;gap:2px;max-width:100%;margin-top:11px;padding-top:9px;border-top:1px solid rgba(255,255,255,.18)}
.writer-design-card .identity-latest small{color:#69d5d8!important;font-size:9px}
.writer-design-card .identity-latest b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#fff;font-size:11px;line-height:1.45}
.writer-design-card .identity-latest span{color:#bfd3d5;font-size:9px}.writer-design-card .identity-latest i{color:#ff6a21;font-style:normal;font-size:12px}
.writer-design-card .identity-handle{margin-top:10px;color:#ffab80!important;font-size:10px;font-weight:800}
.writer-design-card .identity-stats{padding:13px 0!important;border-color:rgba(255,255,255,.25)!important}
.writer-design-card .identity-stats div{border-color:rgba(255,255,255,.18)!important}
.writer-design-card .identity-stats b{color:#69d5d8!important;font-size:21px!important;opacity:1!important}
.writer-design-card .identity-stats span{color:#bfd3d5!important;font-size:10px!important;opacity:1!important}
.writer-design-card .identity-bottom{min-height:58px;gap:14px}
.writer-design-card .identity-socials{max-width:60%;gap:3px!important}
.writer-design-card .identity-socials b{color:#fff!important;font-size:11px;opacity:1!important}
.writer-design-card .identity-socials span{color:#bfd3d5!important;font-size:9px;opacity:1!important}
.writer-design-card .identity-qr{gap:8px;color:#bfd3d5!important;font-size:9px}
.writer-design-card .identity-qr img{width:50px!important;height:50px!important;border-radius:9px;box-shadow:0 5px 15px rgba(0,0,0,.18)}
.writer-design-card>footer{padding-top:11px;border-color:rgba(255,255,255,.2)!important;color:#bfd3d5!important;font-size:9px}
.writer-design-card>footer b{color:#ffab80!important}
.writer-design-card .identity-avatar{position:relative;z-index:1;width:100%;box-shadow:0 16px 32px rgba(3,28,31,.28),inset 0 1px 0 rgba(255,255,255,.55)}
.writer-design-card.design-post.template-editorial,.writer-design-card.design-business.template-editorial{color:#0b3033!important}
.writer-design-card.design-post.template-editorial .identity-copy,.writer-design-card.design-business.template-editorial .identity-copy{background:linear-gradient(90deg,rgba(244,248,248,.92),rgba(244,248,248,.58) 65%,rgba(244,248,248,0))}
.writer-design-card.design-post.template-editorial .identity-copy small,.writer-design-card.design-business.template-editorial .identity-copy small{color:#127d82!important}
.writer-design-card.design-post.template-editorial .identity-copy h3,.writer-design-card.design-business.template-editorial .identity-copy h3,.writer-design-card.design-post.template-editorial .identity-socials b,.writer-design-card.design-business.template-editorial .identity-socials b,.writer-design-card.design-post.template-editorial>footer,.writer-design-card.design-business.template-editorial>footer{color:#073f42!important;text-shadow:none}
.writer-design-card.design-post.template-editorial .identity-copy strong,.writer-design-card.design-business.template-editorial .identity-copy strong,.writer-design-card.design-post.template-editorial .identity-copy blockquote,.writer-design-card.design-business.template-editorial .identity-copy blockquote{color:#0b3033!important}
.writer-design-card.design-post.template-editorial .identity-copy blockquote,.writer-design-card.design-business.template-editorial .identity-copy blockquote{border-color:#ff6a21}
.writer-design-card.design-post.template-editorial .identity-bio,.writer-design-card.design-business.template-editorial .identity-bio,.writer-design-card.design-post.template-editorial .identity-latest span,.writer-design-card.design-business.template-editorial .identity-latest span,.writer-design-card.design-post.template-editorial .identity-socials span,.writer-design-card.design-business.template-editorial .identity-socials span,.writer-design-card.design-post.template-editorial .identity-qr,.writer-design-card.design-business.template-editorial .identity-qr,.writer-design-card.design-post.template-editorial>footer,.writer-design-card.design-business.template-editorial>footer{color:#718487!important}
.writer-design-card.design-post.template-editorial .identity-skills span,.writer-design-card.design-business.template-editorial .identity-skills span{border-color:#8bc3c6;color:#0b666a;background:#eaf6f6}
.writer-design-card.design-post.template-editorial .identity-stats span,.writer-design-card.design-business.template-editorial .identity-stats span{color:#718487!important}
.writer-design-card.design-post.template-editorial .identity-socials b,.writer-design-card.design-business.template-editorial .identity-socials b{color:#073f42!important}
.writer-design-card.design-business{gap:18px!important;padding:clamp(26px,5%,42px)!important}
.writer-design-card.design-business .identity-copy{padding:11px 14px}
.writer-design-card.design-business .identity-bio,.writer-design-card.design-business .identity-skills,.writer-design-card.design-business .identity-latest{display:none}
.writer-design-card.design-business .identity-stats{align-self:center;padding:12px 0!important}
.writer-design-card.design-business.template-split .identity-copy{background:linear-gradient(90deg,rgba(3,28,31,.86),rgba(3,28,31,.4) 68%,transparent)}
.writer-design-card.design-business.template-split .identity-copy h3,.writer-design-card.design-business.template-split .identity-socials b{color:#fff!important}
.writer-design-card.design-business.template-split .identity-copy strong,.writer-design-card.design-business.template-split .identity-copy blockquote,.writer-design-card.design-business.template-split .identity-bio,.writer-design-card.design-business.template-split .identity-latest span,.writer-design-card.design-business.template-split .identity-socials span,.writer-design-card.design-business.template-split .identity-qr{color:#bfd3d5!important}
@media(max-width:560px){.writer-design-card{gap:15px!important;padding:24px!important}.writer-design-card .identity-copy{padding:10px 11px}.writer-design-card .identity-copy blockquote{font-size:11px}.writer-design-card .identity-bio{font-size:10px}.writer-design-card .identity-skills span{font-size:8px;padding:3px 6px}.writer-design-card .identity-latest{margin-top:7px}.writer-design-card .identity-stats{padding:9px 0!important}.writer-design-card .identity-stats b{font-size:17px!important}.writer-design-card .identity-bottom{min-height:48px}.writer-design-card .identity-qr img{width:42px!important;height:42px!important}}
/* Unified recognition card: the same composition is used in admin, public pages and exports. */
.award-card-pro.award-official-card{display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;gap:24px!important;width:min(100%,650px);aspect-ratio:4/5!important;min-height:0;padding:clamp(34px,7%,76px)!important;border-radius:36px!important;background:linear-gradient(145deg,#f8f2e8 0%,#eef5f5 58%,#d9eeee 100%)!important;color:#073f42!important;box-shadow:0 28px 70px rgba(7,63,66,.18),inset 0 2px 0 rgba(255,255,255,.9)!important;transform:none!important;isolation:isolate}
.award-card-pro.award-official-card .award-card-depth{inset:0!important;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.38) 50%,transparent 58%)!important;opacity:.6!important;pointer-events:none}
.award-card-pro.award-official-card .award-card-orbit{z-index:-1;border-width:36px;opacity:.8}
.award-card-pro.award-official-card .orbit-a{width:330px;height:330px;inset-inline-end:-170px;top:-150px;border-color:rgba(18,125,130,.09)}
.award-card-pro.award-official-card .orbit-b{width:260px;height:260px;inset-inline-start:-150px;bottom:-130px;border-color:rgba(255,106,33,.08)}
.award-card-pro.award-official-card .award-card-glass{inset-inline:5%;bottom:4%;width:auto;height:25%;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(18,125,130,.06))!important;border:1px solid rgba(255,255,255,.58);z-index:-1}
.award-card-pro.award-official-card>header,.award-card-pro.award-official-card>.award-card-award,.award-card-pro.award-official-card>.award-card-writer,.award-card-pro.award-official-card>.award-card-reason,.award-card-pro.award-official-card>footer{position:relative;z-index:2;min-width:0}
.award-card-pro.award-official-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0}
.award-card-pro.award-official-card .award-saradeeeb-mark{gap:9px;min-width:0}
.award-card-pro.award-official-card .award-saradeeeb-mark>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#127d82;overflow:hidden;color:#fff}
.award-card-pro.award-official-card .award-saradeeeb-mark>span img{width:100%;height:100%;object-fit:contain;padding:6px;filter:brightness(0) invert(1)}
.award-card-pro.award-official-card .award-saradeeeb-mark b{color:#073f42;font-size:18px}
.award-card-pro.award-official-card .award-saradeeeb-mark small{color:#718487;font-size:8px;letter-spacing:2px}
.award-card-pro.award-official-card .award-ribbon{padding:7px 10px;background:#073f42;color:#fff;font-size:10px;white-space:nowrap}
.award-card-pro.award-official-card .award-card-award{display:grid;gap:7px;align-content:start;margin:0;padding-top:6px}
.award-card-pro.award-official-card .award-card-kicker{color:#127d82;font-size:11px;font-weight:900}
.award-card-pro.award-official-card .award-card-award h3{margin:0;max-width:100%;color:#073f42;font-size:clamp(27px,5.3cqw,49px);font-weight:900;line-height:1.18;letter-spacing:0;overflow-wrap:anywhere}
.award-card-pro.award-official-card .award-card-writer{display:grid;grid-template-columns:minmax(112px,30%) minmax(0,1fr);gap:20px;align-items:center;margin:0;padding:0}
.award-card-pro.award-official-card .award-avatar{width:100%;aspect-ratio:1/1.08;height:auto;min-height:0;border:4px solid rgba(255,255,255,.86);border-radius:24px;background:#073f42;box-shadow:0 18px 36px rgba(7,63,66,.22),inset 0 1px rgba(255,255,255,.25)}
.award-card-pro.award-official-card .award-avatar img{width:100%;height:100%;object-fit:cover}
.award-card-pro.award-official-card .award-avatar span{color:#fff;font-size:clamp(36px,6cqw,60px)}
.award-card-pro.award-official-card .award-writer-copy{display:grid;gap:5px;min-width:0}
.award-card-pro.award-official-card .award-writer-copy h3{margin:0;color:#0b3033;font-size:clamp(20px,3.6cqw,34px);line-height:1.25;overflow-wrap:anywhere}
.award-card-pro.award-official-card .award-writer-copy h3 a{color:inherit}
.award-card-pro.award-official-card .award-role{margin:0;color:#718487;font-size:12px;line-height:1.55}
.award-card-pro.award-official-card .award-writer-copy>small{color:#127d82;font-size:11px;font-weight:800;direction:ltr;text-align:start}
.award-card-pro.award-official-card .award-card-reason{display:grid;align-content:start;gap:6px;min-width:0;padding:14px 16px;border-inline-start:4px solid #ff6a21;border-radius:14px;background:rgba(255,255,255,.54)}
.award-card-pro.award-official-card .award-card-reason>small{color:#127d82;font-size:10px;font-weight:900}
.award-card-pro.award-official-card .award-reason{margin:0;max-width:100%;color:#29494d;font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.award-card-pro.award-official-card>footer{display:flex!important;position:relative!important;inset:auto!important;align-items:center;justify-content:space-between;gap:15px;margin:0;padding-top:14px;border-top:1px solid rgba(7,63,66,.16)}
.award-card-pro.award-official-card .award-card-footer-copy{display:grid;gap:4px;min-width:0}
.award-card-pro.award-official-card .award-profile-url{direction:ltr;text-align:start;color:#073f42;font-size:12px;font-weight:900;overflow-wrap:anywhere}
.award-card-pro.award-official-card .award-card-footer-copy small{color:#718487;font-size:9px;line-height:1.5}
.award-card-pro.award-official-card .award-qr-real{width:50px;height:50px;flex:0 0 50px;padding:4px;border-radius:9px;background:#fff;box-shadow:0 8px 18px rgba(7,63,66,.12)}
.award-card-pro.award-official-card .award-qr-real img{width:100%;height:100%;display:block;object-fit:contain}
.award-card-pro.award-official-card.square{aspect-ratio:1!important}.award-card-pro.award-official-card.story{aspect-ratio:9/16!important}.award-card-pro.award-official-card.cover,.award-card-pro.award-official-card.card{aspect-ratio:1.9/1!important;padding:30px!important}.award-card-pro.award-official-card.a4{aspect-ratio:210/297!important}
@media(max-width:800px){.award-card-pro.award-official-card{gap:18px!important;padding:28px!important;border-radius:28px!important}.award-card-pro.award-official-card .award-card-writer{grid-template-columns:92px minmax(0,1fr);gap:14px}.award-card-pro.award-official-card .award-card-award h3{font-size:clamp(25px,7vw,38px)}.award-card-pro.award-official-card .award-writer-copy h3{font-size:clamp(18px,5vw,28px)}}
/* One podcast artwork system, shared by admin preview, listing and episode pages. */
.podcast-cover-builder{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
.podcast-cover-preview{display:grid!important;place-items:center;min-height:680px;padding:32px!important;border:1px solid #d8e4e5;border-radius:20px;background:linear-gradient(145deg,#eef5f5,#f8fbfb);overflow:hidden}
.sar-podcast-generated-cover{--podcast-ink:#f4f8f8;position:relative;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:24px!important;width:min(100%,680px);aspect-ratio:1/1!important;min-height:0;padding:clamp(34px,8%,120px)!important;overflow:hidden;border-radius:32px!important;background:#031c1f!important;color:var(--podcast-ink)!important;box-shadow:0 28px 65px rgba(7,63,66,.24),inset 0 1px 0 rgba(255,255,255,.2)!important;isolation:isolate}
.sar-podcast-generated-cover:before{content:"";position:absolute;inset:-12%;z-index:-3;background-image:linear-gradient(135deg,rgba(3,28,31,.9),rgba(7,63,66,.58)),var(--podcast-cover-image),radial-gradient(circle at 70% 20%,#127d82,#031c1f 65%);background-size:cover;background-position:center;filter:blur(12px);transform:scale(1.1);opacity:.9}
.sar-podcast-generated-cover:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,28,31,.2),rgba(3,28,31,.25) 42%,rgba(3,28,31,.92)),radial-gradient(circle at 85% 15%,rgba(84,198,200,.32),transparent 28%);pointer-events:none}
.podcast-cover-decor{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 90%,rgba(255,106,33,.2),transparent 25%),linear-gradient(120deg,transparent 0 58%,rgba(255,255,255,.04) 58% 59%,transparent 59%);border:1px solid rgba(255,255,255,.12);border-radius:inherit}
.podcast-cover-header,.podcast-cover-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.podcast-cover-brand{display:flex;align-items:center;gap:10px;min-width:0}.podcast-cover-brand>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#127d82;color:#fff;font-size:20px;font-weight:900}.podcast-cover-brand b{color:#f4f8f8;font-size:16px;white-space:nowrap}
.podcast-cover-number{padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(18,125,130,.28);color:#d9eeee;font-size:10px;font-weight:900;white-space:nowrap}
.podcast-cover-main{display:grid;align-content:center;justify-items:start;min-width:0;max-width:94%}.podcast-cover-kicker{color:#69d5d8;font-size:12px;font-weight:900}.podcast-cover-main h3{max-width:100%;margin:10px 0 0;color:#fff;font-size:clamp(34px,7.2cqw,88px);font-weight:900;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 4px 22px rgba(0,0,0,.26)}.podcast-cover-main p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:80%;margin:16px 0 0;color:#bfd3d5;font-size:13px;line-height:1.75}
.podcast-cover-main-number{color:#69d5d8;font-size:12px;font-weight:900}
.podcast-cover-footer{padding-top:14px;border-top:1px solid rgba(255,255,255,.2)}.podcast-cover-footer>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.podcast-cover-footer em,.podcast-cover-footer>div:first-child span{font-style:normal;color:#d9eeee;font-size:11px}.podcast-cover-footer>div:first-child em{padding:5px 8px;border-radius:999px;background:rgba(18,125,130,.45);color:#fff}.podcast-cover-audio{display:flex;align-items:center;gap:7px;color:#bfd3d5;font-size:10px;white-space:nowrap}.podcast-cover-audio>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ff6a21;color:#fff}.podcast-cover-audio svg{width:17px;height:17px}
.podcast-card-cover .sar-podcast-generated-cover,.podcast-episode-cover .sar-podcast-generated-cover{width:100%;height:100%;border-radius:inherit;box-shadow:none}.podcast-card-cover .sar-podcast-generated-cover{padding:24px!important;gap:12px!important}.podcast-card-cover .podcast-cover-brand b,.podcast-card-cover .podcast-cover-footer b{font-size:10px}.podcast-card-cover .podcast-cover-brand>span{width:28px;height:28px;font-size:14px}.podcast-card-cover .podcast-cover-main h3{font-size:clamp(22px,4.5cqw,44px)}.podcast-card-cover .podcast-cover-main p{display:none}.podcast-card-cover .podcast-cover-kicker{font-size:8px}.podcast-card-cover .podcast-cover-number,.podcast-card-cover .podcast-cover-footer em,.podcast-card-cover .podcast-cover-footer>div:first-child span{font-size:8px}.podcast-card-cover .podcast-cover-audio{font-size:8px}.podcast-card-cover .podcast-cover-audio>span{width:23px;height:23px}.podcast-episode-cover .sar-podcast-generated-cover{padding:36px!important}
@media(max-width:820px){.podcast-cover-preview{min-height:0;padding:18px!important}.sar-podcast-generated-cover{border-radius:24px!important}.podcast-cover-main h3{font-size:clamp(30px,8vw,62px)}}
@media(max-width:520px){.podcast-cover-preview{padding:10px!important}.sar-podcast-generated-cover{padding:26px!important;gap:16px!important;border-radius:20px!important}.podcast-cover-brand b{font-size:13px}.podcast-cover-brand>span{width:34px;height:34px}.podcast-cover-main h3{font-size:clamp(26px,8vw,45px)}.podcast-cover-main p{font-size:10px}.podcast-cover-footer{gap:8px}.podcast-cover-audio b{display:none}}

/* Dark card contrast: keep readable text on every dark visual surface. */
:root{--dark-card-title:#fff;--dark-card-text:#f4f8f8;--dark-card-muted:#bfd3d5;--dark-card-stat:#69d5d8;--dark-card-accent:#ff6a21}
.kh-card,.kh-card h1,.kh-card h2,.kh-card h3,.kh-card b,.kh-card strong,.kh-card blockquote,.kh-card footer>small,.kh-card .kh-card-author strong,.kh-card .kh-card-brand b{color:var(--dark-card-title)!important}
.kh-card header em,.kh-card .kh-card-author small,.kh-card footer>small{color:var(--dark-card-muted)!important}
.kh-card .kh-card-author span,.kh-card .kh-card-brand>span{color:var(--dark-card-stat)!important}
.writer-identity-card:not(.template-minimal):not(.template-editorial),.writer-share-card,.writer-design-card.design-post.template-cinematic,.writer-design-card.design-post.template-minimal-dark,.writer-design-card.design-business.template-executive{color:var(--dark-card-text)!important}
.writer-identity-card:not(.template-minimal):not(.template-editorial) h1,.writer-identity-card:not(.template-minimal):not(.template-editorial) h2,.writer-identity-card:not(.template-minimal):not(.template-editorial) h3,.writer-identity-card:not(.template-minimal):not(.template-editorial) b,.writer-identity-card:not(.template-minimal):not(.template-editorial) strong,.writer-design-card.design-post.template-cinematic h1,.writer-design-card.design-post.template-cinematic h2,.writer-design-card.design-post.template-cinematic h3,.writer-design-card.design-post.template-cinematic b,.writer-design-card.design-post.template-cinematic strong,.writer-design-card.design-post.template-minimal-dark h1,.writer-design-card.design-post.template-minimal-dark h2,.writer-design-card.design-post.template-minimal-dark h3,.writer-design-card.design-post.template-minimal-dark b,.writer-design-card.design-post.template-minimal-dark strong,.writer-design-card.design-business.template-executive h1,.writer-design-card.design-business.template-executive h2,.writer-design-card.design-business.template-executive h3,.writer-design-card.design-business.template-executive b,.writer-design-card.design-business.template-executive strong{color:var(--dark-card-title)!important}
.writer-identity-card:not(.template-minimal):not(.template-editorial) p,.writer-identity-card:not(.template-minimal):not(.template-editorial) blockquote,.writer-identity-card:not(.template-minimal):not(.template-editorial) small,.writer-identity-card:not(.template-minimal):not(.template-editorial) li,.writer-design-card.design-post.template-cinematic p,.writer-design-card.design-post.template-cinematic blockquote,.writer-design-card.design-post.template-cinematic small,.writer-design-card.design-post.template-cinematic li,.writer-design-card.design-post.template-minimal-dark p,.writer-design-card.design-post.template-minimal-dark blockquote,.writer-design-card.design-post.template-minimal-dark small,.writer-design-card.design-post.template-minimal-dark li,.writer-design-card.design-business.template-executive p,.writer-design-card.design-business.template-executive blockquote,.writer-design-card.design-business.template-executive small,.writer-design-card.design-business.template-executive li{color:var(--dark-card-muted)!important}
.writer-identity-card:not(.template-minimal):not(.template-editorial) .identity-stats b,.writer-design-card.design-post.template-cinematic .identity-stats b,.writer-design-card.design-post.template-minimal-dark .identity-stats b,.writer-design-card.design-business.template-executive .identity-stats b,.writer-identity-card:not(.template-minimal):not(.template-editorial) .identity-latest strong,.writer-design-card.design-post.template-cinematic .identity-latest strong,.writer-design-card.design-post.template-minimal-dark .identity-latest strong,.writer-design-card.design-business.template-executive .identity-latest strong{color:var(--dark-card-stat)!important}
.writer-identity-card:not(.template-minimal):not(.template-editorial) a,.writer-design-card.design-post.template-cinematic a,.writer-design-card.design-post.template-minimal-dark a,.writer-design-card.design-business.template-executive a{color:var(--dark-card-stat)!important}
.sar-podcast-generated-cover,.sar-podcast-generated-cover h1,.sar-podcast-generated-cover h2,.sar-podcast-generated-cover h3,.sar-podcast-generated-cover b,.sar-podcast-generated-cover strong{color:var(--dark-card-title)!important}
.sar-podcast-generated-cover p,.sar-podcast-generated-cover small,.sar-podcast-generated-cover .podcast-cover-footer,.sar-podcast-generated-cover .podcast-cover-footer em,.sar-podcast-generated-cover .podcast-cover-footer>div:first-child span,.sar-podcast-generated-cover .podcast-cover-audio{color:var(--dark-card-muted)!important}
.sar-podcast-generated-cover .podcast-cover-kicker,.sar-podcast-generated-cover .podcast-cover-main-number,.sar-podcast-generated-cover .podcast-cover-number{color:var(--dark-card-stat)!important}
.professional-stats .stat-card,.professional-stats .stat-card h3,.professional-stats .stat-card h4,.professional-stats .stat-card strong{color:var(--dark-card-title)!important}
.professional-stats .stat-card-head>span:first-child,.professional-stats .stat-meta,.professional-stats .stat-card small{color:var(--dark-card-muted)!important}
.professional-stats .stat-card strong,.professional-stats .stat-card a,.professional-stats .stat-meta a{color:var(--dark-card-stat)!important}
.auth-shell,.auth-shell h1,.auth-shell h2,.auth-shell h3,.auth-shell strong,.auth-card-premium,.auth-card-premium h1,.auth-card-premium h2,.auth-card-premium h3{color:var(--dark-card-title)!important}
.auth-shell p,.auth-shell label,.auth-shell small,.auth-card-premium p,.auth-card-premium label,.auth-card-premium small{color:var(--dark-card-muted)!important}
.auth-shell a,.auth-card-premium a{color:var(--dark-card-stat)!important}

/* Podcast artwork: layered cinematic background with a protected safe area. */
.sar-podcast-generated-cover:not(.cover-minimal){container-type:inline-size;background:radial-gradient(ellipse at 72% 32%,rgba(18,125,130,.3),transparent 34%),radial-gradient(ellipse at 14% 86%,rgba(255,106,33,.16),transparent 28%),linear-gradient(145deg,#073f42 0%,#031c1f 52%,#031417 100%)!important}
.sar-podcast-generated-cover:not(.cover-minimal):before{inset:-18%;background-image:linear-gradient(125deg,rgba(3,28,31,.28),rgba(3,28,31,.78) 72%),var(--podcast-cover-image,none),radial-gradient(ellipse at 72% 32%,rgba(18,125,130,.52),transparent 34%),radial-gradient(ellipse at 12% 82%,rgba(255,106,33,.2),transparent 27%),linear-gradient(145deg,#073f42,#031c1f 68%);background-size:cover;background-position:center;filter:blur(1px);opacity:.96;transform:scale(1.08)}
.sar-podcast-generated-cover:not(.cover-minimal):after{background:radial-gradient(ellipse at 68% 34%,transparent 0 18%,rgba(105,213,216,.1) 18.2% 18.45%,transparent 18.7% 29%,rgba(105,213,216,.07) 29.2% 29.45%,transparent 29.7%),linear-gradient(118deg,transparent 24%,rgba(105,213,216,.08) 43%,transparent 66%),linear-gradient(180deg,rgba(3,28,31,.08),rgba(3,28,31,.12) 42%,rgba(3,28,31,.72))}
.sar-podcast-generated-cover .podcast-cover-decor{background:repeating-linear-gradient(112deg,transparent 0 34px,rgba(105,213,216,.035) 35px 36px,transparent 37px 72px),linear-gradient(145deg,transparent 0 58%,rgba(255,255,255,.035) 58.2% 58.7%,transparent 59%);border-color:rgba(255,255,255,.12)}
.sar-podcast-generated-cover .podcast-cover-decor:before{content:"";position:absolute;width:128%;aspect-ratio:1;inset:-38% -38% auto auto;border:1px solid rgba(105,213,216,.18);border-radius:50%;box-shadow:0 0 0 30px rgba(105,213,216,.055),0 0 0 62px rgba(105,213,216,.035);transform:rotate(-18deg)}
.sar-podcast-generated-cover .podcast-cover-decor:after{content:"";position:absolute;inset-inline:8%;bottom:19%;height:22%;opacity:.34;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(105,213,216,.1) 10px 11px,transparent 12px 17px);transform:skewY(-8deg);pointer-events:none}
.sar-podcast-generated-cover .podcast-cover-header{align-self:start;padding-top:2%;z-index:1}
.sar-podcast-generated-cover .podcast-cover-brand b{color:#fff!important;font-weight:800}
.sar-podcast-generated-cover .podcast-cover-main{justify-self:stretch;max-width:100%;padding-inline:4%;z-index:1}
.sar-podcast-generated-cover .podcast-cover-main-number{width:max-content;max-width:100%;padding:7px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(18,125,130,.16);color:#bfd3d5!important;font-size:12px;font-weight:800}
.sar-podcast-generated-cover .podcast-cover-main h3{max-width:100%;max-height:3.35em;margin:11px 0 0;color:#ff6a21!important;font-size:clamp(32px,8.2cqw,82px);font-weight:800;line-height:1.1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-shadow:0 5px 24px rgba(3,28,31,.42)}
.sar-podcast-generated-cover .podcast-cover-main p{max-width:86%;margin-top:14px;color:#f4f8f8!important;text-shadow:0 2px 12px rgba(3,28,31,.45)}
.sar-podcast-generated-cover .podcast-cover-footer{z-index:1}
.sar-podcast-generated-cover .podcast-cover-footer em{color:#f4f8f8!important;background:rgba(18,125,130,.28);border:1px solid rgba(255,255,255,.12)}
.sar-podcast-generated-cover .podcast-cover-footer>div:first-child span{color:#bfd3d5!important}
.sar-podcast-generated-cover .podcast-cover-audio{color:#bfd3d5!important}
.sar-podcast-generated-cover .podcast-cover-audio>span{width:36px;height:36px;border:1px solid rgba(255,106,33,.68);border-radius:50%;background:rgba(255,106,33,.12);color:#ff6a21!important;box-shadow:0 0 22px rgba(255,106,33,.16)}
.sar-podcast-generated-cover .podcast-cover-audio svg{width:19px;height:19px;stroke-width:1.8}
.sar-podcast-generated-cover.cover-dark:before{background-image:linear-gradient(135deg,rgba(3,28,31,.46),rgba(3,28,31,.86)),radial-gradient(ellipse at 74% 38%,rgba(18,125,130,.34),transparent 32%),linear-gradient(145deg,#073f42,#031c1f 70%)}
.sar-podcast-generated-cover.cover-dark .podcast-cover-decor:after{height:28%;bottom:16%;opacity:.22;filter:blur(2px)}
.sar-podcast-generated-cover.cover-feature:after{background:linear-gradient(118deg,transparent 30%,rgba(255,106,33,.12) 47%,transparent 61%),radial-gradient(ellipse at 70% 30%,rgba(18,125,130,.28),transparent 36%),linear-gradient(180deg,rgba(3,28,31,.08),rgba(3,28,31,.72))}
.sar-podcast-generated-cover.cover-category .podcast-cover-decor:before{width:118%;inset:-30% -34% auto auto;border-width:2px;box-shadow:0 0 0 28px rgba(18,125,130,.06),0 0 0 58px rgba(18,125,130,.035)}
.sar-podcast-generated-cover.cover-category .podcast-cover-decor:after{transform:skewY(7deg);opacity:.22}
.sar-podcast-generated-cover.cover-minimal{background:#f4f8f8!important;color:#0b3033!important}
.sar-podcast-generated-cover.cover-minimal:before{inset:0;background:linear-gradient(145deg,rgba(244,248,248,.94),rgba(234,246,246,.82)),radial-gradient(circle at 80% 12%,rgba(18,125,130,.18),transparent 35%);filter:none;opacity:1;transform:none}
.sar-podcast-generated-cover.cover-minimal:after{background:linear-gradient(135deg,transparent 0 62%,rgba(18,125,130,.08) 62.2% 62.8%,transparent 63%),radial-gradient(circle at 12% 84%,rgba(255,106,33,.1),transparent 27%)}
.sar-podcast-generated-cover.cover-minimal .podcast-cover-brand b,.sar-podcast-generated-cover.cover-minimal .podcast-cover-main h3{color:#0b3033!important;text-shadow:none}
.sar-podcast-generated-cover.cover-minimal .podcast-cover-main-number{color:#127d82!important;background:#eaf6f6;border-color:#8bc3c6}
.sar-podcast-generated-cover.cover-minimal .podcast-cover-main p,.sar-podcast-generated-cover.cover-minimal .podcast-cover-footer,.sar-podcast-generated-cover.cover-minimal .podcast-cover-footer>div:first-child span,.sar-podcast-generated-cover.cover-minimal .podcast-cover-audio{color:#496165!important;text-shadow:none}
.sar-podcast-generated-cover.cover-minimal .podcast-cover-footer em{color:#0b666a!important;background:#eaf6f6;border-color:#8bc3c6}
.sar-podcast-generated-cover.cover-minimal .podcast-cover-audio>span{background:#eaf6f6;border-color:#8bc3c6;color:#127d82!important;box-shadow:none}

/* Embedded YouTube keeps the same in-page Saradeeeb player identity. */
.sar-podcast-youtube{display:grid;gap:0;overflow:hidden;border:1px solid rgba(216,228,229,.42);border-radius:22px;background:#031c1f;color:#f4f8f8;box-shadow:0 20px 50px rgba(3,28,31,.22),inset 0 1px 0 rgba(255,255,255,.12)}
.sar-podcast-youtube header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#073f42,#031c1f);border:0;border-bottom:1px solid rgba(255,255,255,.12);color:#f4f8f8}
.sar-podcast-youtube header span{grid-column:1/-1;color:#69d5d8;font-size:12px;font-weight:900}
.sar-podcast-youtube header h3{min-width:0;margin:0;color:#fff;font-size:clamp(18px,3vw,26px);line-height:1.35;overflow-wrap:anywhere}
.sar-podcast-youtube header small{color:#bfd3d5;font-size:12px;white-space:nowrap}
.sar-podcast-video{position:relative;aspect-ratio:16/9;min-height:220px;overflow:hidden;background:#071b1e}
.sar-podcast-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sar-podcast-fallback{display:grid;gap:5px;padding:20px;border:1px solid #d8e4e5;border-radius:18px;background:#f4f8f8;color:#0b3033}
.sar-podcast-fallback b{color:#0b3033}.sar-podcast-fallback p{margin:0;color:#718487;font-size:13px}
@media(max-width:520px){.sar-podcast-youtube{border-radius:18px}.sar-podcast-youtube header{padding:15px}.sar-podcast-video{min-height:0}.sar-podcast-youtube header h3{font-size:18px}}

/* Podcast index cards stay compact even when the list contains one episode. */
.podcast-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,320px));justify-content:start;align-items:start}
.podcast-card{width:100%;min-width:0}
.podcast-card-cover{width:100%;aspect-ratio:1;min-height:0}
.podcast-card-cover .sar-podcast-generated-cover{width:100%;height:100%;min-height:0}
@media(max-width:760px){.podcast-card-grid{grid-template-columns:minmax(0,360px)!important;justify-content:center}.podcast-card{max-width:360px;justify-self:center}}

/* Final responsive guardrails: keep content readable without changing routes or layout. */
html,body{max-width:100%;overflow-x:clip}
body{min-width:0}
main,header,footer,section,.container,.container>*{min-width:0;max-width:100%}
img,video,iframe,canvas,svg{max-width:100%}
.podcast-card-body h2{font-size:clamp(16px,1.3vw,19px);line-height:1.45;overflow-wrap:anywhere}
.podcast-card-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
@media(max-width:760px){.podcast-card-body{padding:14px}.podcast-card-body h2{font-size:17px}.podcast-card-body p{font-size:13px}}

/* Podcast QR: readable at artwork size and quiet inside compact cards. */
.sar-podcast-generated-cover .podcast-cover-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px}
.sar-podcast-generated-cover .podcast-cover-footer-meta{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sar-podcast-generated-cover .podcast-cover-qr{display:flex;align-items:center;gap:7px;min-width:0;color:#f4f8f8;font-size:10px;line-height:1.35}
.sar-podcast-generated-cover .podcast-cover-qr img{display:block;width:clamp(62px,10cqw,140px);height:auto;aspect-ratio:1;padding:10px;border:0;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(3,28,31,.28);object-fit:contain}
.sar-podcast-generated-cover .podcast-cover-qr span{display:grid;gap:2px;white-space:nowrap;font-weight:800}
.sar-podcast-generated-cover .podcast-cover-qr small{color:#bfd3d5;font-size:9px;font-weight:500}
.sar-podcast-generated-cover .podcast-cover-qr-pending{color:#bfd3d5;font-size:10px}
.podcast-card-cover .podcast-cover-footer{grid-template-columns:minmax(0,1fr) auto!important}
.podcast-card-cover .podcast-cover-qr{gap:0}
.podcast-card-cover .podcast-cover-qr img{width:clamp(52px,14cqw,72px);padding:6px;border-radius:10px}
.podcast-card-cover .podcast-cover-qr span,.podcast-card-cover .podcast-cover-audio{display:none}
@media(max-width:520px){.sar-podcast-generated-cover .podcast-cover-footer{grid-template-columns:minmax(0,1fr) auto!important;gap:7px}.sar-podcast-generated-cover .podcast-cover-qr img{width:62px;padding:7px}.sar-podcast-generated-cover .podcast-cover-audio{display:none}}

/* Writer card reference treatment: cinematic Teal identity, without legacy orange/gold accents. */
.writer-design-card{--accent:#127d82!important;--writer-highlight:#69d5d8;position:relative;border:1px solid rgba(105,213,216,.3)!important;border-radius:34px!important;background:#031c1f!important;color:#fff!important;box-shadow:0 30px 80px rgba(3,28,31,.42),inset 0 1px 0 rgba(255,255,255,.14)!important}
.writer-design-card:before{inset:0!important;background-image:linear-gradient(135deg,rgba(3,28,31,.55),rgba(3,28,31,.78) 62%),var(--writer-photo,none),radial-gradient(circle at 78% 28%,rgba(105,213,216,.18),transparent 30%),linear-gradient(145deg,#073f42,#031c1f 70%)!important;background-size:cover!important;background-position:center!important;opacity:1!important;z-index:-2!important}
.writer-design-card:after{content:"";position:absolute;inset:10px;border:1px solid rgba(105,213,216,.17);border-radius:28px;box-shadow:inset 0 0 70px rgba(18,125,130,.08);pointer-events:none;z-index:-1}
.writer-design-card .design-decor{position:absolute;inset:0!important;background:radial-gradient(circle at 12% 22%,transparent 0 11%,rgba(105,213,216,.14) 11.2% 11.4%,transparent 11.7% 19%,rgba(105,213,216,.08) 19.2% 19.4%,transparent 19.7%),repeating-linear-gradient(112deg,transparent 0 70px,rgba(105,213,216,.035) 71px 72px,transparent 73px 140px)!important;opacity:1!important;z-index:-1}
.writer-design-card header{position:relative;z-index:2}
.writer-design-card .identity-brand i{background:#127d82!important;color:#fff!important;border-radius:13px 13px 13px 4px;box-shadow:0 10px 24px rgba(18,125,130,.3)}
.writer-design-card .identity-brand b{color:#fff!important}
.writer-design-card header>span{border-color:#127d82!important;border-radius:999px;background:rgba(18,125,130,.18);color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.writer-design-card main.design-main{display:grid!important;grid-template-columns:minmax(110px,26%) minmax(0,1fr)!important;gap:5%!important;align-items:center;min-width:0}
.writer-design-card .identity-avatar{width:100%!important;aspect-ratio:1;border:4px solid #127d82!important;border-radius:50%!important;background:#073f42!important;box-shadow:0 0 0 8px rgba(105,213,216,.08),0 18px 38px rgba(3,28,31,.42);overflow:hidden}
.writer-design-card .identity-copy{min-width:0;padding:clamp(16px,3.5%,30px);border:1px solid rgba(105,213,216,.2);border-radius:28px;background:rgba(3,28,31,.72);box-shadow:0 18px 45px rgba(3,28,31,.26),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.writer-design-card .identity-copy small{color:#bfd3d5!important;font-size:12px}
.writer-design-card .identity-copy h3{max-width:100%;margin:7px 0;color:#fff!important;font-weight:700;line-height:1.18;overflow-wrap:anywhere}
.writer-design-card .identity-copy strong{color:#f4f8f8!important;font-size:15px;line-height:1.5}
.writer-design-card .identity-copy blockquote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:14px 0 0;color:#bfd3d5!important;font-size:13px;line-height:1.8}
.writer-design-card .identity-bio,.writer-design-card .identity-skills,.writer-design-card .identity-latest{display:none!important}
.writer-design-card .identity-handle{display:block;margin-top:13px;color:#69d5d8!important;font-size:15px;font-weight:800;direction:ltr;text-align:right}
.writer-design-card .identity-stats{border-color:rgba(105,213,216,.2)!important}
.writer-design-card .identity-stats div{border-color:rgba(105,213,216,.16)!important}
.writer-design-card .identity-stats b{color:#69d5d8!important}
.writer-design-card .identity-stats span,.writer-design-card footer{color:#bfd3d5!important}
.writer-design-card .identity-bottom{gap:14px;border-top:1px solid rgba(105,213,216,.18);padding-top:12px}
.writer-design-card .identity-socials b{color:#69d5d8!important}
.writer-design-card .identity-socials span{color:#bfd3d5!important;overflow-wrap:anywhere}
.writer-design-card .identity-qr{padding:6px 8px;border:1px solid rgba(105,213,216,.2);border-radius:16px;background:rgba(255,255,255,.05);color:#f4f8f8!important}
.writer-design-card .identity-qr img{width:76px!important;height:76px!important;padding:8px;background:#fff;border-radius:14px;box-shadow:0 8px 18px rgba(3,28,31,.3)}
.writer-design-card .identity-qr span{color:#f4f8f8!important;font-size:10px}
.writer-design-card footer{border-color:rgba(105,213,216,.18)!important}
.writer-design-card footer b{color:#69d5d8!important}
.writer-design-card.design-business{aspect-ratio:1200/680!important;width:min(100%,900px)!important;padding:5%!important;gap:14px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(min-content,1fr) auto auto!important;height:auto!important}
.writer-design-card.design-business .design-header{grid-column:1!important;grid-row:1!important}
.writer-design-card.design-business main.design-main{grid-column:1!important;grid-row:2!important;grid-template-columns:minmax(90px,24%) minmax(0,1fr)!important;gap:24px!important;width:100%;margin:0;min-height:min-content}
.writer-design-card.design-business{min-height:450px!important}
.writer-design-card.design-business .identity-copy{position:static;min-width:0;padding:10px 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible}
.writer-design-card.design-business .identity-copy h3{font-size:32px;line-height:1.35;word-break:normal;overflow-wrap:break-word}
.writer-design-card.design-business .identity-copy blockquote{display:block;max-height:none;overflow:visible;font-size:13px;line-height:1.7;margin-top:8px}
.writer-design-card.design-business .identity-handle{margin-top:8px;font-size:13px}
.writer-design-card.design-business .identity-bottom{grid-column:1!important;grid-row:3!important;position:relative;min-height:76px;margin:0;padding-top:12px;align-items:center;flex-wrap:wrap}
.writer-design-card.design-business .identity-qr{position:static;flex:none;align-self:center;white-space:normal}
.writer-design-card.design-business .identity-socials{flex:1;min-width:0;overflow-wrap:anywhere}
.writer-design-card.design-business>footer{grid-column:1!important;grid-row:4!important;position:static;margin:0;padding-top:8px;flex-wrap:wrap}
.writer-design-card [data-card-section][hidden]{display:none!important}
.writer-design-card.design-business main.design-main:has(>.identity-avatar[hidden]){grid-template-columns:minmax(0,1fr)!important}
@media(max-width:600px){.writer-design-card.design-business{aspect-ratio:auto!important;gap:12px!important;padding:22px!important}.writer-design-card.design-business main.design-main{grid-template-columns:76px minmax(0,1fr)!important;gap:16px!important}.writer-design-card.design-business .identity-copy h3{font-size:23px}.writer-design-card.design-business .identity-copy strong{font-size:12px}.writer-design-card.design-business .identity-copy blockquote{font-size:12px}.writer-design-card.design-business .identity-avatar{min-width:0;box-shadow:none}}
.writer-design-card.design-business .identity-qr img{width:62px!important;height:62px!important}
.writer-design-card.design-business .identity-qr span{display:none}
.writer-design-card.design-business .identity-stats{display:none!important}
@media(max-width:1000px){.writer-card-workspace.writer-design-workspace{grid-template-columns:minmax(0,1fr)!important}.writer-design-controls{position:static}.writer-design-card.design-business{aspect-ratio:auto!important}}
.writer-design-card.design-post{aspect-ratio:4/5!important}
.writer-design-card.design-pdf{border-radius:12px!important;background:#fff!important;color:#0b3033!important;box-shadow:0 15px 35px rgba(7,63,66,.12)!important}
.writer-design-card.design-pdf:before,.writer-design-card.design-pdf:after,.writer-design-card.design-pdf .design-decor{display:none}
.writer-design-card.design-pdf .identity-brand b,.writer-design-card.design-pdf .identity-copy h3{color:#0b3033!important}
@media(max-width:560px){.writer-design-card .identity-copy{padding:14px;border-radius:22px}.writer-design-card .identity-avatar{border-width:3px}.writer-design-card .identity-qr img{width:62px!important;height:62px!important}.writer-design-card .identity-qr span{display:none}.writer-design-card .identity-socials{font-size:10px}}
.sar-podcast-generated-cover .podcast-cover-audio{position:relative}
.sar-podcast-generated-cover .podcast-cover-audio:before{content:"";display:block;width:76px;height:22px;opacity:.72;background:repeating-linear-gradient(90deg,#69d5d8 0 3px,transparent 3px 8px);-webkit-mask:linear-gradient(90deg,transparent 0 4%,#000 4% 7%,transparent 7% 11%,#000 11% 16%,transparent 16% 21%,#000 21% 28%,transparent 28% 33%,#000 33% 39%,transparent 39% 44%,#000 44% 57%,transparent 57% 62%,#000 62% 69%,transparent 69% 74%,#000 74% 80%,transparent 80% 86%,#000 86% 92%,transparent 92%);mask:linear-gradient(90deg,transparent 0 4%,#000 4% 7%,transparent 7% 11%,#000 11% 16%,transparent 16% 21%,#000 21% 28%,transparent 28% 33%,#000 33% 39%,transparent 39% 44%,#000 44% 57%,transparent 57% 62%,#000 62% 69%,transparent 69% 74%,#000 74% 80%,transparent 80% 86%,#000 86% 92%,transparent 92%)}
.podcast-card-cover .podcast-cover-audio:before{display:none}
.podcast-cover-export-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.podcast-cover-export-actions small{color:#718487;font-size:11px}

/* Long podcast index: the episode artwork remains shared; only the page shell grows around it. */
.podcast-index-page{background:radial-gradient(circle at 92% 2%,rgba(18,125,130,.1),transparent 22%),#f4f8f8;color:#0b3033;overflow:clip}
.podcast-long-hero{padding:68px 0 58px;background:linear-gradient(180deg,#f8fbfb 0%,#f4f8f8 100%);border-bottom:1px solid #d8e4e5}
.podcast-long-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,540px);gap:52px;align-items:center}
.podcast-long-hero-copy{min-width:0;padding-block:18px}.podcast-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.podcast-hero-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #cbe2e3;border-radius:999px;background:#eaf6f6;color:#127d82;font-size:13px;font-weight:800}.podcast-hero-badge.is-orange{border-color:#ffd1bc;background:#fff0e8;color:#d95113}
.podcast-long-hero h1{max-width:720px;margin:0 0 18px;color:#073f42;font-size:clamp(38px,5.5vw,72px);line-height:1.12;letter-spacing:0}.podcast-long-hero-copy>p{max-width:680px;margin:0;color:#577073;font-size:18px;line-height:1.9}.podcast-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.podcast-hero-actions .btn{min-height:48px}.podcast-hero-note{display:flex;align-items:center;gap:8px;margin-top:22px;color:#718487;font-size:12px}.podcast-hero-note span{color:#ff6a21;font-size:22px;line-height:1}
.podcast-featured-cover{position:relative;display:block;min-width:0;overflow:hidden;border-radius:34px;background:#031c1f;box-shadow:0 24px 55px rgba(7,63,66,.16);isolation:isolate}.podcast-featured-cover .sar-podcast-generated-cover{width:100%;max-width:none}.podcast-featured-cover:focus-visible{outline:3px solid #ff6a21;outline-offset:4px}.podcast-featured-tag{position:absolute;top:18px;inset-inline-start:18px;z-index:4;padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(3,28,31,.72);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.podcast-featured-empty{display:grid;place-items:center;align-content:center;gap:10px;aspect-ratio:1;border:1px solid #cfe1e2;border-radius:34px;background:linear-gradient(145deg,#073f42,#031c1f);color:#fff;box-shadow:0 24px 55px rgba(7,63,66,.16);text-align:center}.podcast-featured-empty span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#127d82;font-size:28px;font-weight:900}.podcast-featured-empty strong{font-size:24px}.podcast-featured-empty small{max-width:240px;color:#bfd3d5}
.podcast-long-section{padding:76px 0}.podcast-latest-section{background:#f4f8f8}.podcast-series-section{background:#fff;border-block:1px solid #d8e4e5}.podcast-mood-section{background:#f4f8f8}.podcast-follow-section{padding-top:12px;background:#f4f8f8}
.podcast-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.podcast-section-heading>div{min-width:0}.podcast-section-kicker{display:block;margin-bottom:7px;color:#127d82;font-size:13px;font-weight:900}.podcast-section-heading h2{margin:0;color:#073f42;font-size:clamp(28px,3.5vw,44px);line-height:1.25}.podcast-section-heading p{margin:7px 0 0;color:#718487;line-height:1.8}.podcast-section-heading .btn{flex:0 0 auto}
.podcast-filter-wrap{display:grid;gap:10px;margin-bottom:24px}.podcast-filter-label{color:#496165;font-size:12px;font-weight:800}.podcast-filterbar{display:flex;gap:9px;overflow-x:auto;padding:3px 2px 10px;scrollbar-width:none}.podcast-filterbar::-webkit-scrollbar{display:none}.podcast-filter{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:42px;padding:9px 14px;border:1px solid #d8e4e5;border-radius:999px;background:#fff;color:#496165;cursor:pointer;font-weight:800;transition:.2s ease}.podcast-filter:hover{border-color:#8bc3c6;color:#127d82;transform:translateY(-2px)}.podcast-filter.is-active{border-color:#127d82;background:#127d82;color:#fff;box-shadow:0 8px 18px rgba(18,125,130,.16)}.podcast-filter small{font-size:10px;opacity:.72}
.podcast-long-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;justify-content:initial;gap:22px}.podcast-long-card{min-width:0}.podcast-long-card[hidden]{display:none!important}.podcast-long-card .podcast-card-cover{aspect-ratio:1}.podcast-card-title{margin:0;font-size:20px;line-height:1.45}.podcast-card-title a{color:#0b3033}.podcast-card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:4px}.podcast-card-actions .btn{min-width:0;padding-inline:10px;font-size:13px}.podcast-card-play{border:0;cursor:pointer}.podcast-empty-state{display:grid;grid-column:1/-1;gap:6px;place-items:center;padding:46px 20px;border:1px dashed #b9d2d4;border-radius:20px;background:#fff;color:#496165;text-align:center}.podcast-empty-state strong{color:#073f42}.podcast-empty-state span{font-size:13px}.podcast-load-more-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px}.podcast-load-more-wrap [data-podcast-result-count]{color:#718487;font-size:12px}.podcast-load-more[hidden]{display:none!important}
.podcast-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.podcast-series-card{position:relative;display:flex;min-height:260px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:25px;border:1px solid rgba(105,213,216,.2);border-radius:24px;background:linear-gradient(145deg,#073f42,#031c1f);color:#fff;box-shadow:0 16px 36px rgba(7,63,66,.14);isolation:isolate;transition:.2s ease}.podcast-series-card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,28,31,.15),rgba(3,28,31,.9)),var(--series-image,radial-gradient(circle at 78% 20%,rgba(105,213,216,.24),transparent 30%));background-size:cover;background-position:center;opacity:.95}.podcast-series-card:after{content:"";position:absolute;inset:auto -20% -42% auto;z-index:-1;width:70%;aspect-ratio:1;border:1px solid rgba(105,213,216,.22);border-radius:50%;box-shadow:0 0 0 28px rgba(105,213,216,.05),0 0 0 56px rgba(105,213,216,.03)}.podcast-series-card:hover{transform:translateY(-3px);box-shadow:0 22px 45px rgba(7,63,66,.2)}.podcast-series-count{color:#69d5d8;font-size:12px;font-weight:800}.podcast-series-card h3{margin:7px 0;font-size:26px;line-height:1.3}.podcast-series-card p{max-width:34ch;margin:0;color:#bfd3d5;font-size:13px;line-height:1.75}.podcast-series-link{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#fff;font-size:12px;font-weight:800}.podcast-series-link b{color:#ff6a21;font-size:18px}
.podcast-mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.podcast-mood-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid #d8e4e5;border-radius:18px;background:#fff;color:#0b3033;box-shadow:0 8px 20px rgba(7,63,66,.06);transition:.2s ease}.podcast-mood-card:hover{border-color:#8bc3c6;transform:translateY(-2px);box-shadow:0 13px 28px rgba(7,63,66,.1)}.podcast-mood-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#eaf6f6;color:#127d82;font-size:23px}.podcast-mood-card>span:nth-child(2){display:grid;min-width:0;gap:3px}.podcast-mood-card b{overflow-wrap:anywhere}.podcast-mood-card small{color:#718487;font-size:11px}.podcast-mood-arrow{margin-inline-start:auto;color:#ff6a21;font-size:18px}
.podcast-follow-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:42px;border:1px solid rgba(105,213,216,.22);border-radius:30px;background:radial-gradient(circle at 10% 20%,rgba(105,213,216,.15),transparent 24%),linear-gradient(145deg,#073f42,#031c1f);color:#fff;box-shadow:0 22px 48px rgba(7,63,66,.18)}.podcast-follow-card .podcast-section-kicker{color:#69d5d8}.podcast-follow-card h2{margin:0 0 10px;color:#fff;font-size:clamp(24px,3.5vw,42px)}.podcast-follow-card p{max-width:680px;margin:0;color:#bfd3d5;line-height:1.85}.podcast-follow-card .btn{white-space:nowrap}
.podcast-global-player{position:fixed;z-index:60;right:50%;bottom:18px;display:grid;grid-template-columns:52px minmax(130px,1fr) 42px minmax(190px,1.35fr) 30px;align-items:center;gap:12px;width:min(900px,calc(100% - 28px));padding:12px 14px;border:1px solid rgba(105,213,216,.25);border-radius:22px;background:rgba(3,28,31,.95);color:#fff;box-shadow:0 20px 60px rgba(3,28,31,.3);backdrop-filter:blur(18px);transform:translateX(50%)}.podcast-global-player[hidden]{display:none}.podcast-global-player>img{width:52px;height:52px;border-radius:14px;object-fit:cover;background:linear-gradient(145deg,#127d82,#031c1f)}.podcast-global-info{display:grid;min-width:0;gap:1px}.podcast-global-info strong{overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.podcast-global-info small{color:#bfd3d5;font-size:10px}.podcast-global-info span{color:#ffb18e;font-size:10px}.podcast-global-toggle,.podcast-global-close{display:grid;place-items:center;border:0;cursor:pointer}.podcast-global-toggle{width:42px;height:42px;border-radius:50%;background:#ff6a21;color:#fff;font-size:15px}.podcast-global-close{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.08);color:#bfd3d5;font-size:20px}.podcast-global-progress{display:grid;gap:3px;min-width:0}.podcast-global-progress input{width:100%;accent-color:#69d5d8;cursor:pointer}.podcast-global-progress>div{display:flex;justify-content:space-between;color:#bfd3d5;font-size:9px}
@media(max-width:1080px){.podcast-long-hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:32px}.podcast-long-grid,.podcast-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.podcast-mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.podcast-long-hero{padding:42px 0 34px}.podcast-long-hero-grid{grid-template-columns:1fr;gap:30px}.podcast-long-hero-copy{padding:0}.podcast-long-hero h1{font-size:clamp(35px,10vw,54px)}.podcast-long-hero-copy>p{font-size:16px}.podcast-featured-cover,.podcast-featured-empty{max-width:560px;width:100%;margin:auto;border-radius:26px}.podcast-long-section{padding:54px 0}.podcast-section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:22px}.podcast-long-grid,.podcast-series-grid,.podcast-mood-grid{grid-template-columns:minmax(0,1fr)}.podcast-follow-card{grid-template-columns:1fr;padding:28px;border-radius:24px}.podcast-follow-card .btn{width:100%}.podcast-global-player{grid-template-columns:44px minmax(0,1fr) 40px 30px;gap:9px;bottom:10px;border-radius:18px}.podcast-global-player>img{width:44px;height:44px;border-radius:12px}.podcast-global-progress{grid-column:1/-1;grid-row:2}.podcast-global-close{grid-column:4;grid-row:1}.podcast-global-info{grid-column:2;grid-row:1}.podcast-global-toggle{grid-column:3;grid-row:1}.podcast-global-player{padding:10px 12px}}
@media(max-width:420px){.podcast-hero-actions{display:grid;grid-template-columns:1fr}.podcast-hero-actions .btn{width:100%}.podcast-card-actions{grid-template-columns:1fr}.podcast-follow-card{padding:24px}.podcast-global-player{width:calc(100% - 18px)}}

/* Keep the writer QR in its own bottom zone so it never crosses the profile panel. */
.writer-design-card.design-post{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto auto!important;
  gap:12px!important;
  min-height:0!important;
  padding:6%!important;
}
.writer-design-card.design-post .design-main{
  min-height:0!important;
  height:100%!important;
  align-items:center!important;
}
.writer-design-card.design-post .identity-copy{
  max-height:100%!important;
  padding:16px 18px!important;
  overflow:hidden!important;
}
.writer-design-card.design-post .identity-copy blockquote{
  -webkit-line-clamp:2!important;
  margin-top:9px!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.writer-design-card.design-post .identity-handle{margin-top:8px!important;font-size:13px!important}
.writer-design-card.design-post .identity-stats{min-height:0!important;margin:0!important;padding:7px 0!important}
.writer-design-card.design-post .identity-stats b{font-size:17px!important}
.writer-design-card.design-post .identity-stats span{font-size:9px!important}
.writer-design-card.design-post .identity-bottom{
  position:relative!important;
  z-index:4!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding-top:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.writer-design-card.design-post .identity-socials{min-width:0!important}
.writer-design-card.design-post .identity-qr{
  position:relative!important;
  z-index:5!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 7px!important;
  border:1px solid rgba(105,213,216,.32)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(18,125,130,.12))!important;
  box-shadow:0 10px 24px rgba(3,28,31,.3),inset 0 1px rgba(255,255,255,.16)!important;
}
.writer-design-card.design-post .identity-qr img{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  padding:6px!important;
  border:3px solid #fff!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(3,28,31,.24)!important;
}
.writer-design-card.design-post .identity-qr span{
  max-width:72px!important;
  color:#f4f8f8!important;
  font-size:10px!important;
  line-height:1.45!important;
  text-align:right!important;
}
.writer-design-card.design-post>footer{
  position:relative!important;
  z-index:4!important;
  min-height:0!important;
  margin:0!important;
  padding-top:8px!important;
}
@media(max-width:560px){
  .writer-design-card.design-post{grid-template-rows:auto minmax(0,1fr) auto auto!important;gap:9px!important;padding:5%!important}
  .writer-design-card.design-post .identity-stats{display:none!important}
  .writer-design-card.design-post .identity-bottom{padding-top:6px!important}
  .writer-design-card.design-post .identity-qr img{width:52px!important;height:52px!important;flex-basis:52px!important;padding:5px!important}
  .writer-design-card.design-post .identity-qr span{font-size:9px!important}
}

/* Khawatir studio: reference-led 4:5 cards and real template thumbnails. */
.kh-editor-layout{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;align-items:start!important}
.kh-preview-panel{min-width:0!important;padding:18px!important;border:1px solid #d8e4e5;border-radius:18px;background:linear-gradient(180deg,#f8fbfb,#eef5f5);box-shadow:0 16px 36px rgba(7,63,66,.09)}
.kh-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#073f42;font-weight:900}
.kh-preview-head small{color:#718487;font-size:11px;font-weight:700}
.kh-card-preview{width:min(100%,540px)!important;margin-inline:auto;border-radius:24px!important;box-shadow:0 24px 48px rgba(3,28,31,.24),inset 0 1px 0 rgba(255,255,255,.16)!important}
.kh-card-preview .kh-card-content{position:relative;z-index:2;padding:8.2%!important;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}
.kh-card-preview header{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;min-height:0!important;text-align:center}
.kh-card-preview .kh-card-brand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;text-align:center}
.kh-card-preview .kh-card-brand img{width:auto;max-width:min(210px,72%);height:auto;max-height:58px;object-position:center}
.kh-card-preview .kh-card-brand img+b{display:none}
.kh-card-preview .kh-card-brand b{font-size:clamp(13px,2.2vw,21px);letter-spacing:.02em}
.kh-card-preview header>em{order:2;padding:5px 12px;border-radius:999px;background:rgba(18,125,130,.18);color:#bfeaec;border-color:rgba(111,207,208,.44);font-size:11px}
.kh-card-preview blockquote{min-height:0!important;height:auto!important;align-self:stretch!important;display:flex;align-items:center;justify-content:center;overflow:visible!important;max-height:none!important;padding:6% 2%!important;color:#fff!important;font-size:clamp(24px,3.3vw,46px);line-height:1.62!important;text-wrap:pretty}
.kh-card-preview footer{position:relative;z-index:3;align-items:flex-end;gap:12px;padding-top:5%!important;border-top-color:rgba(197,231,232,.2)!important}
.kh-card-preview .kh-card-author{gap:8px}.kh-card-preview .kh-card-author img,.kh-card-preview .kh-card-author>span{width:42px;height:42px;flex-basis:42px}
.kh-card-preview .kh-card-author strong{color:#fff;font-size:12px}.kh-card-preview .kh-card-author small{color:#bfd3d5;font-size:10px}
.kh-card-preview .kh-card-qr{display:flex;align-items:center;gap:8px;min-width:0}.kh-card-preview .kh-card-qr img{width:56px!important;height:56px!important;flex:0 0 56px;padding:5px;border:2px solid #fff;border-radius:11px;background:#fff;box-shadow:0 5px 14px rgba(0,0,0,.2)}.kh-card-preview .kh-card-qr small{max-width:90px;color:#bfd3d5;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.kh-card:not(.kh-card-preview) header{flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center}.kh-card:not(.kh-card-preview) .kh-card-brand{flex-direction:column;align-items:center;gap:3px;text-align:center}.kh-card:not(.kh-card-preview) .kh-card-brand img{max-width:150px;height:auto;max-height:42px;object-position:center}.kh-card:not(.kh-card-preview) .kh-card-brand img+b{display:none}
.kh-card-preview .kh-card-media{filter:saturate(.86) contrast(1.05)}
.kh-card-preview .kh-card-overlay{background:linear-gradient(180deg,rgba(3,16,20,.42),rgba(3,16,20,.7) 58%,rgba(3,16,20,.93))}

/* Dark templates use generated scenes rather than a flat fill. */
.kh-card-preview .kh-card-media:before,.kh-card-preview .kh-card-media:after{content:"";position:absolute;pointer-events:none}
.kh-template-khawatira .kh-card-media{background:radial-gradient(circle at 68% 27%,rgba(177,232,234,.76) 0 7%,rgba(177,232,234,.16) 7.7%,transparent 18%),linear-gradient(145deg,#123f47 0%,#071a20 52%,#031014 100%)!important}
.kh-template-khawatira .kh-card-media:before{inset:0;background:radial-gradient(ellipse at 28% 82%,rgba(255,106,33,.72),transparent 22%),linear-gradient(115deg,transparent 0 40%,rgba(18,125,130,.25) 40.2%,transparent 40.5%);opacity:.9}
.kh-template-khawatira .kh-card-media:after{width:125%;aspect-ratio:1;border:1px solid rgba(105,213,216,.25);border-radius:50%;inset:-22% -34% auto auto;box-shadow:0 0 0 38px rgba(105,213,216,.06),0 0 0 76px rgba(105,213,216,.04)}
.kh-template-khawatira.kh-variant-night .kh-card-media{background:radial-gradient(circle at 72% 24%,rgba(117,172,193,.5) 0 5%,transparent 16%),linear-gradient(145deg,#102c3b,#071820 53%,#030b11)!important}
.kh-template-khawatira.kh-variant-reflection .kh-card-media{background:radial-gradient(ellipse at 70% 35%,rgba(18,125,130,.74),transparent 30%),linear-gradient(145deg,#073f42,#062128 60%,#051319)!important}
.kh-template-philosophy .kh-card-media{background:radial-gradient(circle at 50% 48%,rgba(105,213,216,.22),transparent 30%),linear-gradient(145deg,#06272c,#031416 70%)!important}
.kh-template-philosophy .kh-card-media:before{inset:7%;border:1px solid rgba(105,213,216,.24);border-radius:50%;box-shadow:0 0 0 34px rgba(105,213,216,.06),0 0 0 68px rgba(105,213,216,.04);transform:rotate(-20deg)}
.kh-template-philosophy .kh-card-media:after{width:150%;height:1px;background:rgba(255,106,33,.42);top:52%;left:-25%;transform:rotate(-35deg)}
.kh-template-horror .kh-card-media{background:linear-gradient(115deg,rgba(255,106,33,.35),transparent 26%),radial-gradient(ellipse at 60% 35%,rgba(74,129,140,.42),transparent 30%),linear-gradient(150deg,#182b31,#07151a 65%,#020b0f)!important}
.kh-template-horror .kh-card-media:before{inset:10% 22%;border-inline:2px solid rgba(105,213,216,.17);border-top:2px solid rgba(105,213,216,.13);transform:perspective(160px) rotateX(4deg)}
.kh-template-horror .kh-card-media:after{inset:auto 12% 15%;height:2px;background:linear-gradient(90deg,transparent,#ff6a21,transparent);box-shadow:0 -22px 0 rgba(105,213,216,.1),0 -44px 0 rgba(105,213,216,.06)}
.kh-template-history .kh-card-media{background:radial-gradient(circle at 75% 20%,rgba(255,213,145,.55),transparent 22%),linear-gradient(145deg,#7b5a38,#2c2923 58%,#111b1d)!important}
.kh-template-history .kh-card-overlay{background:linear-gradient(180deg,rgba(26,19,12,.32),rgba(13,20,21,.78) 58%,rgba(6,13,16,.94))}

/* Light variants remain legible while retaining the same card geometry. */
.kh-template-hikma .kh-card-media,.kh-template-poetry .kh-card-media,.kh-template-long .kh-card-media{background:radial-gradient(circle at 16% 18%,rgba(255,106,33,.18),transparent 20%),linear-gradient(145deg,#fffdf7,#e8eeec 65%,#cfdcda)!important}
.kh-template-hikma .kh-card-overlay,.kh-template-poetry .kh-card-overlay,.kh-template-long .kh-card-overlay{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.05) 50%,rgba(7,63,66,.14))!important}
.kh-template-hikma .kh-card-preview blockquote,.kh-template-poetry .kh-card-preview blockquote,.kh-template-long .kh-card-preview blockquote{color:#0b3033!important}
.kh-template-hikma .kh-card-preview .kh-card-brand b,.kh-template-poetry .kh-card-preview .kh-card-brand b,.kh-template-long .kh-card-preview .kh-card-brand b,.kh-template-hikma .kh-card-preview .kh-card-author strong,.kh-template-poetry .kh-card-preview .kh-card-author strong,.kh-template-long .kh-card-preview .kh-card-author strong{color:#0b3033}
.kh-template-hikma .kh-card-preview .kh-card-author small,.kh-template-poetry .kh-card-preview .kh-card-author small,.kh-template-long .kh-card-preview .kh-card-author small,.kh-template-hikma .kh-card-preview .kh-card-qr small,.kh-template-poetry .kh-card-preview .kh-card-qr small,.kh-template-long .kh-card-preview .kh-card-qr small{color:#536b6e}
.kh-template-hikma .kh-card-preview footer,.kh-template-poetry .kh-card-preview footer,.kh-template-long .kh-card-preview footer{border-top-color:rgba(7,63,66,.18)!important}
.kh-template-poetry .kh-card-preview blockquote{border-inline-start:4px solid #ff6a21;padding-inline-start:7%!important;text-align:right}
.kh-template-long .kh-card-preview .kh-card-media:after{content:"";inset:auto 9% 12%;height:4px;background:#ff6a21;border-radius:4px;box-shadow:0 -13px 0 rgba(18,125,130,.22)}

/* Real thumbnails: logo, sample text, and template geometry are visible. */
.kh-template-choice-grid{grid-template-columns:repeat(3,minmax(92px,1fr))!important}
.kh-template-thumb{gap:7px!important;padding:7px!important}
.kh-template-thumb> b{font-size:10px!important}
.kh-template-mini{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;aspect-ratio:4/5;border-radius:8px;padding:10% 8%;isolation:isolate;background:#073f42;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.kh-template-mini:before,.kh-template-mini:after{content:"";position:absolute;z-index:-1;pointer-events:none}
.kh-template-mini:before{inset:0;background:radial-gradient(circle at 70% 24%,rgba(105,213,216,.5),transparent 20%),linear-gradient(145deg,#123f47,#06171c 72%)}
.kh-template-mini:after{width:130%;aspect-ratio:1;border:1px solid rgba(105,213,216,.3);border-radius:50%;inset:-20% -35% auto auto}
.kh-template-mini b{font-size:8px;color:#fff;white-space:nowrap}.kh-template-mini i{display:block;margin:auto 0;color:#fff;font-size:clamp(10px,1.35vw,18px);font-style:normal;font-weight:800;line-height:1.45;text-align:center}.kh-template-mini small{font-size:7px;color:#bfeaec}
.kh-template-mini.kh-variant-paper,.kh-template-mini.kh-variant-manuscript,.kh-template-mini.kh-variant-classic,.kh-template-mini.kh-variant-editorial,.kh-template-mini.kh-variant-minimal{background:#f3eee1;color:#0b3033}.kh-template-mini.kh-variant-paper:before,.kh-template-mini.kh-variant-manuscript:before,.kh-template-mini.kh-variant-classic:before,.kh-template-mini.kh-variant-editorial:before,.kh-template-mini.kh-variant-minimal:before{background:radial-gradient(circle at 10% 10%,rgba(255,106,33,.24),transparent 30%),linear-gradient(145deg,#fffdf7,#d9e5e1)}.kh-template-mini.kh-variant-paper i,.kh-template-mini.kh-variant-manuscript i,.kh-template-mini.kh-variant-classic i,.kh-template-mini.kh-variant-editorial i,.kh-template-mini.kh-variant-minimal i,.kh-template-mini.kh-variant-paper b,.kh-template-mini.kh-variant-manuscript b,.kh-template-mini.kh-variant-classic b,.kh-template-mini.kh-variant-editorial b,.kh-template-mini.kh-variant-minimal b{color:#0b3033}.kh-template-mini.kh-variant-paper small,.kh-template-mini.kh-variant-manuscript small,.kh-template-mini.kh-variant-classic small,.kh-template-mini.kh-variant-editorial small,.kh-template-mini.kh-variant-minimal small{color:#0b666a}
.kh-template-mini.kh-variant-calm:before{background:radial-gradient(circle at 70% 24%,rgba(206,244,241,.8) 0 8%,transparent 20%),linear-gradient(145deg,#123f47,#06171c 72%)}.kh-template-mini.kh-variant-night:before{background:radial-gradient(circle at 70% 24%,rgba(117,172,193,.55),transparent 18%),linear-gradient(145deg,#102c3b,#030b11)}.kh-template-mini.kh-variant-reflection:before{background:radial-gradient(ellipse at 70% 35%,rgba(18,125,130,.8),transparent 35%),linear-gradient(145deg,#073f42,#051319)}.kh-template-mini.kh-variant-orbit:after{box-shadow:0 0 0 12px rgba(105,213,216,.08),0 0 0 24px rgba(105,213,216,.05)}.kh-template-mini.kh-variant-corridor:before{background:linear-gradient(115deg,rgba(255,106,33,.35),transparent 30%),linear-gradient(150deg,#182b31,#07151a 70%)}.kh-template-mini.kh-variant-mist:before{background:radial-gradient(ellipse at 60% 35%,rgba(155,203,209,.55),transparent 28%),linear-gradient(145deg,#193940,#07171c)}.kh-template-mini.kh-variant-window:before{background:linear-gradient(145deg,#142a31,#020b0f 75%)}

.kh-fit-overflow{outline:2px solid #ff6a21;outline-offset:3px}
@media(max-width:900px){.kh-editor-layout{grid-template-columns:1fr!important}.kh-preview-panel{position:relative;top:auto;order:-1}.kh-card-preview{width:min(100%,560px)!important}.kh-editor-extra-controls{grid-template-columns:1fr!important}}
@media(max-width:520px){.kh-preview-panel{padding:12px!important}.kh-preview-head{font-size:13px}.kh-card-preview{border-radius:18px!important}.kh-template-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.kh-template-thumb{padding:5px!important}.kh-template-mini{padding:9% 6%}.kh-card-preview .kh-card-content{padding:7.5%!important}.kh-card-preview .kh-card-qr small{display:none}.kh-card-preview .kh-card-qr img{width:48px!important;height:48px!important;flex-basis:48px!important}}

/* Footer Studio v2 runtime tokens. */
.site-footer-v45{border-color:var(--site-footer-border,#244348)!important}
.site-footer-v45 .footer-v45-grid{padding-top:var(--site-footer-pad-top,72px)!important;padding-bottom:var(--site-footer-pad-bottom,56px)!important;gap:var(--site-footer-gap,48px)!important}
.site-footer-v45 .footer-logo-image{max-height:var(--site-footer-logo-height,74px)!important}
.site-footer-v45 .footer-pro-column h3,.site-footer-v45 .footer-pro-brand h2{font-size:var(--site-footer-heading-size,19px)!important}
.site-footer-v45 .footer-pro-brand>p,.site-footer-v45 .footer-pro-column>p,.site-footer-v45 .footer-nav-pro a,.site-footer-v45 .footer-contact-email,.site-footer-v45 .footer-newsletter{font-size:var(--site-footer-text-size,14px)!important}
.site-footer-v45 .footer-socials a{width:var(--site-footer-social-size,38px)!important;height:var(--site-footer-social-size,38px)!important;border-radius:var(--site-footer-radius,11px)!important}
.site-footer-v45 .footer-cta-v45,.site-footer-v45 .footer-nav-pro a,.site-footer-v45 .footer-to-top,.site-footer-v45 .footer-newsletter,.site-footer-v45 .footer-newsletter-row input,.site-footer-v45 .footer-newsletter-row button{border-radius:var(--site-footer-radius,11px)!important}
.site-footer-v45 .footer-v45-bottom{border-top-color:var(--site-footer-border,#244348)!important}
.site-footer-v45.footer-layout-balanced .footer-v45-grid{grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(150px,1fr))!important}
.site-footer-v45.footer-layout-wide-brand .footer-v45-grid{grid-template-columns:minmax(320px,1.9fr) repeat(3,minmax(135px,.82fr))!important}
.site-footer-v45.footer-layout-compact .footer-v45-grid{grid-template-columns:minmax(240px,1.2fr) repeat(3,minmax(145px,1fr))!important;gap:min(var(--site-footer-gap,48px),34px)!important;padding-top:min(var(--site-footer-pad-top,72px),48px)!important;padding-bottom:min(var(--site-footer-pad-bottom,56px),38px)!important}
.site-footer-v45.footer-layout-compact .footer-v45-bottom{min-height:58px!important;padding-block:13px!important}
@media(max-width:980px){.site-footer-v45.footer-layout-balanced .footer-v45-grid,.site-footer-v45.footer-layout-wide-brand .footer-v45-grid,.site-footer-v45.footer-layout-compact .footer-v45-grid{grid-template-columns:1fr 1fr!important}.site-footer-v45 .footer-v45-brand{grid-column:1/-1}}
@media(max-width:650px){.site-footer-v45.footer-layout-balanced .footer-v45-grid,.site-footer-v45.footer-layout-wide-brand .footer-v45-grid,.site-footer-v45.footer-layout-compact .footer-v45-grid{grid-template-columns:1fr!important}.site-footer-v45 .footer-v45-brand{grid-column:auto}.site-footer-v45 .footer-v45-grid{padding-top:min(var(--site-footer-pad-top,72px),52px)!important;padding-bottom:min(var(--site-footer-pad-bottom,56px),42px)!important;gap:min(var(--site-footer-gap,48px),30px)!important}}