/* Como usar (ajuda integrada) — Vida Servidor. Prefixo .cu- p/ nao colidir. */
.cu-wrap{max-width:1000px;margin:0 auto;}
.cu-head h2{font-family:'Sora','Segoe UI',sans-serif;font-weight:800;color:var(--vp-teal-900,#0A3D3A);font-size:24px;margin:0;}
.cu-head .cu-lead{color:var(--vp-muted,#5b716d);font-size:15px;margin:8px 0 0;max-width:760px;}

.cu-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0;}
.cu-tab{cursor:pointer;background:#fff;border:1px solid var(--vp-line,#e2ece9);border-radius:12px 12px 0 0;
  padding:12px 16px;display:flex;gap:10px;align-items:center;transition:.15s;border-bottom:3px solid transparent;}
.cu-tab:hover{transform:translateY(-1px);}
.cu-tab .cu-ic{font-size:18px;}
.cu-tab .cu-t{font-family:'Sora','Segoe UI',sans-serif;font-weight:700;font-size:14px;color:#0c1f1d;}
.cu-tab.cu-active{border-bottom-color:var(--vp-amber,#F5A524);}
.cu-tab.cu-active .cu-t{color:var(--vp-teal,#0F766E);}

.cu-panel{background:#fff;border:1px solid var(--vp-line,#e2ece9);border-radius:0 14px 14px 14px;
  padding:26px clamp(18px,3vw,34px);box-shadow:0 10px 30px -14px rgba(10,61,58,.22);}

.cu-sec{font-family:'Sora','Segoe UI',sans-serif;font-weight:700;font-size:12px;letter-spacing:1.3px;
  text-transform:uppercase;color:#C97F12;margin:26px 0 4px;display:flex;align-items:center;gap:8px;}
.cu-sec:first-child{margin-top:6px;}
.cu-sec::before{content:"";width:22px;height:3px;background:var(--vp-amber,#F5A524);border-radius:2px;}

.cu-panel ol.cu-steps{list-style:none;counter-reset:s;padding:0;margin:14px 0 0;}
.cu-panel ol.cu-steps>li{counter-increment:s;position:relative;padding:14px 16px 14px 54px;margin-bottom:10px;
  background:var(--vp-paper,#f5faf8);border:1px solid var(--vp-line,#e2ece9);border-radius:12px;font-size:14.5px;}
.cu-panel ol.cu-steps>li::before{content:counter(s);position:absolute;left:12px;top:12px;width:28px;height:28px;
  border-radius:9px;background:linear-gradient(145deg,#0F766E,#13938A);color:#fff;font-family:'Sora','Segoe UI',sans-serif;
  font-weight:700;display:grid;place-items:center;font-size:14px;}
.cu-panel ol.cu-steps b{font-family:'Sora','Segoe UI',sans-serif;color:#0A3D3A;}
.cu-panel ol.cu-steps ul{margin:6px 0 0;padding-left:18px;}

.cu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px;}
.cu-card{background:var(--vp-paper,#f5faf8);border:1px solid var(--vp-line,#e2ece9);border-radius:12px;padding:14px 16px;}
.cu-card h4{font-family:'Sora','Segoe UI',sans-serif;font-size:14px;color:#0F766E;margin:0 0 4px;}
.cu-card p{font-size:13.5px;color:var(--vp-muted,#5b716d);margin:0;}

.cu-note{display:flex;gap:10px;padding:13px 15px;border-radius:11px;margin:14px 0;font-size:14px;}
.cu-note .cu-em{font-size:17px;}
.cu-note.cu-tip{background:#e9f7f3;border:1px solid #bfe6db;color:#0c5a50;}
.cu-note.cu-warn{background:#fff4e1;border:1px solid #f3d79a;color:#8a5a08;}
.cu-note.cu-info{background:#eef3fb;border:1px solid #cdddf3;color:#274b73;}

.cu-panel code,.cu-path{font-family:ui-monospace,Menlo,monospace;background:#eef4f2;border:1px solid var(--vp-line,#e2ece9);
  border-radius:6px;padding:1px 6px;font-size:12.5px;color:#0A3D3A;}
.cu-path{color:#0F766E;font-weight:600;}
.cu-panel table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13.5px;}
.cu-panel th,.cu-panel td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--vp-line,#e2ece9);}
.cu-panel th{font-family:'Sora','Segoe UI',sans-serif;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--vp-muted,#5b716d);}
.cu-panel td b{color:#0A3D3A;}