/* =========================================================
       Scoped ONLY: .refund-container (will NOT affect other modules)
       ========================================================= */

    /* Base (scoped) */
    .refund-container{
      font-family: Inter, "Segoe UI", Arial, sans-serif;
      color:#333;
      background:#fff;
      max-width:1100px;
      width:100%;
      margin:56px auto;
      padding:0 40px;
      line-height:1.8;
    }
    .refund-container, .refund-container *{ box-sizing:border-box; }

    /* Scoped reset (no global) */
    .refund-container h2,
    .refund-container p,
    .refund-container ul,
    .refund-container ol,
    .refund-container li,
    .refund-container hr{
      margin:0;
      padding:0;
    }

    @media (max-width:768px){
      .refund-container{
        margin:40px auto;
        padding:0 20px;
      }
    }

    /* ===== Grid (keep your layout) ===== */
    .refund-container .refund-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:40px;
      margin-bottom:40px;
    }
    @media (max-width:768px){
      .refund-container .refund-grid{
        grid-template-columns:1fr;
        gap:30px;
        margin-bottom:30px;
      }
    }

    .refund-container .refund-section{ width:100%; }

    /* ===== H2 (v2.2 Section Title) ===== */
    .refund-container h2{
      font-size:30px;
      font-weight:700;
      color:#8B5A2B;
      line-height:1.25;
      margin:0 0 16px 0;
      padding-bottom:10px;
      border-bottom:1px solid #eee;
      display:block;
    }
    @media (max-width:768px){
      .refund-container h2{
        font-size:26px;
        margin-bottom:14px;
      }
    }

    /* ===== Paragraph (v2.2 body) ===== */
    .refund-container p{
      font-size:17px;
      line-height:1.8;
      margin:0 0 14px 0; /* 14–18 rhythm */
      color:#333;
    }

    /* ===== Lists (critical: align with paragraphs, no ugly indent) ===== */
    .refund-container .unordered-list,
    .refund-container .ordered-list{
      font-size:17px;
      color:#333;
      margin:8px 0 16px 0;
      padding-left:0;              /* ✅ no block indent */
      list-style-position:inside;  /* ✅ marker inside -> text aligns with p */
    }

    .refund-container .unordered-list{ list-style:disc; }
    .refund-container .ordered-list{ list-style:decimal; }

    .refund-container .unordered-list li,
    .refund-container .ordered-list li{
      line-height:1.75;
      margin-bottom:10px;          /* 8–12 */
    }
    .refund-container .unordered-list li:last-child,
    .refund-container .ordered-list li:last-child{
      margin-bottom:0;
    }

    @media (max-width:768px){
      .refund-container p,
      .refund-container .unordered-list,
      .refund-container .ordered-list,
      .refund-container .unordered-list li,
      .refund-container .ordered-list li{
        font-size:17px;
      }
      .refund-container .unordered-list li,
      .refund-container .ordered-list li{
        margin-bottom:8px;
      }
    }

    /* ===== Divider ===== */
    .refund-container hr{
      border:none;
      border-top:1px solid #eee;
      margin:34px 0 22px 0;
      opacity:1;
      background:none;
    }
    @media (max-width:768px){
      .refund-container hr{
        margin:28px 0 18px 0;
      }
    }

    /* ===== Emphasis ===== */
    .refund-container strong{
      color:#333;
      font-weight:700;
    }

    /* ===== “B2B Notice” section spacing (more clause-like) ===== */
    .refund-container .b2b-block h2{
      margin-top:0;
    }
    .refund-container .b2b-block p{
      margin-bottom:0;
    }