
:root{
  --bg:#0b1020; --panel:#131a2e; --panel2:#1a2340; --text:#eef2ff; --muted:#a8b2d1;
  --line:#2a365f; --accent:#59d0c2; --accent2:#7dd3fc; --danger:#ff8f8f; --warn:#ffd27a;
  --good:#86efac; --shadow:0 20px 60px rgba(0,0,0,.35);
}
.awp-ai-diag-root *{box-sizing:border-box}
.awp-ai-diag-root{
  margin:0; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(circle at top, #172243 0%, var(--bg) 48%);
  color:var(--text); line-height:1.65;
  width:100%; max-width:100%; overflow-x:hidden;
}
.awp-ai-diag-root, .awp-ai-diag-root .awpd-wrap, .awp-ai-diag-root .awpd-grid, .awp-ai-diag-root .awpd-card, .awp-ai-diag-root .awpd-hero-card, .awp-ai-diag-root .awpd-hero-visual, .awp-ai-diag-root .awpd-results-top, .awp-ai-diag-root .awpd-result-sections, .awp-ai-diag-root .awpd-split, .awp-ai-diag-root .awpd-question-wrap, .awp-ai-diag-root .awpd-chart-wrap{
  width:100%;
  max-width:100%;
}
.awp-ai-diag-root .awpd-hero-card, .awp-ai-diag-root .awpd-results-top > *, .awp-ai-diag-root .awpd-result-sections > *, .awp-ai-diag-root .awpd-split > *, .awp-ai-diag-root .awpd-result-hero > *, .awp-ai-diag-root .awpd-question-box{
  min-width:0;
}
.awp-ai-diag-root img, .awp-ai-diag-root svg, .awp-ai-diag-root canvas{
  max-width:100%;
}
.awp-ai-diag-root .awpd-hero-visual img{
  width:100%;
  max-width:100%;
}
.awp-ai-diag-root a{color:inherit}
.awp-ai-diag-root .awpd-wrap{max-width:1120px; margin:0 auto; padding:24px}
.awp-ai-diag-root .awpd-grid{display:grid; gap:20px}
.awp-ai-diag-root .awpd-admin-link-row{display:flex; justify-content:flex-end; margin-bottom:8px}
.awp-ai-diag-root .awpd-admin-link-btn{font-size:12px; color:var(--muted); background:transparent; border:none; padding:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px}
.awp-ai-diag-root .awpd-admin-link-btn:hover{color:var(--text); transform:none}
.awp-ai-diag-root .awpd-hero{padding:32px 0 28px}
.awp-ai-diag-root .awpd-eyebrow{display:inline-block; padding:6px 10px; border:1px solid var(--line); border-radius:999px; color:var(--accent); font-size:12px; letter-spacing:.06em}
.awp-ai-diag-root h1{font-size:clamp(32px,5vw,56px); line-height:1.1; margin:18px 0 12px; color:var(--text)}
.awp-ai-diag-root h2{font-size:clamp(24px,3vw,34px); line-height:1.2; margin:0 0 12px; color:var(--text)}
.awp-ai-diag-root h3{font-size:20px; margin:0 0 10px; color:var(--text)}
.awp-ai-diag-root p{margin:0 0 12px}
.awp-ai-diag-root .awpd-muted{color:var(--muted)}
.awp-ai-diag-root .awpd-card{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:22px;
}
.awp-ai-diag-root .awpd-hero-card{display:grid; gap:20px}
.awp-ai-diag-root .awpd-hero-copy{max-width:760px; margin:0 auto; text-align:center}
.awp-ai-diag-root .awpd-hero-list{display:grid; gap:10px; margin-top:18px}
.awp-ai-diag-root .awpd-hero-list div{padding:12px 14px; background:rgba(255,255,255,.03); border:1px solid var(--line); border-radius:14px; text-align:left}
.awp-ai-diag-root .awpd-hero-visual{margin-top:10px; overflow:hidden; padding:0; background:transparent}
.awp-ai-diag-root .awpd-hero-visual img{display:block; width:100%; height:auto; border-radius:18px; border:1px solid var(--line)}
.awp-ai-diag-root .awpd-type-list-inline{margin-top:12px; text-align:center; color:var(--muted); font-size:14px}
.awp-ai-diag-root .awpd-result-hero{display:grid; grid-template-columns:minmax(220px,270px) minmax(0,1fr); gap:18px; margin-bottom:18px; align-items:start}
.awp-ai-diag-root .awpd-type-portrait{overflow:hidden; border-radius:22px; border:1px solid var(--line); background:#0b1225; position:relative; min-height:0; aspect-ratio:.54 / 1; max-height:620px}
.awp-ai-diag-root .awpd-type-portrait img{display:block; width:100%; height:100%; object-fit:cover; object-position:center top}
.awp-ai-diag-root .awpd-type-portrait-meta{position:absolute; left:16px; right:16px; bottom:16px; display:flex; justify-content:space-between; gap:10px; align-items:end}
.awp-ai-diag-root .awpd-type-portrait-badge{padding:7px 12px; border-radius:999px; background:rgba(11,16,32,.78); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(8px); font-size:12px; font-weight:700}
.awp-ai-diag-root .awpd-share-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:8px}
.awp-ai-diag-root .awpd-share-actions button{min-width:160px}
.awp-ai-diag-root .awpd-share-spotlight{
  margin-top:18px; padding:18px; border-radius:22px; border:1px solid rgba(125,211,252,.28);
  background:radial-gradient(circle at top left, rgba(89,208,194,.18), transparent 42%), linear-gradient(180deg, rgba(125,211,252,.10), rgba(125,211,252,.03));
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.awp-ai-diag-root .awpd-share-spotlight strong{display:block; margin-bottom:10px; font-size:22px; line-height:1.3; color:#fff}
.awp-ai-diag-root .awpd-gift-spotlight{
  border:1px solid rgba(89,208,194,.38)!important;
  background:radial-gradient(circle at top left, rgba(89,208,194,.20), transparent 35%), linear-gradient(180deg, rgba(134,239,172,.12), rgba(125,211,252,.08))!important;
  box-shadow:0 16px 40px rgba(0,0,0,.24);
  padding:28px!important;
}
.awp-ai-diag-root .awpd-gift-spotlight .awpd-kicker{font-size:14px; letter-spacing:.08em}
.awp-ai-diag-root .awpd-gift-spotlight h2{font-size:clamp(28px,3.8vw,44px); line-height:1.18; margin-top:10px!important; margin-bottom:12px}
.awp-ai-diag-root .awpd-gift-spotlight .awpd-gift-copy{font-size:16px; color:#dff8f4; max-width:820px}
.awp-ai-diag-root .awpd-gift-spotlight .awpd-gift-cta{margin-top:20px!important; width:100%}
.awp-ai-diag-root .awpd-gift-spotlight .awpd-gift-cta .awpd-btn{width:100%; display:flex; justify-content:center; text-align:center}
.awp-ai-diag-root .awpd-btns{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}
.awp-ai-diag-root .awpd-hero-actions{justify-content:center; margin-top:28px}
.awp-ai-diag-root button, .awp-ai-diag-root .awpd-btn{
  appearance:none; border:none; cursor:pointer; text-decoration:none;
  padding:14px 18px; border-radius:16px; font-weight:700; font-size:15px;
  transition:.2s transform,.2s opacity,.2s background;
}
.awp-ai-diag-root button:hover,.awp-ai-diag-root .awpd-btn:hover{transform:translateY(-1px)}
.awp-ai-diag-root .awpd-primary{background:linear-gradient(135deg, var(--accent), var(--accent2)); color:#072029}
.awp-ai-diag-root .awpd-secondary{background:transparent; color:var(--text); border:1px solid var(--line)}
.awp-ai-diag-root .awpd-small{font-size:13px; padding:10px 14px; border-radius:12px}
.awp-ai-diag-root .awpd-hidden{display:none!important}
.awp-ai-diag-root .awpd-question-wrap{max-width:860px; margin:0 auto}
.awp-ai-diag-root .awpd-progress{height:12px; background:#0b1225; border:1px solid var(--line); border-radius:999px; overflow:hidden}
.awp-ai-diag-root .awpd-progress>div{height:100%; background:linear-gradient(90deg,var(--accent),var(--accent2)); width:0%}
.awp-ai-diag-root .awpd-question-meta{display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:12px}
.awp-ai-diag-root .awpd-question-box{padding:24px; border-radius:24px; border:1px solid var(--line); background:var(--panel)}
.awp-ai-diag-root .awpd-answers{display:grid; gap:12px; margin-top:18px}
.awp-ai-diag-root .awpd-answer{text-align:left; background:rgba(255,255,255,.03); color:var(--text); border:1px solid var(--line); padding:16px; border-radius:16px; font-weight:600}
.awp-ai-diag-root .awpd-answer:hover{background:rgba(89,208,194,.09); border-color:#3fb2a7}
.awp-ai-diag-root .awpd-pill{display:inline-block; padding:5px 10px; border-radius:999px; font-size:12px; border:1px solid var(--line); color:var(--muted)}
.awp-ai-diag-root .awpd-results-top{display:grid; grid-template-columns:1fr; gap:18px}
.awp-ai-diag-root .awpd-score{font-size:44px; font-weight:800; line-height:1}
.awp-ai-diag-root .awpd-type{font-size:32px; font-weight:900}
.awp-ai-diag-root .awpd-subtle{font-size:14px; color:var(--muted)}
.awp-ai-diag-root .awpd-result-sections{display:grid; grid-template-columns:1fr; gap:18px}
.awp-ai-diag-root ul.awpd-clean{margin:0; padding-left:18px}
.awp-ai-diag-root .awpd-kicker{font-size:13px; color:var(--accent); font-weight:800; letter-spacing:.06em; text-transform:uppercase}
.awp-ai-diag-root .awpd-center{text-align:center}
.awp-ai-diag-root .awpd-split{display:grid; grid-template-columns:1fr 1fr; gap:18px}

.awp-ai-diag-root .awpd-reading-sheet{
  background:#edf2fb;
  color:#16233d;
  border:1px solid rgba(15,28,56,.08);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  padding:28px;
}
.awp-ai-diag-root .awpd-reading-sheet p,
.awp-ai-diag-root .awpd-reading-sheet li,
.awp-ai-diag-root .awpd-reading-sheet strong,
.awp-ai-diag-root .awpd-reading-sheet .awpd-muted,
.awp-ai-diag-root .awpd-reading-sheet .awpd-subtle{
  color:#16233d;
}
.awp-ai-diag-root .awpd-reading-section + .awpd-reading-section{
  margin-top:26px;
}
.awp-ai-diag-root .awpd-reading-heading{
  margin:0 0 12px;
  padding:10px 14px;
  border-radius:12px;
  background:linear-gradient(180deg,#1b3568 0%, #132750 100%);
  color:#fff;
  font-size:18px;
  line-height:1.4;
  box-shadow:0 8px 18px rgba(12,18,34,.16);
}
.awp-ai-diag-root .awpd-reading-text{
  margin:0;
  line-height:1.95;
  font-size:16px;
}
.awp-ai-diag-root .awpd-reading-list{
  margin:0;
  padding-left:20px;
}
.awp-ai-diag-root .awpd-reading-list li{
  margin:0 0 10px;
  line-height:1.9;
}
.awp-ai-diag-root .awpd-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.awp-ai-diag-root .awpd-split > .awpd-card,
.awp-ai-diag-root .awpd-chart-wrap{
  min-height:100%;
}

.awp-ai-diag-root .awpd-chart-wrap{display:flex; justify-content:center; align-items:center; min-height:400px}
.awp-ai-diag-root .awpd-legend{display:grid; gap:8px}
.awp-ai-diag-root .awpd-legend-item{display:flex; justify-content:space-between; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:12px}
.awp-ai-diag-root .awpd-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.awp-ai-diag-root .awpd-notice{padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.03); border:1px solid var(--line)}

.awp-ai-diag-root .awpd-question-box .awpd-kicker{color:var(--accent)!important;background:transparent!important;}
.awp-ai-diag-root #qText,
.awp-ai-diag-root .awpd-question-box h1,
.awp-ai-diag-root .awpd-question-box h2,
.awp-ai-diag-root .awpd-question-box h3,
.awp-ai-diag-root .awpd-question-box p{
  color:var(--text)!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  border:0!important;
}
.awp-ai-diag-root #qText{display:block;padding:0!important;}
.awp-ai-diag-root .awpd-answer,
.awp-ai-diag-root .awpd-answer strong,
.awp-ai-diag-root .awpd-answer span{color:var(--text)!important;background:transparent!important;}
@media (max-width:960px){
  .awp-ai-diag-root .awpd-hero-card,.awp-ai-diag-root .awpd-results-top,.awp-ai-diag-root .awpd-result-sections,.awp-ai-diag-root .awpd-split{grid-template-columns:1fr}
  .awp-ai-diag-root .awpd-reading-sheet{padding:20px}
}
@media (max-width:640px){
  .awp-ai-diag-root .awpd-wrap{padding:16px}
  .awp-ai-diag-root h1{font-size:34px}
  .awp-ai-diag-root .awpd-type-list-inline{font-size:13px; line-height:1.8; text-align:left}
  .awp-ai-diag-root .awpd-result-hero{grid-template-columns:96px minmax(0,1fr); gap:12px; align-items:start}
  .awp-ai-diag-root .awpd-result-hero>.awpd-card{min-width:0; padding:16px}
  .awp-ai-diag-root .awpd-type-portrait{aspect-ratio:.25 / 1; max-height:none; min-height:0; height:auto}
  .awp-ai-diag-root .awpd-type-portrait-meta{left:6px; right:6px; bottom:6px; flex-direction:column; align-items:flex-start; gap:6px}
  .awp-ai-diag-root .awpd-type-portrait-badge{font-size:10px; padding:5px 8px}
  .awp-ai-diag-root .awpd-share-actions{gap:8px}
  .awp-ai-diag-root .awpd-share-actions .awpd-btn,.awp-ai-diag-root .awpd-share-actions button{flex:1 1 calc(50% - 8px); justify-content:center; min-width:0}
  .awp-ai-diag-root .awpd-gift-spotlight{padding:20px!important}
}


/* v5.4 theme conflict hard reset */
.awp-ai-diag-root h1,
.awp-ai-diag-root h2,
.awp-ai-diag-root h3,
.awp-ai-diag-root h4,
.awp-ai-diag-root p,
.awp-ai-diag-root strong,
.awp-ai-diag-root span,
.awp-ai-diag-root li,
.awp-ai-diag-root a,
.awp-ai-diag-root button,
.awp-ai-diag-root .awpd-btn{
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.awp-ai-diag-root .awpd-gift-spotlight h1,
.awp-ai-diag-root .awpd-gift-spotlight h2,
.awp-ai-diag-root .awpd-gift-spotlight h3,
.awp-ai-diag-root .awpd-gift-spotlight p,
.awp-ai-diag-root .awpd-gift-spotlight strong,
.awp-ai-diag-root .awpd-gift-spotlight span,
.awp-ai-diag-root .awpd-gift-spotlight a{
  color:var(--text)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  border:0!important;
}
.awp-ai-diag-root .awpd-gift-spotlight .awpd-kicker{color:var(--accent)!important;}
.awp-ai-diag-root .awpd-answer,
.awp-ai-diag-root .awpd-answer *{
  list-style:none!important;
}
.awp-ai-diag-root .awpd-answer::before,
.awp-ai-diag-root .awpd-answer::after,
.awp-ai-diag-root .awpd-answer *::before,
.awp-ai-diag-root .awpd-answer *::after,
.awp-ai-diag-root .awpd-btn::before,
.awp-ai-diag-root .awpd-btn::after,
.awp-ai-diag-root button::before,
.awp-ai-diag-root button::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.awp-ai-diag-root .awpd-answer::marker,
.awp-ai-diag-root .awpd-answer *::marker{
  content:''!important;
}


/* v5.5 CTA visibility hard fix */
.awp-ai-diag-root .awpd-primary,
.awp-ai-diag-root button.awpd-primary,
.awp-ai-diag-root a.awpd-primary,
.awp-ai-diag-root .awpd-gift-cta .awpd-btn.awpd-primary{
  background:linear-gradient(135deg, var(--accent), var(--accent2))!important;
  background-color:#59d0c2!important;
  color:#072029!important;
  border:0!important;
  opacity:1!important;
  visibility:visible!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}
.awp-ai-diag-root .awpd-primary *,
.awp-ai-diag-root button.awpd-primary *,
.awp-ai-diag-root a.awpd-primary *{
  color:#072029!important;
  background:transparent!important;
}
.awp-ai-diag-root .awpd-hero-actions .awpd-primary{
  min-width:160px!important;
}



/* ===== v13 result readability patch ===== */
.awp-ai-diag-root .awpd-results-top{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
  align-items:start;
}

.awp-ai-diag-root .awpd-result-sections{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  max-width:860px;
  margin:18px auto 0;
}

.awp-ai-diag-root .awpd-result-sections .awpd-card{
  padding:24px 24px 22px;
}

.awp-ai-diag-root .awpd-share-spotlight{
  margin-top:18px;
  padding:20px 20px 18px;
  border-radius:22px;
  border:1px solid rgba(168,198,255,.18);
  background:linear-gradient(180deg, #17325f 0%, #102247 100%);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  color:#eef4ff;
}

.awp-ai-diag-root .awpd-share-spotlight,
.awp-ai-diag-root .awpd-share-spotlight *{
  color:#eef4ff;
}

.awp-ai-diag-root .awpd-share-spotlight strong{
  display:block;
  margin-bottom:10px;
  font-size:22px;
  line-height:1.3;
  color:#ffffff;
}

.awp-ai-diag-root .awpd-share-spotlight .awpd-muted{
  color:#d8e6ff;
  opacity:1;
}

.awp-ai-diag-root .awpd-share-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.awp-ai-diag-root .awpd-share-actions .awpd-secondary.awpd-small{
  background:rgba(255,255,255,.05);
  color:#ffffff;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
}

.awp-ai-diag-root .awpd-share-actions .awpd-secondary.awpd-small:hover{
  background:rgba(255,255,255,.10);
}

.awp-ai-diag-root .awpd-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}

.awp-ai-diag-root .awpd-chart-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:400px;
  padding:20px;
}

@media (max-width: 960px){
  .awp-ai-diag-root .awpd-results-top,
  .awp-ai-diag-root .awpd-split{
    grid-template-columns:1fr;
  }
}

.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child{
  background:#edf2fb;
  color:#16233d;
  border:1px solid rgba(15,28,56,.08);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-kicker,
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-type,
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-score,
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-subtle,
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-muted,
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child p,
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child li,
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child strong{
  color:#16233d;
}
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-notice{
  background:rgba(18,39,80,.05);
  border:1px solid rgba(18,39,80,.10);
}
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-share-spotlight{
  background:linear-gradient(180deg,#18356b 0%,#10254f 100%);
  border:1px solid rgba(170,200,255,.18);
  color:#eaf2ff;
}
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-share-spotlight *,
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-share-spotlight strong,
.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-share-spotlight .awpd-muted{
  color:#eaf2ff;
  opacity:1;
}


/* ===== v15 layout refinements ===== */
.awp-ai-diag-root .awpd-reading-sheet{
  padding:30px 32px;
}
.awp-ai-diag-root .awpd-reading-section + .awpd-reading-section{
  margin-top:30px;
}
.awp-ai-diag-root .awpd-reading-heading{
  margin:0 0 14px;
  padding:12px 16px;
  border-radius:14px;
  background:linear-gradient(180deg,#21417b 0%, #17305e 100%);
  color:#f8fbff !important;
  font-size:22px;
  font-weight:800;
  line-height:1.45;
  box-shadow:0 10px 22px rgba(12,18,34,.18);
}
.awp-ai-diag-root .awpd-reading-text,
.awp-ai-diag-root .awpd-reading-list li{
  color:#17233b;
  font-size:17px;
  line-height:1.95;
}
.awp-ai-diag-root .awpd-panel-title{
  margin:0 0 14px;
  padding:12px 16px;
  border-radius:14px;
  background:linear-gradient(180deg,#18356b 0%, #10254f 100%);
  color:#f8fbff !important;
  font-size:20px;
  font-weight:800;
  line-height:1.4;
}
.awp-ai-diag-root .awpd-next-card p,
.awp-ai-diag-root .awpd-next-card strong{
  color:#eaf2ff;
}
.awp-ai-diag-root .awpd-bottom-data{
  align-items:start;
}
.awp-ai-diag-root .awpd-bottom-data > .awpd-card,
.awp-ai-diag-root .awpd-bottom-data .awpd-chart-wrap{
  min-height:100%;
}
@media (max-width: 960px){
  .awp-ai-diag-root .awpd-split{
    grid-template-columns:1fr;
  }
  .awp-ai-diag-root .awpd-reading-sheet{
    padding:22px;
  }
  .awp-ai-diag-root .awpd-reading-heading,
  .awp-ai-diag-root .awpd-panel-title{
    font-size:18px;
    padding:11px 14px;
  }
}


/* v15 result readability tune */
.awp-ai-diag-root #screen-result{
  display:block;
}
.awp-ai-diag-root .awpd-result-hero,
.awp-ai-diag-root .awpd-results-top,
.awp-ai-diag-root .awpd-reading-sheet,
.awp-ai-diag-root .awpd-next-card,
.awp-ai-diag-root .awpd-gift-spotlight{
  width:100%;
}
.awp-ai-diag-root .awpd-result-hero{
  grid-template-columns:1fr;
  gap:16px;
  margin-bottom:18px;
}
.awp-ai-diag-root .awpd-type-portrait{
  width:min(100%, 280px);
  margin:0 auto;
}
.awp-ai-diag-root .awpd-results-top .awpd-card,
.awp-ai-diag-root .awpd-reading-sheet,
.awp-ai-diag-root .awpd-next-card,
.awp-ai-diag-root .awpd-gift-spotlight{
  padding:30px;
}
.awp-ai-diag-root .awpd-reading-sheet{
  line-height:1.95;
}
.awp-ai-diag-root .awpd-reading-heading,
.awp-ai-diag-root .awpd-panel-title{
  display:block;
  margin:0 0 16px;
  padding:13px 16px;
  border:1px solid rgba(10,25,54,.12);
  background:linear-gradient(180deg,#24478c 0%, #16346b 100%);
  color:#ffffff !important;
  box-shadow:0 10px 24px rgba(12,18,34,.18);
}
.awp-ai-diag-root .awpd-reading-text p,
.awp-ai-diag-root #nextTypeMessage p,
.awp-ai-diag-root #gapComment p,
.awp-ai-diag-root #specialOfferDesc p,
.awp-ai-diag-root #specialOfferNote p{
  margin:0 0 1em;
}
.awp-ai-diag-root .awpd-reading-text p:last-child,
.awp-ai-diag-root #nextTypeMessage p:last-child,
.awp-ai-diag-root #gapComment p:last-child,
.awp-ai-diag-root #specialOfferDesc p:last-child,
.awp-ai-diag-root #specialOfferNote p:last-child{
  margin-bottom:0;
}
.awp-ai-diag-root .awpd-reading-section + .awpd-reading-section{
  margin-top:34px;
  padding-top:2px;
}
.awp-ai-diag-root .awpd-reading-list{
  padding-left:1.25em;
}
.awp-ai-diag-root .awpd-reading-list li{
  margin:0 0 14px;
}
.awp-ai-diag-root .awpd-notice{
  line-height:1.85;
}
@media (max-width:640px){
  .awp-ai-diag-root .awpd-result-hero{
    grid-template-columns:1fr;
  }
  .awp-ai-diag-root .awpd-type-portrait{
    width:min(100%, 220px);
  }
  .awp-ai-diag-root .awpd-results-top .awpd-card,
  .awp-ai-diag-root .awpd-reading-sheet,
  .awp-ai-diag-root .awpd-next-card,
  .awp-ai-diag-root .awpd-gift-spotlight{
    padding:22px;
  }
}


/* v15-r2 targeted fixes */
.awp-ai-diag-root .awpd-result-hero{
  grid-template-columns:minmax(220px,270px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.awp-ai-diag-root .awpd-type-portrait{
  width:100%;
  margin:0;
}
.awp-ai-diag-root .awpd-results-top{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:start;
}
.awp-ai-diag-root .awpd-results-top > .awpd-card{
  width:100%;
  max-width:none;
}
.awp-ai-diag-root .awpd-reading-heading,
.awp-ai-diag-root .awpd-reading-heading *,
.awp-ai-diag-root .awpd-panel-title,
.awp-ai-diag-root .awpd-panel-title *{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:none !important;
  -webkit-text-fill-color:#ffffff !important;
}
.awp-ai-diag-root .awpd-reading-heading{
  background:linear-gradient(180deg,#18356b 0%, #10254f 100%) !important;
  border:1px solid rgba(10,25,54,.18) !important;
}
@media (max-width:640px){
  .awp-ai-diag-root .awpd-result-hero{
    grid-template-columns:1fr;
  }
  .awp-ai-diag-root .awpd-type-portrait{
    width:min(100%, 220px);
    margin:0 auto;
  }
}


/* v15-r3 gold accent + handoff tuning */
.awp-ai-diag-root{
  --gold-1:#caa85c;
  --gold-2:#e7cb86;
  --gold-3:#8c6a2f;
}

.awp-ai-diag-root .awpd-share-spotlight{
  border:1px solid rgba(202,168,92,.42) !important;
  background:
    radial-gradient(circle at top right, rgba(231,203,134,.18), transparent 34%),
    linear-gradient(180deg, #17325f 0%, #102247 100%) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(231,203,134,.12);
}

.awp-ai-diag-root .awpd-share-spotlight strong{
  color:#fff6de !important;
}

.awp-ai-diag-root .awpd-share-spotlight .awpd-muted{
  color:#f3e7c1 !important;
}

.awp-ai-diag-root .awpd-results-top > .awpd-card:first-child .awpd-share-spotlight{
  border:1px solid rgba(202,168,92,.46) !important;
  background:
    radial-gradient(circle at top right, rgba(231,203,134,.18), transparent 34%),
    linear-gradient(180deg,#18356b 0%,#10254f 100%) !important;
}

.awp-ai-diag-root .awpd-share-actions .awpd-secondary.awpd-small{
  background:linear-gradient(180deg, rgba(202,168,92,.16), rgba(202,168,92,.08)) !important;
  color:#fff4d6 !important;
  border:1px solid rgba(231,203,134,.30) !important;
}

.awp-ai-diag-root .awpd-share-actions .awpd-secondary.awpd-small:hover{
  background:linear-gradient(180deg, rgba(202,168,92,.26), rgba(202,168,92,.12)) !important;
  border-color:rgba(231,203,134,.46) !important;
}

.awp-ai-diag-root .awpd-gift-spotlight{
  border:1px solid rgba(202,168,92,.38)!important;
  background:
    radial-gradient(circle at top right, rgba(231,203,134,.12), transparent 32%),
    radial-gradient(circle at top left, rgba(89,208,194,.10), transparent 36%),
    linear-gradient(180deg, #153055 0%, #10223f 100%)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(231,203,134,.10);
}

.awp-ai-diag-root .awpd-gift-spotlight .awpd-kicker,
.awp-ai-diag-root .awpd-gift-spotlight #specialOfferKicker{
  color:var(--gold-2)!important;
  letter-spacing:.08em;
}

.awp-ai-diag-root .awpd-gift-spotlight h2{
  color:#fff8e7 !important;
}

.awp-ai-diag-root .awpd-gift-spotlight .awpd-gift-copy,
.awp-ai-diag-root .awpd-gift-spotlight #specialOfferNote{
  color:#e9eefb !important;
}

.awp-ai-diag-root .awpd-gift-spotlight .awpd-gift-cta{
  margin-top:22px!important;
}

.awp-ai-diag-root .awpd-gift-spotlight .awpd-gift-cta .awpd-btn,
.awp-ai-diag-root .awpd-gift-spotlight #specialOfferBtn{
  background:linear-gradient(180deg, var(--gold-2), var(--gold-1)) !important;
  color:#1b2337 !important;
  border:1px solid rgba(255,244,214,.45) !important;
  border-radius:14px !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.55);
  font-weight:800 !important;
}

.awp-ai-diag-root .awpd-gift-spotlight .awpd-gift-cta .awpd-btn:hover,
.awp-ai-diag-root .awpd-gift-spotlight #specialOfferBtn:hover{
  filter:brightness(1.03);
}

.awp-ai-diag-root .awpd-gift-spotlight .awpd-gift-cta .awpd-btn *,
.awp-ai-diag-root .awpd-gift-spotlight #specialOfferBtn *{
  color:#1b2337 !important;
}

@media (max-width:640px){
  .awp-ai-diag-root .awpd-share-actions .awpd-secondary.awpd-small{
    min-height:44px;
  }
}


.awp-ai-diag-root .awp-ai-diag-root .awpd-result-preview{margin-top:20px}
.awp-ai-diag-root .awpd-result-preview-head{margin-bottom:12px;text-align:center}
.awp-ai-diag-root .awpd-result-preview-head strong{display:inline-block;font-size:18px;line-height:1.4;color:var(--text)}
.awp-ai-diag-root .awpd-result-preview-note{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.awp-ai-diag-root .awpd-result-preview-trigger{display:block;width:100%;padding:0;background:transparent;border:0;cursor:zoom-in}
.awp-ai-diag-root .awpd-result-preview-picture{display:block;width:100%}
.awp-ai-diag-root .awpd-result-preview-picture img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}
.awp-ai-diag-root .awpd-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px}
.awp-ai-diag-root .awpd-modal-backdrop{position:absolute;inset:0;background:rgba(4,10,24,.84);backdrop-filter:blur(6px)}
.awp-ai-diag-root .awpd-modal-dialog{position:relative;z-index:1;width:min(1200px,calc(100vw - 40px));max-height:calc(100vh - 40px)}
.awp-ai-diag-root .awpd-result-preview-modal-picture{display:block;width:100%}
.awp-ai-diag-root .awpd-result-preview-modal-picture img{display:block;width:100%;max-height:calc(100vh - 40px);height:auto;object-fit:contain;border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.42);background:#07112a}
.awp-ai-diag-root .awpd-modal-close{position:absolute;top:10px;right:10px;z-index:2;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(7,17,42,.88);color:#fff;font-size:26px;line-height:1;cursor:pointer}
body.awpd-modal-open{overflow:hidden}
@media (max-width:767px){
  .awp-ai-diag-root .awpd-result-preview{margin-top:18px}
  .awp-ai-diag-root .awpd-result-preview-head strong{font-size:16px}
  .awp-ai-diag-root .awpd-modal{padding:12px}
  .awp-ai-diag-root .awpd-modal-dialog{width:min(96vw,560px);max-height:calc(100vh - 24px)}
  .awp-ai-diag-root .awpd-result-preview-modal-picture img{max-height:calc(100vh - 24px);border-radius:16px}
  .awp-ai-diag-root .awpd-modal-close{top:8px;right:8px}
}


.awp-ai-diag-root .awpd-result-preview{margin-top:34px;margin-bottom:42px}
.awp-ai-diag-root .awpd-result-preview-head{margin-bottom:18px}
.awp-ai-diag-root .awpd-result-preview-note{margin-top:8px}
.awp-ai-diag-root .awpd-hero-actions{justify-content:center; margin-top:10px; margin-bottom:42px}
.awp-ai-diag-root #startBtn{
  min-width:280px;
  min-height:76px;
  padding:20px 34px;
  border-radius:22px;
  font-size:18px;
  font-weight:800;
  box-shadow:0 18px 44px rgba(89,208,194,.28);
}
.awp-ai-diag-root #startBtn:hover{transform:translateY(-2px)}
.awp-ai-diag-root .awpd-app-copyright{
  text-align:center;
  margin:20px auto 0;
  padding:10px 12px 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
  opacity:.82;
}
@media (max-width: 767px){
  .awp-ai-diag-root .awpd-result-preview{margin-top:30px;margin-bottom:34px}
  .awp-ai-diag-root .awpd-hero-actions{margin-bottom:34px}
  .awp-ai-diag-root #startBtn{
    width:100%;
    max-width:340px;
    min-width:0;
    min-height:72px;
    font-size:19px;
    border-radius:20px;
  }
}
