/* MSEO unified design system — shared by the public website only */
/* Use the system font stack to avoid a render-blocking third-party font request. */
:root{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-2:#eef2f8;--text:#172033;--muted:#64748b;--line:#dfe6f0;--brand:#3156d9;--brand-2:#203da7;--accent:#17a6a1;--header:rgba(255,255,255,.92);--shadow:0 16px 45px rgba(26,42,75,.09);--radius:22px;font-family:'Cairo',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:100px}html.dark{color-scheme:dark;--bg:#0b1220;--surface:#111c2e;--surface-2:#17243a;--text:#edf3ff;--muted:#a4b1c7;--line:#283750;--brand:#8aa2ff;--brand-2:#a9b9ff;--accent:#48d4c8;--header:rgba(11,18,32,.92);--shadow:0 18px 50px rgba(0,0,0,.25)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',sans-serif;line-height:1.8;transition:background .2s,color .2s}img{max-width:100%;height:auto}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-2)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mseo-header{position:sticky;top:0;z-index:1000;background:var(--header);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.mseo-header-inner{width:min(1180px,calc(100% - 32px));min-height:76px;margin:auto;display:flex;align-items:center;gap:22px}.mseo-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:900;font-size:1.35rem;white-space:nowrap}.mseo-brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--brand),var(--accent));color:white;font-size:1.05rem;box-shadow:0 7px 18px #3156d933}.mseo-nav{display:flex;align-items:center;justify-content:center;gap:5px;margin-inline-start:auto}.mseo-nav a{padding:9px 12px;border-radius:12px;color:var(--muted);font-weight:700;font-size:.9rem}.mseo-nav a:hover,.mseo-nav a[aria-current=page]{background:var(--surface-2);color:var(--brand)}.mseo-actions{display:flex;align-items:center;gap:7px}.mseo-icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);font-weight:800}.mseo-icon-button:hover{border-color:var(--brand);color:var(--brand)}.mseo-menu-toggle{display:none}.mseo-search-panel{display:none;border-top:1px solid var(--line);padding:12px 16px}.mseo-search-panel.is-open{display:block}.mseo-search-panel form{max-width:780px;margin:auto;display:flex;gap:8px}.mseo-search-panel input{flex:1;min-width:0;padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text)}.mseo-search-panel button{border:0;border-radius:13px;padding:10px 18px;background:var(--brand);color:white;font-weight:800}
main{min-height:60vh}.site-container{width:min(1100px,calc(100% - 36px));margin-inline:auto}.site-hero{padding:64px 0 54px;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--brand) 13%,transparent),transparent 52%)}.site-hero h1,.hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.25;letter-spacing:-.035em;margin:10px 0 18px;font-weight:900}.site-hero h1 strong,.hero h1 em{color:var(--brand);font-style:normal}.site-hero p,.hero-copy>p{max-width:760px;color:var(--muted);font-size:1.08rem;line-height:2}.site-kicker,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:.78rem;letter-spacing:.06em;font-weight:900}.site-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-bottom:22px}.site-hero-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.site-primary,.site-secondary,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:13px;font-weight:800;border:1px solid var(--line);transition:transform .18s,background .18s}.site-primary,.button-primary{background:var(--brand);border-color:var(--brand);color:#fff}.site-primary:hover,.button-primary:hover{color:#fff;transform:translateY(-2px)}.site-secondary,.button-secondary{background:var(--surface);color:var(--text)}.site-section,.section{padding:44px 0}.site-section-head,.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.site-section-head h2,.section-heading h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.35;margin:5px 0;font-weight:900}.site-section-head p,.section-heading p{color:var(--muted);margin:4px 0}.site-tag,.heading-count{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap}.site-card-grid,.category-grid,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-card,.article-card,.category-card,.loading-card{display:block;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);min-width:0}.site-card{transition:transform .2s,border-color .2s}.site-card:hover,.article-card:hover{transform:translateY(-4px);border-color:var(--brand);color:var(--text)}.site-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--surface-2);color:var(--brand);font-size:1.2rem;margin-bottom:16px}.site-card h3,.article-card h3{font-size:1.1rem;line-height:1.6;margin:8px 0;font-weight:900}.site-card p,.article-card p{color:var(--muted);font-size:.92rem;margin:7px 0 16px}.site-card>span:first-of-type,.article-category{color:var(--brand);font-size:.8rem;font-weight:800}.site-read{display:inline-flex;gap:8px;align-items:center;font-weight:900;font-size:.88rem}.site-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.site-feature-grid>div{display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.site-feature-grid i{color:var(--brand);font-size:1.3rem}.site-feature-grid span{color:var(--muted);font-size:.9rem}
.hero{position:relative;overflow:hidden;padding:68px max(18px,calc((100% - 1180px)/2)) 28px;background:radial-gradient(ellipse at 10% 15%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 40%),radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--brand) 15%,transparent),transparent 45%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;max-width:1180px;margin:auto}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:.82rem;font-weight:900}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent)}.hero-points{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;color:var(--muted);font-size:.86rem}.hero-visual{position:relative;min-height:350px;display:grid;place-items:center}.visual-window{width:min(100%,460px);border:1px solid var(--line);border-radius:23px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);transform:rotate(-2deg)}.window-bar{display:flex;align-items:center;gap:7px;padding:14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.65rem;letter-spacing:.12em}.window-bar i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.window-bar i:first-child{background:#f87171}.window-bar i:nth-child(2){background:#fbbf24}.window-bar span{margin-inline-start:auto}.visual-content{padding:28px}.visual-tag{font-size:.7rem;color:var(--accent);letter-spacing:.12em;font-weight:900}.visual-title{font-size:2.3rem;line-height:1.25;margin:20px 0}.visual-title strong{color:var(--brand)}.visual-lines{display:grid;gap:8px}.visual-lines i{height:7px;border-radius:8px;background:var(--surface-2)}.visual-lines i:nth-child(2){width:80%}.visual-lines i:nth-child(3){width:55%}.visual-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:var(--muted);font-size:.65rem}.float-chip{position:absolute;padding:9px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow);font-size:.8rem;font-weight:800}.chip-ai{top:10%;right:-3%}.chip-code{bottom:18%;left:-2%}.chip-seo{bottom:2%;right:16%}.hero-bottom{display:flex;justify-content:space-between;max-width:1180px;margin:45px auto 0;border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:.78rem}.categories-section,.articles-section{max-width:1180px;width:calc(100% - 36px);margin-inline:auto}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.search-box,.filter-box{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--muted)}.search-box{flex:1;min-width:min(100%,240px)}.search-box input,.filter-box select{width:100%;min-width:0;padding:12px 0;border:0;outline:0;background:transparent;color:var(--text)}.filter-box select{min-width:150px}.results-count{color:var(--muted);font-size:.82rem}.article-card{padding:0;overflow:hidden}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface-2)}.article-card-body{padding:18px}.article-card h3 a{color:var(--text)}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:28px 0}.pagination button{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:8px 13px}.pagination button[aria-current=page]{background:var(--brand);color:white}.closing{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px max(18px,calc((100% - 1180px)/2));margin-top:20px;background:var(--surface-2)}.closing h2{margin:6px 0;font-size:clamp(1.3rem,3vw,2rem)}.closing p{color:var(--muted);margin:0}
.mseo-footer{background:var(--surface);border-top:1px solid var(--line);margin-top:40px}.mseo-footer-inner{width:min(1180px,calc(100% - 36px));margin:auto;padding:42px 0 22px}.mseo-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.mseo-footer h2,.mseo-footer h3{margin:0 0 12px;font-size:1rem}.mseo-footer p{max-width:440px;color:var(--muted);font-size:.9rem}.mseo-footer-links{display:grid;gap:7px}.mseo-footer-links a{color:var(--muted);font-size:.88rem}.mseo-footer-links a:hover{color:var(--brand)}.mseo-socials{display:flex;gap:9px;margin-top:16px}.mseo-socials a{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:12px;color:var(--text)}.mseo-socials a:hover{background:var(--brand);border-color:var(--brand);color:white}.mseo-copyright{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:var(--muted);font-size:.8rem}.mseo-copyright strong{color:var(--text)}
.mseo-scroll-controls{position:fixed;z-index:900;inset-inline-end:18px;bottom:22px;display:grid;gap:8px}.mseo-scroll-controls button{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-size:1.1rem}.mseo-scroll-controls button:hover{background:var(--brand);color:white;border-color:var(--brand)}.mseo-scroll-controls [data-scroll-top]{opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.mseo-scroll-controls [data-scroll-top].is-visible{opacity:1;pointer-events:auto;transform:none}
.prose{font-size:1rem;line-height:2}.prose h2,.prose h3{line-height:1.5;margin-top:2.2em;color:var(--text)}.prose p{margin:1em 0}.prose a{text-decoration:underline;text-underline-offset:3px}.prose img{border-radius:16px}.prose pre,.prose code{direction:ltr;text-align:left}.prose pre{overflow:auto;background:#0b1220;color:#e6edf7;padding:18px;border-radius:14px}.bg-slate-50,.bg-white{background:var(--surface)!important}.text-slate-950,.text-slate-800{color:var(--text)!important}.text-slate-600,.text-slate-500{color:var(--muted)!important}.border-slate-200,.border-slate-700{border-color:var(--line)!important}.dark\:bg-slate-800{background:var(--surface)!important}.dark\:bg-slate-900{background:var(--bg)!important}.dark\:text-white{color:var(--text)!important}.max-w-4xl{max-width:56rem}.mx-auto{margin-inline:auto}.px-4{padding-inline:1rem}.py-8{padding-block:2rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.sm\:p-10{padding:clamp(1.5rem,4vw,2.5rem)}.rounded-3xl{border-radius:var(--radius)}.shadow-sm{box-shadow:var(--shadow)}.w-full{width:100%}.aspect-video{aspect-ratio:16/9}.object-cover{object-fit:cover}.grid{display:grid}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.text-xs{font-size:.75rem}.text-2xl{font-size:1.5rem}.font-black{font-weight:900}.leading-tight{line-height:1.3}.list-disc{list-style:disc}.pr-6{padding-right:1.5rem}.space-y-2>*+*{margin-top:.5rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.block{display:block}.max-w-none{max-width:none}.overflow-hidden{overflow:hidden}
@media(max-width:900px){.mseo-header-inner{gap:12px}.mseo-menu-toggle{display:inline-grid}.mseo-nav{display:none;position:absolute;top:100%;inset-inline:12px;flex-direction:column;align-items:stretch;gap:4px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.mseo-nav.is-open{display:flex}.mseo-nav a{padding:12px}.mseo-actions{margin-inline-start:auto}.hero-inner{grid-template-columns:1fr;gap:20px}.hero-visual{min-height:300px}.site-card-grid,.category-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mseo-footer-grid{grid-template-columns:1fr 1fr}.mseo-footer-grid>section:first-child{grid-column:1/-1}}
@media(max-width:600px){.mseo-header-inner{width:calc(100% - 20px);min-height:66px}.mseo-brand{font-size:1.15rem}.mseo-brand-mark{width:35px;height:35px}.mseo-actions{gap:5px}.mseo-icon-button{width:38px;height:38px;border-radius:11px}.hero{padding-top:42px}.hero-inner{gap:5px}.hero-visual{min-height:255px}.visual-window{width:90%}.visual-content{padding:20px}.visual-title{font-size:1.8rem}.float-chip{font-size:.68rem;padding:7px 9px}.hero-bottom{margin-top:28px;font-size:.68rem}.site-hero{padding:38px 0 30px}.site-container,.categories-section,.articles-section{width:calc(100% - 24px)}.site-card-grid,.category-grid,.article-grid,.site-feature-grid{grid-template-columns:1fr}.site-section{padding:30px 0}.site-section-head,.section-heading{align-items:flex-start;flex-direction:column}.heading-count{display:none}.toolbar{align-items:stretch}.filter-box{width:100%}.results-count{padding-inline:4px}.closing{align-items:flex-start;flex-direction:column;padding-top:28px;padding-bottom:28px}.mseo-footer-inner{width:calc(100% - 28px);padding-top:30px}.mseo-footer-grid{grid-template-columns:1fr;gap:22px}.mseo-footer-grid>section:first-child{grid-column:auto}.mseo-copyright{flex-direction:column;gap:4px}.mseo-scroll-controls{inset-inline-end:10px;bottom:12px}.mseo-scroll-controls button{width:39px;height:39px}.sm\\:grid-cols-2{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Editorial article theme — shared across every article and topic page.
   Uses the same MSEO design tokens as the homepage, archive and category pages. */
body:has(> main > article){
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: 'Cairo', system-ui, sans-serif !important;
}
body:has(> main > article) > main{
  width: min(1000px, calc(100% - 32px)) !important;
  max-width: 1000px !important;
  margin: 34px auto 72px !important;
  padding: 0 !important;
}
body:has(> main > article) > main > nav:first-child{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px !important;
  color: var(--muted) !important;
  font-size: .86rem !important;
}
body:has(> main > article) > main > nav:first-child a{
  color: var(--brand) !important;
  font-weight: 800;
}
body:has(> main > article) > main > article{
  overflow: hidden;
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
  border-radius: 26px !important;
  box-shadow: var(--shadow) !important;
}
body:has(> main > article) > main > article > img{
  display: block;
  width: 100% !important;
  max-height: 470px;
  aspect-ratio: 16 / 8;
  object-fit: cover;
  background: var(--surface-2);
}
body:has(> main > article) > main > article > div{
  padding: clamp(22px, 5vw, 52px) !important;
}
body:has(> main > article) > main > article h1{
  margin: 8px 0 18px !important;
  color: var(--text) !important;
  font-size: clamp(1.8rem, 4vw, 3.05rem) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: -.025em;
}
body:has(> main > article) > main > article > div > p{
  color: var(--muted) !important;
  font-size: 1.08rem !important;
  line-height: 2 !important;
}
body:has(> main > article) .prose{
  max-width: none !important;
  color: var(--text) !important;
  font-size: 1.02rem;
  line-height: 2.05;
}
body:has(> main > article) .prose section{
  margin: 30px 0;
}
body:has(> main > article) .prose h2,body:has(> main > article) .prose h3,body:has(> main > article) > main > article h2{
  color: var(--text) !important;
  font-weight: 900 !important;
  line-height: 1.55;
}
body:has(> main > article) .prose h2,body:has(> main > article) > main > article .prose h2{
  margin: 34px 0 12px;
  padding-inline-start: 14px;
  border-inline-start: 4px solid var(--accent);
  font-size: clamp(1.25rem, 2.5vw, 1.7rem);
}
body:has(> main > article) .prose p,body:has(> main > article) .prose li{
  color: var(--muted) !important;
  line-height: 2.05;
}
body:has(> main > article) .prose a,body:has(> main > article) > main > article a{
  color: var(--brand) !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
body:has(> main > article) .prose a:hover,body:has(> main > article) > main > article a:hover{
  color: var(--accent) !important;
}
body:has(> main > article) .prose pre,body:has(> main > article) .prose code{
  direction: ltr;
  text-align: left;
  border-radius: 10px;
}
body:has(> main > article) .prose pre{
  overflow-x: auto;
  padding: 18px;
  border: 1px solid var(--line);
  background: var(--surface-2);
}
body:has(> main > article) > main > article section[class*="mt-10"]{
  margin-top: 36px !important;
  padding: 22px !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  background: var(--surface-2) !important;
}
body:has(> main > article) > main > article > div > div[class*="border-t"]{
  border-color: var(--line) !important;
}
body:has(> main > article) > main > section{
  margin-top: 26px !important;
}
body:has(> main > article) > main > section > h2{
  margin: 0 0 16px;
  color: var(--text) !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
}
body:has(> main > article) > main > section .grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px !important;
}
body:has(> main > article) > main > section .grid > a{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 130px;
  padding: 20px !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  box-shadow: var(--shadow);
  transition: transform .18s ease, border-color .18s ease;
}
body:has(> main > article) > main > section .grid > a:hover{
  transform: translateY(-3px);
  border-color: var(--brand) !important;
}
html.dark body:has(> main > article),html.dark body:has(> main > article) > main > article{
  color: var(--text) !important;
}
@media (max-width: 640px){
  body:has(> main > article) > main{
    width: min(100% - 22px, 1000px) !important;
    margin: 22px auto 48px !important;
  }
  body:has(> main > article) > main > article{
    border-radius: 18px !important;
  }
  body:has(> main > article) > main > article > img{
    aspect-ratio: 4 / 3;
    max-height: 320px;
  }
  body:has(> main > article) > main > article > div{
    padding: 20px !important;
  }
  body:has(> main > article) > main > section .grid{
    grid-template-columns: minmax(0, 1fr);
  }
}


/* Accessible cookie notice shared by all public pages. */
.mseo-cookie-banner{position:fixed;z-index:1200;inset-inline:18px;bottom:18px;width:min(760px,calc(100% - 36px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 70px rgba(0,0,0,.22);direction:rtl}
.mseo-cookie-copy{min-width:0}.mseo-cookie-copy strong{display:block;font-weight:900;font-size:1rem}.mseo-cookie-copy p{margin:5px 0;color:var(--muted);font-size:.86rem;line-height:1.8}.mseo-cookie-copy>a{font-size:.84rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.mseo-cookie-actions{display:flex;flex-shrink:0;gap:8px}.mseo-cookie-actions button{padding:9px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);font-weight:800}.mseo-cookie-actions [data-cookie-accept]{background:var(--brand);border-color:var(--brand);color:#fff}
@media(max-width:600px){.mseo-cookie-banner{inset-inline:10px;bottom:10px;width:calc(100% - 20px);align-items:stretch;flex-direction:column;gap:12px;padding:16px;border-radius:16px}.mseo-cookie-actions{display:grid;grid-template-columns:1fr 1fr}.mseo-cookie-actions button{min-height:42px}}


/* Unified Arabic typography — site-wide */
:root{font-family:"Cairo",Tahoma,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}
body{font-family:"Cairo",Tahoma,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.8;letter-spacing:0}
h1,h2,h3,h4,h5,h6{font-family:"Cairo",Tahoma,system-ui,sans-serif;font-weight:800;line-height:1.3;letter-spacing:0;text-wrap:pretty}
h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.25}
h2{font-size:clamp(1.55rem,3vw,2.15rem)}
h3{font-size:clamp(1.25rem,2.3vw,1.65rem)}
h4{font-size:1.125rem}
p{line-height:1.8}
a{transition:color .18s ease,background-color .18s ease}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
article p,.post-body p,.article-body p,.prose p{font-size:1.1rem;line-height:1.85;margin-block:0 1.2rem}
article h1,.post-body h1,.article-body h1,.prose h1{font-size:clamp(2rem,4.6vw,3.15rem);line-height:1.28;margin-block:0 1.4rem;font-weight:900}
article h2,.post-body h2,.article-body h2,.prose h2{font-size:clamp(1.55rem,3.2vw,2.15rem);line-height:1.35;margin-block:2.3rem .9rem}
article h3,.post-body h3,.article-body h3,.prose h3{font-size:clamp(1.25rem,2.4vw,1.65rem);line-height:1.4;margin-block:1.8rem .7rem}
article h4,.post-body h4,.article-body h4,.prose h4{font-size:1.125rem;line-height:1.45;margin-block:1.5rem .6rem}
article p a,.post-body p a,.article-body p a,.prose p a{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:700}
article img,.post-body img,.article-body img,.prose img{display:block;max-width:100%;height:auto;margin:1.5rem auto;border-radius:16px;box-shadow:0 8px 26px rgba(20,35,60,.1)}
article blockquote,.post-body blockquote,.article-body blockquote,.prose blockquote{margin:1.6rem 0;padding:1rem 1.25rem;border-inline-start:4px solid var(--brand);border-radius:12px;background:var(--surface-2);line-height:1.85}
article ul,article ol,.post-body ul,.post-body ol,.article-body ul,.article-body ol,.prose ul,.prose ol{padding-inline-start:1.5rem;margin-block:0 1.3rem;line-height:1.85}
.mseo-footer,.site-footer,footer{font-size:.875rem;line-height:1.75}
.mseo-footer p,.site-footer p,footer p{font-size:.875rem;line-height:1.75}
.mseo-footer a,.site-footer a,footer a{display:inline-block;padding-block:3px}
@media(max-width:640px){body{line-height:1.8}article p,.post-body p,.article-body p,.prose p{font-size:1.05rem;line-height:1.85}article img,.post-body img,.article-body img,.prose img{border-radius:12px;margin-block:1.2rem}}

/* Final editorial typography layer — Arabic-first, responsive, and accessible.
   Keep this layer in the single public stylesheet: assets/css/style.css. */
:root{
  --font-arabic: "Cairo", "Tajawal", "Readex Pro", Tahoma, system-ui, sans-serif;
  --reading-size: 1.125rem;
  --reading-leading: 1.9;
  --heading-leading: 1.3;
  --reading-measure: 72ch;
}
html{
  font-size: 16px;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body,button,input,select,textarea{
  font-family: var(--font-arabic);
}
body{
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0;
  overflow-wrap: break-word;
}
h1,h2,h3,h4,h5,h6{
  font-family: var(--font-arabic);
  color: var(--text);
  font-weight: 800;
  line-height: var(--heading-leading);
  letter-spacing: 0;
  text-wrap: pretty;
  overflow-wrap: anywhere;
}
h1{ font-size: clamp(2rem, 4.5vw, 3.25rem); line-height: 1.25; font-weight: 900; }
h2{ font-size: clamp(1.55rem, 3.1vw, 2.2rem); }
h3{ font-size: clamp(1.25rem, 2.4vw, 1.65rem); }
h4{ font-size: 1.125rem; }
p{ line-height: 1.8; }
a{
  text-underline-offset: .2em;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}
a:hover{ text-decoration-thickness: 2px; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}

/* Article content: cover semantic article markup and common CMS/blog classes. */
article .prose,article .post-body,article .article-body,.post-body,.post-body .post-body,.article-body,.article-content,.entry-content,.post-content,.prose{
  font-family: var(--font-arabic);
  font-size: var(--reading-size);
  line-height: var(--reading-leading);
  overflow-wrap: break-word;
}
article .prose p,article .post-body p,article .article-body p,.post-body p,.article-body p,.article-content p,.entry-content p,.post-content p,.prose p{
  margin-block: 0 1.25em;
  font-size: 1em;
  line-height: var(--reading-leading);
  letter-spacing: 0;
}
article .prose h1,article .post-body h1,article .article-body h1,.post-body h1,.article-body h1,.article-content h1,.entry-content h1,.post-content h1,.prose h1{
  margin-block: 0 1rem;
  font-size: clamp(2rem, 4.5vw, 3.1rem);
  line-height: 1.35;
  font-weight: 900;
}
article .prose h2,article .post-body h2,article .article-body h2,.post-body h2,.article-body h2,.article-content h2,.entry-content h2,.post-content h2,.prose h2{
  margin-block: 2em .65em;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.4;
  font-weight: 800;
}
article .prose h3,article .post-body h3,article .article-body h3,.post-body h3,.article-body h3,.article-content h3,.entry-content h3,.post-content h3,.prose h3{
  margin-block: 1.6em .55em;
  font-size: clamp(1.25rem, 2.3vw, 1.55rem);
  line-height: 1.45;
}
article .prose h4,article .post-body h4,article .article-body h4,.post-body h4,.article-body h4,.article-content h4,.entry-content h4,.post-content h4,.prose h4{
  margin-block: 1.4em .5em;
  font-size: 1.125rem;
  line-height: 1.5;
}
article .prose p a,article .post-body p a,article .article-body p a,.post-body p a,.article-body p a,.article-content p a,.entry-content p a,.post-content p a,.prose p a{
  color: var(--brand);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}
article .prose img,article .post-body img,article .article-body img,.post-body img,.article-body img,.article-content img,.entry-content img,.post-content img,.prose img{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 1.5rem auto;
  border-radius: 16px;
  box-shadow: 0 8px 26px rgba(20, 35, 60, .10);
}
article .prose blockquote,article .post-body blockquote,article .article-body blockquote,.post-body blockquote,.article-body blockquote,.article-content blockquote,.entry-content blockquote,.post-content blockquote,.prose blockquote{
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-inline-start: 4px solid var(--brand);
  border-radius: 12px;
  background: var(--surface-2);
  line-height: 1.9;
}
article .prose ul,article .prose ol,article .post-body ul,article .post-body ol,article .article-body ul,article .article-body ol,.post-body ul,.post-body ol,.article-body ul,.article-body ol,.article-content ul,.article-content ol,.entry-content ul,.entry-content ol,.post-content ul,.post-content ol,.prose ul,.prose ol{
  margin-block: 0 1.25em;
  padding-inline-start: 1.5em;
  line-height: var(--reading-leading);
}
article .prose li + li,.post-body li + li,.article-body li + li,.article-content li + li,.entry-content li + li,.post-content li + li,.prose li + li{ margin-block-start: .35em; }
article .prose pre,.post-body pre,.article-body pre,.article-content pre,.entry-content pre,.post-content pre,.prose pre{
  max-width: 100%;
  overflow-x: auto;
  direction: ltr;
  text-align: left;
  padding: 1rem;
  border-radius: 12px;
  line-height: 1.65;
}
article .prose code,.post-body code,.article-body code,.article-content code,.entry-content code,.post-content code,.prose code{
  overflow-wrap: anywhere;
}
article .prose table,.post-body table,.article-body table,.article-content table,.entry-content table,.post-content table,.prose table{
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}
article .prose hr,.post-body hr,.article-body hr,.article-content hr,.entry-content hr,.post-content hr,.prose hr{
  margin-block: 2rem;
  border: 0;
  border-top: 1px solid var(--line);
}

/* Footer stays deliberately quieter than the reading area. */
.mseo-footer,.site-footer,footer{
  font-size: .875rem;
  line-height: 1.75;
}
.mseo-footer p,.site-footer p,footer p{
  font-size: .875rem;
  line-height: 1.75;
}
.mseo-footer h2,.mseo-footer h3,.site-footer h2,.site-footer h3,footer h2,footer h3{
  font-size: 1rem;
  line-height: 1.5;
}
.mseo-footer a,.site-footer a,footer a{
  display: inline-block;
  padding-block: .2rem;
}
.mseo-nav a{ min-height: 42px; display: inline-flex; align-items: center; }
.mseo-footer-links a{ min-height: 30px; align-items: center; }

@media (max-width: 640px){
  article .prose,article .post-body,article .article-body,.post-body,.article-body,.article-content,.entry-content,.post-content,.prose{
    font-size: 1.0625rem;
    line-height: 1.9;
  }
  article .prose img,article .post-body img,article .article-body img,.post-body img,.article-body img,.article-content img,.entry-content img,.post-content img,.prose img{
    margin-block: 1.2rem;
    border-radius: 12px;
  }
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* Homepage editorial polish — keeps the landing page consistent with article typography. */
.hero .hero-copy h1{
  max-width: 13ch;
  margin: .55rem 0 1rem;
  font-size: clamp(2.25rem, 5vw, 3.8rem);
  line-height: 1.35;
  letter-spacing: 0;
  text-wrap: balance;
}
.hero .hero-copy h1 em{
  display: inline-block;
  color: var(--brand);
  font-style: normal;
}
.hero .hero-copy > p{
  max-width: 62ch;
  margin-block: 0 1.25rem;
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: 1.95;
}
.hero .eyebrow,.section-kicker{
  font-family: var(--font-arabic);
  letter-spacing: 0;
  line-height: 1.7;
}
.section-heading h2,.closing h2{
  text-wrap: balance;
  letter-spacing: 0;
}
.section-heading p,.closing p{
  max-width: 66ch;
  font-size: 1rem;
  line-height: 1.9;
}
.article-card h3,.category-card h3{
  font-family: var(--font-arabic);
  font-size: 1.125rem;
  line-height: 1.65;
  text-wrap: pretty;
}
.article-card p,.category-card p{
  font-size: .9375rem;
  line-height: 1.85;
}
.article-card-body{
  padding: clamp(16px, 2vw, 22px);
}
.article-card img,.category-card img{
  display: block;
  max-width: 100%;
  height: auto;
}
.search-box input,.filter-box select{
  font-family: var(--font-arabic);
  font-size: 1rem;
  line-height: 1.6;
}
.button{
  font-family: var(--font-arabic);
  line-height: 1.6;
  min-height: 44px;
}
.loading-card,.load-error{
  font-size: .95rem;
  line-height: 1.9;
}
@media (max-width: 640px){
  .hero .hero-copy h1{
    max-width: 100%;
    font-size: clamp(2rem, 8vw, 2.7rem);
    line-height: 1.4;
  }
  .hero .hero-copy > p{
    font-size: 1rem;
    line-height: 1.95;
  }
  .section-heading p,.closing p{
    font-size: .96rem;
  }
  .article-card h3,.category-card h3{
    font-size: 1.1rem;
  }
}


/* MSEO structural theme system — persisted by assets/js/site.js */
html[data-theme="editorial"]{color-scheme:light}
html[data-theme="tech"]{color-scheme:dark;--bg:#0a1020;--surface:#111a2d;--surface-2:#17243b;--text:#eaf0ff;--muted:#a1b1ce;--line:#293956;--brand:#78a7ff;--brand-2:#a6c3ff;--accent:#45e0ce;--header:rgba(10,16,32,.94);--shadow:0 18px 52px rgba(0,0,0,.32);--radius:14px}
html[data-theme="compact"]{--radius:13px;--shadow:0 5px 18px rgba(26,42,75,.06)}
html[data-theme="reading"]{--bg:#f7f2e8;--surface:#fffdf8;--surface-2:#eee7da;--text:#292b30;--muted:#6d6a63;--line:#e2d9c9;--brand:#765438;--brand-2:#563a25;--accent:#a76b42;--header:rgba(255,253,248,.94);--shadow:0 8px 26px rgba(67,48,27,.06);--radius:10px}
html[data-theme="tech"] .hero{background:radial-gradient(ellipse at 10% 15%,rgba(69,224,206,.10),transparent 40%),radial-gradient(ellipse at 85% 0%,rgba(120,167,255,.15),transparent 45%)}
html[data-theme="tech"] .visual-window{border-color:#344765;box-shadow:0 24px 70px rgba(0,0,0,.4)}
html[data-theme="tech"] .mseo-brand-mark{box-shadow:0 0 24px rgba(69,224,206,.2)}
html[data-theme="compact"] .mseo-header-inner{min-height:62px}
html[data-theme="compact"] .site-hero{padding-block:34px 26px}
html[data-theme="compact"] .hero{padding-top:42px}
html[data-theme="compact"] .site-section,html[data-theme="compact"] .section{padding-block:26px}
html[data-theme="compact"] .site-card-grid,html[data-theme="compact"] .category-grid,html[data-theme="compact"] .article-grid{gap:11px}
html[data-theme="compact"] .site-card,html[data-theme="compact"] .category-card,html[data-theme="compact"] .loading-card{padding:15px;border-radius:13px}
html[data-theme="compact"] .article-card-body{padding:13px}
html[data-theme="compact"] .article-card h3,html[data-theme="compact"] .site-card h3{font-size:1rem}
html[data-theme="compact"] .hero-visual{min-height:280px}
html[data-theme="compact"] .float-chip{font-size:.72rem;padding:6px 9px}
html[data-theme="reading"] body{font-size:1.04rem;line-height:2}
html[data-theme="reading"] .site-container{width:min(920px,calc(100% - 36px))}
html[data-theme="reading"] .site-hero{padding-block:42px 34px}
html[data-theme="reading"] .site-hero p,html[data-theme="reading"] .prose{font-size:1.08rem;line-height:2.15}
html[data-theme="reading"] .prose{max-width:760px;margin-inline:auto}
html[data-theme="reading"] .prose h2,html[data-theme="reading"] .prose h3{letter-spacing:0;line-height:1.7}
html[data-theme="reading"] .prose p{margin-block:1.35em}
html[data-theme="reading"] .prose blockquote{border-inline-start:3px solid var(--accent);padding:12px 18px;background:var(--surface-2);border-radius:8px}
html[data-theme="reading"] .article-card,html[data-theme="reading"] .site-card{box-shadow:none}
html[data-theme="reading"] .mseo-header{backdrop-filter:blur(10px)}
html[data-theme="reading"] .visual-window{transform:none}
html[data-theme="reading"] .hero-visual{filter:saturate(.72)}
@media(max-width:760px){html[data-theme="compact"] .mseo-header-inner{min-height:58px}html[data-theme="reading"] .prose{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html[data-theme] *,html[data-theme] *::before,html[data-theme] *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* Article media: responsive sizing, stable layout and readable captions.
   The first image in an article remains eager/high priority; body images should be lazy. */
body:has(> main > article) > main > article > img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  background: var(--surface-2);
}
.prose img,.prose video,.prose iframe,.prose figure{
  box-sizing: border-box;
  max-width: 100%;
}
.prose img{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 1.75rem auto;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .09);
  object-fit: contain;
}
.prose figure{
  min-width: 0;
  margin: 1.75rem auto;
}
.prose figure img{
  width: 100%;
  margin: 0 auto;
}
.prose figcaption{
  max-width: 70ch;
  margin: .65rem auto 0;
  color: var(--muted);
  font-size: .875rem;
  line-height: 1.75;
  text-align: center;
}
.prose video,.prose iframe{
  display: block;
  width: 100%;
  border: 0;
  border-radius: 14px;
}
.prose table{
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
@media (max-width: 600px){
  body:has(> main > article) > main > article > img{
    aspect-ratio: 16 / 9;
  }
  .prose img{
    margin-block: 1.25rem;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .07);
  }
  .prose figure{
    margin-block: 1.25rem;
  }
}

/* Dynamic theme tokens supplied by the Supabase public runtime */
:root{--primary-color:#6559e8;--secondary-color:#101b2b;--ui-radius:14px;--ui-font:'Cairo',sans-serif}
body{font-family:var(--ui-font,'Cairo',sans-serif)}
.button-primary{background:var(--primary-color)!important;border-radius:var(--ui-radius)!important}
.button,.category-card,.article-card,.loading-card,.search-box,.filter-box,.pagination button{border-radius:var(--ui-radius)!important}
.site-header,[data-site-header],.site-footer,[data-home-footer]{--site-accent:var(--primary-color)}


/* SEO analyzer and public tools directory */
.seo-tool-page .site-hero{padding-block:52px 42px}
.seo-privacy-note{display:flex;gap:12px;align-items:flex-start;max-width:760px;margin-top:24px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text)}
.seo-privacy-note strong{color:var(--accent)}
.seo-analyzer-form,.seo-summary-card,.seo-findings,.seo-score-card,.seo-metric-card,.seo-guide-note{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.seo-analyzer-form{padding:clamp(18px,3vw,32px)}
.seo-form-heading,.seo-section-head,.seo-results-actions,.seo-tools-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}
.seo-form-heading{margin-bottom:24px;align-items:flex-start}
.seo-form-heading h2,.seo-results-actions h2,.seo-guide h2,.seo-faq h2,.seo-tools-intro h2{margin:4px 0 8px;color:var(--text);font-size:clamp(1.35rem,3vw,2rem)}
.seo-form-heading p,.seo-tools-intro p,.seo-guide-intro p{margin:0;color:var(--muted)}
.seo-eyebrow{display:inline-block;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.04em}
.seo-field-label{display:block;margin:18px 0 8px;font-weight:800;color:var(--text)}
.seo-input,.seo-textarea{display:block;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);padding:12px 14px}
.seo-input:focus,.seo-textarea:focus{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}
.seo-textarea{min-height:280px;resize:vertical;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.65}
.seo-field-help{margin:6px 0;color:var(--muted);font-size:.88rem}
.seo-form-actions,.seo-results-actions>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.seo-button,.seo-file-picker{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:800;text-decoration:none;cursor:pointer}
.seo-button-primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.seo-button-primary:hover{color:#fff;filter:brightness(1.06)}
.seo-button-quiet:hover,.seo-file-picker:hover{border-color:var(--accent);color:var(--accent)}
.seo-button:disabled{opacity:.45;cursor:not-allowed}
.seo-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.seo-file-input:focus-visible+.seo-button,.seo-file-picker:focus-within{outline:3px solid var(--accent);outline-offset:3px}
.seo-status{margin:18px 0 0;padding:10px 13px;border-radius:10px;background:var(--surface-2);color:var(--muted)}
.seo-status[data-kind="success"]{color:#087443;background:color-mix(in srgb,#16a34a 10%,var(--surface))}
.seo-status[data-kind="error"]{color:#b42318;background:color-mix(in srgb,#ef4444 10%,var(--surface))}
.seo-results{margin-top:34px;scroll-margin-top:100px}.seo-results[hidden]{display:none}
.seo-results-actions{margin-bottom:16px;flex-wrap:wrap}
.seo-score-card{display:flex;align-items:center;gap:24px;padding:24px;margin-bottom:16px}
.seo-score-card h2{margin:4px 0;font-size:1.35rem}.seo-score-card p{margin:0;color:var(--muted)}
.seo-score-ring{--score:0;width:112px;height:112px;flex:0 0 112px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--score)*1%),var(--surface-2) 0);position:relative}
.seo-score-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--surface)}
.seo-score-ring>span{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.25}
.seo-score-ring strong{font-size:2rem;color:var(--text)}.seo-score-ring small{font-size:.75rem;color:var(--muted)}
.seo-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.seo-metric-card{padding:18px}.seo-metric-card h3{margin:0 0 12px;font-size:1rem}
.seo-metric-card dl,.seo-summary-card dl{margin:0}
.seo-metric-card dl>div,.seo-summary-card dl>div{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.seo-metric-card dt,.seo-summary-card dt{color:var(--muted)}.seo-metric-card dd,.seo-summary-card dd{margin:0;overflow-wrap:anywhere;font-weight:700}
.seo-findings,.seo-summary-card{padding:clamp(16px,3vw,26px);margin-top:16px}
.seo-section-head{margin-bottom:12px}.seo-section-head h2,.seo-summary-card h2{margin:4px 0;font-size:1.3rem}
.seo-count{white-space:nowrap;border-radius:999px;padding:4px 10px;background:var(--surface-2);color:var(--muted);font-size:.85rem}
.seo-finding-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.seo-finding{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px}
.seo-finding-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--surface-2);font-weight:900}
.seo-error .seo-finding-icon{color:#b42318;background:#fee4e2}.seo-warning .seo-finding-icon{color:#9a6700;background:#fff1c2}.seo-success .seo-finding-icon{color:#087443;background:#dcfae6}.seo-info .seo-finding-icon{color:var(--brand)}
.seo-finding-title{font-weight:900}.seo-finding-title span{display:inline-block;margin-inline-start:5px;font-size:.76rem;color:var(--muted);font-weight:600}
.seo-finding p{margin:4px 0 0;color:var(--muted);overflow-wrap:anywhere}.seo-report-time{font-size:.85rem;color:var(--muted);margin:12px 0}
.seo-guide-intro{max-width:760px;margin-bottom:22px}
.seo-guide-grid,.seo-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.seo-guide-card,.seo-tool-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.seo-guide-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--surface-2);color:var(--accent);font-weight:900}
.seo-guide-card h3,.seo-tool-card h2{margin:14px 0 8px;font-size:1.1rem}
.seo-guide-card p,.seo-tool-card p{margin:0;color:var(--muted)}
.seo-guide-note{padding:20px;margin-top:18px}.seo-guide-note h3{margin:0 0 8px}.seo-guide-note p{margin:0;color:var(--muted)}
.seo-faq details{padding:16px 0;border-bottom:1px solid var(--line)}.seo-faq summary{cursor:pointer;font-weight:800}.seo-faq details p{color:var(--muted);margin:10px 0 0}
.seo-related{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.seo-related h2{margin:5px 0}.seo-related p{color:var(--muted)}
.seo-related-links{display:grid;gap:10px}.seo-related-links a,.seo-tool-card>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-weight:800}
.seo-tools-intro{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);margin-bottom:20px}
.seo-tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.seo-tool-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--surface-2);color:var(--accent);font-weight:900;font-size:1.2rem}
.seo-tool-tag{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--surface-2);font-size:.78rem;color:var(--muted);font-weight:800}
.seo-tool-card ul{padding-inline-start:20px;margin:0;color:var(--muted)}.seo-tool-card>a{margin-top:auto;width:100%}
.seo-tool-featured{border-color:var(--accent)}.seo-tool-soon{opacity:.86}
.seo-tools-note{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.seo-tools-note p{margin-bottom:0;color:var(--muted)}
.seo-home-tools{padding-block:40px}.seo-home-tools-link{margin-top:10px;text-align:left}
@media(max-width:760px){.seo-guide-grid,.seo-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-related{grid-template-columns:1fr}.seo-tools-intro{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.seo-metrics,.seo-guide-grid,.seo-tools-grid{grid-template-columns:1fr}.seo-score-card{align-items:flex-start;gap:14px;padding:16px}.seo-score-ring{width:86px;height:86px;flex-basis:86px}.seo-score-ring strong{font-size:1.6rem}.seo-form-heading{flex-direction:column}.seo-results-actions{align-items:flex-start;flex-direction:column}.seo-results-actions>div{margin-top:0}.seo-metric-card dl>div,.seo-summary-card dl>div{grid-template-columns:1fr;gap:2px}.seo-tools-intro{padding:18px}}


/* Meta Tags Generator */
.meta-generator-page .meta-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.meta-generator-page .meta-field-full{grid-column:1/-1}
.meta-generator-page .meta-description-input{width:100%;resize:vertical;min-height:92px;direction:rtl;text-align:right;font:inherit}
.meta-field-meta{display:flex;justify-content:space-between;gap:12px;margin-top:5px;color:var(--muted);font-size:.82rem}
#meta-title-count[data-kind="warning"],#meta-description-count[data-kind="warning"]{color:#9a6700;font-weight:800}
.meta-preview-wrap{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.meta-preview-heading,.meta-output-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.meta-preview-heading h2,.meta-output-heading h2{font-size:1.25rem;margin:4px 0}
.meta-preview-label{color:var(--muted);font-size:.8rem}
.meta-search-preview{max-width:680px;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--bg)}
.meta-preview-site{font-size:.82rem;color:var(--muted);overflow-wrap:anywhere}
.meta-preview-title{font-size:1.2rem;color:#2563eb;margin:5px 0;font-weight:600;overflow-wrap:anywhere}
.meta-search-preview p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.7;overflow-wrap:anywhere}
.meta-output-heading{margin-top:28px}
.meta-output-actions{display:flex;flex-wrap:wrap;gap:8px}
.meta-output{min-height:320px}
@media(max-width:600px){.meta-generator-page .meta-fields-grid{grid-template-columns:1fr}.meta-generator-page .meta-field-full{grid-column:auto}.meta-preview-heading,.meta-output-heading{align-items:flex-start;flex-direction:column}.meta-field-meta{align-items:flex-start;flex-direction:column;gap:2px}}

/* Word counter tool */
.word-counter-page .wc-textarea{min-height:260px;direction:auto;text-align:start;font-family:var(--ui-font,'Cairo',sans-serif);font-size:1rem;line-height:1.9}
.wc-results{margin-top:22px}.wc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.wc-main-metric{padding:20px;display:flex;flex-direction:column;gap:3px}.wc-main-metric>span{color:var(--muted);font-weight:800;font-size:.92rem}
.wc-main-metric>strong{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.4;overflow-wrap:anywhere;color:var(--text)}.wc-main-metric>small{color:var(--muted);font-size:.78rem}
.wc-secondary-metrics{margin-top:14px}
@media(max-width:760px){.wc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.wc-metrics{grid-template-columns:1fr}.wc-main-metric{padding:16px}}

/* Text and URL slug converter */
.slug-tool-page .ts-textarea{min-height:130px;direction:auto;text-align:start;font-family:var(--ui-font,'Cairo',sans-serif);font-size:1rem;line-height:1.9}
.ts-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.ts-control{display:grid;gap:7px;min-width:0}.ts-select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}
.ts-options{display:flex;gap:14px 22px;flex-wrap:wrap;margin:16px 0 22px}.ts-options label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;font-weight:700}.ts-options input{accent-color:var(--brand);width:17px;height:17px}
.ts-length{color:var(--muted);font-size:.82rem;margin-top:8px}
@media(max-width:600px){.ts-controls{grid-template-columns:1fr}.ts-options{display:grid;gap:10px}}


/* JSON formatter and validator */
.json-tool-page .jf-textarea{min-height:220px;direction:ltr;text-align:left;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.7;tab-size:2}
.json-tool-page .jf-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.json-tool-page .jf-output-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}
@media(max-width:600px){.json-tool-page .jf-controls{grid-template-columns:1fr}.json-tool-page .jf-output-heading{align-items:flex-start;flex-direction:column}}

/* Meta generator responsive styling */
.meta-generator-page .meta-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.meta-generator-page .meta-field-full{grid-column:1/-1}.meta-generator-page .meta-field-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem;margin-top:6px}.meta-generator-page .meta-preview-wrap{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.meta-generator-page .meta-preview-heading,.meta-generator-page .meta-output-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.meta-generator-page .meta-search-preview{max-width:680px;padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.meta-generator-page .meta-preview-site{font-size:.82rem;color:var(--muted);direction:ltr;text-align:left;overflow-wrap:anywhere}.meta-generator-page .meta-preview-title{margin:7px 0;color:#2459bd;font-size:1.18rem;font-weight:700;overflow-wrap:anywhere}.meta-generator-page .meta-search-preview p{margin:0;color:var(--text);font-size:.9rem;line-height:1.8;overflow-wrap:anywhere}.meta-generator-page .meta-output-actions{display:flex;gap:8px;flex-wrap:wrap}.meta-generator-page .meta-output{direction:ltr;text-align:left;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.75}.meta-generator-page .seo-field-help{font-size:.82rem;color:var(--muted);line-height:1.7;margin-top:6px}@media(max-width:640px){.meta-generator-page .meta-fields-grid{grid-template-columns:1fr}.meta-generator-page .meta-field-full{grid-column:auto}.meta-generator-page .meta-preview-heading,.meta-generator-page .meta-output-heading{align-items:flex-start;flex-direction:column}}


/* robots.txt generator */
.robots-generator-page .robots-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.robots-generator-page .robots-field-full{grid-column:1/-1}
.robots-generator-page .robots-textarea{min-height:110px;direction:ltr;text-align:left;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.robots-generator-page .robots-custom-agent{margin-top:10px}
.robots-generator-page .robots-warning{margin:18px 0;padding:14px 16px;border:1px solid #d97706;border-radius:12px;background:rgba(217,119,6,.09);color:var(--text);line-height:1.8}
.robots-generator-page .robots-output-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 12px}
.robots-generator-page .robots-output{min-height:260px;direction:ltr;text-align:left;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.8;white-space:pre;tab-size:2}
.robots-generator-page .robots-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
@media(max-width:640px){.robots-generator-page .robots-fields-grid{grid-template-columns:1fr}.robots-generator-page .robots-field-full{grid-column:auto}.robots-generator-page .robots-output-heading{align-items:flex-start;flex-direction:column}}


/* HTML entity converter */
.entity-tool-page .he-textarea{min-height:170px;direction:auto;text-align:start;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92rem;line-height:1.8}
.entity-tool-page .he-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 22px}
.entity-tool-page .he-output-label{display:block;margin-top:18px}


/* Schema Markup generator */
.schema-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.schema-panel{min-width:0;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.schema-panel h2{margin:0 0 8px;font-size:1.35rem}.schema-muted{color:var(--muted);font-size:.93rem;line-height:1.8;margin:0 0 18px}
.schema-panel label{display:block;margin:16px 0 7px;font-weight:700;font-size:.94rem}
.schema-panel input,.schema-panel select,.schema-panel textarea{display:block;width:100%;max-width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:var(--bg);color:var(--text);font:inherit;box-sizing:border-box}
.schema-panel input:focus,.schema-panel select:focus,.schema-panel textarea:focus{outline:2px solid var(--brand);outline-offset:2px}
.schema-panel textarea{resize:vertical;line-height:1.7}.schema-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.schema-actions button{font:inherit;cursor:pointer}
.schema-output-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.schema-output-panel>textarea{direction:ltr;text-align:left;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:430px;white-space:pre;tab-size:2}
.schema-status{margin:16px 0 0;padding:11px 13px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:.92rem}.schema-status.is-success{color:#087f5b}.schema-status.is-error{color:#b42318}
.schema-note{margin:15px 0 0;color:var(--muted);font-size:.9rem;line-height:1.8}.schema-note i{margin-left:5px}
@media(max-width:850px){.schema-tool{grid-template-columns:1fr}.schema-output-panel>textarea{min-height:300px}}


/* CSS color generator */
.color-studio{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);gap:22px;align-items:start}
.color-picker-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center}
.color-picker-row input[type=color]{width:58px;height:48px;padding:4px;cursor:pointer}
.color-controls input[type=range]{width:100%;accent-color:var(--brand)}
.color-gradient-preview{min-height:230px;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;color:#fff;text-shadow:0 2px 10px #0005;box-shadow:inset 0 0 0 1px #0001}
.color-gradient-preview span{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.color-gradient-preview strong{font-size:1.5rem}
.color-preview-panel h3{margin:24px 0 12px}
.color-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.color-code-row code{direction:ltr;text-align:left;overflow-wrap:anywhere;font-size:.88rem}.color-code-row button{flex-shrink:0}
.color-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.color-swatch{min-width:0;display:flex;flex-direction:column;gap:6px}.color-swatch-chip{width:100%;height:78px;border:1px solid #0001;border-radius:10px;cursor:pointer}
.color-swatch code{font-size:.78rem;text-align:center;overflow-wrap:anywhere}.color-swatch small{font-size:.67rem;line-height:1.5;text-align:center;color:var(--muted);overflow-wrap:anywhere}
.color-demo{margin-top:22px;padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2)}
.color-demo h3{margin:0 0 8px;color:var(--text)}.color-demo p{color:var(--muted)}
.color-demo button{border:0;border-radius:10px;padding:10px 18px;background:var(--demo-color);color:var(--demo-text);font:inherit;font-weight:700;cursor:pointer;margin-left:12px}
.color-demo a{color:var(--demo-color);font-weight:700}
@media(max-width:850px){.color-studio{grid-template-columns:1fr}.color-palette{grid-template-columns:repeat(5,minmax(0,1fr))}.color-swatch-chip{height:60px}}
@media(max-width:480px){.color-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.color-gradient-preview{min-height:180px}}

/* CSS box-shadow generator */
.shadow-studio{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);gap:22px;align-items:start}
.shadow-field{margin:16px 0}.shadow-field label{display:flex;justify-content:space-between;gap:12px}.shadow-field output{color:var(--muted);font-variant-numeric:tabular-nums}
.shadow-controls input[type=range]{display:block;width:100%;margin-top:12px;accent-color:var(--brand)}
.shadow-color-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center}.shadow-color-row input[type=color]{width:58px;height:46px;padding:4px;cursor:pointer}
.shadow-color-row input[type=text]{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.shadow-check{display:flex!important;align-items:center;gap:10px;margin-top:18px!important}.shadow-check input{width:18px;height:18px;accent-color:var(--brand)}
.shadow-actions,.shadow-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.shadow-actions button,.shadow-presets button{cursor:pointer}
.shadow-stage{min-height:300px;display:grid;place-items:center;padding:34px;border:1px dashed var(--line);border-radius:16px;background-color:var(--surface-2);background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:18px 18px}
.shadow-preview{width:min(100%,300px);min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);font-weight:800;transition:box-shadow .12s ease}.shadow-preview small{color:var(--muted);font-weight:500;direction:ltr}
.shadow-code-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.shadow-code-head h3,.shadow-presets h3{margin:0}.shadow-code{display:block;width:100%;box-sizing:border-box;margin-top:10px;direction:ltr;text-align:left;unicode-bidi:plaintext;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
.shadow-preset{border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:var(--surface-2);color:var(--text);font:inherit}
@media(max-width:850px){.shadow-studio{grid-template-columns:1fr}.shadow-stage{min-height:250px}}
@media(max-width:480px){.shadow-stage{padding:22px 14px;min-height:220px}.shadow-code-head{align-items:flex-start;flex-direction:column}}

/* Tool sharing artwork and CSS/JS minifier */
.tool-promo-image{display:block;width:min(100%,520px);height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:16px;border:1px solid var(--line);margin:0 0 16px;background:var(--surface-2)}
.minifier-page .min-code{min-height:220px;direction:ltr;text-align:left;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.65}

/* Tool sharing artwork and CSS/JS minifier */
.tool-promo-image{display:block;width:min(100%,520px);height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:16px;border:1px solid var(--line);margin:0 0 16px;background:var(--surface-2)}
.minifier-page .min-code{min-height:220px;direction:ltr;text-align:left;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.65}


/* Unified responsive tool cards on homepage */
.seo-home-tools .mseo-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.seo-home-tools .mseo-tool-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:275px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.seo-home-tools .mseo-tool-card:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 20px 44px rgba(26,42,75,.13)}
.seo-home-tools .mseo-tool-card-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:15px;border-radius:16px;background:var(--surface-2);color:var(--brand);font-size:1.25rem}
.seo-home-tools .mseo-tool-card-kicker{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.02em}
.seo-home-tools .mseo-tool-card h3{margin:7px 0 8px;font-size:1.08rem;line-height:1.6;color:var(--text)}
.seo-home-tools .mseo-tool-card p{margin:0 0 20px;color:var(--muted);font-size:.9rem;line-height:1.85}
.seo-home-tools .mseo-tool-card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);font-weight:800;font-size:.9rem}
.seo-home-tools .mseo-tool-card-link span{font-size:1.15rem;transition:transform .2s ease}
.seo-home-tools .mseo-tool-card-link:hover span{transform:translateX(-4px)}
@media(max-width:900px){.seo-home-tools .mseo-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:560px){.seo-home-tools .mseo-tools-grid{grid-template-columns:minmax(0,1fr);gap:14px}.seo-home-tools .mseo-tool-card{min-height:0;padding:21px}}
@media(prefers-reduced-motion:reduce){.seo-home-tools .mseo-tool-card,.seo-home-tools .mseo-tool-card-link span{transition:none}.seo-home-tools .mseo-tool-card:hover{transform:none}}


/* Shared, progressive tool catalog */
.mseo-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.mseo-tool-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:275px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.mseo-tool-card:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 20px 44px rgba(26,42,75,.13)}
.mseo-tool-card-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:15px;border-radius:16px;background:var(--surface-2);color:var(--brand);font-size:1.25rem}
.mseo-tool-card-kicker{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.02em}
.mseo-tool-card h3{margin:7px 0 8px;font-size:1.08rem;line-height:1.6;color:var(--text)}
.mseo-tool-card p{margin:0 0 20px;color:var(--muted);font-size:.9rem;line-height:1.85}
.mseo-tool-card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);font-weight:800;font-size:.9rem}
.mseo-tool-card-link span{font-size:1.15rem;transition:transform .2s ease}
.mseo-tool-card-link:hover span{transform:translateX(-4px)}
.mseo-tools-more{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:26px}
.mseo-tools-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 22px;border:1px solid var(--brand);border-radius:999px;background:var(--brand);color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:opacity .2s ease,transform .2s ease}
.mseo-tools-toggle:hover{opacity:.9;transform:translateY(-1px)}
.mseo-tools-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.mseo-tools-toggle[hidden]{display:none}
.mseo-tools-more .seo-home-tools-link{margin:4px 0 0;text-align:center}
.mseo-tool-directory .mseo-tools-more{margin-bottom:12px}
@media(max-width:900px){.mseo-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:560px){.mseo-tools-grid{grid-template-columns:minmax(0,1fr);gap:14px}.mseo-tool-card{min-height:0;padding:21px}}
@media(prefers-reduced-motion:reduce){.mseo-tool-card,.mseo-tool-card-link span,.mseo-tools-toggle{transition:none}.mseo-tool-card:hover,.mseo-tools-toggle:hover{transform:none}}


