/* AZRS legacy tool pages (agent A): old "features / how it works / formats / about" blocks re-skinned
   to the standard AZRS section look (one card level, flat soft shadows, pill chips). Scoped to .az-tool. */
.az-tool .features-section,.az-tool .how-section,.az-tool .formats-section,.az-tool .about-section{
  background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
  padding:0 !important;margin:56px 0 0 !important;overflow:visible !important;text-align:left !important;color:var(--az-muted);
  animation:none !important;opacity:1 !important;transform:none !important}
.az-tool .features-section::before,.az-tool .how-section::before,.az-tool .formats-section::before,.az-tool .about-section::before{display:none !important}
.az-tool .section-header{text-align:left !important;margin:0 0 22px !important;padding:0 !important}
.az-tool .section-header h2{display:flex;align-items:center;gap:12px;margin:0 !important;font-family:'Plus Jakarta Sans','Inter',sans-serif !important;font-weight:800 !important;
  font-size:clamp(1.5rem,4vw,2.3rem) !important;letter-spacing:-.03em;line-height:1.12 !important;color:var(--az-text) !important;text-align:left !important;-webkit-text-fill-color:currentColor !important;background:none !important}
.az-tool .section-header h2 i{flex:none;width:40px;height:40px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;
  background:color-mix(in srgb,var(--az-a) 12%,#fff);color:var(--az-ink) !important;-webkit-text-fill-color:currentColor}
.az-tool .section-header p{margin:8px 0 0 !important;color:var(--az-muted) !important;font-size:1.02rem !important;opacity:1 !important;text-align:left !important;max-width:46em}
.az-tool .features-grid,.az-tool .steps-grid,.az-tool .formats-grid{display:grid !important;gap:14px !important;margin:0 !important;
  grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr)) !important}
.az-tool .formats-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr)) !important}
.az-tool .feature-card,.az-tool .step-card,.az-tool .format-card{background:#fff !important;border:1px solid var(--az-line) !important;border-radius:26px !important;
  padding:24px !important;box-shadow:0 24px 50px -36px rgba(50,60,140,.5) !important;text-align:left !important;opacity:1 !important;position:relative;
  transition:transform .2s,box-shadow .2s;min-width:0}
