.elementor-18508 .elementor-element.elementor-element-2e5e153b{--display:flex;--background-transition:0.3s;}/* Start custom CSS for container, class: .elementor-element-2e5e153b */:root{
      --bg:#ffffff;
      --card:#f8fafc;
      --text:#0f172a;
      --muted:#475569;
      --brand:#0ea5e9;
      --accent:#f59e0b;
      --border:#e2e8f0;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      background:var(--bg);
      color:var(--text);
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      line-height:1.6;
    }
    .wrap{
      max-width: 900px;
      margin: 48px auto;
      padding: 0 20px 64px;
    }
    header{
      background: linear-gradient(135deg, rgba(14,165,233,.08), rgba(245,158,11,.06));
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 28px 28px 24px;
      box-shadow: 0 10px 24px rgba(2,6,23,0.06);
    }
    .kicker{
      color: var(--brand);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .06em;
      font-size: .85rem;
      margin: 0 0 6px;
    }
    h1{
      margin: 6px 0 8px;
      font-size: clamp(1.8rem, 2.6vw, 2.4rem);
      line-height:1.2;
    }
    .intro{
      color: var(--muted);
      font-size: 1.05rem;
      margin: 0;
    }
    .card{
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 20px 22px;
      margin: 28px 0;
    }
    h2{
      font-size: clamp(1.25rem, 2vw, 1.5rem);
      margin: 8px 0 10px;
    }
    .legend{
      display:flex;
      align-items:center;
      gap:10px;
      color: var(--muted);
      font-size:.98rem;
    }
    .legend .dot{
      width:10px;height:10px;border-radius:50%;
      background:var(--accent);
      box-shadow:0 0 0 4px rgba(245,158,11,.15);
    }
    ol{
      margin: 0;
      padding-left: 20px;
    }
    li{ padding: 6px 0; }
    strong.badge{
      display:inline-block;
      background: rgba(14,165,233,.1);
      color: #0369a1;
      font-weight:700;
      border: 1px solid rgba(14,165,233,.25);
      padding: 2px 10px;
      border-radius: 999px;
      font-size:.85rem;
      margin-left:8px;
    }
    .note{
      font-size: .98rem;
      color: var(--muted);
      margin-top: 10px;
      padding-left: 12px;
      border-left: 3px solid var(--border);
    }
    .tip{
      display:flex;
      gap:16px;
      align-items:flex-start;
      background: #fff7ed;
      border: 1px solid #fed7aa;
      border-radius: 16px;
      padding: 18px 20px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
    }
    .tip .icon{
      width: 42px;height: 42px;border-radius: 10px;
      background: linear-gradient(135deg, #f59e0b, #fbbf24);
      display:flex;align-items:center;justify-content:center;
      color: #111827;font-weight:900;font-size: 1.15rem;
      box-shadow: 0 8px 16px rgba(245,158,11,.25);
      flex-shrink:0;
    }
    footer{
      margin-top: 28px;
      color: var(--muted);
      font-size: .9rem;
    }
    .brand{
      color: var(--brand);
      font-weight: 700;
    }
    @media print{
      header, .card, .tip{ box-shadow:none }
      .wrap{ margin: 16px auto; padding-bottom: 0; }
    }/* End custom CSS */