/* Start custom CSS for html, class: .elementor-element-178603f */.page-header{display:none;}
a{ color:#2563eb; text-decoration:underline; }
    a:hover{ opacity:.85; }

    /* narrow centered canvas like screenshots */
    .tc-wrap{
      max-width: 980px;
      margin: 0 auto;
      padding: 44px 18px 90px;
    }

    /* ---------- Section 1: Hero (text + image) ---------- */
    .tc-hero{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 26px;
      align-items:start;
    }
    .tc-h1{
      margin:0 0 14px;
      font-size:40px;
      line-height:1.12;
      letter-spacing:-.6px;
      font-weight:900;
      color:#111827;
    }
    .tc-p{
      margin: 0 0 14px;
      font-size:16px;
      color:#374151;
      max-width: 520px;
    }
    .tc-p strong{ color:#111827; }

    .tc-heroImg{
      width:100%;
      height: 240px;
      border-radius: 0px;
      overflow:hidden;
      background:#f3f4f6;
      border:1px solid #e5e7eb;
    }
    .tc-heroImg img{
      width:100%;
      height:100%;
      object-fit: cover;
      display:block;
    }

    /* ---------- Section 2: Pro Tip box ---------- */
    .tc-protip{
      margin-top: 26px;
      background:#eef7ff;
      border:1px solid #60a5fa;
      border-radius:10px;
      padding: 22px 18px;
      text-align:center;
    }
    .tc-protipTitle{
      margin:0 0 10px;
      font-size:34px;
      letter-spacing:-.5px;
      font-weight:900;
      color:#111827;
    }
    .tc-protipStrong{
      margin:0 0 10px;
      font-size:16px;
      font-weight:900;
      color:#111827;
    }
    .tc-protipText{
      margin:0;
      font-size:16px;
      color:#374151;
      max-width: 740px;
      margin-left:auto;
      margin-right:auto;
      line-height:1.6;
    }

    /* ---------- Section 3: Steps content ---------- */
    .tc-steps{
      margin-top: 44px;
    }
    .tc-h2{
      margin:0 0 10px;
      font-size:40px;
      line-height:1.15;
      letter-spacing:-.6px;
      font-weight:900;
      color:#111827;
    }
    .tc-sub{
      margin:0 0 22px;
      font-size:16px;
      color:#374151;
      max-width: 760px;
    }

    .tc-step{
      margin: 18px 0 18px;
    }
    .tc-stepTitle{
      margin:0 0 10px;
      font-size:16px;
      font-weight:900;
      color:#111827;
    }
    .tc-stepBody{
      margin:0 0 10px;
      font-size:16px;
      color:#374151;
      max-width: 760px;
    }

    .tc-ul{
      margin: 8px 0 12px 0;
      padding-left: 18px;
      color:#374151;
      font-size:16px;
    }
    .tc-ul li{ margin: 4px 0; }

    .tc-note{
      margin-top: 14px;
      font-size:16px;
      color:#374151;
      max-width: 760px;
    }
    .tc-note em{ color:#111827; }

    /* subtle spacing like screenshot */
    .tc-spacer{ height: 8px; }

    /* ---------- Responsive ---------- */
    @media (max-width: 920px){
      .tc-hero{ grid-template-columns: 1fr; }
      .tc-heroImg{ height: 220px; }
      .tc-h1{ font-size:34px; }
      .tc-h2{ font-size:32px; }
      .tc-protipTitle{ font-size:28px; }
    }/* End custom CSS */