/* MRMAID Clean Intelligence · mobile-first embedded UI */
.mrm-cic-advisor,.mrm-cic-advisor *,.mrm-cic-availability,.mrm-cic-availability *,.mrm-cic-blog,.mrm-cic-blog *{box-sizing:border-box}
.mrm-cic-advisor{container-type:inline-size;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;width:100%;max-width:100%;margin:18px auto;color:#172033;overflow:hidden}
.mrm-cic-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--mrm-cic-primary,#10243e),#183d65);color:#fff;border-radius:20px;padding:22px 18px 34px;box-shadow:0 14px 38px rgba(16,36,62,.16)}
.mrm-cic-hero:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;top:-80px;background:rgba(230,185,74,.16)}
.mrm-cic-kicker{position:relative;z-index:1;font-size:10px;font-weight:900;letter-spacing:.14em;color:#f4d57c;margin-bottom:9px}
.mrm-cic-hero h2{position:relative;z-index:1;font-size:28px;line-height:1.08;margin:0 0 10px;color:#fff}
.mrm-cic-hero p{position:relative;z-index:1;font-size:14px;line-height:1.55;margin:0;color:rgba(255,255,255,.88)}

.mrm-cic-askbox{position:relative;background:#fff;border:1px solid #e6ebf1;border-radius:18px;margin:-14px 8px 0;padding:16px;box-shadow:0 14px 38px rgba(20,40,70,.10);z-index:2}
.mrm-cic-askbox label{display:block;font-size:12px;font-weight:850;color:#536075;margin-bottom:8px}
.mrm-cic-inputrow{display:flex;flex-direction:column;gap:9px;min-width:0}
.mrm-cic-inputrow textarea{display:block;width:100%;max-width:100%;resize:vertical;min-height:74px;border:1px solid #d8e0e9;border-radius:14px;padding:13px 14px;font:inherit;font-size:16px;line-height:1.45;background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.03)}
.mrm-cic-inputrow textarea:focus{outline:2px solid rgba(230,185,74,.35);border-color:var(--mrm-cic-accent,#e6b94a)}
.mrm-cic-inputrow button{width:100%;border:0;border-radius:14px;background:var(--mrm-cic-primary,#10243e);color:#fff;padding:13px 16px;font-weight:900;font-size:15px;cursor:pointer;min-height:46px}
.mrm-cic-inputrow button:disabled{opacity:.55;cursor:wait}
.mrm-cic-enter-hint{display:block;margin-top:7px;color:#6b7280;font-size:11px}

.mrm-cic-chips{display:flex;flex-wrap:nowrap;gap:7px;margin-top:13px;overflow-x:auto;padding:1px 1px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mrm-cic-chips::-webkit-scrollbar{display:none}
.mrm-cic-chips button{flex:0 0 auto;white-space:nowrap;border:1px solid #e1e7ee;background:#f8fafc;border-radius:999px;padding:8px 11px;color:#334158;font-size:12px;cursor:pointer}
.mrm-cic-chips button.is-primary{background:var(--mrm-cic-primary,#10243e);color:#fff;border-color:var(--mrm-cic-primary,#10243e)}

.mrm-cic-result{margin-top:16px;border-radius:15px;padding:15px;background:#f8fafc;border:1px solid #e3e9ef;overflow-wrap:anywhere}
.mrm-cic-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.mrm-cic-result-head span{font-weight:900;font-size:15px}
.mrm-cic-answer{font-size:14px;line-height:1.65;color:#2d394a}
.mrm-cic-result.is-loading{display:flex;align-items:center;gap:10px}
.mrm-cic-result.is-error{background:#fff4f3;border-color:#f0c5c0;color:#922}
.mrm-cic-spinner{width:18px;height:18px;border:2px solid #cbd5df;border-top-color:var(--mrm-cic-primary,#10243e);border-radius:50%;animation:mrmspin .8s linear infinite;flex:0 0 auto}
@keyframes mrmspin{to{transform:rotate(360deg)}}

.mrm-cic-on-demand[hidden],.mrm-cic-amelia-wrap[hidden]{display:none!important}
.mrm-cic-on-demand{margin:14px 8px 0}
.mrm-cic-availability{width:100%;max-width:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;border:1px solid #e4e9ef;border-radius:18px;padding:15px;color:#172033;box-shadow:0 10px 30px rgba(20,40,70,.07)}
.mrm-cic-availability.is-standalone{margin:18px auto}
.mrm-cic-av-head{margin-bottom:12px}
.mrm-cic-av-head h3{margin:3px 0 0;font-size:19px;line-height:1.2}
.mrm-cic-av-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#7b8798}
.mrm-cic-av-grid{display:grid;grid-template-columns:1fr;gap:9px}
.mrm-cic-av-card{border:1px solid #e5eaf0;border-radius:14px;padding:13px;background:#f9fbfd;display:flex;flex-direction:column;gap:4px;min-width:0}
.mrm-cic-av-card.is-first{background:linear-gradient(180deg,#fffaf0,#fff);border-color:#e9c86d;box-shadow:0 7px 20px rgba(177,132,25,.08)}
.mrm-cic-av-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#8a7550}
.mrm-cic-av-card>strong{font-size:15px}
.mrm-cic-av-slot-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.mrm-cic-av-slot{border:1px solid #e5eaf0;border-radius:999px;background:#fff;padding:6px 9px}
.mrm-cic-av-slot b{font-size:13px;color:#10243e}
.mrm-cic-av-warning{border:1px solid #efd8a3;background:#fff9eb;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.45}

.mrm-cic-booking-invite{margin-top:13px;border:1px solid #d9e4f0;background:linear-gradient(135deg,#f7fbff,#fffaf0);border-radius:15px;padding:13px;display:flex;flex-direction:column;gap:11px;animation:mrmInviteIn .28s ease-out both}
.mrm-cic-booking-invite>div{display:flex;flex-direction:column;gap:3px}
.mrm-cic-booking-invite strong{font-size:15px;color:#10243e}
.mrm-cic-booking-invite span{font-size:12px;line-height:1.45;color:#657286}
.mrm-cic-booking-invite button{width:100%;border:0;border-radius:12px;padding:11px 13px;background:var(--mrm-cic-primary,#10243e);color:#fff;font-weight:900;cursor:pointer}
@keyframes mrmInviteIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.mrm-cic-amelia-wrap{width:auto;max-width:100%;margin:16px 8px 0;padding:14px;border:1px solid rgba(17,24,39,.10);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(17,24,39,.08);overflow:hidden}
.mrm-cic-amelia-wrap>*{max-width:100%!important}
.mrm-cic-section-head{margin-bottom:13px}.mrm-cic-section-head>span{font-size:10px;font-weight:900;letter-spacing:.11em;color:#6b7280}.mrm-cic-section-head h3{margin:4px 0 0;font-size:19px;line-height:1.2}

/* Compact knowledge blog below shortcode */
.mrm-cic-blog{margin:22px 8px 0;padding-top:18px;border-top:1px solid #e7ebf0}
.mrm-cic-blog-head{margin-bottom:12px}
.mrm-cic-blog-head>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#8a7550;margin-bottom:4px}
.mrm-cic-blog-head h3{font-size:21px;line-height:1.2;margin:0 0 5px;color:#172033}
.mrm-cic-blog-head p{font-size:13px;line-height:1.5;color:#68778b;margin:0}
.mrm-cic-blog-grid{display:grid;grid-template-columns:1fr;gap:10px}
.mrm-cic-blog-card{background:#fff;border:1px solid #e4e9ef;border-radius:15px;padding:14px;box-shadow:0 7px 22px rgba(20,40,70,.05);min-width:0}
.mrm-cic-blog-tag{display:inline-block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a7550;background:#fff8e8;border-radius:999px;padding:5px 7px;margin-bottom:8px}
.mrm-cic-blog-card h4{font-size:16px;line-height:1.3;margin:0 0 7px;color:#172033}
.mrm-cic-blog-card p{font-size:13px;line-height:1.55;color:#5f6d7f;margin:0 0 10px}
.mrm-cic-blog-card button{border:0;background:transparent;padding:0;color:#10243e;font-weight:850;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.mrm-cic-popular{width:100%;max-width:900px;margin:auto}.mrm-cic-popular details{background:#fff;border:1px solid #e4e9ef;border-radius:14px;padding:13px 15px;margin:9px 0}.mrm-cic-popular summary{font-weight:800;cursor:pointer}.mrm-cic-popular p{line-height:1.6}
.mrm-cic-mode-compact .mrm-cic-hero{display:none}.mrm-cic-mode-compact .mrm-cic-askbox{margin:0}

/* Resize by actual shortcode container width, not only viewport width. */
@container (min-width: 620px){
  .mrm-cic-advisor{margin:26px auto}
  .mrm-cic-hero{border-radius:24px;padding:30px 30px 42px}
  .mrm-cic-hero h2{font-size:38px}
  .mrm-cic-hero p{font-size:16px;max-width:720px}
  .mrm-cic-askbox{margin:-18px 18px 0;padding:22px;border-radius:21px}
  .mrm-cic-inputrow{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:10px;align-items:stretch}
  .mrm-cic-inputrow button{width:auto;margin:0}
  .mrm-cic-chips{flex-wrap:wrap;overflow:visible;padding-bottom:0}
  .mrm-cic-on-demand,.mrm-cic-amelia-wrap,.mrm-cic-blog{margin-left:18px;margin-right:18px}
  .mrm-cic-av-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mrm-cic-booking-invite{flex-direction:row;align-items:center;justify-content:space-between}
  .mrm-cic-booking-invite button{width:auto;flex:0 0 auto}
  .mrm-cic-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (min-width: 900px){
  .mrm-cic-advisor{max-width:1050px}
  .mrm-cic-hero{border-radius:28px;padding:38px 42px 48px}
  .mrm-cic-hero h2{font-size:46px}
  .mrm-cic-askbox{margin:-20px 24px 0;padding:27px;border-radius:24px}
  .mrm-cic-on-demand,.mrm-cic-amelia-wrap,.mrm-cic-blog{margin-left:24px;margin-right:24px}
  .mrm-cic-av-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mrm-cic-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Fallback for browsers without container queries. */
@media (min-width:700px){
  .mrm-cic-inputrow{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:10px}
  .mrm-cic-inputrow button{width:auto}
}

/* v0.4.1 · guided next-question flow */
.mrm-cic-guided{margin-top:14px;padding-top:12px;border-top:1px solid #e3e9ef;display:flex;flex-direction:column;gap:8px}
.mrm-cic-guided>span{font-size:11px;font-weight:850;color:#6b7280}
.mrm-cic-guided-buttons{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mrm-cic-guided-buttons::-webkit-scrollbar{display:none}
.mrm-cic-guided-buttons button{flex:0 0 auto;max-width:86%;border:1px solid #dce4ec;background:#fff;border-radius:999px;padding:8px 11px;color:#26364c;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}
.mrm-cic-guided-buttons button.is-next{background:#fff8e8;border-color:#e8ca75;color:#5d4b1d}
.mrm-cic-guided-buttons button:active{transform:translateY(1px)}
@container (min-width:620px){.mrm-cic-guided-buttons{flex-wrap:wrap;overflow:visible}.mrm-cic-guided-buttons button{max-width:none}}


/* v0.4.2 · mobile conversation flow: page scroll, never a nested answer scroller */
.mrm-cic-result,.mrm-cic-on-demand,.mrm-cic-amelia-wrap{scroll-margin-top:14px}
.mrm-cic-result{overflow:visible;max-height:none}

@media (max-width:619px){
  .mrm-cic-advisor{margin:0 auto 18px;overflow:visible}
  .mrm-cic-hero{border-radius:16px;padding:17px 14px 27px}
  .mrm-cic-kicker{font-size:9px;margin-bottom:7px}
  .mrm-cic-hero h2{font-size:23px;line-height:1.12;margin-bottom:7px}
  .mrm-cic-hero p{font-size:13px;line-height:1.45}

  .mrm-cic-askbox{margin:-10px 5px 0;padding:12px;border-radius:15px;box-shadow:0 9px 24px rgba(20,40,70,.09)}
  .mrm-cic-askbox label{margin-bottom:6px}
  .mrm-cic-inputrow{gap:7px}
  .mrm-cic-inputrow textarea{min-height:56px;max-height:112px;resize:none;border-radius:12px;padding:11px 12px;font-size:16px}
  .mrm-cic-inputrow button{min-height:44px;border-radius:12px;padding:10px 14px}
  .mrm-cic-enter-hint{display:none}

  .mrm-cic-chips{margin-top:10px;gap:6px;padding-bottom:4px}
  .mrm-cic-chips button{min-height:38px;padding:8px 10px;touch-action:manipulation}

  .mrm-cic-result{margin-top:11px;padding:13px;border-radius:13px;scroll-margin-top:10px}
  .mrm-cic-result-head{margin-bottom:6px}
  .mrm-cic-result-head span{font-size:14px}
  .mrm-cic-answer{font-size:14px;line-height:1.58}

  .mrm-cic-guided{margin-top:11px;padding-top:10px;gap:7px}
  .mrm-cic-guided-buttons{gap:6px;padding-bottom:2px}
  .mrm-cic-guided-buttons button{min-height:38px;max-width:92%;padding:8px 10px;touch-action:manipulation}

  .mrm-cic-on-demand,.mrm-cic-amelia-wrap,.mrm-cic-blog{margin-left:5px;margin-right:5px}
  .mrm-cic-availability{padding:12px;border-radius:15px}
  .mrm-cic-av-card{padding:11px;border-radius:12px}
  .mrm-cic-booking-invite{padding:11px;border-radius:13px}
  .mrm-cic-booking-invite button{min-height:44px;touch-action:manipulation}
  .mrm-cic-amelia-wrap{padding:10px;border-radius:15px;overflow:visible}

  .mrm-cic-blog{margin-top:17px;padding-top:14px}
  .mrm-cic-blog-head h3{font-size:19px}
  .mrm-cic-blog-card{padding:12px;border-radius:13px}
  .mrm-cic-blog-card button{min-height:38px;display:inline-flex;align-items:center;touch-action:manipulation}
}