/* Al Raya Core — AI answer illustration (decorative; captioned as illustrative) */
.ar-ai{position:relative;height:570px;max-width:640px;margin-inline:auto;color:#fff}
.ar-ai__glass{position:absolute;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 60px 100px -30px rgba(0,0,0,.7)}
.ar-ai__search{inset-inline-start:176px;top:0;width:430px;max-width:calc(100% - 40px);padding:22px;transform:rotate(4deg);opacity:.9}
.ar-ai__answer{inset-inline-start:24px;top:140px;width:540px;max-width:calc(100% - 30px);padding:28px 30px 30px;background:linear-gradient(160deg,rgba(13,61,87,.92),rgba(5,27,40,.95))}
.ar-ai--solo .ar-ai__answer{top:40px}
.ar-ai__q{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);font-size:14px;color:#E6EEF2}
.ar-ai__q .ar-icon{opacity:.7}
.ar-ai__r{margin-top:12px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.ar-ai__r.is-top{background:rgba(230,61,73,.14);border-color:rgba(230,61,73,.6);box-shadow:0 20px 40px -18px rgba(230,61,73,.6)}
.ar-ai__r small{display:flex;justify-content:space-between;font-family:var(--ar-mono,monospace);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#9DB4C1}
.ar-ai__r.is-top small{color:#FFB3B8}
.ar-ai__r b{display:block;margin-top:7px;font-size:16px;letter-spacing:-.01em}
.ar-ai__sk{display:block;height:7px;width:88%;margin-top:9px;border-radius:4px;background:rgba(255,255,255,.14)}
.ar-ai__sk--b{height:10px;width:60%;margin-top:12px}
.ar-ai__head{display:flex;align-items:center;gap:10px;font-family:var(--ar-mono,monospace);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#9DB4C1}
.ar-ai__head .ar-icon{color:#FF6B75}
.ar-ai__bubble{width:fit-content;max-width:400px;margin:20px 0 0;margin-inline-start:auto;padding:14px 20px;border-radius:20px 20px 4px 20px;background:rgba(255,255,255,.1);font-size:15.5px;line-height:1.4}
[dir=rtl] .ar-ai__bubble{border-radius:20px 20px 20px 4px}
.ar-ai__text{margin:22px 0 0;font-size:17px;line-height:1.6;color:#DCE7ED}
.ar-ai__text mark{background:none;color:#fff;font-weight:700;box-shadow:inset 0 -11px 0 rgba(230,61,73,.6)}
.ar-ai__text sup{margin-inline-start:3px;padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.14);font-family:var(--ar-mono,monospace);font-size:9px;font-weight:500;vertical-align:3px}
.ar-ai__src{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13)}
.ar-ai__src small{margin-inline-end:6px;font-family:var(--ar-mono,monospace);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#9DB4C1}
.ar-ai__src span{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:12.5px}
.ar-ai__src span.is-on{background:var(--ar-red-btn,#DC3340);border-color:var(--ar-red-btn,#DC3340);font-weight:700}
.ar-ai__src i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.ar-ai__orb{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;min-height:38px;padding:0 16px;border-radius:999px;background:#fff;color:#082230;font-size:13.5px;font-weight:700;white-space:nowrap;box-shadow:0 20px 40px -12px rgba(0,0,0,.6)}
.ar-ai__orb i{width:8px;height:8px;border-radius:50%;background:var(--ar-red,#E63D49)}
.ar-ai__orb--1{inset-inline-end:8px;top:118px}
.ar-ai__orb--2{inset-inline-end:24px;top:468px}
.ar-ai__orb--3{inset-inline-start:-16px;top:474px;background:var(--ar-red-btn,#DC3340);color:#fff}
.ar-ai__orb--3 i{background:#fff}
.ar-ai__cap{position:absolute;inset-inline:0;bottom:0;margin:0;text-align:center;font-family:var(--ar-mono,monospace);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#9DB4C1;opacity:.85}

/* Small screens: a simple, readable stack instead of the layered composition */
@media (max-width:700px){
  .ar-ai{height:auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
  .ar-ai__search{display:none}
  .ar-ai__answer{position:relative;inset:auto;width:100%;max-width:none;padding:22px 20px 24px;order:1}
  .ar-ai--solo .ar-ai__answer{top:auto}
  .ar-ai__text{font-size:16px}
  .ar-ai__orb{position:static;order:2;min-height:34px;font-size:12.5px;box-shadow:none}
  .ar-ai__cap{position:static;order:3;width:100%;margin-top:8px;text-align:start;font-size:11px}
}