:root{--navy:#102d47;--navy2:#0b2338;--blue:#177be8;--blue2:#0d66ca;--ink:#132238;--muted:#657589;--line:#e4ebf2;--soft:#f5f9fd;--white:#fff;--shadow:0 8px 25px rgba(15,45,70,.08);--max:1210px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.utility{height:32px;background:var(--navy);color:#dce7f1;font-size:11px}.utility-inner{height:32px;display:flex;align-items:center;justify-content:space-between}.utility-links{display:flex;gap:15px;align-items:center}.utility a:hover{color:#fff}.theme-toggle{border:0;background:transparent;color:#fff;font-size:11px;display:flex;gap:6px;align-items:center}.theme-toggle span{width:24px;height:13px;border-radius:20px;background:#fff;display:inline-block;position:relative}.theme-toggle span:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#b7c2ce;left:2px;top:2px}.site-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.head-row{min-height:82px;display:flex;align-items:center;gap:25px}.brand-wrap{display:flex;align-items:center;gap:11px;min-width:300px}.brand-mark{width:56px;height:48px;display:grid;place-items:center;color:var(--blue);border:3px solid var(--blue);font-size:25px;position:relative}.brand-mark:before{content:"";position:absolute;left:4px;top:-6px;width:20px;height:8px;background:#fff}.brand{font-size:31px;line-height:1;font-weight:800;letter-spacing:-1px}.brand span{color:var(--blue)}.brand-wrap small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.search-form{height:42px;display:flex;flex:1;max-width:420px;margin:auto;border:1px solid #dbe4ed;border-radius:25px;overflow:hidden;background:#fff}.search{flex:1;border:0;outline:0;padding:0 16px;font-size:12px}.search-form button{width:44px;border:0;background:var(--blue);color:#fff;font-size:15px}.account{display:flex;align-items:center;gap:20px}.login-link{font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:8px;padding:11px 20px;font-weight:700}.btn.primary{background:var(--blue);color:#fff}.nav{border-top:1px solid #f0f3f7}.nav-inner{min-height:45px;display:flex;align-items:center;gap:22px;overflow:auto;white-space:nowrap}.nav a{font-size:12px;font-weight:700}.nav a:hover{color:var(--blue)}.home-link{padding:12px 16px}.home-link.active{background:var(--blue);color:#fff;border-radius:8px 8px 0 0}.trending{margin-left:auto;color:#ef222f!important}.hero{padding:12px 0 0;background:linear-gradient(#f7fbff,#fff)}.hero-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,.9fr);gap:18px}.feature{height:285px;border-radius:10px;position:relative;overflow:hidden;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;background:linear-gradient(135deg,#102f49 0%,#275b7d 48%,#e4a35b 100%);box-shadow:var(--shadow)}.feature:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,46,.78) 0%,rgba(7,28,46,.42) 48%,rgba(7,28,46,.12) 100%);z-index:1;pointer-events:none}.feature:after{display:none}.overlay{position:absolute;z-index:2;left:0;bottom:0;padding:27px 38px;max-width:650px}.eyebrow{display:inline-block;background:var(--blue);border-radius:20px;padding:6px 12px;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.feature h1{font-size:31px;line-height:1.1;margin:10px 0 8px;max-width:520px}.feature p{font-size:13px;max-width:500px;color:#eef4f9;margin:0 0 15px}.read-btn{display:inline-flex;background:#fff;color:#172535;border-radius:22px;padding:9px 16px;font-size:12px;font-weight:800}.slider-dots{position:absolute;z-index:3;bottom:15px;left:50%;display:flex;gap:7px}.slider-dots b{width:10px;height:10px;background:#d7e1eb;border-radius:50%}.slider-dots .on{background:var(--blue)}.popular{border:1px solid var(--line);border-radius:10px;padding:15px;background:#fff;box-shadow:var(--shadow)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.panel-title h2{font-size:18px;margin:0}.panel-title i{color:#ed1e2d}.popular-item{display:grid;grid-template-columns:68px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #edf1f5}.popular-item:last-child{border-bottom:0}.thumb{height:50px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:22px;background:linear-gradient(135deg,#1783e8,#113b5b)}.tone-2{background:linear-gradient(135deg,#18a876,#0e5c50)}.tone-3{background:linear-gradient(135deg,#7653cf,#334ca2)}.tone-4{background:linear-gradient(135deg,#e88c3e,#9b4032)}.popular-item strong{display:block;font-size:12px;line-height:1.25}.popular-item small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.ad{height:45px;border:1px dashed #cfd8e2;color:#9ba9b8;display:grid;place-items:center;font-size:9px;margin:10px 0}.category-strip{padding:5px 0 12px}.category-icons{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.cat-icon{text-align:center;padding:7px 2px;border-radius:9px}.cat-icon:hover{background:var(--soft)}.cat-icon span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:auto auto 4px;font-size:17px}.cat-icon strong{font-size:9px}.c1 span{background:#e5efff;color:#2364aa}.c2 span{background:#e2f5ff;color:#14779d}.c3 span{background:#eee8ff;color:#6745b8}.c4 span{background:#ffe5e9;color:#d04a59}.c5 span{background:#ffe7ea;color:#df344b}.c6 span{background:#e0f7f5;color:#188a86}.c7 span{background:#e3f7eb;color:#258b59}.c8 span{background:#eee8ff;color:#6551aa}.c9 span{background:#ffe8e6;color:#d34a45}.c10 span{background:#e2efff;color:#2371bd}.section{padding:15px 0 28px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid #172536;padding-bottom:8px;margin-bottom:13px}.section-head h2{margin:0;font-size:21px}.section-head a{font-size:11px;color:var(--blue);font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 4px 15px rgba(16,43,67,.04)}.card-visual{height:115px;display:grid;place-items:center;color:#fff;font-size:37px;background:linear-gradient(135deg,#1468a8,#65b5e7)}.cv2{background:linear-gradient(135deg,#3d7a65,#9bd4a4)}.cv3{background:linear-gradient(135deg,#694a9d,#c49be9)}.cv4{background:linear-gradient(135deg,#9a4d43,#e5a65c)}.cv5{background:linear-gradient(135deg,#286c8b,#72c8d8)}.cv6{background:linear-gradient(135deg,#3b527d,#9bb4d9)}.card-body{padding:12px}.pill{display:inline-block;background:#e9f3ff;color:#1265bd;border-radius:15px;padding:3px 7px;font-size:8px;font-weight:900;text-transform:uppercase}.card h3{font-size:15px;line-height:1.25;margin:6px 0}.card p{font-size:11px;color:var(--muted);margin:0 0 8px}.meta{font-size:9px;color:var(--muted)}.home-side>div{border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:13px}.newsletter{text-align:center;background:#eef6ff}.newsletter>i{font-size:27px;color:var(--blue)}.newsletter h2{font-size:17px;margin:8px 0 4px}.newsletter p{font-size:11px;color:var(--muted)}.newsletter input{width:100%;height:34px;border:1px solid #d8e1eb;border-radius:20px;padding:0 12px;margin:4px 0;font-size:11px}.newsletter button{width:100%;height:34px;border:0;border-radius:20px;background:var(--blue);color:#fff;font-size:11px;font-weight:800}.newsletter small{display:block;color:var(--muted);font-size:9px;margin-top:8px}.follow h2{font-size:18px;margin:0}.follow p{font-size:11px;color:var(--muted)}.socials{display:flex;gap:8px;align-items:center}.socials a{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1679e7;font-size:14px;line-height:1}.socials i{display:block;line-height:1}.footer{background:#eaf4ff;color:#173653;margin-top:20px;border-top:1px solid #d5e8fa}
.footer-grid{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr 1.25fr;gap:26px;padding:38px 0;align-items:start}
.footer .brand{color:#173653}.footer .brand span{color:#167be5}.footer .brand-wrap small{color:#58718a}
.footer p,.footer a{font-size:11px;color:#4d667d}.footer-brand-col{padding-right:20px}
.footer-socials{gap:9px;margin-top:12px}.footer-socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#177be8;color:#fff;font-size:14px;line-height:1;border:1px solid #0d66ca;box-shadow:0 3px 8px rgba(23,123,232,.14)}
.footer-socials a:hover{background:#fff;color:#177be8}.footer-socials svg{width:17px;height:17px;display:block;fill:currentColor}
.footer h3{font-size:13px;color:#173653}.footer a{display:block;margin:5px 0}.footer a:hover{color:#167be5}
.copy{border-top:1px solid #cfe1f2;padding:12px 0;color:#668096;font-size:9px;display:flex;justify-content:space-between}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;padding:28px 0}.article h1{font-size:44px;line-height:1.08;margin:8px 0}.article .lead{font-size:17px;color:var(--muted)}.author{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:18px 0}.author-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e9f2ff;color:var(--blue)}.article-visual{height:300px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#102f49,#2c6c94 55%,#e4a35b);color:#fff;margin:20px 0}.article-visual i{font-size:65px;display:block;text-align:center}.article-content{font-family:Georgia,serif;font-size:18px;line-height:1.85}.article-content h2{font-family:Arial,sans-serif}.article-content table{width:100%;border-collapse:collapse}.article-content th,.article-content td{border:1px solid #dfe5eb;padding:8px}.sidebox{background:var(--soft);border-radius:12px;padding:20px;margin-bottom:15px}.auth-wrap{padding:50px 0;display:grid;place-items:center}.auth-card{width:min(600px,100%);padding:35px;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}@media(max-width:1000px){.hero-grid,.content-layout,.layout{grid-template-columns:1fr}.category-icons{grid-template-columns:repeat(5,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.home-side{display:grid;grid-template-columns:1fr 1fr;gap:13px}.account .primary{display:none}.search-form{max-width:360px}}@media(max-width:650px){.utility-links a{display:none}.head-row{min-height:70px}.brand-wrap{min-width:0}.brand{font-size:25px}.brand-mark{width:45px;height:40px;font-size:20px}.brand-wrap small{display:none}.search-form{display:none}.nav-inner{gap:16px}.trending{margin-left:0}.feature{height:330px}.overlay{padding:22px}.feature h1{font-size:28px}.category-icons{grid-template-columns:repeat(5,1fr)}.grid,.home-side{grid-template-columns:1fr}.article h1{font-size:34px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}.copy{display:block}.copy span{display:block;margin-top:4px}}
body.dark{background:#0b1622;color:#e8eef5}body.dark .site-head,body.dark .popular,body.dark .card,body.dark .home-side>div{background:#102131;border-color:#294154}body.dark .nav,body.dark .search-form{background:#102131}body.dark .search{background:#102131;color:#fff}body.dark .section-head{border-color:#dce7f1}body.dark .card p,body.dark .popular-item small{color:#a9b8c6}body.dark .category-strip{background:#0b1622}body.dark .newsletter{background:#122c43}
.brand-image{display:block;min-width:250px}.brand-image img{display:block;width:230px;height:auto}.footer-logo{width:235px;height:auto;margin-bottom:12px;display:block}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:auto}.auth-card{width:auto}.auth-card label,.form-panel label{display:block;font-weight:700;font-size:12px;margin:13px 0 6px}.auth-card input,.form-panel input,.form-panel select,.form-panel textarea,.filter-form input,.filter-form select,.search-large input{width:100%;border:1px solid #dbe4ed;border-radius:8px;padding:11px 12px;outline:0}.auth-card input:focus,.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,123,232,.08)}.full{width:100%;justify-content:center;border:0;margin-top:14px}.secondary{background:#eef4fa;color:#173653;border:1px solid #dce6ef}.danger{background:#d9303e;color:#fff;border:0}.muted{color:var(--muted);font-size:12px}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dashboard-head h1{margin:5px 0;font-size:32px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats>div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.stats b{display:block;font-size:27px}.stats span{font-size:11px;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px;box-shadow:var(--shadow)}.table{margin-bottom:0}.status{display:inline-block;padding:4px 8px;border-radius:15px;font-size:10px;font-weight:800}.status-pending{background:#fff2cf;color:#986c00}.status-approved{background:#dcf7e8;color:#167246}.status-rejected{background:#ffe1e4;color:#a51e2b}.status-draft{background:#edf0f3;color:#66717c}.inline{display:inline}.inline button{border:0;background:none;color:var(--blue);padding:0;font:inherit}.feedback{margin-top:6px;padding:8px;border-left:3px solid #e3a400;background:#fff9e9;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-panel small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.content-editor{min-height:360px;border:1px solid #dbe4ed;border-radius:8px;padding:15px;background:#fff;font-family:Georgia,serif;font-size:16px;line-height:1.7}.editor-tools{display:flex;gap:5px;margin-bottom:6px}.editor-tools button{border:1px solid #dbe4ed;background:#fff;border-radius:5px;padding:5px 9px}.filter-form,.search-large{display:flex;gap:8px;margin-bottom:16px}.filter-form input{max-width:360px}.filter-form select{max-width:180px}.admin-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.admin-links a{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;gap:5px}.admin-links i{font-size:25px;color:var(--blue)}.admin-links span{font-size:11px;color:var(--muted)}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.review-side{height:max-content}.review-side form{margin-top:15px}.article-image{width:100%;max-height:480px;object-fit:cover;border-radius:12px;margin:20px 0}.author-card{display:flex;gap:20px;padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:25px}.author-avatar.big{width:80px;height:80px;font-size:28px}.empty{text-align:center;padding:50px}.prose{max-width:850px;margin:auto}.prose p,.prose li{font-size:16px;line-height:1.8}.search-large input{flex:1}.search-large .btn{border:0}.alert{padding:12px;border-radius:8px;margin-bottom:15px}.alert-danger{background:#ffe8ea;color:#8f1721}.alert-success{background:#e5f8ed;color:#17663d}@media(max-width:800px){.auth-grid,.stats,.admin-links,.review-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.dashboard-head{align-items:flex-start;flex-direction:column}.brand-image{min-width:0}.brand-image img{width:190px}}

/* SR Article branding + social icon refinement */
.utility{background:#eef6ff;color:#28445f;border-bottom:1px solid #d9e9f7}
.utility-links{gap:14px}.utility-links a{color:#28445f}.utility-links a:hover{color:#167be5}.theme-toggle{color:#28445f}.theme-toggle span{background:#fff;border:1px solid #cbddec}.theme-toggle span:after{background:#167be5}
.brand-image{min-width:300px}.brand-image img{width:255px;height:61px;object-fit:contain;object-position:left center}.footer-logo{width:235px;height:56px;object-fit:contain;object-position:left center}
.top-social{width:20px;height:20px;display:grid!important;place-items:center}.top-social svg{width:14px;height:14px;fill:currentColor}.top-social:nth-of-type(2) svg{fill:none}.top-social:nth-of-type(3) svg{fill:currentColor}
.footer-socials{gap:10px}.footer-socials a{width:38px;height:38px;background:#177be8;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 10px rgba(0,0,0,.12)}.footer-socials a:hover{background:#fff;color:#177be8}.footer-socials svg{width:18px;height:18px;fill:currentColor;display:block}.footer-socials a:nth-child(3) svg{fill:none}.footer-socials a:nth-child(4) svg{fill:currentColor}
.footer-grid{grid-template-columns:2.15fr 1fr 1fr 1fr 1.35fr;gap:34px}.footer-brand-col{padding-right:10px}.footer h3{margin-top:0;margin-bottom:10px}.footer p{line-height:1.65}
@media(max-width:800px){.brand-image{min-width:0}.brand-image img{width:210px;height:auto}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.top-social{display:none!important}}
@media(max-width:650px){.brand-image img{width:190px}.footer-grid{grid-template-columns:1fr 1fr}}

/* SR Article v2 visual fixes */
.utility{background:#eef6ff !important;color:#28445f !important;border-bottom:1px solid #d9e9f7 !important}
.utility-links a,.theme-toggle{color:#28445f !important}
.theme-toggle i{color:#167be5 !important}
.brand-image img{width:260px !important;height:auto !important;max-height:62px !important}
.footer-socials{display:flex !important;align-items:center !important;gap:10px !important}
.footer-socials a{width:38px !important;height:38px !important;border-radius:50% !important;display:grid !important;place-items:center !important;background:#177be8 !important;color:#fff !important;overflow:hidden !important}
.footer-socials a svg{width:18px !important;height:18px !important;display:block !important;fill:currentColor !important;stroke:currentColor !important}
.footer-socials a:nth-child(3) svg{fill:none !important}
.footer-socials a:hover{background:#fff !important;color:#177be8 !important}
@media(max-width:800px){.brand-image img{width:220px !important}}
@media(max-width:650px){.brand-image img{width:195px !important}}


/* SR Article final footer light-blue redesign */
.footer{
  background:#eef6ff !important;
  color:#173653 !important;
  border-top:1px solid #d9e9f7 !important;
}
.footer .brand{color:#173653 !important}
.footer .brand span{color:#167be5 !important}
.footer .brand-wrap small{color:#5d7287 !important}
.footer p,
.footer a{color:#4b647b !important}
.footer a:hover{color:#167be5 !important}
.footer h3{color:#173653 !important}
.footer-socials a{
  background:#177be8 !important;
  color:#fff !important;
  border:1px solid #0d66ca !important;
  box-shadow:0 3px 8px rgba(23,123,232,.16) !important;
}
.footer-socials a:hover{
  background:#fff !important;
  color:#177be8 !important;
  border-color:#177be8 !important;
}
.copy{
  border-top:1px solid #cfe1f1 !important;
  color:#6a8095 !important;
}
.footer-logo{
  width:235px !important;
  height:56px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

/* Profile and image support */
.profile-editor-head{display:flex;align-items:center;gap:18px;padding:16px;background:#f7fbff;border:1px solid #dce8f3;border-radius:12px;margin-bottom:18px}.profile-photo-preview,.author-profile-photo{width:96px;height:96px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e9f3ff;color:#177be8;font-size:34px;flex:0 0 96px}.profile-photo-preview img,.author-profile-photo img{width:100%;height:100%;object-fit:cover}.author-profile-info{flex:1}.author-profile-photo{width:110px;height:110px;flex-basis:110px}.author-profile-info h1{margin:5px 0}.author-article-image{width:100%;height:115px;object-fit:cover;display:block}.author-avatar-image{object-fit:cover}.current-image-wrap{margin:10px 0 20px}.admin-featured-preview{display:block;width:min(360px,100%);max-height:220px;object-fit:cover;border-radius:10px;border:1px solid #dce8f3}.editor-tabs{display:flex;gap:0}.editor-tab{border:1px solid #d8e4ef;background:#f4f8fc;padding:10px 16px;font-weight:700;color:#607387;cursor:pointer}.editor-tab.active{background:#1680ea;color:#fff}.editor-wrap{border:1px solid #d8e4ef;border-radius:0 0 10px 10px;overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:10px;background:#f8fbfe;border-bottom:1px solid #d8e4ef}.editor-toolbar button{border:1px solid #cbd9e5;background:#fff;color:#31475d;border-radius:6px;padding:7px 10px;cursor:pointer}.editor-toolbar button:hover{background:#eaf4ff;border-color:#1680ea}.html-source{display:none;width:100%;min-height:480px;border:0;padding:20px;font-family:Consolas,monospace;font-size:14px;line-height:1.6;resize:vertical;outline:0}.editor-status{padding:9px 12px;background:#f7fafc;border-top:1px solid #e1eaf2;font-size:12px;color:#6e8092}

/* Final image rendering fixes */
.feature{background-size:cover;background-position:center;overflow:hidden}
.feature .overlay{position:relative;z-index:2}
.card-image{display:block;width:100%;height:180px;object-fit:cover;border-radius:12px 12px 0 0}
.popular-item .thumb{overflow:hidden;display:grid;place-items:center}
.popular-item .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.article-content img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:10px}
.admin-featured-preview{display:block;max-width:420px;width:100%;height:auto;max-height:280px;object-fit:cover;border-radius:10px}
.featured-preview{display:none;max-width:420px;width:100%;max-height:240px;object-fit:cover;margin-top:10px;border-radius:10px}
.review-featured-image{margin:0 0 22px}.review-featured-image img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.image-path{font-size:11px;color:var(--muted);margin-top:6px}.admin-article-thumb,.dashboard-article-thumb{width:72px;height:48px;object-fit:cover;border-radius:7px;border:1px solid var(--line);display:block}.admin-no-thumb{display:grid;place-items:center;width:72px;height:48px;border-radius:7px;background:#eef4fa;color:#7c91a5}.admin-table td:first-child{width:88px}.table td:first-child{width:88px}.table td{vertical-align:middle}
/* Dashboard article thumbnails: intentionally compact */
.table .dashboard-article-thumb{width:72px!important;height:48px!important;max-width:72px!important;max-height:48px!important;min-width:72px;min-height:48px;object-fit:cover;display:block!important;border-radius:7px;overflow:hidden;}
.table td:first-child{width:88px!important;min-width:88px!important;max-width:88px!important;}
.dashboard-article-thumb{vertical-align:middle;}


/* Homepage / category / author image and display-option fixes */
.popular-item .thumb{width:68px!important;height:50px!important;min-width:68px!important;max-width:68px!important;overflow:hidden!important;border-radius:8px!important}
.popular-item .thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.category-article-image,.author-article-image{width:100%!important;height:190px!important;max-width:100%!important;object-fit:cover!important;display:block!important}
.author-articles-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
.author-article-card{display:block!important;min-width:0!important;visibility:visible!important;opacity:1!important}
.author-article-card .card-body{display:block!important;color:var(--ink)!important}
.author-article-card h3,.author-article-card h3 a{color:var(--ink)!important;display:block!important;visibility:visible!important}
.category-article-card{display:block!important;min-width:0!important}
.category-article-card .card-body{display:block!important}
.display-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px;padding:14px;background:#f7fbff;border:1px solid #dce8f3;border-radius:10px}
.check-option{display:block;padding:10px 12px;background:#fff;border:1px solid #dce8f3;border-radius:8px;cursor:pointer}.check-option input{margin-right:7px}.check-option strong{font-size:13px}.check-option small{display:block;color:var(--muted);font-size:10px;margin:4px 0 0 22px}
.admin-display-badge{display:inline-block;margin:4px 4px 0 0;padding:3px 7px;border-radius:12px;font-size:9px;font-weight:800}.admin-display-badge.featured{background:#e7f1ff;color:#1265bd}.admin-display-badge.popular{background:#fff1df;color:#a95b00}
@media(max-width:800px){.author-articles-grid{grid-template-columns:1fr!important}.display-options{grid-template-columns:1fr}.category-article-image,.author-article-image{height:180px!important}}

.display-summary{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}

/* Contact page + robust author article cards */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:20px;align-items:start}
.contact-form-panel h2{margin-top:0}.contact-form{display:grid;gap:14px}.contact-form label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d8e2ec;border-radius:8px;padding:11px 12px;font:inherit;font-size:13px;outline:0;background:#fff}.contact-form input:focus,.contact-form textarea:focus{border-color:#177be8;box-shadow:0 0 0 3px rgba(23,123,232,.10)}.contact-form textarea{resize:vertical}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.author-articles-grid-fixed{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;min-height:50px!important}.author-article-card-fixed{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:310px!important;border:1px solid var(--line)!important;border-radius:9px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 4px 15px rgba(16,43,67,.04)!important;visibility:visible!important;opacity:1!important}.author-article-media{display:block!important;width:100%!important;height:180px!important;min-height:180px!important;background:#eaf2f9!important;overflow:hidden!important}.author-article-media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;visibility:visible!important;opacity:1!important}.author-article-placeholder{display:grid!important;width:100%!important;height:100%!important;place-items:center!important;background:linear-gradient(135deg,#1468a8,#65b5e7)!important;color:#fff!important;font-size:38px!important}.author-article-body-fixed{display:block!important;padding:13px!important;visibility:visible!important;opacity:1!important}.author-article-body-fixed h3{display:block!important;margin:7px 0!important;font-size:15px!important;line-height:1.3!important}.author-article-body-fixed h3 a{display:block!important;color:var(--ink)!important}.author-article-body-fixed p{display:block!important;color:var(--muted)!important;font-size:11px!important;margin:0 0 8px!important}.author-article-body-fixed .meta{display:block!important}@media(max-width:800px){.contact-grid{grid-template-columns:1fr}.author-articles-grid-fixed{grid-template-columns:1fr!important}.author-article-card-fixed{min-height:0!important}}

/* Featured story uses only the article featured image; no decorative demo artwork. */
.feature{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.feature:after{display:none!important;content:none!important}

/* SR Article South Africa edition — alternate visual identity */
:root{
  --navy:#17324a;
  --navy2:#102638;
  --blue:#087f5b;
  --blue2:#066b4d;
  --ink:#17324a;
  --muted:#637789;
  --line:#dce8e4;
  --soft:#f3faf7;
  --shadow:0 8px 25px rgba(17,54,66,.08);
}
.utility{background:#17324a!important;color:#e3f0ec!important}
.site-head{border-bottom-color:#dce8e4!important}
.search-form{border-color:#d4e2dd!important}
.search-form button,.btn.primary,.home-link.active{background:#087f5b!important}
.nav a:hover,.section-head a,.footer a:hover{color:#087f5b!important}
.eyebrow{background:#087f5b!important}
.trending{color:#d08a16!important}
.feature{background-color:#17324a!important}
.slider-dots .on{background:#087f5b!important}
.popular{border-color:#dce8e4!important}
.cat-icon:hover{background:#f0faf6!important}
.pill{background:#e7f7f1!important;color:#087f5b!important}
.newsletter{background:#edf8f4!important}
.newsletter>i{color:#087f5b!important}
.newsletter button{background:#087f5b!important}
.socials a{background:#087f5b!important}
.footer{background:#edf7f4!important;color:#17324a!important;border-top:1px solid #d4e8e0!important}
.footer p,.footer a{color:#506a78!important}
.footer h3{color:#17324a!important}
.footer-socials a{background:#087f5b!important;border-color:#066b4d!important;box-shadow:0 3px 8px rgba(8,127,91,.14)!important}
.footer-socials a:hover{color:#087f5b!important}
.copy{border-top-color:#cfe2db!important;color:#718591!important}
.contact-form input:focus,.contact-form textarea:focus{border-color:#087f5b!important;box-shadow:0 0 0 3px rgba(8,127,91,.10)!important}
.editor-tab.active{background:#087f5b!important}
.editor-toolbar button:hover{background:#eaf8f3!important;border-color:#087f5b!important}
@media(max-width:800px){.head-row{gap:14px}}

/* South Africa header + branding correction */
.utility{background:#0b5f46!important;color:#e8f7f2!important}
.site-head{background:#edf8f4!important;border-bottom:1px solid #cfe5dc!important}
.head-row{background:#edf8f4!important}
.nav{background:#f7fcfa!important;border-top:1px solid #dceee7!important;border-bottom:1px solid #dceee7!important}
.brand-image{display:block!important;min-width:300px!important;line-height:0!important}
.brand-image img{display:block!important;width:255px!important;height:61px!important;max-width:255px!important;object-fit:contain!important;object-position:left center!important}
.footer-logo{display:block!important;width:235px!important;height:56px!important;object-fit:contain!important;object-position:left center!important}
.search-form button{background:#087f5b!important}
.login-link{color:#17324a!important}
@media(max-width:800px){.brand-image{min-width:0!important}.brand-image img{width:220px!important;height:auto!important;max-height:62px!important}}
@media(max-width:650px){.brand-image img{width:195px!important}}

/* South Africa final header theme */
.utility{background:#087f5b!important;color:#ffffff!important}
.utility a,.utility-links a,.top-social,.theme-toggle{color:#ffffff!important}
.utility a:hover,.utility-links a:hover,.top-social:hover,.theme-toggle:hover{color:#d9fff1!important}
.site-head{background:#e9f8f2!important;border-bottom:1px solid #bfe4d4!important}
.head-row{background:#e9f8f2!important}
.nav{background:#ffffff!important;border-top:1px solid #cfe9dd!important;border-bottom:1px solid #cfe9dd!important}
.nav a{color:#17324a!important}
.nav a:hover{color:#087f5b!important;background:#edf9f4!important}
.nav .home-link.active{background:#087f5b!important;color:#ffffff!important}
.search-form{background:#ffffff!important;border-color:#bfe0d2!important}
.login-link{color:#17324a!important}
.login-link:hover{color:#087f5b!important}
/* Keep the green theme on contributor authentication forms */
.auth-card .eyebrow{background:#087f5b!important;color:#fff!important}
.auth-card .btn.primary{background:#087f5b!important}
.auth-card .btn.primary:hover{background:#066b4d!important}

/* SA Top Shops theme */
:root{
  --navy:#123b32;
  --navy2:#0b2b24;
  --blue:#0b6b4f;
  --blue2:#07553f;
  --ink:#1b2e28;
  --muted:#687a74;
  --line:#dfeae5;
  --soft:#f2f8f5;
  --shadow:0 8px 25px rgba(11,107,79,.10);
}
.utility{background:#0b2b24;color:#e8f4ef}
.site-head{background:#fff;border-bottom-color:#d9e7e1}
.search-form{border-color:#d5e4de}
.search-form button,.btn.primary,.home-link.active{background:#0b6b4f}
.search-form button:hover,.btn.primary:hover{background:#07553f}
.nav a:hover,.section-head a,.footer a:hover{color:#0b6b4f}
.eyebrow{background:#0b6b4f}
.feature{background:linear-gradient(135deg,#0b2b24 0%,#0b6b4f 52%,#d6a84f 100%)}
.slider-dots .on{background:#d6a84f}
.popular{border-color:#dfeae5}
.panel-title i{color:#d09b31}
.thumb{background:linear-gradient(135deg,#0b6b4f,#123b32)}
.tone-2{background:linear-gradient(135deg,#15956b,#0b6b4f)}
.tone-3{background:linear-gradient(135deg,#d6a84f,#9c6d1f)}
.tone-4{background:linear-gradient(135deg,#6b7c48,#315c45)}
.pill{background:#e4f4ed;color:#07553f}
.newsletter{background:#eef8f3}
.newsletter>i{color:#0b6b4f}
.newsletter button{background:#0b6b4f}
.socials a{background:#0b6b4f}
.footer{background:#edf7f2;color:#173a32;border-top-color:#d2e7dd}
.footer .brand{color:#173a32}
.footer .brand span{color:#0b6b4f}
.footer-socials a{background:#0b6b4f;border-color:#07553f;box-shadow:0 3px 8px rgba(11,107,79,.16)}
.footer-socials a:hover{color:#0b6b4f}
.copy{border-top-color:#d0e2da;color:#6c8179}
.admin-btn.primary{background:#0b6b4f;border-color:#0b6b4f}
.admin-eyebrow,.admin-nav a:hover,.admin-nav a.active,.admin-stat a{color:#0b6b4f}
.admin-nav a.active i{color:#0b6b4f}
.admin-nav a:hover,.admin-nav a.active{background:#e6f4ee}
.admin-stat:before{background:#0b6b4f}
.admin-stat .icon,.quick-actions a i{background:#e6f4ee;color:#0b6b4f}
@media(max-width:800px){.container{width:min(var(--max),calc(100% - 24px))}}