/* Medical Agency · 2026-10-30 · Praxisfejlesztési vizuál · HU/EN ·
   intentionally no fictitious doctor, patient data, claims or performance metrics. */
.ma-overview-visual { min-height: 570px; display: flex; align-items: center; justify-content: center; isolation: isolate; }
.ma-overview-card { width: 100%; position: relative; margin: 20px 0 18px; overflow: hidden;
  border-radius: 28px; border: 1px solid #dbe6ef; background: #ffffff;
  box-shadow: 0 28px 72px rgba(34,61,83,.13); color: #172b40;
  font-family: Poppins, system-ui, -apple-system, sans-serif; }
.ma-overview-card::before { content: ''; pointer-events: none; position: absolute; width: 280px; height: 280px; right:-130px; top: 110px; border: 1px solid #e6f0f5; border-radius: 50%; }
.ma-overview-card::after { content: ''; pointer-events: none; position: absolute; width: 380px; height: 380px; right:-180px; top: 52px; border: 1px solid #edf3f7; border-radius: 50%; }
.ma-overview-header { height: 70px; padding: 0 26px; display:flex; align-items:center; gap: 12px; border-bottom:1px solid #e7edf1; background:#f8fbfd; }
.ma-monogram { width:34px; height:34px; flex:none; border:1px solid #b4c9d7; border-radius:10px; display:grid; place-items:center; color:#315d7f; font: 500 20px Georgia, serif; }
.ma-overview-headingline { display:flex; flex-direction:column; line-height:1.35; gap: 1px; min-width:0; }
.ma-overview-headingline > span { font-size: 9px; letter-spacing:.16em; color:#7290a4; }
.ma-overview-headingline > strong {font-size:13px; font-weight:600; color:#213d55;}
.ma-program-chip { margin-left:auto; flex:none; font-size:10px; color:#315d7f; font-weight:600; letter-spacing:.08em; padding:8px 11px; border-radius:30px; background:#e7f1f6; }
.ma-overview-intro { padding: 24px 26px 5px; position:relative; z-index:1; }
.ma-overview-eyebrow { display:block; color:#557b98; font-size:9px; font-weight:600; letter-spacing:.19em; margin-bottom:6px; }
.ma-overview-intro h3 { margin: 0; color:#1b2c43; font: normal clamp(24px,2.7vw,34px)/1.15 Georgia, 'Times New Roman', serif; letter-spacing:-.025em; }
.ma-overview-intro h3 em { color:#416b8b; font-style:normal; }
.ma-overview-diagram { height: 260px; margin: 0 18px; position:relative; z-index:1; }
.ma-connector-lines { position:absolute; width:100%; height:100%; inset:0; overflow:visible; }
.ma-connector-lines path { stroke:#adc6d6; stroke-width:1.3; fill:none; stroke-dasharray: 4 7; }
.ma-connector-lines circle { stroke:#d9e7f0; stroke-width:1; fill:none; stroke-dasharray: 1 8; }
.ma-overview-core { width:132px; height:132px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
   background: radial-gradient(circle at 30% 18%, #f5fbfe 0%, #e0edf4 100%); border:1px solid #c3d8e6;
   box-shadow:0 15px 35px rgba(61,106,141,.16), inset 0 0 0 9px rgba(255,255,255,.65);
   display:flex; align-items:center; justify-content:center; flex-direction:column; gap:2px; text-align:center; }
.ma-overview-core>span { font-size:10px; font-weight:600; letter-spacing:.13em; color:#6589a2; }
.ma-overview-core>strong { color:#224e71; font-size:15px; font-weight:600; letter-spacing:.08em; }
.ma-overview-core>small { color:#6e899c; font-size:9px; }
.ma-overview-node { position:absolute; min-width:127px; max-width:36%; height:53px; display:flex; align-items:center; gap:9px; padding:9px 12px; z-index:2;
   border:1px solid #dfe9ef; border-radius:15px; background:rgba(255,255,255,.96); box-shadow:0 8px 22px rgba(42,83,110,.08); }
.ma-overview-node b { color:#244158; font-size:11px; font-weight:600; line-height:1.35; }
.ma-node-symbol { border-radius:8px; width:25px; height:26px; flex:none; background:#eaf2f7; color:#537e9e; display:grid; place-items:center; font-size:9px; font-weight:600; }
.ma-node-a { top:11px; left:0; }
.ma-node-b { top:11px; right:0; }
.ma-node-c { bottom:9px; left:0; }
.ma-node-d { bottom:9px; right:0; }
.ma-overview-stages { display:flex; align-items:center; padding:0 25px 18px; gap:8px; position:relative; z-index:2; }
.ma-overview-stages span { color:#496478; font-size:10px; white-space:nowrap; }
.ma-overview-stages b { color:#315e7f; font-weight:600; margin-right:4px; }
.ma-overview-stages i { flex:1; height:1px; background:#c9dae5; position:relative; min-width:8px; }
.ma-overview-stages i:after { content:'›'; position:absolute; right:-1px; top:-11px; color:#95b1c5; font-size:17px; font-style:normal; }
.ma-overview-footer { border-top:1px solid #e7edf1; background:#f9fbfc; display:flex; align-items:center; gap:9px; padding:15px 26px; color:#6c8597; font-size:10px; }
.ma-footer-dot { width:7px; height:7px; border-radius:50%; background:#6d9ebb; box-shadow:0 0 0 4px #e7f1f7; }
html[data-theme="dark"] .ma-overview-card { background:#1b3042; color:#e5f0f6; border-color:#3a5265; box-shadow:0 24px 65px rgba(0,0,0,.2); }
html[data-theme="dark"] .ma-overview-header,html[data-theme="dark"] .ma-overview-footer { background:#20394d; border-color:#3a5265; }
html[data-theme="dark"] .ma-overview-headingline strong,html[data-theme="dark"] .ma-overview-intro h3,html[data-theme="dark"] .ma-overview-node b { color:#e5f0f6; }
html[data-theme="dark"] .ma-overview-intro h3 em { color:#a1c3dc; }
html[data-theme="dark"] .ma-overview-core { background:#253f53; border-color:#5d819a; box-shadow:0 12px 35px rgba(0,0,0,.12),inset 0 0 0 9px rgba(255,255,255,.035); }
html[data-theme="dark"] .ma-overview-core strong { color:#e3f1f8; }
html[data-theme="dark"] .ma-overview-node { background:#253e51; border-color:#3d5870; }
html[data-theme="dark"] .ma-node-symbol,html[data-theme="dark"] .ma-program-chip { background:#35556d; color:#e5f0f6; }
html[data-theme="dark"] .ma-monogram { color:#b9d4e6; border-color:#52718a; }
html[data-theme="dark"] .ma-overview-stages span { color:#b5c9d6; }
html[data-theme="dark"] .ma-overview-stages b { color:#c4dfed; }
html[data-theme="dark"] .ma-connector-lines path { stroke:#5a839c; }
html[data-theme="dark"] .ma-connector-lines circle { stroke:#47687d; }
@media (max-width:1100px){ .ma-overview-visual { max-width:680px; } }
@media (max-width:580px){
  .ma-overview-visual { min-height:450px!important; }
  .ma-overview-card { margin:0; border-radius:21px; }
  .ma-overview-header { height:57px; padding:0 13px; gap:8px; }
  .ma-monogram { width:30px; height:30px; }
  .ma-overview-headingline>span { font-size:7px; }
  .ma-overview-headingline>strong { font-size:10px; }
  .ma-program-chip { font-size:8px; padding:6px 8px; }
  .ma-overview-intro { padding:17px 14px 2px; }
  .ma-overview-intro h3 { font-size:clamp(22px,6vw,29px); }
  .ma-overview-diagram { height:222px; margin:0 9px; }
  .ma-overview-core { width:108px; height:108px; }
  .ma-overview-core>span { font-size:8px; }
  .ma-overview-core>strong { font-size:12px; }
  .ma-overview-core>small { font-size:8px; }
  .ma-overview-node { min-width:0; width:31%; height:48px; padding:6px; gap:4px; border-radius:11px; }
  .ma-overview-node b { font-size:9px; }
  .ma-node-symbol { width:20px; height:23px; font-size:7px; }
  .ma-overview-stages { padding:0 12px 13px; gap:5px; }
  .ma-overview-stages span { font-size:8px; }
  .ma-overview-stages b { margin-right:2px; }
  .ma-overview-footer { padding:12px 15px; font-size:9px; }
}
@media (max-width:360px){.ma-overview-stages span{font-size:7px}.ma-overview-node b{font-size:8px}.ma-node-symbol{width:17px}}
@media (prefers-reduced-motion: reduce) { .ma-overview-card, .ma-overview-node { animation:none!important;transition:none!important; } }