/* WEBEKO STYLE (brand-aligned palette) */
  .webeko-blog{
    --w-blue:#0167b4;
    --w-light:#ddeef3;
    --w-white:#fcfcfc;
    --w-brick:#c94d39;
    --w-black:#1e1e1e;

    font-family: "Lato","Open Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color: var(--w-black);
    background: var(--w-white);
    border: 1px solid rgba(30,30,30,.08);
    border-radius: 16px;
    padding: clamp(18px, 2.5vw, 28px);
    max-width: 860px;
    margin: 0 auto;
    line-height: 1.65;
  }

  .webeko-header{
    background: linear-gradient(180deg, rgba(1,103,180,.10), rgba(221,238,243,.35));
    border: 1px solid rgba(1,103,180,.15);
    border-radius: 14px;
    padding: 18px 18px 14px;
    margin-bottom: 18px;
  }

  .webeko-kicker{
    display:inline-block;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--w-blue);
    background: rgba(1,103,180,.10);
    border: 1px solid rgba(1,103,180,.18);
    padding: 6px 10px;
    border-radius: 999px;
    margin: 0 0 10px;
  }

  .webeko-header h1{
    margin: 0 0 10px;
    line-height: 1.2;
    font-size: clamp(22px, 3vw, 34px);
    color: var(--w-black);
  }

  .webeko-lead{
    margin: 0;
    font-size: 16px;
    color: rgba(30,30,30,.85);
  }

  .webeko-section{ margin: 16px 0; }

  .webeko-section h2{
    margin: 0 0 6px;
    font-size: 18px;
    color: var(--w-black);
  }

  .webeko-tip{
    margin-top: 10px;
    background: var(--w-light);
    border-left: 4px solid var(--w-blue);
    padding: 12px 14px;
    border-radius: 10px;
  }

  .webeko-divider{
    border: 0;
    height: 1px;
    background: rgba(30,30,30,.10);
    margin: 22px 0;
  }

  .webeko-list{
    margin: 10px 0 0;
    padding-left: 18px;
  }
  .webeko-list li{ margin: 4px 0; }

  .webeko-footer{ margin-top: 18px; }

  .webeko-cta{
    border-radius: 14px;
    padding: 16px 16px 14px;
    border: 1px solid rgba(201,77,57,.22);
    background: linear-gradient(180deg, rgba(201,77,57,.06), rgba(252,252,252,1));
  }

  .webeko-cta h3{
    margin: 0 0 6px;
    font-size: 18px;
  }

  .webeko-btn{
    display:inline-block;
    margin-top: 10px;
    background: var(--w-blue);
    color: white;
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 12px;
    font-weight: 700;
    transition: transform .08s ease, opacity .2s ease;
  }
  .webeko-btn:hover{ opacity:.92; transform: translateY(-1px); }

  .webeko-note{
    margin: 10px 0 0;
    font-size: 12.5px;
    color: rgba(30,30,30,.65);
  }