.az-tool .feature-card:hover,.az-tool .step-card:hover,.az-tool .format-card:hover{transform:translateY(-4px);box-shadow:0 30px 52px -30px rgba(91,75,255,.4) !important}
.az-tool .feature-icon,.az-tool .step-emoji,.az-tool .format-emoji{width:44px;height:44px;border-radius:14px;display:flex !important;align-items:center;justify-content:center;
  margin:0 0 14px !important;font-size:1.1rem !important;background:color-mix(in srgb,var(--az-a) 12%,#fff) !important;color:var(--az-ink) !important;opacity:1 !important;box-shadow:none !important}
.az-tool .feature-icon i,.az-tool .step-emoji i,.az-tool .format-emoji i{color:var(--az-ink) !important;opacity:1 !important}
.az-tool .feature-card h3,.az-tool .step-card h3,.az-tool .format-card h4{margin:0 !important;font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:800 !important;
  font-size:1.08rem !important;color:var(--az-text) !important;text-align:left !important}
.az-tool .feature-card p,.az-tool .step-card p,.az-tool .format-card p{margin:6px 0 0 !important;font-size:15px !important;line-height:1.55 !important;color:var(--az-muted) !important;opacity:1 !important;text-align:left !important}
.az-tool .step-num{position:absolute !important;top:22px;right:22px;left:auto !important;transform:none !important;width:30px;height:30px;border-radius:10px;
  background:var(--az-a) !important;color:#fff !important;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:none !important}
.az-tool .format-ratio{display:inline-flex;margin-top:10px;padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--az-a) 9%,#fff);
  color:var(--az-ink) !important;font-weight:700;font-size:12.5px !important;opacity:1 !important}
.az-tool .about-section{background:#fff !important;border:1px solid var(--az-line) !important;border-radius:28px !important;padding:clamp(24px,4vw,40px) !important;
  box-shadow:0 24px 50px -36px rgba(50,60,140,.5) !important}
.az-tool .about-section>div:first-child{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 0 14px !important;
  font-size:1.1rem !important;background:color-mix(in srgb,var(--az-a) 12%,#fff);color:var(--az-ink)}
.az-tool .about-section h2{margin:0 0 10px !important;font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:800 !important;font-size:clamp(1.4rem,3.4vw,2rem) !important;letter-spacing:-.03em;color:var(--az-text) !important}
.az-tool .about-section p{margin:0 0 18px !important;max-width:46em !important;color:var(--az-muted) !important;opacity:1 !important;text-align:left !important;font-size:1rem !important;line-height:1.6}
.az-tool .about-links{display:flex !important;flex-wrap:wrap;gap:10px;justify-content:flex-start !important}
.az-tool .about-link{display:inline-flex !important;align-items:center;gap:8px;min-height:40px;padding:0 16px !important;border-radius:999px !important;background:var(--az-ground) !important;
  border:1px solid var(--az-line) !important;color:var(--az-text) !important;font-weight:600;font-size:14px !important;opacity:1 !important;text-decoration:none;backdrop-filter:none !important}
.az-tool a.about-link:hover{border-color:var(--az-a) !important;color:var(--az-ink) !important;transform:none !important}
@media(max-width:700px){.az-tool .feature-card,.az-tool .step-card,.az-tool .format-card{padding:20px !important}.az-tool .features-section,.az-tool .how-section,.az-tool .formats-section,.az-tool .about-section{margin-top:40px !important}
 .az-tool .about-section{padding:22px !important}}

/* ---- generic: the block area below the tool ({az-rvw}/{az-below}) ----
   Outer wrapper panels become plain sections on the page ground (no nested panel, no white band, no faded start state);
   the cards inside them stay as the single card level. */
.az-tool .az-rvw,.az-tool .az-below{overflow:visible}
.az-tool .az-rvw>*:not(.qf-seo):not(.azg):not(.az-ad-slot),.az-tool .az-below>*:not(.qf-seo):not(.azg):not(.az-ad-slot){
  background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;overflow:visible !important;
  padding:0 !important;margin:0 0 56px !important;animation:none !important;opacity:1 !important;transform:none !important}
.az-tool .az-rvw>*>div[style*="padding:clamp"]:only-child,.az-tool .az-below>*>div[style*="padding:clamp"]:only-child{padding:0 !important}
.az-tool .az-rvw>*:not(.qf-seo)::before,.az-tool .az-below>*:not(.qf-seo)::before{display:none}
.az-tool .az-rvw>*:not(.qf-seo) h2:not([class*=card] h2):not([class*=head] h2):not([class*=hd] h2),.az-tool .az-below>*:not(.qf-seo) h2:not([class*=card] h2):not([class*=head] h2):not([class*=hd] h2){font-family:'Plus Jakarta Sans','Inter',sans-serif !important;font-weight:800 !important;
  font-size:clamp(1.4rem,3.6vw,2.1rem) !important;letter-spacing:-.03em;line-height:1.15 !important;color:var(--az-text) !important;text-align:left !important;
  -webkit-text-fill-color:currentColor !important;background:none !important;margin:0 0 10px !important}
.az-tool .az-rvw>*:not(.qf-seo)>p,.az-tool .az-below>*:not(.qf-seo)>p,.az-tool .az-rvw .ssub,.az-tool .az-below .ssub{text-align:left !important;color:var(--az-muted) !important;opacity:1 !important}
.az-tool .az-rvw .az-rv,.az-tool .az-rvw .az-rv2,.az-tool .az-rvw .az-rv3,.az-tool .az-below .az-rv,.az-tool .az-below .az-rv2,.az-tool .az-below .az-rv3{animation:none !important;opacity:1 !important;transform:none !important}
@media(max-width:700px){.az-tool .az-rvw>*:not(.qf-seo):not(.azg),.az-tool .az-below>*:not(.qf-seo):not(.azg){margin-bottom:40px !important}}

/* ---- inline-styled legacy sections (<section class="az-rv" style=...> with an inner white panel) ---- */
.az-tool section[class*="az-rv"]:not(.az-ws){animation:none !important;opacity:1 !important;transform:none !important;overflow:visible !important;background:transparent !important;padding-left:0 !important;padding-right:0 !important}
.az-tool section[class*="az-rv"]:not(.az-ws) div[style*="background:#f"][style*="border-radius"],
.az-tool section[class*="az-rv"]:not(.az-ws) div[style*="background: #f"][style*="border-radius"]{background:#fff !important;border:1px solid var(--az-line) !important;
  border-radius:22px !important;box-shadow:0 20px 44px -34px rgba(50,60,140,.45) !important}
.az-tool section[class*="az-rv"]:not(.az-ws)>div:only-child[style*="background"]{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important}
.az-tool section[class*="az-rv"]:not(.az-ws) h2{font-family:'Plus Jakarta Sans','Inter',sans-serif !important;font-weight:800 !important;font-size:clamp(1.4rem,3.6vw,2.1rem) !important;
  letter-spacing:-.03em;line-height:1.15 !important;color:var(--az-text) !important;text-align:left !important;margin:0 0 12px !important}
.az-tool section[class*="az-rv"]:not(.az-ws) p{color:var(--az-muted) !important}

/* Flat card headers (replaces dark gradient bars on legacy .card / .card-header pages) */
.az-tool .card{border-radius:26px;border-color:var(--az-line,#e6e8f5)}
.az-tool .card-header{background:#fff !important;color:var(--az-text,#14183a) !important;border-bottom:1px solid var(--az-line,#e6e8f5);padding:1rem 1.35rem !important}
.az-tool .card-header h2,.az-tool .card-header h3,.az-tool .card-header i{color:inherit}
.az-tool .card-header i{color:var(--az-a,#5b4bff)}
.az-tool .card-header .cnt{background:color-mix(in srgb,var(--az-a,#5b4bff) 10%,#fff) !important;color:var(--az-a,#5b4bff) !important}
/* Grey pills inside cards -> flat list rows with a hairline */
.az-tool .card .lang-pill,.az-tool .tool-card .lang-pill{background:transparent !important;border:0 !important;border-bottom:1px solid var(--az-line,#e6e8f5) !important;border-radius:0 !important;padding:.7rem .1rem !important}
.az-tool .card .lang-pill:last-child,.az-tool .tool-card .lang-pill:last-child{border-bottom:0 !important}
.az-tool .card table thead th,.az-tool .card table thead td,.az-tool .tool-card table thead th{background:#f1f2fb !important;color:#5b6180 !important}