/* PromXAI AI News modal — canonical detail renderer (test205). */
html.px-ai-news-modal-open,
body.px-ai-news-modal-open { overflow: hidden; overscroll-behavior: none; }

.px-ai-news-modal {
  position: fixed;
  inset: 0;
  z-index: 2147482600;
  display: grid;
  place-items: center;
  padding: 20px;
  overflow: hidden;
  overscroll-behavior: none;
}
.px-ai-news-modal[hidden] { display: none; }
.px-ai-news-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background:
    radial-gradient(circle at 84% 18%, rgba(48,145,255,.11), transparent 31%),
    radial-gradient(circle at 14% 80%, rgba(188,69,236,.09), transparent 30%),
    rgba(3,9,22,.80);
  -webkit-backdrop-filter: blur(13px) saturate(114%);
  backdrop-filter: blur(13px) saturate(114%);
}
.px-ai-news-modal__panel {
  position: relative;
  z-index: 1;
  isolation: isolate;
  width: min(1080px, calc(100vw - 48px));
  height: min(860px, calc(100dvh - 40px));
  max-width: calc(100vw - 48px);
  max-height: calc(100dvh - 40px);
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(151,183,229,.20);
  border-radius: 27px;
  background:
    radial-gradient(circle at 88% 4%, rgba(53,151,255,.10), transparent 25%),
    radial-gradient(circle at 9% 92%, rgba(189,72,239,.08), transparent 24%),
    linear-gradient(155deg,#17304f,#0c1c32);
  color: #f6f8ff;
  box-shadow: 0 42px 110px rgba(0,0,0,.52), inset 0 1px rgba(255,255,255,.04);
}
.px-ai-news-modal__panel::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0 12% auto;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(74,193,255,.92), rgba(135,98,255,.92), rgba(238,91,210,.82), transparent);
  opacity: .72;
  transform-origin: center;
  pointer-events: none;
}
html[data-theme="light"] .px-ai-news-modal__panel {
  border-color: rgba(42,67,106,.14);
  background:
    radial-gradient(circle at 88% 4%, rgba(57,151,245,.08), transparent 25%),
    radial-gradient(circle at 9% 92%, rgba(194,81,213,.06), transparent 24%),
    linear-gradient(155deg,#fff,#f6f9fe);
  color: #17243a;
  box-shadow: 0 34px 86px rgba(35,54,83,.22), inset 0 1px #fff;
}
.px-ai-news-modal__orb { position:absolute; border-radius:50%; pointer-events:none; filter:blur(18px); opacity:.26; }
.px-ai-news-modal__orb--one { width:230px; height:230px; inset-inline-end:-95px; top:-80px; background:rgba(44,161,255,.26); }
.px-ai-news-modal__orb--two { width:210px; height:210px; inset-inline-start:-95px; bottom:-105px; background:rgba(190,66,235,.22); }

.px-ai-news-modal__toolbar {
  position: relative;
  z-index: 3;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 14px 10px 18px;
  border-bottom: 1px solid rgba(151,183,229,.14);
  background: rgba(8,18,34,.52);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html[data-theme="light"] .px-ai-news-modal__toolbar { background: rgba(255,255,255,.78); border-bottom-color: rgba(42,67,106,.10); }
.px-ai-news-modal__toolbar-title { display:flex; align-items:center; gap:8px; color:#dce8f8; font-size:12px; font-weight:900; }
html[data-theme="light"] .px-ai-news-modal__toolbar-title { color:#26364e; }
.px-ai-news-modal__toolbar-title .px-icon { width:17px; height:17px; color:#72c6ff; }
.px-ai-news-modal__scroll {
  position: relative;
  z-index: 2;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: 20px clamp(18px, 3vw, 34px) 34px;
}
.px-ai-news-modal__cover {
  position: relative;
  width: min(760px, 100%);
  max-height: min(58dvh, 620px);
  margin: 0 auto 20px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(151,183,229,.17);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 38%, rgba(66,164,255,.14), transparent 44%),
    #071426;
  box-shadow: 0 18px 46px rgba(0,0,0,.22);
}
.px-ai-news-modal__cover img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: min(58dvh, 620px);
  object-fit: contain;
}
.px-ai-news-modal__cover.is-landscape { width: min(760px, 100%); }
.px-ai-news-modal__cover.is-landscape img { aspect-ratio: 16 / 9; object-fit: cover; }
.px-ai-news-modal__cover.is-square { width: min(620px, 100%); aspect-ratio: 1 / 1; }
.px-ai-news-modal__cover.is-square img { width: 100%; height: 100%; object-fit: contain; }
.px-ai-news-modal__cover.is-portrait { width: min(620px, 100%); min-height: min(60dvh, 640px); }
.px-ai-news-modal__cover.is-portrait img { width: auto; max-width: 100%; height: min(60dvh, 640px); object-fit: contain; }
.px-ai-news-modal__cover figcaption { padding:7px 10px; color:#8398b4; font-size:9px; }
html[data-theme="light"] .px-ai-news-modal__cover { background:#eef4fb; }
.px-ai-news-modal__cover::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 28%, transparent 72%, rgba(255,255,255,.03));
  pointer-events:none;
}
.px-ai-news-modal__cover::after {
  content:"";
  position:absolute;
  inset:auto 20px 0;
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg, transparent, rgba(74,193,255,.92), rgba(135,98,255,.92), rgba(238,91,210,.82), transparent);
  opacity:.72;
  pointer-events:none;
}

.px-ai-news-modal__intro { width:min(840px,100%); margin-inline:auto; display:grid; gap:12px; }
.px-ai-news-modal__meta { display:flex; align-items:center; justify-content:center; gap:7px; flex-wrap:wrap; }
.px-ai-news-modal__meta > span,
.px-ai-news-modal__meta > time {
  min-height: 28px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 9px;
  border:1px solid rgba(151,183,229,.14);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:#aebdd1;
  font-size:9.5px;
  font-weight:800;
}
html[data-theme="light"] .px-ai-news-modal__meta > span,
html[data-theme="light"] .px-ai-news-modal__meta > time { border-color:rgba(42,67,106,.10); background:#f8faff; color:#66778d; }
.px-ai-news-modal__meta .is-category { color:#b8a7ff; border-color:rgba(142,112,255,.25); }
.px-ai-news-modal__meta .is-verified { color:#69dcae; background:rgba(50,200,142,.08); }
.px-ai-news-modal__meta .is-featured { color:#f5b94c; }
.px-ai-news-modal__meta .px-icon { width:12px; height:12px; }
.px-ai-news-modal__intro h2 {
  max-width: 820px;
  margin: 0 auto;
  color:#fff;
  font-size:clamp(23px,2.6vw,34px);
  line-height:1.28;
  letter-spacing:var(--px-heading-tracking,0);
  text-align:center;
}
html[data-theme="light"] .px-ai-news-modal__intro h2 { color:#15233a; }
.px-ai-news-modal__intro > p {
  max-width:760px;
  margin:0 auto;
  color:#bdcadb;
  font-size:13px;
  line-height:1.82;
  text-align:center;
}
html[data-theme="light"] .px-ai-news-modal__intro > p { color:#5f7086; }

.px-ai-news-modal__quickinfo {
  width:min(840px,100%);
  margin:18px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:10px;
}
.px-ai-news-modal__quickinfo > div {
  min-width:0;
  min-height:64px;
  display:grid;
  align-content:center;
  gap:5px;
  padding:12px 13px;
  border:1px solid rgba(151,183,229,.13);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
html[data-theme="light"] .px-ai-news-modal__quickinfo > div { border-color:rgba(42,67,106,.10); background:#f8faff; }
.px-ai-news-modal__quickinfo small { color:#8296b1; font-size:9px; }
.px-ai-news-modal__quickinfo strong { color:#e8eef8; font-size:11.5px; line-height:1.55; word-break:break-word; }
html[data-theme="light"] .px-ai-news-modal__quickinfo strong { color:#26364e; }

.px-ai-news-modal__section,
.px-ai-news-modal__article {
  margin:18px auto 0;
  border:1px solid rgba(151,183,229,.13);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.px-ai-news-modal__section,
.px-ai-news-modal__article { width:min(840px,100%); }
html[data-theme="light"] .px-ai-news-modal__section,
html[data-theme="light"] .px-ai-news-modal__article { border-color:rgba(42,67,106,.10); background:rgba(248,250,255,.92); }
.px-ai-news-modal__section { padding:18px; }
.px-ai-news-modal__section > header { display:flex; align-items:center; gap:9px; margin-bottom:13px; }
.px-ai-news-modal__section > header > .px-icon { width:18px; height:18px; color:#72c6ff; }
.px-ai-news-modal__section header small { display:block; margin-bottom:2px; color:#7890ab; font-size:8.2px; letter-spacing:.02em; }
.px-ai-news-modal__section h3 { margin:0; color:#e5eefb; font-size:14px; line-height:1.4; }
html[data-theme="light"] .px-ai-news-modal__section h3 { color:#1b2b43; }
.px-ai-news-modal__facts ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:9px; margin:0; padding:0; list-style:none; }
.px-ai-news-modal__facts li { min-height:58px; display:flex; align-items:flex-start; gap:7px; padding:10px 11px; border:1px solid rgba(151,183,229,.10); border-radius:11px; color:#b9c8da; font-size:10.8px; line-height:1.6; }
html[data-theme="light"] .px-ai-news-modal__facts li { border-color:rgba(42,67,106,.08); color:#607187; background:#fff; }
.px-ai-news-modal__facts li .px-icon { width:13px; height:13px; margin-top:2px; flex:0 0 auto; color:#5fd4a7; }

.px-ai-news-modal__article { padding:clamp(19px,2.6vw,26px); color:#bccbdd; font-size:13.4px; line-height:1.92; }
html[data-theme="light"] .px-ai-news-modal__article { color:#4f6279; }
.px-ai-news-modal__article h2,
.px-ai-news-modal__article h3,
.px-ai-news-modal__article h4 { color:#f3f7ff; line-height:1.5; }
html[data-theme="light"] .px-ai-news-modal__article h2,
html[data-theme="light"] .px-ai-news-modal__article h3,
html[data-theme="light"] .px-ai-news-modal__article h4 { color:#18283f; }
.px-ai-news-modal__article h2 { margin:26px 0 11px; font-size:19px; }
.px-ai-news-modal__article h2:first-child { margin-top:0; }
.px-ai-news-modal__article h3 { margin:21px 0 9px; font-size:15.5px; }
.px-ai-news-modal__article p { margin:0 0 16px; }
.px-ai-news-modal__article a { color:#70c5ff; }
.px-ai-news-modal__article code { padding:2px 6px; border-radius:6px; background:rgba(255,255,255,.05); color:#79d9ff; }

.px-ai-news-modal__why { background:linear-gradient(135deg,rgba(116,83,233,.11),rgba(255,255,255,.022)); }
.px-ai-news-modal__why > p { margin:0; color:#bdcadb; font-size:12px; line-height:1.85; }
html[data-theme="light"] .px-ai-news-modal__why > p { color:#5d6f85; }
.px-ai-news-modal__source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:10px; }
.px-ai-news-modal__source-grid a { min-height:64px; display:flex; align-items:center; gap:9px; min-width:0; padding:12px; border:1px solid rgba(151,183,229,.11); border-radius:12px; background:rgba(255,255,255,.025); color:#d8e3f2; text-decoration:none; }
html[data-theme="light"] .px-ai-news-modal__source-grid a { border-color:rgba(42,67,106,.09); background:#fff; color:#2b3c54; }
.px-ai-news-modal__source-grid a:hover { border-color:rgba(83,167,255,.35); }
.px-ai-news-modal__source-grid a > .px-icon { width:16px; height:16px; flex:0 0 auto; color:#70c5ff; }
.px-ai-news-modal__source-grid span { min-width:0; display:grid; gap:3px; }
.px-ai-news-modal__source-grid small { color:#8396af; font-size:8.5px; }
.px-ai-news-modal__source-grid strong { font-size:10.5px; line-height:1.5; overflow-wrap:anywhere; }

/* test398 — canonical news reading geometry: all structured content shares one measure. */
.px-ai-news-modal__section>p{margin:0;color:#b8c7d9;font-size:11.5px;line-height:1.82}
html[data-theme="light"] .px-ai-news-modal__section>p{color:#5d7087}
.px-ai-news-modal__article :is(p,li){color:#b9c8d9}
html[data-theme="light"] .px-ai-news-modal__article :is(p,li){color:#52667e}

.px-ai-news-modal:not([hidden]) .px-ai-news-modal__backdrop { animation:pxAiNewsBackdropIn .22s ease both; }
.px-ai-news-modal:not([hidden]) .px-ai-news-modal__panel { animation:pxAiNewsPanelIn .34s cubic-bezier(.2,.85,.25,1) both; }
.px-ai-news-modal:not([hidden]) .px-ai-news-modal__panel::before { animation:pxAiNewsAccentIn .52s .08s cubic-bezier(.2,.85,.25,1) both; }
.px-ai-news-modal:not([hidden]) .px-ai-news-modal__cover { animation:pxAiNewsCoverIn .40s .06s cubic-bezier(.2,.82,.25,1) both; }
.px-ai-news-modal:not([hidden]) .px-ai-news-modal__intro { animation:pxAiNewsIntroIn .34s .13s ease both; }
.px-ai-news-modal:not([hidden]) .px-ai-news-modal__orb--one { animation:pxAiNewsOrbOne 5.8s ease-in-out infinite alternate; }
.px-ai-news-modal:not([hidden]) .px-ai-news-modal__orb--two { animation:pxAiNewsOrbTwo 6.4s ease-in-out infinite alternate; }
@keyframes pxAiNewsBackdropIn { from { opacity:0; } to { opacity:1; } }
@keyframes pxAiNewsPanelIn { from { opacity:0; transform:translateY(12px) scale(.986); } to { opacity:1; transform:none; } }
@keyframes pxAiNewsAccentIn { from { opacity:0; transform:scaleX(.28); } to { opacity:.72; transform:scaleX(1); } }
@keyframes pxAiNewsCoverIn { from { opacity:0; transform:translateY(10px) scale(.982); filter:saturate(.85); } to { opacity:1; transform:none; filter:none; } }
@keyframes pxAiNewsIntroIn { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
@keyframes pxAiNewsOrbOne { from { transform:translate3d(0,0,0) scale(1); opacity:.20; } to { transform:translate3d(-18px,14px,0) scale(1.08); opacity:.32; } }
@keyframes pxAiNewsOrbTwo { from { transform:translate3d(0,0,0) scale(1); opacity:.18; } to { transform:translate3d(16px,-12px,0) scale(1.06); opacity:.29; } }

@media (max-width: 760px) {
  .px-ai-news-modal { padding:10px; }
  .px-ai-news-modal__panel { width:calc(100vw - 20px); height:calc(100dvh - 20px); max-width:calc(100vw - 20px); max-height:calc(100dvh - 20px); border-radius:21px; }
  .px-ai-news-modal__scroll { padding:15px 13px 26px; }
  .px-ai-news-modal__cover { width:min(560px,100%); max-height:min(52dvh,560px); border-radius:15px; }
  .px-ai-news-modal__cover.is-portrait { width:min(460px,100%); min-height:min(52dvh,520px); }
  .px-ai-news-modal__cover.is-portrait img { height:min(52dvh,560px); }
  .px-ai-news-modal__intro h2 { font-size:clamp(23px,7vw,34px); }
  .px-ai-news-modal__quickinfo { grid-template-columns:1fr; }
  .px-ai-news-modal__facts ul,
  .px-ai-news-modal__source-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .px-ai-news-modal:not([hidden]) .px-ai-news-modal__backdrop,
  .px-ai-news-modal:not([hidden]) .px-ai-news-modal__panel,
  .px-ai-news-modal:not([hidden]) .px-ai-news-modal__panel::before,
  .px-ai-news-modal:not([hidden]) .px-ai-news-modal__cover,
  .px-ai-news-modal:not([hidden]) .px-ai-news-modal__intro,
  .px-ai-news-modal:not([hidden]) .px-ai-news-modal__orb--one,
  .px-ai-news-modal:not([hidden]) .px-ai-news-modal__orb--two { animation:none; }
}

/* test209 — related AI Tool bridge + long-form reading measure. */
.px-ai-news-modal__article > .px-lang-ar,
.px-ai-news-modal__article > .px-lang-en { width:100%; }
.px-ai-news-modal__related-tool {
  width:min(840px,100%);
  margin:14px auto 0;
  min-height:76px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:11px 14px;
  border:1px solid rgba(111,185,255,.22);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(53,155,255,.08),rgba(137,91,255,.07));
  color:inherit;
  text-decoration:none;
  box-shadow:0 9px 24px rgba(0,0,0,.10);
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}
.px-ai-news-modal__related-tool:hover { transform:translateY(-1px); border-color:rgba(111,185,255,.42); background:linear-gradient(135deg,rgba(53,155,255,.13),rgba(137,91,255,.11)); }
.px-ai-news-modal__related-tool-logo { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(151,183,229,.18); border-radius:14px; background:rgba(255,255,255,.04); overflow:hidden; }
.px-ai-news-modal__related-tool-logo .px-ai-tools__brandmark,
.px-ai-news-modal__related-tool-logo .px-ai-tool-brand-fallback { width:34px; height:34px; display:grid; place-items:center; }
.px-ai-news-modal__related-tool-logo img { max-width:100%; max-height:100%; object-fit:contain; }
.px-ai-news-modal__related-tool-copy { min-width:0; display:grid; gap:2px; }
.px-ai-news-modal__related-tool-copy small { color:#7fa8d8; font-size:9px; font-weight:800; }
.px-ai-news-modal__related-tool-copy strong { color:#f7fbff; font-size:14px; line-height:1.35; }
.px-ai-news-modal__related-tool-copy em { color:#8ea4bf; font-size:9px; font-style:normal; }
.px-ai-news-modal__related-tool-cta { display:inline-flex; align-items:center; gap:6px; color:#8bd0ff; font-size:10px; font-weight:900; white-space:nowrap; }
.px-ai-news-modal__related-tool-cta .px-icon { width:13px; height:13px; }
html[data-theme="light"] .px-ai-news-modal__related-tool { border-color:rgba(49,113,189,.15); background:linear-gradient(135deg,#f4f9ff,#f7f4ff); }
html[data-theme="light"] .px-ai-news-modal__related-tool-copy strong { color:#17243a; }
html[data-theme="light"] .px-ai-news-modal__related-tool-copy em { color:#6a7c92; }
@media (max-width:640px) {
  .px-ai-news-modal__related-tool { grid-template-columns:auto minmax(0,1fr); }
  .px-ai-news-modal__related-tool-cta { grid-column:1/-1; justify-content:center; min-height:34px; border-top:1px solid rgba(151,183,229,.12); padding-top:8px; }
}


/* 2.0.21-test214 — News phone safe-area and touch contract. */
@media(max-width:760px){
  .px-ai-news-modal{
    padding:max(8px,env(safe-area-inset-top,0px)) 8px max(8px,env(safe-area-inset-bottom,0px));
    align-items:stretch;
  }
  .px-ai-news-modal__panel{
    width:100%;
    max-width:100%;
    height:calc(100dvh - max(16px,calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px))));
    max-height:none;
    border-radius:22px;
  }
  .px-ai-news-modal__toolbar{min-height:62px;padding:9px 10px}
  .px-ai-news-modal__scroll{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
}