/* MagazineCelebs Answer Engine — Stylesheet v3 */
:root{--mcae-navy:#1a1a2e;--mcae-blue:#0f3460;--mcae-gold:#e2b96f;--mcae-gold-dk:#c8963e;--mcae-purple:#9b59b6;--mcae-green:#27ae60;--mcae-red:#e53935;--mcae-grey-100:#f8f9fc;--mcae-grey-200:#e2e8f0;--mcae-grey-400:#a0aec0;--mcae-grey-600:#6b7280;--mcae-text:#374151;--mcae-radius:10px;--mcae-shadow:0 4px 24px rgba(15,52,96,.12);--mcae-shadow-lg:0 8px 40px rgba(15,52,96,.18);--mcae-trans:.2s ease;--mcae-sans:'Helvetica Neue',Arial,sans-serif;}
.mcae-wrapper{max-width:780px;margin:0 auto;font-family:var(--mcae-sans);color:var(--mcae-text);}

/* ── Search Bar ─────────────────────────────────────────────── */
.mcae-search-bar-container{position:relative;margin-bottom:16px;}
.mcae-search-inner{display:flex;align-items:center;background:#fff;border:2px solid var(--mcae-blue);border-radius:50px;overflow:hidden;box-shadow:var(--mcae-shadow);transition:border-color var(--mcae-trans),box-shadow var(--mcae-trans);}
.mcae-search-inner:focus-within{border-color:var(--mcae-gold);box-shadow:0 0 0 4px rgba(226,185,111,.15),var(--mcae-shadow);}
.mcae-search-icon{flex-shrink:0;padding:0 12px 0 20px;color:var(--mcae-grey-400);display:flex;align-items:center;}
.mcae-search-input{flex:1;border:none;outline:none;padding:16px 12px;font-size:16px;font-family:var(--mcae-sans);color:var(--mcae-navy);background:transparent;min-width:0;}
.mcae-search-input::placeholder{color:var(--mcae-grey-400);}
.mcae-search-input::-webkit-search-decoration,.mcae-search-input::-webkit-search-cancel-button{display:none;}
.mcae-search-btn{flex-shrink:0;background:linear-gradient(135deg,var(--mcae-blue),var(--mcae-navy));color:#fff;border:none;padding:0 28px;height:54px;font-size:15px;font-weight:700;font-family:var(--mcae-sans);cursor:pointer;border-radius:0 48px 48px 0;transition:background var(--mcae-trans);display:flex;align-items:center;gap:8px;}
.mcae-search-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--mcae-gold-dk),var(--mcae-gold));}
.mcae-search-btn:disabled{opacity:.7;cursor:not-allowed;}
.mcae-btn-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mcae-spin .7s linear infinite;}
@keyframes mcae-spin{to{transform:rotate(360deg);}}