/* Consistent article-card thumbnails on the homepage and archive */
.article-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0}
.article-card-media{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2);border-bottom:1px solid var(--line)}
.article-card-media img,.article-card>a img{display:block;width:100%;height:100%;aspect-ratio:16/9;max-width:none;object-fit:cover;object-position:center;background:var(--surface-2);transition:transform .25s ease}
.article-card:hover .article-card-media img,.article-card:hover>a img{transform:scale(1.025)}
.article-card img.is-fallback{object-fit:contain;padding:18px;box-sizing:border-box}
.article-card-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.article-card-body p{flex:1}
.article-card-body .site-read{margin-top:auto}
@media(prefers-reduced-motion:reduce){.article-card-media img,.article-card>a img{transition:none}.article-card:hover .article-card-media img,.article-card:hover>a img{transform:none}}


/* Tool card icons: match the existing site-card icon treatment without an icon-font dependency */
.mseo-tool-card-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;box-sizing:border-box;margin:0 0 16px;border-radius:15px;background:var(--surface-2);color:var(--brand);font-size:1.2rem}
.mseo-tool-card-icon svg{display:block;width:23px;height:23px;max-width:100%;stroke:currentColor}
.mseo-tool-card-icon i{display:none}


/* Footer social icons: consistent sizing, alignment, interaction, and focus states */
.mseo-socials{align-items:center;flex-wrap:wrap;gap:10px}
.mseo-socials a{flex:0 0 42px;width:42px;height:42px;min-width:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--muted);transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
.mseo-socials a svg{display:block;flex:0 0 20px;width:20px;height:20px;max-width:20px;overflow:visible}
.mseo-socials a:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px)}
.mseo-socials a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.mseo-socials a:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.mseo-socials a{transition:none}.mseo-socials a:hover{transform:none}}


