/* MEP Estimate-X · public content pages */
.content-page{padding:46px 0 70px}
.content-hero{position:relative;overflow:hidden;padding:42px 44px;border:1px solid #dfe9f6;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f5f9ff 58%,#eef6ff 100%);box-shadow:0 20px 55px rgba(35,76,125,.08);isolation:isolate}
.content-hero::after{content:"X";position:absolute;inset-inline-end:-28px;bottom:-76px;font-size:260px;font-weight:900;line-height:1;color:rgba(20,113,242,.045);z-index:-1}
.content-eyebrow{margin:0 0 13px;color:#2e6eae;font-size:10px;font-weight:800;letter-spacing:2.7px;text-transform:uppercase}
html[dir=rtl] .content-eyebrow{letter-spacing:.2px}
.content-hero h1{margin:0;max-width:850px;font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-2.5px;color:#0c2c58}
html[dir=rtl] .content-hero h1{line-height:1.35;letter-spacing:-.8px}
.content-hero p{max-width:820px;margin:18px 0 0;color:#59728f;font-size:15px;line-height:1.8}
html[dir=rtl] .content-hero p{line-height:2}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;margin-top:28px}
.content-main{min-width:0}
.content-card{padding:28px;border:1px solid #e0e9f4;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(42,80,122,.055)}
.content-card+.content-card{margin-top:18px}
.content-card h2{margin:0 0 12px;color:#123b6d;font-size:24px;letter-spacing:-.55px}
.content-card h3{margin:22px 0 8px;color:#174f8d;font-size:16px}
html[dir=rtl] .content-card h2,html[dir=rtl] .content-card h3{letter-spacing:0}
.content-card p{margin:0;color:#506c8b;font-size:14px;line-height:1.82}
html[dir=rtl] .content-card p{line-height:2}
.content-card p+p{margin-top:13px}
.content-list{margin:14px 0 0;padding-inline-start:20px;color:#4c6a8d}
.content-list li{margin:8px 0;line-height:1.7}
.content-note{margin-top:16px;padding:14px 16px;border-inline-start:3px solid #1477ef;border-radius:10px;background:#f3f8ff;color:#44688f;font-size:12.5px;line-height:1.7}
.content-side{align-self:start;position:sticky;top:104px;display:grid;gap:14px}
.content-side-card{padding:20px;border:1px solid #dfe9f5;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(36,78,126,.06)}
.content-side-card strong{display:block;margin-bottom:9px;color:#123b6d;font-size:13px}
.content-side-card p{margin:0;color:#6a8099;font-size:11px;line-height:1.7}
.content-side-card a{display:inline-flex;align-items:center;gap:7px;margin-top:13px;color:#0a6fea;font-size:11px;font-weight:700}
.guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.guide-card{display:flex;flex-direction:column;min-height:220px;padding:21px;border:1px solid #dfe8f4;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(37,76,119,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.guide-card:hover{transform:translateY(-3px);border-color:#b9d7fb;box-shadow:0 15px 32px rgba(25,100,190,.11)}
.guide-card .guide-code{margin-bottom:18px;color:#1874e9;font-size:10px;font-weight:800;letter-spacing:1.8px}
html[dir=rtl] .guide-card .guide-code{letter-spacing:.2px}
.guide-card h2{margin:0;color:#143762;font-size:19px;line-height:1.3}
.guide-card p{margin:10px 0 18px;color:#657c96;font-size:12.5px;line-height:1.65}
.guide-card span:last-child{margin-top:auto;color:#0c6ee9;font-size:11px;font-weight:800}
.guide-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.guide-meta span{padding:6px 9px;border:1px solid #dbe8f7;border-radius:999px;background:#f7fbff;color:#55779d;font-size:10px}
.article-lead{font-size:15px!important;color:#415f82!important}
.article-section{scroll-margin-top:110px}
.article-table{width:100%;margin-top:15px;border-collapse:collapse;font-size:12.5px}
.article-table th,.article-table td{padding:11px 12px;border:1px solid #dfe8f3;text-align:start;vertical-align:top}
.article-table th{background:#f4f8fd;color:#284f7b}
.article-table td{color:#526d8a;background:#fff}
.content-breadcrumbs{display:flex;gap:7px;align-items:center;margin-bottom:15px;color:#7188a1;font-size:10px}
.content-breadcrumbs a{color:#176fd8}
.content-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.content-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border:1px solid #bdd8f7;border-radius:10px;background:#f5f9ff;color:#0c68da;font-size:11px;font-weight:800}
.content-button.primary{border-color:#1477ef;background:#1477ef;color:#fff}
.ad-readiness-note{margin-top:22px;padding:15px 17px;border:1px solid #e1eaf5;border-radius:13px;background:#fafcff;color:#637a95;font-size:11px;line-height:1.7}
@media(max-width:980px){.content-grid{grid-template-columns:1fr}.content-side{position:static;grid-template-columns:1fr 1fr}.guide-list{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.content-page{padding:27px 0 48px}.content-hero{padding:28px 23px;border-radius:18px}.content-hero h1{font-size:40px}.content-card{padding:22px}.content-card h2{font-size:21px}.content-side{grid-template-columns:1fr}.guide-list{grid-template-columns:1fr}.guide-card{min-height:0}.article-table{display:block;overflow:auto}.content-actions{flex-direction:column}.content-button{width:100%}}

/* Content-page responsive navigation */
@media(max-width:1000px){.content-header{height:auto;min-height:64px;flex-wrap:wrap;padding-bottom:8px}.content-header .desktop-nav{display:flex;order:3;width:100%;overflow-x:auto;justify-content:flex-start;gap:20px;padding:0 2px;scrollbar-width:none}.content-header .desktop-nav::-webkit-scrollbar{display:none}.content-header .desktop-nav a{padding:10px 0;font-size:11px}.content-header .header-actions{margin-inline-start:auto}.content-header .brand-copy small{display:none}}
@media(max-width:520px){.content-header{padding-inline:13px}.content-header .brand>img{width:32px;height:34px}.content-header .brand-copy strong{font-size:14px}.content-header .language-switch a{min-width:26px}.content-header .desktop-nav{gap:17px}}

/* Premium lightweight dynamic blueprint background for public content */
.content-page{position:relative;isolation:isolate}
.content-page::before{
  content:"";position:fixed;z-index:-2;pointer-events:none;inset:66px 0 0;
  background:
    radial-gradient(circle at 78% 8%,rgba(24,126,237,.12),transparent 28%),
    radial-gradient(circle at 18% 62%,rgba(32,142,233,.08),transparent 24%),
    repeating-linear-gradient(90deg,transparent 0 74px,rgba(37,116,183,.055) 75px 76px),
    repeating-linear-gradient(0deg,transparent 0 54px,rgba(37,116,183,.045) 55px 56px),
    linear-gradient(118deg,#fbfdff 0%,#f1f7fd 48%,#eaf4fc 100%);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;
  animation:contentBlueprintDrift 22s ease-in-out infinite alternate;
}
.content-page::after{
  content:"";position:fixed;z-index:-1;pointer-events:none;top:86px;right:-9vw;width:62vw;height:58vh;opacity:.38;
  background:
    linear-gradient(34deg,transparent 0 33%,rgba(27,119,201,.12) 33.2% 33.5%,transparent 33.8% 54%,rgba(27,119,201,.09) 54.2% 54.5%,transparent 54.8%),
    repeating-linear-gradient(112deg,transparent 0 92px,rgba(35,122,197,.06) 93px 94px);
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);
  animation:contentLayerFloat 28s ease-in-out infinite alternate;
}
html[dir=rtl] .content-page::after{right:auto;left:-9vw;transform:scaleX(-1)}
.content-hero::before{
  content:"";position:absolute;pointer-events:none;inset:-35% -15% 18% 36%;z-index:-1;opacity:.42;
  background:
    repeating-linear-gradient(90deg,transparent 0 48px,rgba(26,121,211,.10) 49px 50px),
    repeating-linear-gradient(0deg,transparent 0 34px,rgba(26,121,211,.08) 35px 36px),
    radial-gradient(circle at 65% 40%,rgba(33,143,244,.18),transparent 32%);
  transform:rotate(-5deg);
  animation:contentHeroGrid 18s ease-in-out infinite alternate;
}
html[dir=rtl] .content-hero::before{inset:-35% 36% 18% -15%;transform:rotate(5deg)}
.content-card,.content-side-card,.guide-card{position:relative;overflow:hidden}
.content-card::after,.content-side-card::after,.guide-card::after{
  content:"";position:absolute;pointer-events:none;width:150px;height:150px;border-radius:50%;inset-inline-end:-72px;bottom:-78px;
  background:radial-gradient(circle,rgba(21,124,235,.07),transparent 68%);
  transform:translate3d(0,0,0);transition:transform .35s ease,opacity .35s ease;
}
.content-card:hover::after,.content-side-card:hover::after,.guide-card:hover::after{transform:translate3d(-12px,-10px,0) scale(1.08);opacity:.95}
.guide-card::before{
  content:"";position:absolute;pointer-events:none;inset:0;opacity:.42;
  background:linear-gradient(110deg,transparent 0 38%,rgba(65,157,245,.08) 48%,transparent 58%);
  transform:translateX(-115%);animation:guideAmbientSweep 13s ease-in-out infinite;
}
.content-side-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.content-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
@keyframes contentBlueprintDrift{
  0%{background-position:0 0,0 0,0 0,0 0,0 0}
  100%{background-position:24px -12px,-20px 14px,18px 8px,-12px 18px,0 0}
}
@keyframes contentLayerFloat{
  0%{transform:translate3d(0,0,0) rotate(0deg);opacity:.30}
  100%{transform:translate3d(-28px,18px,0) rotate(.35deg);opacity:.46}
}
@keyframes contentHeroGrid{
  0%{background-position:0 0,0 0,50% 50%}
  100%{background-position:22px -11px,-12px 17px,58% 42%}
}
@keyframes guideAmbientSweep{
  0%,72%{transform:translateX(-115%)}
  88%,100%{transform:translateX(115%)}
}
@media(max-width:680px){
  .content-page::before{
    background:
      radial-gradient(circle at 78% 8%,rgba(24,126,237,.10),transparent 30%),
      repeating-linear-gradient(90deg,transparent 0 84px,rgba(37,116,183,.04) 85px 86px),
      repeating-linear-gradient(0deg,transparent 0 66px,rgba(37,116,183,.035) 67px 68px),
      linear-gradient(118deg,#fbfdff 0%,#f2f8fd 52%,#edf6fc 100%);
    animation-duration:28s
  }
  .content-page::after{display:none}
  .content-hero::before{opacity:.30;animation-duration:24s}
  .content-card,.content-side-card{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
  .content-page::before,.content-page::after,.content-hero::before,.guide-card::before{animation:none!important}
}