.wps-legacy-elementor-post-main section{
  font-family:Archivo,Sans-Serif;
  max-width:1140px;
  padding:1rem 1.5rem 1.5rem;
  border-bottom:1px solid #eee;
}

.wps-legacy-elementor-post-main .intro{padding-top:2rem;border-bottom:0;}
.wps-legacy-elementor-post-main .step{flex-direction:column;padding:1rem 1.5rem 0rem 1.5rem;border-bottom:0;}
.wps-legacy-elementor-post-main .step h2{margin-top:0;}

.wps-legacy-elementor-post-main .screenshot{
  margin-top:1rem;
  padding:1rem;
  background:#f8f8f8;
  border:1px dashed #ccc;
  color:#999;
  font-style:italic;
  text-align:center;
}

.wps-legacy-elementor-post-main pre{
  background:#f8f8f8;
  padding:0.75rem;
  overflow-x:auto;
  border-radius:4px;
}

.wps-legacy-elementor-post-main code{
  font-family:monospace;
  background:#f0f0f0;
  padding:0.2em 0.4em;
  border-radius:4px;
  word-wrap:break-word;
}

.wps-legacy-elementor-post-main code.shortcode::before{content:"[";}
.wps-legacy-elementor-post-main code.shortcode::after{content:"]";}

.wps-legacy-elementor-post-main header,
.wps-legacy-elementor-post-main footer{
  padding:24px 20px;
  border-bottom:1px solid #222;
}

.wps-legacy-elementor-post-main a{
  color:#9cf3cc;
  text-decoration:none;
}

.wps-legacy-elementor-post-main footer{
  border-top:1px solid #222;
  border-bottom:none;
}

.wps-legacy-elementor-post-main .container{
  max-width:960px;
  margin:0 auto;
  padding:0 20px;
}

.wps-legacy-elementor-post-main p.lead{
  color:#515151;
  font-size:19px;
}

.wps-legacy-elementor-post-main .box{
  background:#2454E02E;
  padding:16px;
  margin:20px 0;
  border-left:6px solid;
  color:#1e3a8a;
  font-size:15px;
  line-height:1.6;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

/* ───── Info boxes ───── */
.wps-legacy-elementor-post-main .remark,
.wps-legacy-elementor-post-main .info,
.wps-legacy-elementor-post-main .tip,
.wps-legacy-elementor-post-main .warn{
  display:block;
  padding:16px 20px;
  margin:20px 0;
}

/* colors */
.wps-legacy-elementor-post-main .remark,
.wps-legacy-elementor-post-main .info{
  background:#ecfdf5;
  border-left-color:#059669;
  color:#064e3b;
}

.wps-legacy-elementor-post-main .tip{
  background:#eff6ff;
  border-left-color:#2563eb;
  color:#1e3a8a;
}

.wps-legacy-elementor-post-main .warn{
  background:#fef3c7;
  border-left-color:#d97706;
  color:#78350f;
}

/* title row */
.wps-legacy-elementor-post-main .remark h4,
.wps-legacy-elementor-post-main .info h4,
.wps-legacy-elementor-post-main .tip h4,
.wps-legacy-elementor-post-main .warn h4{
  display:flex;
  align-items:center;
  gap:8px;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:6px;
}

/* icons */
.wps-legacy-elementor-post-main .remark h4:first-child::before{
  content:"🔄";
  font-size:18px;
  line-height:1;
}

.wps-legacy-elementor-post-main .info h4:first-child::before{
  content:"💡";
  font-size:18px;
  line-height:1;
}

.wps-legacy-elementor-post-main .tip h4:first-child::before{
  content:"❗";
  font-size:18px;
  line-height:1;
  color:#1e3a8a;
}

.wps-legacy-elementor-post-main .warn h4:first-child::before{
  content:"⚠️";
  font-size:18px;
  line-height:1;
}

/* spacing inside */
.wps-legacy-elementor-post-main .remark p,
.wps-legacy-elementor-post-main .info p,
.wps-legacy-elementor-post-main .tip p,
.wps-legacy-elementor-post-main .warn p{
  margin:0.35em 0 0;
}

.wps-legacy-elementor-post-main .remark ul,
.wps-legacy-elementor-post-main .info ul,
.wps-legacy-elementor-post-main .tip ul,
.wps-legacy-elementor-post-main .warn ul{
  margin:0.35em 0 0 1.25em;
}

.wps-legacy-elementor-post-main .remark li,
.wps-legacy-elementor-post-main .info li,
.wps-legacy-elementor-post-main .tip li,
.wps-legacy-elementor-post-main .warn li{
  margin:0.15em 0;
}

/* other elements */
.wps-legacy-elementor-post-main .divider{
  height:1px;
  background:#ddd;
  margin:36px 0;
}

.wps-legacy-elementor-post-main .small{
  font-size:14px;
  color:#9aa4b2;
  margin-top:1rem;
}

.wps-legacy-elementor-post-main table{
  width:100%;
  border-collapse:collapse;
  margin:16px 0;
  border-spacing:0;
  border:1px solid #222;
  table-layout:fixed;
}

.wps-legacy-elementor-post-main th,
.wps-legacy-elementor-post-main td{
  padding:10px;
  text-align:left;
  vertical-align:top;
  word-wrap:break-word;
}

.wps-legacy-elementor-post-main .cta{
  display:inline-block;
  background:#10b981;
  color:#052e2b;
  font-weight:700;
  padding:12px 16px;
  border-radius:12px;
}

.wps-legacy-elementor-post-main ul.check{
  list-style:none;
  padding:0;
}

.wps-legacy-elementor-post-main ul.check li{
  margin:6px 0;
}

.wps-legacy-elementor-post-main ul.check li::before{
  content:"✓ ";
  color:#10b981;
  font-weight:700;
}

/* ───── New post layout helpers ───── */
.wps-legacy-elementor-post-main .cards-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin:20px 0;
}