/* Article code-block text color */
body:has(> main > article) .prose pre,body:has(> main > article) .prose pre code{
  color: #8b31f7 !important;
}

/* Progressive article loading — shared by homepage and archive. */
.mseo-load-card[hidden]{ display: none !important; }
.pagination:has(.mseo-load-more){ justify-content: center; margin: 28px 0 36px; }

/* Match the site's primary buttons and use the active theme's design tokens. */
.pagination .mseo-load-more{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 11px 18px;
  border: 1px solid var(--brand);
  border-radius: 13px;
  background: var(--brand);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.pagination .mseo-load-more:hover{
  background: var(--brand-2);
  border-color: var(--brand-2);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--brand) 20%, transparent);
}
.pagination .mseo-load-more:active{ transform: translateY(0); }
.pagination .mseo-load-more:focus-visible{
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
.mseo-card-enter{ animation: mseo-card-fade-in .42s ease both; }
@keyframes mseo-card-fade-in {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce){
  .mseo-card-enter{ animation: none; }
  .pagination .mseo-load-more{ transition: none; }
}

/* Homepage tools section: align its container and cards with the site's shared layout. */
.seo-home-tools{
  width:calc(100% - 36px);
  max-width:1180px;
  margin-inline:auto;
  min-width:0;
}
.seo-home-tools .section-heading{
  min-width:0;
}
.seo-home-tools .section-heading>div{
  min-width:0;
}
.seo-home-tools .mseo-tools-grid{
  width:100%;
  min-width:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.seo-home-tools .mseo-tool-card{
  box-sizing:border-box;
  min-width:0;
  min-height:260px;
  padding:22px;
  overflow-wrap:anywhere;
  word-break:normal;
}
.seo-home-tools .mseo-tool-card h3,.seo-home-tools .mseo-tool-card p,.seo-home-tools .mseo-tool-card-link{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.seo-home-tools .mseo-tool-card p{
  flex:1 0 auto;
}
.seo-home-tools .mseo-tool-card-link{
  margin-top:auto;
}
@media(max-width:900px){
  .seo-home-tools{
    width:calc(100% - 32px);
  }
  .seo-home-tools .mseo-tools-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
}
@media(max-width:600px){
  .seo-home-tools{
    width:calc(100% - 24px);
  }
  .seo-home-tools .mseo-tools-grid{
    grid-template-columns:minmax(0,1fr);
    gap:14px;
  }
  .seo-home-tools .mseo-tool-card{
    min-height:0;
    padding:20px;
  }
  .seo-home-tools .section-heading{
    gap:12px;
  }
}
@media(prefers-reduced-motion:reduce){
  .seo-home-tools .mseo-tool-card,.seo-home-tools .mseo-tool-card-link span{
    transition:none;
  }
  .seo-home-tools .mseo-tool-card:hover{
    transform:none;
  }
}




/* Homepage featured-article carousel and contextual sidebar */
.latest-carousel-section{padding-top:24px}
.latest-carousel{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px}
.latest-carousel-track{display:flex;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);direction:rtl}
.latest-carousel-track::-webkit-scrollbar{display:none}
.latest-carousel-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,3vw,38px);align-items:stretch;flex:0 0 100%;min-width:0;min-height:300px;padding:clamp(18px,3vw,32px);scroll-snap-align:start;scroll-snap-stop:always}
.latest-carousel-image{display:block;min-height:240px;overflow:hidden;border-radius:18px;background:var(--surface-2)}
.latest-carousel-image img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;transition:transform .35s}
.latest-carousel-image:hover img{transform:scale(1.035)}
.latest-carousel-copy{align-self:center;min-width:0}
.latest-carousel-copy h3{margin:10px 0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.45}
.latest-carousel-copy h3 a{color:var(--text)}
.latest-carousel-copy p{margin:0 0 18px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.carousel-index{float:left;color:var(--muted);font-size:.8rem;font-weight:800;direction:ltr}
.carousel-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:1.8rem;line-height:1;box-shadow:var(--shadow);z-index:1}
.carousel-arrow:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.carousel-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}
.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:20px;background:var(--line);transition:width .2s,background .2s}
.carousel-dots button[aria-current=true]{width:26px;background:var(--brand)}
.articles-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}
.articles-main{min-width:0}
.articles-main .toolbar{margin-top:0}
.articles-sidebar{display:grid;gap:18px;position:sticky;top:100px;min-width:0}
.sidebar-widget{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px rgba(26,42,75,.045)}
.sidebar-widget h2{margin:0 0 14px;font-size:1.05rem;font-weight:900}
.sidebar-latest,.sidebar-categories{list-style:none;margin:0;padding:0;display:grid;gap:0}
.sidebar-latest li,.sidebar-categories li{padding:11px 0;border-bottom:1px solid var(--line)}
.sidebar-latest li:last-child,.sidebar-categories li:last-child{border-bottom:0;padding-bottom:0}
.sidebar-latest li:first-child,.sidebar-categories li:first-child{padding-top:0}
.sidebar-latest a{display:block;color:var(--text);font-size:.9rem;font-weight:800;line-height:1.7}
.sidebar-latest a:hover,.sidebar-categories a:hover{color:var(--brand)}
.sidebar-latest li span{display:block;margin-top:3px;color:var(--muted);font-size:.75rem}
.sidebar-categories li{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sidebar-categories a{color:var(--text);font-size:.88rem;font-weight:700}
.sidebar-categories li>span{display:grid;place-items:center;min-width:26px;height:24px;padding:0 6px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:800}
.sidebar-promo{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface))}
.sidebar-promo p{margin:8px 0 14px;color:var(--muted);font-size:.9rem}
.articles-main .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.articles-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.articles-main .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.articles-layout{grid-template-columns:minmax(0,1fr)}.articles-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-promo{grid-column:1/-1}.latest-carousel-card{grid-template-columns:minmax(0,1fr);gap:18px}.latest-carousel-image,.latest-carousel-image img{min-height:200px;max-height:260px}.latest-carousel-copy h3{font-size:1.4rem}.latest-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.carousel-arrow{width:34px;height:34px;font-size:1.4rem}}
@media(max-width:540px){.latest-carousel-card{padding:14px}.latest-carousel-image,.latest-carousel-image img{min-height:170px}.articles-sidebar{grid-template-columns:minmax(0,1fr)}.sidebar-promo{grid-column:auto}.articles-main .article-grid{grid-template-columns:minmax(0,1fr)}.latest-carousel-copy p{-webkit-line-clamp:4}.carousel-arrow{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.latest-carousel-image img,.carousel-dots button{transition:none}}


/* Performance refinement: keep the featured carousel compact and reduce layout/paint cost. */
.latest-carousel-section{padding-block:24px 28px}
.latest-carousel-section>.section-heading{margin-bottom:14px}
.latest-carousel-section .section-heading p{margin-top:4px;font-size:.92rem}
.latest-carousel{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}
.latest-carousel-track{box-shadow:none;border-radius:16px;scroll-behavior:smooth;contain:layout paint}
.latest-carousel-card{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:20px;min-height:0;padding:16px;align-items:center}
.latest-carousel-image,.latest-carousel-image img{height:164px;min-height:164px;max-height:164px;aspect-ratio:16/9}
.latest-carousel-image img{object-fit:cover}
.latest-carousel-copy h3{margin:6px 0;font-size:clamp(1.05rem,1.65vw,1.45rem);line-height:1.45}
.latest-carousel-copy p{margin:0 0 10px;font-size:.9rem;line-height:1.65;-webkit-line-clamp:2}
.latest-carousel-copy .button{padding:8px 13px;font-size:.86rem}
.carousel-arrow{width:36px;height:36px;box-shadow:none}
.carousel-dots{margin-top:10px}
@media(max-width:800px){.latest-carousel-card{grid-template-columns:minmax(0,1fr);gap:12px}.latest-carousel-image,.latest-carousel-image img{height:150px;min-height:150px;max-height:150px}.latest-carousel-copy h3{font-size:1.2rem}}
@media(max-width:540px){.latest-carousel-section{padding-block:18px 22px}.latest-carousel-card{padding:12px}.latest-carousel-image,.latest-carousel-image img{height:128px;min-height:128px;max-height:128px}.latest-carousel-copy p{display:none}.latest-carousel{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}.carousel-arrow{width:28px;height:28px;font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.latest-carousel-track{scroll-behavior:auto}}


/* Article experience: show three featured cards at once on desktop. */
.latest-carousel-track{gap:0}
.latest-carousel-card{flex:0 0 33.333333%;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start;min-height:0;padding:14px;border-inline-end:1px solid var(--line)}
.latest-carousel-card:last-child{border-inline-end:0}
.latest-carousel-image,.latest-carousel-image img{display:block;width:100%;height:138px;min-height:138px;max-height:138px;aspect-ratio:16/9;border-radius:12px}
.latest-carousel-copy h3{font-size:1.05rem;line-height:1.55;margin:7px 0}
.latest-carousel-copy p{font-size:.82rem;line-height:1.65;-webkit-line-clamp:3;margin-bottom:10px}
.latest-carousel-copy .button{font-size:.8rem;padding:7px 10px}
.latest-carousel-section .section-heading h2{font-size:clamp(1.25rem,2vw,1.8rem)}
.article-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.article-page-content{min-width:0}
.article-page-sidebar{position:sticky;top:100px;display:grid;gap:16px;min-width:0}
.article-page-sidebar .sidebar-widget{padding:18px}
.article-page-sidebar .sidebar-latest a{overflow-wrap:anywhere}
.article-latest-carousel-section{margin-top:30px}
@media(max-width:1050px){.article-page-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}}
@media(max-width:800px){.latest-carousel-card{flex-basis:50%;padding:12px}.latest-carousel-image,.latest-carousel-image img{height:128px;min-height:128px;max-height:128px}.latest-carousel-copy p{-webkit-line-clamp:2}.article-page-layout{grid-template-columns:minmax(0,1fr)}.article-page-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.article-page-sidebar .sidebar-promo{grid-column:1/-1}}
@media(max-width:540px){.latest-carousel-card{flex-basis:100%;grid-template-columns:minmax(0,1fr)}.latest-carousel-image,.latest-carousel-image img{height:150px;min-height:150px;max-height:150px}.latest-carousel-copy p{display:-webkit-box}.article-page-sidebar{grid-template-columns:minmax(0,1fr)}.article-page-sidebar .sidebar-promo{grid-column:auto}}

.article-page-main{max-width:1200px!important;width:100%;margin-inline:auto;padding-inline:24px}
@media(max-width:540px){.article-page-main{padding-inline:14px}}


/* Category page article cards: consistent thumbnails, spacing, and responsive layout. */
.category-article-grid{align-items:stretch;}
.category-article-card{display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;text-decoration:none;min-height:100%;}
.category-article-card .category-article-thumbnail{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface-2);border-bottom:1px solid var(--line);}
.category-article-card .category-article-thumbnail.is-fallback{object-fit:contain;padding:18px;}
.category-article-card .category-article-label{display:inline-flex;align-self:flex-start;margin:18px 20px 0;padding:5px 9px;border-radius:999px;background:var(--surface-2);color:var(--brand);font-size:.78rem;font-weight:800;}
.category-article-card h3{padding:0 20px;margin:10px 0 4px;}
.category-article-card p{padding:0 20px;line-height:1.85;}
.category-article-card .site-read{margin:auto 20px 20px;padding-top:8px;}
@media(max-width:600px){.category-article-card .category-article-label{margin-inline:14px}.category-article-card h3,.category-article-card p{padding-inline:14px}.category-article-card .site-read{margin-inline:14px;margin-bottom:16px}}

