ul {
  list-style: disc;
  padding-left: 1.2rem;
  margin: 0 0 1.2rem 0;
}

ul li {
  margin-bottom: 0.5rem;
}

ul li::marker {
  color: #A1B9AA;
}


.info-box,
.tip-box {
  background: #F2F6F4;  
  border-left: 4px solid #A1B9AA;
  padding: 1rem 1.2rem;
  border-radius: 6px;
  margin: 1.4rem 0;
}

.info-box strong,
.tip-box strong {
  color: #445A52;
  font-weight: 700;
}


.faq{
    margin:24px 0;
  }
  .faq__title{
   
    margin:0 0 12px 0;
    letter-spacing:-.01em;
  }
  .faq details{
    border:1px solid rgba(0,0,0,.12);
    border-radius:12px;
    padding:12px 14px;
    background:#fff;
    margin:10px 0;
    box-shadow:0 1px 0 rgba(0,0,0,.03);
  }
  .faq summary{
    cursor:pointer;
    list-style:none;
    font-weight:600;
    position:relative;
    padding-right:34px;
    line-height:1.35;
  }
  .faq summary::-webkit-details-marker{ display:none; }
  .faq summary::after{
    content:"+";
    position:absolute;
    right:0;
    top:0;
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    border:1px solid rgba(0,0,0,.12);
    font-weight:700;
    line-height:1;
    opacity:.9;
  }
  .faq details[open] summary::after { content: "-"; }
  .faq__answer{
    margin:10px 0 0 0;
    color:rgba(0,0,0,.78);
    line-height:1.6;
  }
  .faq details:focus-within{
    outline:2px solid rgba(0,0,0,.08);
    outline-offset:2px;
  }