.wps-legacy-elementor-post-main .cards-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin:20px 0;
}

.wps-legacy-elementor-post-main .mini-card{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px 18px;
  box-shadow:0 2px 6px rgba(0,0,0,0.04);
}

.wps-legacy-elementor-post-main .mini-card h3,
.wps-legacy-elementor-post-main .mini-card h4{
  margin-top:0;
  margin-bottom:10px;
}

.wps-legacy-elementor-post-main .caption{
  font-size:14px;
  color:#6b7280;
  margin-top:12px;
}

.wps-legacy-elementor-post-main .plain-list{
  margin:0.5rem 0 0 1.25rem;
}

/* ───── Breakpoints aligned to template ───── */

/* laptop */
@media (max-width:1366px){
  .wps-legacy-elementor-post-main section{
    padding:1rem 1.25rem 1.25rem;
  }

  .wps-legacy-elementor-post-main .step{
    padding:1rem 1.25rem 0rem 1.25rem;
  }

  .wps-legacy-elementor-post-main .container{
    max-width:920px;
  }

  .wps-legacy-elementor-post-main .cards-3{
    gap:18px;
  }
}

/* tablet */
@media (max-width:1024px){
  .wps-legacy-elementor-post-main .cards-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .wps-legacy-elementor-post-main table{
    table-layout:auto;
  }
}

/* mobile */
@media (max-width:767px){
  .wps-legacy-elementor-post-main section{
    padding:0.85rem 1rem 1rem;
  }

  .wps-legacy-elementor-post-main .intro{
    padding-top:1.5rem;
  }

  .wps-legacy-elementor-post-main .step{
    padding:0.85rem 1rem 0rem 1rem;
  }

  .wps-legacy-elementor-post-main .container{
    padding:0 12px;
  }

  .wps-legacy-elementor-post-main header,
  .wps-legacy-elementor-post-main footer{
    padding:20px 12px;
  }

  .wps-legacy-elementor-post-main p.lead{
    font-size:17px;
  }

  .wps-legacy-elementor-post-main .cards-2,
  .wps-legacy-elementor-post-main .cards-3{
    grid-template-columns:1fr;
    gap:16px;
  }

  .wps-legacy-elementor-post-main .mini-card{
    padding:14px 16px;
  }

  .wps-legacy-elementor-post-main th,
  .wps-legacy-elementor-post-main td{
    padding:8px;
    font-size:14px;
  }

  .wps-legacy-elementor-post-main .caption,
  .wps-legacy-elementor-post-main .small{
    font-size:13px;
  }

  .wps-legacy-elementor-post-main .remark,
  .wps-legacy-elementor-post-main .info,
  .wps-legacy-elementor-post-main .tip,
  .wps-legacy-elementor-post-main .warn,
  .wps-legacy-elementor-post-main .box{
    padding:14px 16px;
  }
}