/* Progressive article reveal on category pages */
.category-article-grid>[hidden]{display:none!important}
.category-load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin:26px auto 0;text-align:center}
.category-load-more-count{margin:0;color:var(--muted);font-size:.86rem}
.category-load-more-wrap .mseo-load-more{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:190px;padding:12px 22px;border:1px solid var(--brand);border-radius:13px;background:var(--brand);color:#fff;font-weight:900;box-shadow:var(--shadow);transition:transform .18s,opacity .18s}
.category-load-more-wrap .mseo-load-more:hover{transform:translateY(-2px)}
.category-load-more-wrap .mseo-load-more[hidden]{display:none!important}
@media(prefers-reduced-motion:no-preference){.category-article-card:not([hidden]){animation:category-card-reveal .24s ease both}@keyframes category-card-reveal{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}


/* Unified button palette: use the site's brand blue and teal accent consistently. */
:root{
  --button-primary: var(--brand);
  --button-primary-hover: var(--brand-2);
  --button-focus: var(--accent);
}
.site-primary,.button-primary,.mseo-search-panel button,.pagination button[aria-current=page],.pagination .mseo-load-more,.mseo-tools-toggle,.category-load-more-wrap .mseo-load-more{
  background: var(--button-primary);
  border-color: var(--button-primary);
  color: #fff;
}
.site-primary:hover,.button-primary:hover,.mseo-search-panel button:hover,.pagination button[aria-current=page]:hover,.pagination .mseo-load-more:hover,.mseo-tools-toggle:hover,.category-load-more-wrap .mseo-load-more:hover{
  background: var(--button-primary-hover);
  border-color: var(--button-primary-hover);
  color: #fff;
}
.site-secondary,.button-secondary{
  background: var(--surface);
  border-color: var(--line);
  color: var(--brand);
}
.site-secondary:hover,.button-secondary:hover{
  background: var(--surface-2);
  border-color: var(--brand);
  color: var(--brand-2);
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{
  outline-color: var(--button-focus);
}


/* Mobile bottom tab navigation and Font Awesome icon alignment */
.mseo-icon-button i,.mseo-scroll-controls i{font-size:1rem;line-height:1}
.mseo-mobile-tabbar{display:none}
.mseo-mobile-tabbar a{display:flex;flex:1;min-width:0;min-height:58px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:7px 2px;color:var(--muted);font-size:.68rem;font-weight:800;line-height:1.25;text-align:center;transition:color .18s,background .18s}
.mseo-mobile-tabbar a i{font-size:1.08rem;line-height:1.1}
.mseo-mobile-tabbar a[aria-current="page"],.mseo-mobile-tabbar a:hover{color:var(--brand)}
.mseo-mobile-tabbar a[aria-current="page"] i{transform:translateY(-1px)}
@media(max-width:760px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .mseo-header-inner{min-height:64px;gap:10px}
  .mseo-menu-toggle{display:inline-grid;order:0}
  .mseo-brand{margin-inline-end:auto;order:1}
  .mseo-actions{order:2;gap:5px}
  .mseo-icon-button{width:39px;height:39px}
  .mseo-nav{display:none;position:absolute;top:100%;inset-inline:12px;z-index:1002;align-items:stretch;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);max-height:calc(100dvh - 100px);overflow:auto}
  .mseo-nav.is-open{display:flex}
  .mseo-nav a{padding:11px 13px}
  .mseo-mobile-tabbar{position:fixed;z-index:1100;inset-inline:0;bottom:0;display:flex;align-items:stretch;justify-content:space-around;padding:4px 5px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--header);backdrop-filter:blur(18px);box-shadow:0 -8px 26px rgba(20,35,65,.08)}
  .mseo-scroll-controls{inset-inline-end:12px;bottom:calc(82px + env(safe-area-inset-bottom))}
}
@media(min-width:761px){.mseo-mobile-tabbar{display:none!important}}

/* Final shared CTA palette: primary actions and every "load more" control match. */
:root{--button-primary:#3156d9;--button-primary-hover:#203da7}
html.dark{--button-primary:#3156d9;--button-primary-hover:#203da7}
.site-primary,.button-primary,.seo-button-primary,.mseo-search-panel button,.pagination button[aria-current=page],.pagination .mseo-load-more,.mseo-tools-toggle,.category-load-more-wrap .mseo-load-more,button[data-load-more],button.load-more,.load-more-button,a.load-more,a[data-load-more],.read-more-button{
  background:var(--button-primary)!important;
  background-color:var(--button-primary)!important;
  border-color:var(--button-primary)!important;
  color:#fff!important;
}
.site-primary:hover,.button-primary:hover,.seo-button-primary:hover,.mseo-search-panel button:hover,.pagination button[aria-current=page]:hover,.pagination .mseo-load-more:hover,.mseo-tools-toggle:hover,.category-load-more-wrap .mseo-load-more:hover,button[data-load-more]:hover,button.load-more:hover,.load-more-button:hover,a.load-more:hover,a[data-load-more]:hover,.read-more-button:hover{
  background:var(--button-primary-hover)!important;
  background-color:var(--button-primary-hover)!important;
  border-color:var(--button-primary-hover)!important;
  color:#fff!important;
}


/* Modern adaptive logo frame — shared header/footer, light and dark themes. */
:root{
  --mseo-logo-border: rgba(49, 86, 217, .22);
  --mseo-logo-surface: rgba(255, 255, 255, .88);
  --mseo-logo-shadow: 0 2px 5px rgba(22, 34, 66, .06), 0 7px 18px rgba(49, 86, 217, .09);
  --mseo-logo-shadow-hover: 0 4px 9px rgba(22, 34, 66, .09), 0 10px 24px rgba(49, 86, 217, .16);
}
html.dark,html[data-theme="tech"]{
  --mseo-logo-border: rgba(139, 164, 255, .32);
  --mseo-logo-surface: rgba(19, 27, 45, .92);
  --mseo-logo-shadow: 0 2px 6px rgba(0, 0, 0, .22), 0 8px 22px rgba(0, 0, 0, .2);
  --mseo-logo-shadow-hover: 0 4px 10px rgba(0, 0, 0, .3), 0 10px 26px rgba(74, 105, 210, .2);
}
.mseo-header .mseo-brand-logo,.mseo-footer .mseo-brand-logo{
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid var(--mseo-logo-border);
  border-radius: 12px !important;
  background: var(--mseo-logo-surface);
  box-shadow: var(--mseo-logo-shadow);
  transition: box-shadow .22s ease, border-color .22s ease, transform .22s ease, background-color .22s ease;
}
.mseo-header .mseo-brand:hover .mseo-brand-logo,.mseo-footer .mseo-brand:hover .mseo-brand-logo{
  border-color: rgba(49, 86, 217, .48);
  box-shadow: var(--mseo-logo-shadow-hover);
  transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce){
  .mseo-header .mseo-brand-logo,.mseo-footer .mseo-brand-logo{ transition: none; }
}


/* Balanced responsive footer logo sizing; keep the established mobile size. */
.mseo-footer .mseo-brand-logo{
  display: block;
  flex: 0 0 auto;
  width: 160px !important;
  height: 80px !important;
  max-width: 100%;
  object-fit: contain;
}
@media (min-width: 761px) and (max-width: 1100px){
  .mseo-footer .mseo-brand-logo{
    width: 140px !important;
    height: 70px !important;
  }
}
@media (max-width: 760px){
  .mseo-footer .mseo-brand-logo{
    width: 120px !important;
    height: 60px !important;
  }
}


/* Footer social links: accessible, compact and responsive icons without external icon-font dependency. */
.mseo-socials{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:18px}
.mseo-socials>span{font-weight:800}
.mseo-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px;max-width:100%}
.mseo-social-links a{display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;color:var(--brand);background:var(--surface);transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease; text-decoration:none}
.mseo-social-links a:hover{transform:translateY(-3px);background:var(--brand);border-color:var(--brand);color:#fff}
.mseo-social-links a:focus-visible{outline:3px solid var(--button-focus);outline-offset:3px}
.mseo-social-links svg{display:block;width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mseo-social-links svg rect,.mseo-social-links svg circle{fill:none}
.mseo-social-links svg .mseo-social-fill{fill:currentColor;stroke:none}
@media(max-width:540px){.mseo-social-links{gap:8px}.mseo-social-links a{width:38px;height:38px;flex-basis:38px}}
@media(prefers-reduced-motion:reduce){.mseo-social-links a{transition:none}.mseo-social-links a:hover{transform:none}}


/* Official-inspired brand colors for each social icon; preserve the circular neutral button. */
.mseo-social-links a:nth-child(1){color:#181717}
.mseo-social-links a:nth-child(2){color:#E60023}
.mseo-social-links a:nth-child(3){color:#E4405F}
.mseo-social-links a:nth-child(4){color:#000000}
.mseo-social-links a:nth-child(5){color:#0866FF}
.mseo-social-links a:nth-child(6){color:#101010}
.mseo-social-links a:nth-child(7){color:#0A66C2}
.mseo-social-links a:nth-child(8){color:#0085FF}
.mseo-social-links a:nth-child(9){color:#25D366}
.mseo-social-links a:nth-child(1):hover{background:#181717;border-color:#181717;color:#fff}
.mseo-social-links a:nth-child(2):hover{background:#E60023;border-color:#E60023;color:#fff}
.mseo-social-links a:nth-child(3):hover{background:#E4405F;border-color:#E4405F;color:#fff}
.mseo-social-links a:nth-child(4):hover{background:#000;border-color:#000;color:#fff}
.mseo-social-links a:nth-child(5):hover{background:#0866FF;border-color:#0866FF;color:#fff}
.mseo-social-links a:nth-child(6):hover{background:#101010;border-color:#101010;color:#fff}
.mseo-social-links a:nth-child(7):hover{background:#0A66C2;border-color:#0A66C2;color:#fff}
.mseo-social-links a:nth-child(8):hover{background:#0085FF;border-color:#0085FF;color:#fff}
.mseo-social-links a:nth-child(9):hover{background:#25D366;border-color:#25D366;color:#fff}


/* Footer navigation refresh: grouped links, balanced desktop columns, and RTL-safe responsive layout. */
.mseo-footer-grid{
  grid-template-columns: minmax(230px, 1.45fr) repeat(4, minmax(125px, 1fr));
  align-items: start;
  gap: clamp(18px, 2.4vw, 32px);
}
.mseo-footer-grid > section{
  min-width: 0;
}
.mseo-footer-grid > section:first-child{
  grid-column: auto;
}
.mseo-footer-group h3{
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 12px;
  font-weight: 900;
}
.mseo-footer-group h3::after{
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 30px;
  height: 3px;
  border-radius: 99px;
  background: var(--brand);
  opacity: .8;
}
.mseo-footer-group .mseo-footer-links{
  gap: 5px;
}
.mseo-footer-group .mseo-footer-links a{
  width: fit-content;
  max-width: 100%;
  line-height: 1.8;
  overflow-wrap: anywhere;
  text-decoration: none;
  transition: color .18s ease, transform .18s ease;
}
.mseo-footer-group .mseo-footer-links a:hover{
  transform: translateX(-2px);
}
.mseo-footer-contact-note{
  margin: 10px 0 0;
  font-size: .8rem !important;
  line-height: 1.8;
}
.mseo-footer .mseo-socials{
  align-items: flex-start;
}
.mseo-footer .mseo-copyright{
  align-items: center;
}
@media (max-width: 1050px){
  .mseo-footer-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 24px;
  }
  .mseo-footer-grid > section:first-child{
    grid-column: 1 / -1;
  }
}
@media (max-width: 760px){
  .mseo-footer-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 20px;
  }
  .mseo-footer-grid > section:first-child{
    grid-column: 1 / -1;
  }
  .mseo-footer .mseo-brand{
    align-items: center;
  }
  .mseo-footer .mseo-brand-logo{
    width: 120px !important;
    height: 60px !important;
  }
}
@media (max-width: 540px){
  .mseo-footer-inner{
    padding-top: 28px;
    padding-bottom: 18px;
  }
  .mseo-footer-grid{
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  .mseo-footer-grid > section:first-child{
    grid-column: auto;
  }
  .mseo-footer-group h3{
    margin-bottom: 8px;
  }
  .mseo-footer-group .mseo-footer-links{
    gap: 3px;
  }
  .mseo-footer-group .mseo-footer-links a{
    min-height: 32px;
    display: inline-flex;
    align-items: center;
  }
  .mseo-footer .mseo-copyright{
    align-items: flex-start;
    gap: 7px;
    line-height: 1.8;
  }
}
@media (prefers-reduced-motion: reduce){
  .mseo-footer-group .mseo-footer-links a{
    transition: none;
  }
  .mseo-footer-group .mseo-footer-links a:hover{
    transform: none;
  }
}


/* Footer v2: clear brand row + four balanced horizontal navigation cards. */
.mseo-footer-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}
.mseo-footer-grid > section:first-child{
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 1.1fr);
  align-items: center;
  column-gap: clamp(24px, 4vw, 56px);
  row-gap: 12px;
  padding: 0 0 24px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--line);
}
.mseo-footer-grid > section:first-child > .mseo-brand{
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
}
.mseo-footer-grid > section:first-child > p{
  grid-column: 1;
  grid-row: 2;
  max-width: 560px;
  margin: 0;
  line-height: 1.9;
}
.mseo-footer-grid > section:first-child > .mseo-socials{
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
  margin: 0;
  gap: 12px;
}
.mseo-footer-group{
  min-width: 0;
  padding: 20px 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: 0 5px 18px rgba(22, 34, 66, .035);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.mseo-footer-group:hover{
  border-color: color-mix(in srgb, var(--brand) 32%, var(--line));
  box-shadow: 0 9px 24px rgba(22, 34, 66, .07);
  transform: translateY(-2px);
}
.mseo-footer-group h3{
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 0 0 12px;
  margin: 0 0 12px;
  border-bottom: 1px solid var(--line);
  font-size: 1rem;
  font-weight: 900;
}
.mseo-footer-group h3::after{
  inset-inline-start: auto;
  inset-inline-end: 0;
  bottom: -1px;
  width: 42px;
  height: 2px;
}
.mseo-footer-group .mseo-footer-links{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}
.mseo-footer-group .mseo-footer-links a{
  display: flex;
  align-items: baseline;
  width: 100%;
  min-height: 30px;
  line-height: 1.7;
  overflow-wrap: anywhere;
  transition: color .18s ease, padding .18s ease;
}
.mseo-footer-group .mseo-footer-links a::before{
  content: "←";
  flex: 0 0 auto;
  margin-inline-end: 8px;
  color: var(--brand);
  font-size: .8em;
  opacity: .7;
}
.mseo-footer-group .mseo-footer-links a:hover{
  padding-inline-start: 4px;
  transform: none;
}
.mseo-footer-contact-note{
  margin: 12px 0 0;
  padding-top: 10px;
  border-top: 1px dashed var(--line);
  font-size: .8rem !important;
  line-height: 1.8;
}
.mseo-footer .mseo-copyright{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 20px;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
@media (max-width: 1000px){
  .mseo-footer-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .mseo-footer-grid > section:first-child{
    grid-template-columns: minmax(0, 1fr) minmax(220px, .9fr);
  }
}
@media (max-width: 600px){
  .mseo-footer-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .mseo-footer-grid > section:first-child{
    grid-template-columns: minmax(0, 1fr);
    row-gap: 12px;
    padding-bottom: 20px;
  }
  .mseo-footer-grid > section:first-child > .mseo-brand,.mseo-footer-grid > section:first-child > p,.mseo-footer-grid > section:first-child > .mseo-socials{
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
  .mseo-footer-grid > section:first-child > .mseo-socials{ margin-top: 4px; }
  .mseo-footer-group{ padding: 16px 13px; border-radius: 13px; }
  .mseo-footer-group h3{ font-size: .93rem; }
  .mseo-footer-group .mseo-footer-links{ gap: 5px; }
  .mseo-footer .mseo-copyright{ align-items: flex-start; flex-direction: column; }
}
@media (max-width: 380px){
  .mseo-footer-grid{ grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce){
  .mseo-footer-group{ transition: none; }
  .mseo-footer-group:hover{ transform: none; }
}

/* Footer navigation groups: independent vertical columns, responsive by viewport. */
.mseo-footer-grid > .mseo-footer-group{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  min-width: 0;
}
.mseo-footer-grid > .mseo-footer-group > h3{
  flex: 0 0 auto;
}
.mseo-footer-grid > .mseo-footer-group > .mseo-footer-links{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 0 0 auto;
}
.mseo-footer-grid > .mseo-footer-group > .mseo-footer-links a{
  width: 100%;
  min-width: 0;
}
.mseo-footer-grid > .mseo-footer-group > .mseo-footer-contact-note{
  margin-top: auto;
  padding-top: 12px;
}
@media (min-width: 1001px){
  .mseo-footer-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1000px){
  .mseo-footer-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px){
  .mseo-footer-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mseo-footer-grid > .mseo-footer-group{ padding: 15px 12px; }
}
@media (max-width: 380px){
  .mseo-footer-grid{ grid-template-columns: minmax(0, 1fr); }
}

/* Final footer layout: four side-by-side columns, each with vertically stacked links. */
footer.mseo-footer .mseo-footer-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start;
  gap: 28px;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  width: 100%;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > h3{
  margin: 0 0 14px;
  width: 100%;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > nav.mseo-footer-links{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > nav.mseo-footer-links a{
  display: block;
  width: 100%;
  text-align: start;
  overflow-wrap: anywhere;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > .mseo-footer-contact-note{
  margin-top: 14px;
  padding-top: 0;
}
@media (max-width: 760px){
  footer.mseo-footer .mseo-footer-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 20px;
  }
}
@media (max-width: 420px){
  footer.mseo-footer .mseo-footer-grid{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px;
  }
}



/* Footer correction: simple four-column navigation, matching existing site colors. */
footer.mseo-footer .mseo-footer-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 28px !important;
}
footer.mseo-footer .mseo-footer-grid > section:first-child{
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px 28px !important;
  padding: 0 0 24px !important;
  margin: 0 0 4px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: transparent !important;
  box-shadow: none !important;
}
footer.mseo-footer .mseo-footer-grid > section:first-child > .mseo-brand{ grid-column: 1; grid-row: 1; }
footer.mseo-footer .mseo-footer-grid > section:first-child > p{ grid-column: 1; grid-row: 2; margin: 0; }
footer.mseo-footer .mseo-footer-grid > section:first-child > .mseo-socials{
  grid-column: 2; grid-row: 1 / span 2; justify-self: end; margin: 0;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  align-self: start !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group:hover{
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > h3{
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid var(--line) !important;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > h3::after{
  inset-inline-start: 0 !important;
  inset-inline-end: auto !important;
  bottom: -1px !important;
  width: 30px !important;
  height: 2px !important;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > nav.mseo-footer-links{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > nav.mseo-footer-links a{
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: start !important;
  overflow-wrap: anywhere !important;
}
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > nav.mseo-footer-links a::before{ content: none !important; }
footer.mseo-footer .mseo-footer-grid > .mseo-footer-group > .mseo-footer-contact-note{
  margin: 14px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
footer.mseo-footer .mseo-copyright{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px 24px !important;
  border-top: 1px solid var(--line) !important;
  margin-top: 28px !important;
  padding-top: 18px !important;
}
@media (max-width: 760px){
  footer.mseo-footer .mseo-footer-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 20px !important; }
  footer.mseo-footer .mseo-footer-grid > section:first-child{ grid-template-columns: minmax(0, 1fr) !important; }
  footer.mseo-footer .mseo-footer-grid > section:first-child > .mseo-brand,footer.mseo-footer .mseo-footer-grid > section:first-child > p,footer.mseo-footer .mseo-footer-grid > section:first-child > .mseo-socials{
    grid-column: 1 !important; grid-row: auto !important; justify-self: start !important;
  }
  footer.mseo-footer .mseo-footer-grid > section:first-child > .mseo-socials{ margin-top: 4px !important; }
  footer.mseo-footer .mseo-copyright{ flex-direction: row !important; }
}
@media (max-width: 420px){
  footer.mseo-footer .mseo-footer-grid{ grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; }
  footer.mseo-footer .mseo-copyright{ flex-direction: column !important; align-items: flex-start !important; }
}


/* Fast SEO footer refresh — three clearly separated RTL sections. */
.mseo-footer{
  --footer-divider: #1f2937;
  border-top: 1px solid var(--footer-divider);
  background: var(--surface, #101b2b);
  color: var(--text, #f3f4f6);
}
.mseo-footer-inner{
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
  padding: 0;
}
.mseo-footer-top{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1.2fr) minmax(220px, 1fr);
  align-items: center;
  gap: 28px;
  padding-block: 30px;
  border-bottom: 1px solid var(--footer-divider);
}
.mseo-footer-brand{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  color: var(--text, #f3f4f6);
  font-weight: 800;
  text-decoration: none;
}
.mseo-footer-brand .mseo-brand-logo{
  display: block;
  width: 92px;
  height: 52px;
  object-fit: contain;
  border-radius: 8px;
}
.mseo-footer-brand span{ font-size: 1.12rem; }
.mseo-footer-brand b{ color: var(--site-accent, var(--brand, #60a5fa)); }
.mseo-footer-tagline,.mseo-footer .mseo-footer-top p{
  margin: 0;
  max-width: 360px;
  color: var(--muted, #9ca3af);
  line-height: 1.9;
}
.mseo-footer-contact{
  display: grid;
  justify-items: start;
  gap: 8px;
  direction: ltr;
  text-align: left;
}
.mseo-footer-contact a{
  color: var(--muted, #9ca3af);
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color .2s ease;
}
.mseo-footer-main{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
  padding-block: 34px;
  border-bottom: 1px solid var(--footer-divider);
}
.mseo-footer .mseo-footer-group{ min-width: 0; }
.mseo-footer .mseo-footer-group h3{
  margin: 0 0 14px;
  color: var(--text, #f3f4f6);
  font-size: .98rem;
  font-weight: 750;
}
.mseo-footer .mseo-footer-group p{
  margin: 0;
  max-width: 34ch;
  color: var(--muted, #9ca3af);
  font-size: .9rem;
  line-height: 1.95;
}
.mseo-footer .mseo-footer-links{
  display: grid;
  justify-items: start;
  gap: 7px;
}
.mseo-footer .mseo-footer-links a{
  padding-block: 2px;
  color: var(--muted, #9ca3af);
  font-size: .9rem;
  line-height: 1.8;
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}
.mseo-footer .mseo-footer-links a:hover,.mseo-footer .mseo-footer-links a:focus-visible,.mseo-footer-contact a:hover,.mseo-footer-contact a:focus-visible{
  color: var(--site-accent, var(--brand, #60a5fa));
}
.mseo-footer .mseo-footer-links a:hover{ transform: translateX(-2px); }
.mseo-footer .mseo-footer-social-list{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
}
.mseo-footer .mseo-copyright{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-block: 20px;
  color: var(--muted, #9ca3af);
  font-size: .85rem;
}
.mseo-footer .mseo-copyright strong{ color: var(--text, #f3f4f6); }
@media (max-width: 900px){
  .mseo-footer-top{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mseo-footer-tagline{ grid-column: 1 / -1; grid-row: 2; }
  .mseo-footer-main{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; }
}
@media (max-width: 560px){
  .mseo-footer-inner{ width: calc(100% - 32px); }
  .mseo-footer-top{ grid-template-columns: minmax(0, 1fr); gap: 14px; padding-block: 24px; }
  .mseo-footer-tagline{ grid-column: auto; grid-row: auto; }
  .mseo-footer-contact{ direction: ltr; text-align: left; }
  .mseo-footer-main{ grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 28px; }
  .mseo-footer .mseo-footer-social-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mseo-footer .mseo-copyright{ align-items: flex-start; flex-direction: column; gap: 6px; padding-block: 18px; }
}


/* Footer layout aligned with the requested three-tier structure. */
footer.mseo-footer .mseo-footer-inner{ width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
footer.mseo-footer .mseo-footer-top{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "contact brand" "contact tagline";
  align-items: center;
  gap: 8px 32px;
  padding: 30px 0 26px;
  border-bottom: 1px solid var(--line, rgba(148,163,184,.25));
}
footer.mseo-footer .mseo-footer-brand{ grid-area: brand; justify-self: end; }
footer.mseo-footer .mseo-footer-tagline{ grid-area: tagline; margin: 0; text-align: end; }
footer.mseo-footer .mseo-footer-contact{
  grid-area: contact;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  direction: ltr;
  text-align: left;
}
footer.mseo-footer .mseo-footer-main{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  padding: 30px 0;
  border-bottom: 1px solid var(--line, rgba(148,163,184,.25));
}
footer.mseo-footer .mseo-footer-group{ min-width: 0; }
footer.mseo-footer .mseo-footer-group p{ margin: 0; line-height: 1.9; }
footer.mseo-footer .mseo-footer-links{ display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
footer.mseo-footer .mseo-footer-links a{ overflow-wrap: anywhere; }
footer.mseo-footer .mseo-footer-social-list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
footer.mseo-footer .mseo-copyright{
  direction: ltr;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 0;
}
footer.mseo-footer .mseo-footer-bottom-links{ direction: rtl; display: flex; flex-wrap: wrap; gap: 18px; }
footer.mseo-footer .mseo-footer-credit{ direction: rtl; text-align: right; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
@media (max-width: 900px){
  footer.mseo-footer .mseo-footer-main{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 22px; }
}
@media (max-width: 560px){
  footer.mseo-footer .mseo-footer-inner{ width: calc(100% - 32px); }
  footer.mseo-footer .mseo-footer-top{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "brand" "tagline" "contact";
    gap: 12px;
    padding: 24px 0;
  }
  footer.mseo-footer .mseo-footer-brand{ justify-self: start; }
  footer.mseo-footer .mseo-footer-tagline{ text-align: start; }
  footer.mseo-footer .mseo-footer-contact{ padding-top: 8px; }
  footer.mseo-footer .mseo-footer-main{ grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 26px 0; }
  footer.mseo-footer .mseo-copyright{ align-items: flex-start; flex-direction: column; gap: 12px; }
  footer.mseo-footer .mseo-footer-credit{ flex-direction: column; align-items: flex-start; gap: 6px; }
}


/* Restore recognizable social-network icons in the shared footer. */
.mseo-footer-social-list a{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
}
.mseo-footer-social-list a > i{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.35rem;
  width: 1.35rem;
  font-size: 1.15rem;
  line-height: 1;
}
.mseo-footer-social-list a:hover > i,.mseo-footer-social-list a:focus-visible > i{
  transform: translateY(-1px);
}
.mseo-footer-social-list a > i{
  transition: transform .18s ease;
}
@media (prefers-reduced-motion: reduce){
  .mseo-footer-social-list a > i{ transition: none; }
}


/* Footer alignment fix: restore RTL flow and icon-only social links. */
footer.mseo-footer{
  direction: rtl;
  text-align: right;
}
footer.mseo-footer .mseo-footer-inner,footer.mseo-footer .mseo-footer-top,footer.mseo-footer .mseo-footer-main,footer.mseo-footer .mseo-footer-group,footer.mseo-footer .mseo-footer-links{
  direction: rtl;
}
footer.mseo-footer .mseo-footer-tagline,footer.mseo-footer .mseo-footer-group,footer.mseo-footer .mseo-footer-group h3,footer.mseo-footer .mseo-footer-links,footer.mseo-footer .mseo-copyright{
  text-align: right;
}
footer.mseo-footer .mseo-footer-main{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
footer.mseo-footer .mseo-footer-social-list{
  display: grid;
  grid-template-columns: repeat(3, 42px);
  justify-content: start;
  justify-items: center;
  align-items: center;
  gap: 12px;
  direction: rtl;
}
footer.mseo-footer .mseo-footer-social-list a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--line, rgba(148, 163, 184, .25));
  border-radius: 12px;
  color: var(--muted, #9ca3af);
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: none;
}
footer.mseo-footer .mseo-footer-social-list a::before{
  content: none !important;
}
footer.mseo-footer .mseo-footer-social-list a > i{
  display: inline-block;
  width: auto;
  flex: 0 0 auto;
  font-size: 1.2rem;
  line-height: 1;
  transition: transform .18s ease;
}
footer.mseo-footer .mseo-footer-social-list a:hover,footer.mseo-footer .mseo-footer-social-list a:focus-visible{
  color: var(--site-accent, var(--brand, #60a5fa));
  border-color: currentColor;
}
footer.mseo-footer .mseo-footer-social-list a:hover > i,footer.mseo-footer .mseo-footer-social-list a:focus-visible > i{
  transform: translateY(-1px);
}
footer.mseo-footer .mseo-footer-credit{
  direction: rtl;
  text-align: right;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 900px){
  footer.mseo-footer .mseo-footer-main{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px){
  footer.mseo-footer .mseo-footer-main{
    grid-template-columns: minmax(0, 1fr);
  }
  footer.mseo-footer .mseo-footer-social-list{
    grid-template-columns: repeat(3, 42px);
  }
  footer.mseo-footer .mseo-footer-credit{
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}
@media (prefers-reduced-motion: reduce){
  footer.mseo-footer .mseo-footer-social-list a > i{
    transition: none;
  }
}


/* RTL footer corrections: use logical alignment and keep the brand/link flow consistent. */
footer.mseo-footer{
  direction: rtl;
  text-align: start;
}

footer.mseo-footer .mseo-footer-inner{
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

footer.mseo-footer .mseo-footer-top{
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "brand" "tagline";
  justify-items: start;
  align-items: start;
  gap: 12px;
}

footer.mseo-footer .mseo-footer-brand{
  grid-area: brand;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-self: start;
  justify-content: flex-start;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  text-align: start;
  direction: rtl;
  text-decoration: none;
}

footer.mseo-footer .mseo-footer-brand .mseo-brand-logo{
  display: block;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  max-width: min(120px, 32vw);
  max-height: 60px;
  object-fit: contain;
  object-position: center;
}

footer.mseo-footer .mseo-footer-brand > span{
  min-width: 0;
  text-align: start;
  unicode-bidi: isolate;
}

footer.mseo-footer .mseo-footer-tagline{
  grid-area: tagline;
  margin: 0;
  max-width: 72ch;
  text-align: start;
  justify-self: start;
}

footer.mseo-footer .mseo-footer-main{
  direction: rtl;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

footer.mseo-footer .mseo-footer-group{
  min-width: 0;
  text-align: start;
}

footer.mseo-footer .mseo-footer-group h3{
  text-align: start;
}

footer.mseo-footer .mseo-footer-links{
  align-items: flex-start;
  text-align: start;
  direction: rtl;
}

footer.mseo-footer .mseo-footer-links a{
  max-width: 100%;
  text-align: start;
  overflow-wrap: anywhere;
}

footer.mseo-footer .mseo-footer-links:not(.mseo-footer-social-list) a:hover,footer.mseo-footer .mseo-footer-links:not(.mseo-footer-social-list) a:focus-visible{
  transform: translateX(2px);
}

footer.mseo-footer .mseo-footer-social-list{
  direction: rtl;
  justify-content: start;
  justify-items: center;
}

footer.mseo-footer .mseo-copyright{
  direction: rtl;
  text-align: start;
}

footer.mseo-footer .mseo-footer-credit{
  direction: rtl;
  justify-content: space-between;
  align-items: center;
  text-align: start;
  unicode-bidi: plaintext;
}

@media (max-width: 900px){
  footer.mseo-footer .mseo-footer-main{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px){
  footer.mseo-footer .mseo-footer-inner{
    width: calc(100% - 32px);
  }

  footer.mseo-footer .mseo-footer-top{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "brand" "tagline";
    justify-items: start;
    gap: 12px;
  }

  footer.mseo-footer .mseo-footer-brand{
    justify-self: start;
    gap: 10px;
  }

  footer.mseo-footer .mseo-footer-brand .mseo-brand-logo{
    max-width: min(96px, 28vw);
    max-height: 48px;
  }

  footer.mseo-footer .mseo-footer-main{
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  footer.mseo-footer .mseo-footer-credit{
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}


/* Homepage polish: consistent article imagery, compact excerpts, and a clean logo. */
@media (min-width: 1101px){
  body:has(> main .articles-section) .articles-section .article-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }
}
.articles-section .article-card{
  min-width: 0;
  height: 100%;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: 0 5px 18px rgba(23, 32, 51, .045);
  transition: transform .2s ease, box-shadow .2s ease;
}
.articles-section .article-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(23, 32, 51, .09);
}
.articles-section .article-card-media{
  aspect-ratio: 16 / 10;
  border: 0;
  border-radius: 0;
}
.articles-section .article-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.articles-section .article-card-body{
  padding: 16px 17px 18px;
  gap: 7px;
}
.articles-section .article-card h3{
  margin: 2px 0 0;
  font-size: 1.04rem;
  line-height: 1.65;
  text-wrap: pretty;
}
.articles-section .article-card-body p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.75;
}
.articles-section .article-card .site-read{
  margin-top: 8px;
}
.latest-carousel-section .latest-carousel-image{
  border-radius: 14px;
}
.latest-carousel-section .latest-carousel-image img{
  object-fit: cover;
  object-position: center;
}
.latest-carousel-section .latest-carousel-copy p{
  -webkit-line-clamp: 2;
}
.mseo-header .mseo-brand-logo,.mseo-footer .mseo-brand-logo{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.mseo-header .mseo-brand:hover .mseo-brand-logo,.mseo-footer .mseo-brand:hover .mseo-brand-logo{
  box-shadow: none !important;
}
@media (max-width: 800px){
  .articles-section .article-card-body{ padding: 14px; }
  .articles-section .article-card h3{ font-size: .98rem; }
}
@media (max-width: 540px){
  .articles-section .article-card-media{ aspect-ratio: 16 / 9; }
  .articles-section .article-card-body{ padding: 13px; }
}
@media (prefers-reduced-motion: reduce){
  .articles-section .article-card{ transition: none; }
  .articles-section .article-card:hover{ transform: none; }
}


/* Footer composition matched to the supplied reference: social/newsletter, categories, brand. */
footer.mseo-footer .mseo-footer-main{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, .72fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: start;
  direction: rtl;
}
footer.mseo-footer .mseo-footer-group h3{
  margin: 0 0 14px;
  font-size: .98rem;
  font-weight: 700;
}
footer.mseo-footer .mseo-footer-links:not(.mseo-footer-social-list){
  gap: 9px;
}
footer.mseo-footer .mseo-footer-about .mseo-footer-brand{
  display: inline-flex;
  margin-bottom: 12px;
}
footer.mseo-footer .mseo-footer-about .mseo-footer-tagline{
  margin: 0 0 14px;
  max-width: 38ch;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.9;
}
footer.mseo-footer .mseo-footer-quick-links{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 16px;
}
footer.mseo-footer .mseo-footer-newsletter{
  margin-top: 24px;
}
footer.mseo-footer .mseo-footer-newsletter h4{
  margin: 0 0 6px;
  font-size: .9rem;
}
footer.mseo-footer .mseo-footer-newsletter p{
  margin: 0 0 10px;
  color: var(--muted);
  font-size: .82rem;
}
footer.mseo-footer .mseo-footer-subscribe{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 8px;
  background: var(--site-accent, #1677ff);
  color: #fff;
  font-size: .84rem;
  text-decoration: none;
}
footer.mseo-footer .mseo-footer-credit{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  width: 100%;
}
footer.mseo-footer .mseo-footer-bottom-links{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
@media (max-width: 800px){
  footer.mseo-footer .mseo-footer-main{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  footer.mseo-footer .mseo-footer-about{
    grid-column: 1 / -1;
  }
}
@media (max-width: 560px){
  footer.mseo-footer .mseo-footer-main{
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }
  footer.mseo-footer .mseo-footer-about{
    grid-column: auto;
  }
  footer.mseo-footer .mseo-footer-credit{
    align-items: flex-start;
    flex-direction: column;
  }
}


/* Footer layout refinement: horizontal brand intro above three focused link columns. */
footer.mseo-footer .mseo-footer-top{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(20px, 3vw, 38px);
  padding: 0 0 24px;
  margin: 0 0 24px;
  border-bottom: 1px solid var(--line);
  text-align: start;
}
footer.mseo-footer .mseo-footer-top .mseo-footer-brand{
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  margin: 0;
}
footer.mseo-footer .mseo-footer-top .mseo-brand-logo{
  display: block;
  width: 180px;
  max-width: 32vw;
  height: 48px;
  object-fit: contain;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
}
footer.mseo-footer .mseo-footer-top .mseo-footer-tagline{
  grid-area: auto;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 68ch;
  margin: 0;
  justify-self: auto;
  text-align: start;
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.9;
}
footer.mseo-footer .mseo-footer-main{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 4vw, 56px);
  align-items: start;
  direction: rtl;
}
footer.mseo-footer .mseo-footer-main .mseo-footer-group{
  min-width: 0;
  grid-column: auto;
}
footer.mseo-footer .mseo-footer-main .mseo-footer-group h3{
  margin: 0 0 12px;
  font-size: .98rem;
  font-weight: 700;
}
footer.mseo-footer .mseo-footer-main .mseo-footer-links:not(.mseo-footer-social-list){
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
footer.mseo-footer .mseo-footer-main .mseo-footer-social-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
@media (max-width: 760px){
  footer.mseo-footer .mseo-footer-main{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  footer.mseo-footer .mseo-footer-top{
    gap: 18px;
  }
}
@media (max-width: 560px){
  footer.mseo-footer .mseo-footer-top{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  footer.mseo-footer .mseo-footer-top .mseo-brand-logo{
    width: 160px;
    max-width: 60vw;
  }
  footer.mseo-footer .mseo-footer-main{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 18px;
  }
  footer.mseo-footer .mseo-footer-community{
    grid-column: 1 / -1;
  }
}


footer.mseo-footer .mseo-footer-top .mseo-footer-brand{
  width: 190px;
  min-height: 54px;
}
footer.mseo-footer .mseo-footer-top .mseo-brand-logo{
  width: 190px;
  height: 54px;
  max-width: min(38vw, 190px);
  object-fit: contain;
  object-position: center;
}
footer.mseo-footer .mseo-footer-credit{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
}
footer.mseo-footer .mseo-footer-copyright-text{ flex: 1 1 260px; }
footer.mseo-footer .mseo-footer-copyright-text a{
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--site-accent, #1677ff);
  text-underline-offset: 3px;
}
footer.mseo-footer .mseo-footer-bottom-links{
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 16px;
}
footer.mseo-footer .mseo-footer-bottom-links a{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  white-space: nowrap;
}
@media (max-width: 760px){
  footer.mseo-footer .mseo-footer-credit{ justify-content: flex-start; }
}
@media (max-width: 460px){
  footer.mseo-footer .mseo-footer-bottom-links{ gap: 6px 12px; }
}
@media (prefers-reduced-motion: reduce){
}


/* FastSEO homepage redesign — responsive editorial layout (2026) */
.site-container,.categories-section,.articles-section,.latest-carousel-section,.seo-home-tools{width:min(1240px,calc(100% - 48px));max-width:1240px;margin-inline:auto}
.mseo-header-inner{width:min(1240px,calc(100% - 48px));min-height:82px;gap:24px}
.mseo-brand-logo{width:158px!important;height:50px!important;object-fit:contain}
.mseo-nav{gap:4px}
.mseo-nav a{padding:10px 13px;font-size:.91rem;transition:background .2s,color .2s}
.site-hero{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 34px;background:radial-gradient(ellipse at 15% 15%,rgba(23,166,161,.13),transparent 36%),radial-gradient(ellipse at 90% 10%,rgba(49,86,217,.14),transparent 42%),linear-gradient(180deg,var(--surface),var(--bg) 88%);border-bottom:1px solid var(--line)}
.site-hero:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.32;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,black,transparent 70%)}

.site-hero-copy{max-width:690px}
.site-kicker{padding:8px 13px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:999px;background:var(--surface);letter-spacing:0;font-size:.84rem}

.site-hero h1{max-width:720px;margin:22px 0 18px;font-size:clamp(2.35rem,4.6vw,4.45rem);line-height:1.22;letter-spacing:-.045em}
.site-hero h1 em{color:var(--brand);font-style:normal;white-space:nowrap}
.site-hero-copy>p{max-width:620px;margin:0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:2.05}
.site-hero-actions{gap:12px;margin-top:28px}
.site-hero-actions a{min-height:52px;padding:12px 20px;border-radius:15px}
.site-primary{box-shadow:0 12px 26px color-mix(in srgb,var(--brand) 24%,transparent)}

























@keyframes fastseo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}




.section{padding:58px 0}
.latest-carousel-section{padding-top:58px;padding-bottom:50px}
.section-heading{align-items:end;margin-bottom:26px}
.section-heading h2{font-size:clamp(1.65rem,2.8vw,2.25rem);letter-spacing:-.03em}
.section-kicker{letter-spacing:0;font-size:.78rem}
.heading-count{background:var(--surface);font-size:.78rem;font-weight:800}
.latest-carousel{position:relative}
.latest-carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 3px 16px;overscroll-behavior-inline:contain}
.latest-carousel-track::-webkit-scrollbar{display:none}
.latest-carousel-card{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);flex:0 0 100%;min-width:0;min-height:320px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}
.latest-carousel-image{position:relative;display:block;min-height:300px;overflow:hidden;background:var(--surface-2)}
.latest-carousel-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,20,42,.15),transparent 60%)}
.latest-carousel-image img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;transition:transform .5s}
.latest-carousel-card:hover .latest-carousel-image img{transform:scale(1.035)}
.latest-carousel-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,4vw,48px)}
.latest-carousel-copy .article-category{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));font-size:.75rem}
.carousel-index{align-self:flex-end;margin-top:-28px;color:var(--muted);font-size:.75rem;font-weight:800;direction:ltr}
.latest-carousel-copy h3{margin:20px 0 10px;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.5;letter-spacing:-.025em}
.latest-carousel-copy h3 a{color:var(--text)}
.latest-carousel-copy p{margin:0 0 22px;color:var(--muted);font-size:.92rem;line-height:1.95}
.latest-carousel-copy .button{margin-top:auto;min-height:45px;border-radius:13px}
.carousel-arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 8px 22px rgba(20,35,70,.12);font-size:1.7rem;transform:translateY(-50%);transition:background .2s,color .2s}
.carousel-arrow:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.carousel-prev{right:-18px}.carousel-next{left:-18px}
.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:8px}
.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:var(--line);transition:width .2s,background .2s}
.carousel-dots button[aria-current=true]{width:24px;background:var(--brand)}
.articles-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:26px}
.articles-main{min-width:0}
.toolbar{padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(26,42,75,.035)}
.search-box,.filter-box{min-height:48px;border-radius:12px}
.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.article-card{border-radius:19px;box-shadow:0 8px 24px rgba(26,42,75,.045);transition:transform .22s,border-color .22s,box-shadow .22s}
.article-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(26,42,75,.10)}
.article-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}
.article-card img{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .45s}
.article-card:hover img{transform:scale(1.04)}
.article-card-body{display:flex;flex-direction:column;align-items:flex-start;min-height:225px;padding:18px 19px 20px}
.article-card .article-category{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));font-size:.72rem}
.article-card h3{margin:12px 0 8px;font-size:1rem;line-height:1.75}
.article-card h3 a{color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 16px;font-size:.84rem;line-height:1.85}
.article-card .site-read{margin-top:auto;padding-top:9px;font-size:.82rem}
.articles-sidebar{display:grid;gap:16px;position:sticky;top:104px}
.sidebar-widget{padding:20px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:0 8px 24px rgba(26,42,75,.035)}
.sidebar-widget h2{margin:0 0 14px;font-size:1rem}
.sidebar-latest,.sidebar-categories{display:grid;gap:0;padding:0;margin:0;list-style:none}
.sidebar-latest li,.sidebar-categories li{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid var(--line)}
.sidebar-latest li:last-child,.sidebar-categories li:last-child{border-bottom:0;padding-bottom:0}
.sidebar-latest a,.sidebar-categories a{color:var(--text);font-size:.82rem;font-weight:800;line-height:1.7}
.sidebar-latest span,.sidebar-categories span{color:var(--muted);font-size:.72rem}
.sidebar-categories li{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.sidebar-categories li span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:8px;background:var(--surface-2)}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-card{padding:22px;border-radius:19px;box-shadow:0 8px 24px rgba(26,42,75,.04);transition:transform .2s,border-color .2s}
.category-card:hover{transform:translateY(-4px);border-color:var(--brand);color:var(--text)}
.category-card h3{margin:10px 0 4px;font-size:1.02rem}
.category-card p{margin:0 0 17px;color:var(--muted);font-size:.84rem}
.category-card .site-card-icon{margin-bottom:12px;border-radius:14px}
.seo-home-tools .mseo-tools-grid{gap:16px}
.seo-home-tools .mseo-tools-more{margin-top:22px}
.mseo-footer{margin-top:0}
footer.mseo-footer .mseo-footer-inner{width:min(1240px,calc(100% - 48px));padding-top:42px}
footer.mseo-footer .mseo-footer-grid{gap:38px}
.mseo-footer-links a{width:fit-content}
.mseo-footer-links a:hover{transform:translateX(-2px)}
.mseo-footer .mseo-copyright{margin-top:26px;padding-top:20px}
.pagination{gap:8px}
.pagination button{min-width:42px;min-height:42px;border-radius:12px;font-weight:800}
@media(max-width:1100px){
 
 
 
 .articles-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}
 .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mseo-header-inner{gap:14px}
 .mseo-nav a{padding:8px 9px;font-size:.84rem}
}
@media(max-width:820px){
 .site-container,.categories-section,.articles-section,.latest-carousel-section,.seo-home-tools{width:calc(100% - 32px)}
 .mseo-header-inner{width:calc(100% - 28px);min-height:70px}
 .mseo-brand-logo{width:142px!important;height:45px!important}
 .site-hero{padding-top:52px}
 
 .site-hero-copy{max-width:720px}
 .site-hero h1{max-width:680px;font-size:clamp(2.2rem,7vw,3.55rem)}
 
 
 
 
 .articles-layout{grid-template-columns:1fr}
 .articles-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
 .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .latest-carousel-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .latest-carousel-image,.latest-carousel-image img{min-height:290px}
 .section{padding:44px 0}
}
@media(max-width:560px){
 .site-container,.categories-section,.articles-section,.latest-carousel-section,.seo-home-tools{width:calc(100% - 24px)}
 .site-hero{padding:38px 0 24px}
 .site-hero h1{font-size:clamp(2rem,9vw,2.85rem);line-height:1.28;margin-top:17px}
 .site-hero-copy>p{font-size:.96rem;line-height:1.95}
 .site-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
 .site-hero-actions a{width:100%}
 
 
 
 
 
 
 
 
 
 
 .section{padding:38px 0}
 .section-heading{align-items:flex-start;gap:10px;margin-bottom:18px}
 .section-heading p{font-size:.85rem}
 .heading-count{padding:6px 9px;font-size:.68rem}
 .latest-carousel-card{grid-template-columns:1fr}
 .latest-carousel-image,.latest-carousel-image img{min-height:190px;height:190px}
 .latest-carousel-copy{padding:22px}
 .latest-carousel-copy h3{font-size:1.3rem;margin-top:14px}
 .latest-carousel-copy p{font-size:.85rem}
 .carousel-index{margin-top:-26px}
 .carousel-prev{right:-8px}.carousel-next{left:-8px}
 .carousel-arrow{width:35px;height:35px;font-size:1.35rem}
 .toolbar{padding:9px}
 .filter-box,.search-box{width:100%}
 .filter-box select{min-width:0}
 .article-grid{grid-template-columns:1fr;gap:14px}
 .article-card{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:stretch}
 .article-card-media{aspect-ratio:auto;min-height:100%}
 .article-card img{height:100%;min-height:100%;aspect-ratio:auto}
 .article-card-body{min-height:0;padding:14px}
 .article-card h3{font-size:.91rem;line-height:1.65;margin:8px 0}
 .article-card h3 a{-webkit-line-clamp:3}
 .article-card p{font-size:.77rem;-webkit-line-clamp:2;margin-bottom:9px}
 .article-card .site-read{padding-top:3px;font-size:.75rem}
 .articles-sidebar{grid-template-columns:1fr}
 .category-grid{grid-template-columns:1fr 1fr;gap:10px}
 .category-card{padding:15px}
 .category-card .site-card-icon{width:40px;height:40px}
 .category-card h3{font-size:.9rem}
 .category-card p{font-size:.77rem;line-height:1.7}
 .category-card .site-read{font-size:.74rem}
 footer.mseo-footer .mseo-footer-inner{width:calc(100% - 28px)}
 footer.mseo-footer .mseo-footer-grid{grid-template-columns:1fr 1fr;gap:22px 16px}
 footer.mseo-footer .mseo-footer-grid>div:first-child{grid-column:1/-1}
 .mseo-footer h2,.mseo-footer h3{font-size:.92rem}
 .mseo-footer p,.mseo-footer-links a{font-size:.82rem}
}
@media(max-width:370px){
 .article-card{grid-template-columns:96px minmax(0,1fr)}
 .article-card-body{padding:11px}
 .category-grid{grid-template-columns:1fr}
 
}
@media(prefers-reduced-motion:reduce){
 .site-primary,.site-secondary,.article-card,.category-card{animation:none!important;transition:none!important}
 
}


/* Homepage article cards: prevent image/text collisions and normalize typography. */
:root{--font-site:"Cairo","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-site)!important}
.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(14px,2vw,22px)}
.article-grid>.article-card{display:flex;flex-direction:column;min-width:0;min-height:100%;padding:0;overflow:hidden;isolation:isolate}
.article-grid>.article-card[hidden]{display:none!important}
.article-grid .article-card-media,.article-grid .article-card>a:first-child:has(img){display:block;position:relative;width:100%;aspect-ratio:16/9;min-height:0;max-height:none;overflow:hidden;flex:0 0 auto;background:var(--surface-2);line-height:0}
.article-grid .article-card-media img,.article-grid .article-card>a:first-child img{display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center;margin:0;padding:0}
.article-grid .article-card-body{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:clamp(14px,1.8vw,21px)}
.article-grid .article-card-body .article-category{align-self:flex-start;max-width:100%;overflow-wrap:anywhere}
.article-grid .article-card h3{margin:2px 0;font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.65;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-grid .article-card h3 a{color:var(--text);text-decoration:none}
.article-grid .article-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.85;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-grid .article-card-body .site-read{margin-top:auto;padding-top:8px;align-self:flex-start}
.article-grid .article-card:hover{transform:translateY(-3px)}
.latest-carousel-track{align-items:stretch;overflow-x:auto;overflow-y:hidden}
.latest-carousel-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:0;height:auto;box-sizing:border-box}
.latest-carousel-image{position:relative;display:block;align-self:stretch;width:100%;min-width:0;min-height:0;aspect-ratio:16/10;overflow:hidden}
.latest-carousel-image img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;object-fit:cover;object-position:center}
.latest-carousel-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;overflow-wrap:anywhere}
.latest-carousel-copy h3{max-width:100%;line-height:1.55;overflow-wrap:anywhere}
.latest-carousel-copy p{max-width:100%;line-height:1.85}
.latest-carousel-copy .button{max-width:100%;white-space:normal}
@media(max-width:900px){
 .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .latest-carousel-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:20px}
}
@media(max-width:600px){
 .article-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .article-grid>.article-card{width:100%}
 .article-grid .article-card-body{padding:16px}
 .article-grid .article-card h3{font-size:1.05rem}
 .latest-carousel-card{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}
 .latest-carousel-image{aspect-ratio:16/9;min-height:0}
 .latest-carousel-copy{align-self:stretch}
 .latest-carousel-copy h3{font-size:1.25rem}
}
@media(prefers-reduced-motion:reduce){
 .article-grid .article-card,.article-grid .article-card img,.latest-carousel-image img{transition:none!important}
 .article-grid .article-card:hover{transform:none}
}


/* Slider regression fix: keep the track horizontally scrollable so scrollIntoView and dots work. */
.latest-carousel-track{
 display:flex;
 flex-wrap:nowrap;
 overflow-x:auto!important;
 overflow-y:hidden;
 scroll-snap-type:x mandatory;
 scroll-behavior:smooth;
 scrollbar-width:none;
 -webkit-overflow-scrolling:touch;
}
.latest-carousel-track::-webkit-scrollbar{display:none}
.latest-carousel-track>.latest-carousel-card{
 flex:0 0 100%;
 width:100%;
 min-width:0;
 scroll-snap-align:start;
 scroll-snap-stop:always;
}
.latest-carousel-track>.latest-carousel-card[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.latest-carousel-track{scroll-behavior:auto}}


/* Homepage latest-articles carousel: one deterministic slide layout, overriding legacy duplicate rules. */
.latest-carousel-section .latest-carousel{
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.latest-carousel-section .latest-carousel-track{
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: 0;
  width: 100%;
  min-width: 0;
  overflow-x: auto !important;
  overflow-y: hidden;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  contain: none;
}
.latest-carousel-section .latest-carousel-track::-webkit-scrollbar{ display: none; }
.latest-carousel-section .latest-carousel-track > .latest-carousel-card{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  align-content: stretch;
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 0;
  height: auto;
  box-sizing: border-box;
  gap: clamp(14px, 2.5vw, 30px);
  padding: clamp(14px, 2.5vw, 28px);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.latest-carousel-section .latest-carousel-track > .latest-carousel-card[hidden]{ display: none !important; }
.latest-carousel-section .latest-carousel-image{
  position: relative;
  display: block;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 14px;
  background: var(--surface-2);
}
.latest-carousel-section .latest-carousel-image img{
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  object-position: center;
}
.latest-carousel-section .latest-carousel-copy{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
  padding: clamp(4px, 1vw, 12px);
  overflow-wrap: anywhere;
}
.latest-carousel-section .latest-carousel-copy h3{
  max-width: 100%;
  margin: 12px 0 8px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.latest-carousel-section .latest-carousel-copy h3 a{ overflow-wrap: anywhere; }
.latest-carousel-section .latest-carousel-copy p{
  display: -webkit-box;
  max-width: 100%;
  margin: 0 0 16px;
  line-height: 1.8;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.latest-carousel-section .latest-carousel-copy .button{
  max-width: 100%;
  margin-top: 4px;
  white-space: normal;
}
.latest-carousel-section .loading-card{
  flex: 0 0 100%;
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}
.latest-carousel-section .carousel-arrow{ position: relative; z-index: 1; }
@media (max-width: 700px){
  .latest-carousel-section .latest-carousel{ grid-template-columns: 30px minmax(0, 1fr) 30px; gap: 5px; }
  .latest-carousel-section .latest-carousel-track > .latest-carousel-card{
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }
  .latest-carousel-section .latest-carousel-image{ aspect-ratio: 16 / 9; }
  .latest-carousel-section .latest-carousel-copy{ padding: 2px; }
  .latest-carousel-section .latest-carousel-copy h3{ margin-top: 8px; font-size: 1.2rem; }
  .latest-carousel-section .latest-carousel-copy p{ -webkit-line-clamp: 3; }
}
@media (max-width: 420px){
  .latest-carousel-section .latest-carousel{ grid-template-columns: 26px minmax(0, 1fr) 26px; gap: 3px; }
  .latest-carousel-section .latest-carousel-track > .latest-carousel-card{ padding: 11px; }
  .latest-carousel-section .carousel-arrow{ width: 26px; height: 34px; }
}
@media (prefers-reduced-motion: reduce){
  .latest-carousel-section .latest-carousel-track{ scroll-behavior: auto; }
  .latest-carousel-section .latest-carousel-image img{ transition: none; }
}


/* Mobile footer spacing fix: remove the extra space below the copyright only on phones. */
@media (max-width: 600px){
  footer.mseo-footer .mseo-footer-inner{padding-bottom:4px;}
  footer.mseo-footer .mseo-copyright{margin-bottom:0;padding-bottom:0;}
  footer.mseo-footer{margin-bottom:0;}
}


/* Canonical footer layout: one brand panel, four independent link cards, copyright below. */
footer.mseo-footer{
  display:block!important;
  width:100%!important;
  margin:42px 0 0!important;
  padding:0!important;
  border-top:1px solid var(--line)!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  font-size:.9rem!important;
  line-height:1.75!important;
}
footer.mseo-footer,
footer.mseo-footer *{box-sizing:border-box!important}
footer.mseo-footer .mseo-footer-inner{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  width:min(1180px,calc(100% - 32px))!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:34px 0 20px!important;
}
footer.mseo-footer .mseo-footer-brand-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:28px 22px 24px!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius,20px)!important;
  background:var(--surface)!important;
  box-shadow:var(--shadow)!important;
  text-align:center!important;
}
footer.mseo-footer .mseo-footer-brand-card>.mseo-footer-brand{order:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0!important}
footer.mseo-footer .mseo-footer-brand .mseo-brand-logo{display:block!important;width:180px!important;height:48px!important;max-width:100%!important;object-fit:contain!important}
footer.mseo-footer .mseo-footer-brand-card>.mseo-footer-tagline{order:2!important;display:block!important;width:100%!important;max-width:680px!important;margin:0!important;color:var(--muted)!important;font-size:.9rem!important;line-height:1.9!important}
footer.mseo-footer .mseo-footer-brand-card>.mseo-socials{
  order:3!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  width:100%!important;
  margin:4px 0 0!important;
}
footer.mseo-footer .mseo-footer-brand-card>.mseo-socials a{
  display:inline-flex!important;
  flex:0 0 40px!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  border-radius:13px!important;
  background:var(--bg,var(--surface-2))!important;
  color:var(--text)!important;
  font-size:1rem!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
}
footer.mseo-footer .mseo-footer-brand-card>.mseo-socials a:hover{transform:translateY(-2px)!important;border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important}
footer.mseo-footer .mseo-footer-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:20px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
footer.mseo-footer .mseo-footer-grid>.mseo-footer-group{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:190px!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:22px!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius,20px)!important;
  background:var(--surface)!important;
  box-shadow:var(--shadow)!important;
  overflow-wrap:anywhere!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
footer.mseo-footer .mseo-footer-grid>.mseo-footer-group:hover{transform:translateY(-3px)!important;border-color:var(--brand)!important;box-shadow:0 18px 38px rgba(26,42,75,.11)!important}
footer.mseo-footer .mseo-footer-grid>.mseo-footer-group>h3{
  display:block!important;
  margin:0 0 10px!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  color:var(--text)!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:1.65!important;
  overflow-wrap:anywhere!important;
}
footer.mseo-footer .mseo-footer-grid>.mseo-footer-group>h3:after{content:none!important}
footer.mseo-footer .mseo-footer-grid>.mseo-footer-group>.mseo-footer-links{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
footer.mseo-footer .mseo-footer-grid>.mseo-footer-group>.mseo-footer-links a{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:6px 0!important;
  border:0!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:.88rem!important;
  line-height:1.75!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
footer.mseo-footer .mseo-footer-grid>.mseo-footer-group>.mseo-footer-links a:before{content:none!important}
footer.mseo-footer .mseo-footer-grid>.mseo-footer-group>.mseo-footer-links a:hover{color:var(--brand)!important}
footer.mseo-footer .mseo-copyright{
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px 14px!important;
  width:100%!important;
  min-width:0!important;
  margin:18px 0 0!important;
  padding:14px 0 0!important;
  border:0!important;
  border-top:1px solid var(--line)!important;
  color:var(--muted)!important;
  font-size:.78rem!important;
  line-height:1.6!important;
  text-align:center!important;
}
footer.mseo-footer .mseo-copyright>span{display:inline!important;flex:0 0 auto!important;min-width:0!important;margin:0!important;padding:0!important;line-height:inherit!important}
footer.mseo-footer .mseo-copyright a{display:inline!important;margin:0!important;padding:0!important;color:var(--brand)!important;line-height:inherit!important}
@media(min-width:1100px){
  footer.mseo-footer .mseo-footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  footer.mseo-footer .mseo-footer-grid>.mseo-footer-group{padding:20px!important}
}
@media(max-width:900px){
  footer.mseo-footer .mseo-footer-inner{width:calc(100% - 24px)!important;padding-top:26px!important}
  footer.mseo-footer .mseo-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important}
  footer.mseo-footer .mseo-footer-grid>.mseo-footer-group{min-height:170px!important;padding:18px!important}
}
@media(max-width:600px){
  footer.mseo-footer .mseo-footer-inner{width:calc(100% - 24px)!important;padding:22px 0 14px!important}
  footer.mseo-footer .mseo-footer-brand-card{gap:10px!important;padding:22px 14px 19px!important;border-radius:17px!important}
  footer.mseo-footer .mseo-footer-brand .mseo-brand-logo{width:160px!important;height:44px!important}
  footer.mseo-footer .mseo-footer-tagline{font-size:.84rem!important}
  footer.mseo-footer .mseo-footer-brand-card>.mseo-socials{gap:7px!important}
  footer.mseo-footer .mseo-footer-brand-card>.mseo-socials a{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important;border-radius:11px!important}
  footer.mseo-footer .mseo-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important}
  footer.mseo-footer .mseo-footer-grid>.mseo-footer-group{min-height:0!important;padding:15px 12px!important;border-radius:14px!important}
  footer.mseo-footer .mseo-footer-grid>.mseo-footer-group>h3{font-size:.86rem!important;line-height:1.55!important;margin-bottom:8px!important;padding-bottom:8px!important}
  footer.mseo-footer .mseo-footer-grid>.mseo-footer-group>.mseo-footer-links{gap:4px!important}
  footer.mseo-footer .mseo-footer-grid>.mseo-footer-group>.mseo-footer-links a{font-size:.78rem!important;line-height:1.7!important;padding:5px 0!important}
  footer.mseo-footer .mseo-copyright{flex-direction:column!important;gap:2px!important;margin-top:13px!important;padding-top:10px!important}
}
@media(max-width:360px){
  footer.mseo-footer .mseo-footer-grid{grid-template-columns:minmax(0,1fr)!important}
  footer.mseo-footer .mseo-footer-grid>.mseo-footer-group{padding:16px!important}
}
@media(prefers-reduced-motion:reduce){
  footer.mseo-footer .mseo-footer-grid>.mseo-footer-group,
  footer.mseo-footer .mseo-footer-brand-card>.mseo-socials a{transition:none!important}
  footer.mseo-footer .mseo-footer-grid>.mseo-footer-group:hover,
  footer.mseo-footer .mseo-footer-brand-card>.mseo-socials a:hover{transform:none!important}
}


/* Footer link cards: force a stable two-by-two layout, including the quick-links card. */
@media (min-width: 361px) {
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas: "quick archive" "about pages" !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    justify-items: stretch !important;
  }
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group:nth-child(1) { grid-area: archive !important; }
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group:nth-child(2) { grid-area: about !important; }
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group:nth-child(3) { grid-area: pages !important; }
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group:nth-child(4) { grid-area: quick !important; }
}
@media (max-width: 360px) {
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
  }
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group {
    grid-area: auto !important;
  }
}


/* Footer card containment fix: keep each heading and link list inside its own card. */
footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  direction: rtl !important;
}
footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group {
  position: relative !important;
  inset: auto !important;
  float: none !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 190px !important;
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius, 20px) !important;
  background: var(--surface) !important;
  box-shadow: var(--shadow) !important;
  overflow: hidden !important;
}
footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group > h3 {
  position: static !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
}
footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group > .mseo-footer-links {
  position: static !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (min-width: 1100px) {
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group {
    min-height: 170px !important;
    padding: 18px !important;
  }
}
@media (max-width: 600px) {
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group {
    min-height: 0 !important;
    padding: 15px 12px !important;
    border-radius: 14px !important;
  }
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid > .mseo-footer-group > h3 {
    font-size: .86rem !important;
    line-height: 1.55 !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media (max-width: 360px) {
  footer.mseo-footer .mseo-footer-inner > .mseo-footer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* Responsive fluid AdSense placements; reserve initial space to reduce layout shifts. */
.mseo-ad-placement{
  display:block;
  width:100%;
  min-height:100px;
  margin:28px auto;
  text-align:center;
}
.mseo-ad-placement ins.adsbygoogle{
  display:block;
  width:100%;
  min-height:100px;
}
.mseo-ad-middle{margin-block:30px}
.mseo-ad-bottom{margin-block:30px 12px}