/* ── Notices ───────────────────────────────────────────────── */
.mcae-typo-notice,.mcae-stale-notice{font-size:14px;padding:10px 16px;border-radius:6px;margin-bottom:12px;line-height:1.5;}
.mcae-typo-notice{background:#fff8e1;border-left:4px solid var(--mcae-gold);color:#7a5c00;}
.mcae-typo-notice a{color:var(--mcae-blue);font-weight:600;}
.mcae-stale-notice{background:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0;}

/* ── Skeleton ──────────────────────────────────────────────── */
.mcae-skeleton{background:#fff;border:1px solid var(--mcae-grey-200);border-radius:var(--mcae-radius);padding:28px;box-shadow:var(--mcae-shadow);}
@keyframes mcae-shimmer{0%{background-position:-600px 0;}100%{background-position:600px 0;}}
.mcae-skel-hero,.mcae-skel-fact,.mcae-skel-line{background:linear-gradient(90deg,var(--mcae-grey-200) 25%,#e8ecf2 50%,var(--mcae-grey-200) 75%);background-size:1200px 100%;animation:mcae-shimmer 1.4s infinite linear;border-radius:6px;}
.mcae-skel-hero{height:80px;margin-bottom:24px;}
.mcae-skel-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;}
.mcae-skel-fact{height:48px;}
.mcae-skel-line{height:14px;margin-bottom:12px;}
.mcae-skel-line.wide{width:100%;}
.mcae-skel-line.medium{width:70%;}
.mcae-skel-line{width:85%;}

/* ── Knowledge Panel ───────────────────────────────────────── */
.mcae-knowledge-panel{background:#fff;border:1px solid var(--mcae-grey-200);border-radius:var(--mcae-radius);box-shadow:var(--mcae-shadow-lg);overflow:hidden;animation:mcae-fadein .35s ease;}
@keyframes mcae-fadein{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
.mcae-panel-header{display:flex;align-items:flex-start;gap:20px;padding:28px 28px 20px;background:linear-gradient(135deg,var(--mcae-navy),var(--mcae-blue));position:relative;overflow:hidden;}
.mcae-panel-header::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(226,185,111,.07);border-radius:50%;pointer-events:none;}
.mcae-panel-avatar{flex-shrink:0;width:80px;height:80px;border-radius:50%;border:3px solid var(--mcae-gold);overflow:hidden;background:linear-gradient(135deg,var(--mcae-gold),var(--mcae-gold-dk));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3);}
.mcae-panel-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top;}
.mcae-avatar-initials{font-size:26px;font-weight:800;color:#fff;font-family:var(--mcae-sans);}
.mcae-panel-header-info{flex:1;min-width:0;}
.mcae-panel-name{font-family:var(--mcae-sans);font-size:clamp(20px,3.5vw,28px);font-weight:800;color:#fff;margin:0 0 4px 0;line-height:1.2;}
.mcae-panel-occupation{font-size:14px;color:#a8b8d8;margin:0 0 12px 0;}
.mcae-panel-badges{display:flex;flex-wrap:wrap;gap:8px;}
.mcae-panel-bio{padding:20px 28px;font-size:15px;line-height:1.75;color:var(--mcae-text);border-bottom:1px solid var(--mcae-grey-200);margin:0;}

/* ── Facts Grid ───────────────────────────────────────────── */
.mcae-facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-bottom:1px solid var(--mcae-grey-200);}
.mcae-fact-item{display:flex;align-items:center;gap:10px;padding:14px 20px;border-right:1px solid var(--mcae-grey-200);border-bottom:1px solid var(--mcae-grey-200);transition:background var(--mcae-trans);}
.mcae-fact-item:hover{background:var(--mcae-grey-100);}
.mcae-fact-icon{font-size:18px;flex-shrink:0;}
.mcae-fact-content{display:flex;flex-direction:column;gap:2px;min-width:0;}
.mcae-fact-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--mcae-grey-400);}
.mcae-fact-value{font-size:14px;font-weight:700;color:var(--mcae-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ── Panel Sections ───────────────────────────────────────── */
.mcae-panel-section{padding:20px 28px;border-bottom:1px solid var(--mcae-grey-200);}
.mcae-panel-h3{font-size:14px;font-weight:800;color:var(--mcae-blue);text-transform:uppercase;letter-spacing:1px;margin:0 0 14px 0;}

/* ── Timeline ─────────────────────────────────────────────── */
.mcae-timeline{display:flex;flex-direction:column;gap:10px;border-left:2px solid var(--mcae-grey-200);padding-left:18px;}
.mcae-timeline-item{display:flex;align-items:baseline;gap:12px;position:relative;}
.mcae-timeline-item::before{content:'';position:absolute;left:-23px;top:6px;width:8px;height:8px;background:var(--mcae-gold);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px var(--mcae-gold);}
.mcae-timeline-year{font-size:12px;font-weight:700;color:var(--mcae-gold-dk);white-space:nowrap;min-width:38px;}
.mcae-timeline-event{font-size:14px;color:var(--mcae-text);line-height:1.5;}

/* ── FAQ Preview ──────────────────────────────────────────── */
.mcae-faq-preview{background:var(--mcae-grey-100);}
.mcae-faq-item{margin-bottom:12px;}
.mcae-faq-item:last-child{margin-bottom:0;}
.mcae-faq-q{font-size:14px;font-weight:700;color:var(--mcae-blue);margin:0 0 4px 0;}
.mcae-faq-a{font-size:14px;color:var(--mcae-text);margin:0;line-height:1.6;}

/* ── Read More CTA ────────────────────────────────────────── */
.mcae-read-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 28px;background:linear-gradient(135deg,var(--mcae-blue),var(--mcae-navy));color:#fff;font-size:15px;font-weight:700;text-decoration:none;border-top:1px solid rgba(255,255,255,.1);transition:background var(--mcae-trans);}
.mcae-read-more-btn:hover{background:linear-gradient(135deg,var(--mcae-gold-dk),var(--mcae-gold));color:#fff;text-decoration:none;}
.mcae-panel-attribution{font-size:11px;color:var(--mcae-grey-400);padding:10px 28px;margin:0;background:var(--mcae-grey-100);}

/* ── Badges ───────────────────────────────────────────────── */
.mcae-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;}
.mcae-badge-local{background:rgba(226,185,111,.15);color:var(--mcae-gold);border:1px solid rgba(226,185,111,.3);}
.mcae-badge-wiki{background:rgba(33,150,243,.12);color:#64b5f6;border:1px solid rgba(33,150,243,.2);}
.mcae-badge-ai{background:rgba(155,89,182,.15);color:#ce93d8;border:1px solid rgba(155,89,182,.3);}
.mcae-badge-confidence{background:rgba(39,174,96,.15);color:#4caf50;border:1px solid rgba(39,174,96,.3);}

/* ── Disambiguation ───────────────────────────────────────── */
.mcae-disambiguation{background:#fff;border:2px solid var(--mcae-gold);border-radius:var(--mcae-radius);padding:24px;box-shadow:var(--mcae-shadow);animation:mcae-fadein .3s ease;}
.mcae-disambig-title{font-size:15px;font-weight:700;color:var(--mcae-navy);margin:0 0 16px 0;}
.mcae-disambig-cards{display:flex;flex-direction:column;gap:10px;}
.mcae-disambig-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--mcae-grey-200);border-radius:6px;cursor:pointer;transition:all var(--mcae-trans);background:var(--mcae-grey-100);}
.mcae-disambig-card:hover,.mcae-disambig-card:focus{border-color:var(--mcae-gold);background:#fffbf2;transform:translateX(4px);box-shadow:0 2px 12px rgba(226,185,111,.2);outline:none;}
.mcae-disambig-card-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--mcae-blue),var(--mcae-navy));display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid var(--mcae-grey-200);}
.mcae-disambig-card-avatar img{width:100%;height:100%;object-fit:cover;}
.mcae-disambig-card-avatar span{font-size:16px;font-weight:700;color:#fff;}
.mcae-disambig-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}
.mcae-disambig-card-name{font-size:15px;font-weight:700;color:var(--mcae-navy);}
.mcae-disambig-card-desc{font-size:13px;color:var(--mcae-grey-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mcae-disambig-arrow{flex-shrink:0;color:var(--mcae-grey-400);transition:color var(--mcae-trans);}
.mcae-disambig-card:hover .mcae-disambig-arrow{color:var(--mcae-gold);}

/* ── Error ────────────────────────────────────────────────── */
.mcae-error{background:#fff5f5;border:1px solid #fed7d7;border-left:4px solid var(--mcae-red);border-radius:6px;padding:20px 24px;animation:mcae-fadein .3s ease;}
.mcae-error-msg{font-size:15px;color:#c53030;font-weight:600;margin:0 0 12px 0;}
.mcae-error-suggestions{font-size:13px;color:var(--mcae-text);}
.mcae-error-suggestions p{margin:0 0 6px 0;font-weight:600;}
.mcae-error-suggestions ul{margin:0;padding-left:20px;}
.mcae-error-suggestions li{margin-bottom:4px;}

/* ── Responsive ───────────────────────────────────────────── */
@media(max-width:600px){
  .mcae-search-btn{padding:0 18px;font-size:13px;}
  .mcae-search-input{font-size:15px;padding:14px 8px;}
  .mcae-panel-header{padding:20px;gap:14px;}
  .mcae-panel-avatar{width:60px;height:60px;}
  .mcae-panel-name{font-size:20px;}
  .mcae-facts-grid{grid-template-columns:repeat(2,1fr);}
  .mcae-panel-bio,.mcae-panel-section,.mcae-panel-attribution{padding-left:16px;padding-right:16px;}
  .mcae-read-more-btn{font-size:13px;padding:16px;}
}
@media(max-width:420px){
  .mcae-search-btn .mcae-btn-text{display:none;}
  .mcae-search-btn{padding:0 18px;}
}
@media print{.mcae-search-bar-container,.mcae-read-more-btn{display:none!important;}}
