/* =========================================================
       Scoped Styles ONLY: will not affect anything outside #tc-terms
       ========================================================= */

    /* Scope root */
    #tc-terms{
      font-family: Inter, "Segoe UI", Arial, sans-serif;
      color:#333;
      background:#fff;
      line-height:1.8;
    }

    /* Scoped reset (ONLY inside) */
    #tc-terms, 
    #tc-terms *{
      box-sizing:border-box;
    }
    #tc-terms h2,
    #tc-terms p,
    #tc-terms ul,
    #tc-terms li,
    #tc-terms a,
    #tc-terms strong,
    #tc-terms hr{
      margin:0;
      padding:0;
    }

    /* Container */
    #tc-terms .terms-container{
      max-width:1100px;
      margin:56px auto;
      padding:0 40px;
    }
    @media (max-width:768px){
      #tc-terms .terms-container{
        margin:40px auto;
        padding:0 20px;
      }
    }

    /* Section Title (H2) */
    #tc-terms h2{
      color:#8B5A2B;
      font-size:30px;
      font-weight:700;
      line-height:1.25;
      margin:64px 0 18px;
      padding-bottom:10px;
      border-bottom:1px solid #eee;
    }
    #tc-terms h2:first-of-type{ margin-top:0; }

    /* Body text */
    #tc-terms p{
      font-size:17px;
      line-height:1.8;
      color:#333;
      margin:0 0 16px 0;
      max-width:none;
    }

    /* Lists (fix alignment: align with paragraphs) */
    #tc-terms ul{
      font-size:17px;
      color:#333;
      margin:10px 0 20px;
      padding-left:0;              /* ✅ remove default indent */
      list-style:disc;
      list-style-position:inside;  /* ✅ align list text with p */
      max-width:none;
    }
    #tc-terms li{
      margin-bottom:10px;
      line-height:1.75;
    }
    #tc-terms ul li:last-child{ margin-bottom:0; }

    /* HR */
    #tc-terms hr{
      border:none;
      border-top:1px solid #eee;
      margin:34px 0 0;
    }

    /* Links */
    #tc-terms a{
      color:#8B5A2B;
      font-size:17px;
      font-weight:500;
      text-decoration:underline;
      text-underline-offset:3px;
      transition:none;
    }
    #tc-terms a:hover{
      color:#8B5A2B;
      text-decoration:underline;
    }

    /* Emphasis */
    #tc-terms strong{
      color:#333;
      font-weight:700;
    }

    /* Mobile */
    @media (max-width:768px){
      #tc-terms h2{
        font-size:26px;
        margin:52px 0 16px;
      }
      #tc-terms p,
      #tc-terms ul,
      #tc-terms li,
      #tc-terms a{
        font-size:17px;
      }
      #tc-terms li{ margin-bottom:8px; }
      #tc-terms hr{ margin-top:28px; }
    }