:root{
  --c-bg: #fedca6;
  --c-accent: #fcb806;
  --c-cta: #ba811f;
  --c-text: #333333;
  --c-surface: rgba(255,255,255,.78);
  --c-surface-strong: rgba(255,255,255,.92);
  --c-border: rgba(51,51,51,.12);
  --shadow-sm: 0 10px 30px rgba(0,0,0,.08);
  --shadow-md: 0 18px 60px rgba(0,0,0,.12);
  --radius-lg: 18px;
  --radius-xl: 26px;
}
h1.basic {
  margin: 0;
}
.mainImage {
  margin: 0;
}
.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.card {
  width: 44.7%;
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
  padding: 5px 15px 15px 15px ;
  position: relative;
  align-items: center;
}
.list2 .card  {
  width: 100%;
}
.topline{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 0;
}
.topline p {
  line-height: 1.45;
  margin-bottom: 0;
  margin-top: .3rem;
  min-height: 70px;
  align-items:center; display: flex;
  /* <p class="title" style="min-height: 44px; align-items:center; display: flex;"> */
}
.badge{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: .8rem;
  letter-spacing: .02em;
  background: rgba(254,220,166,.55);
  border: 1px solid rgba(186,129,31,.25);
  margin-top: .3rem;
}
.badge img {
  width: 12px;
}
.badge b {
  color: var(--c-cta);
  font-weight: 900;
}
.icon{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(252,184,6,.20);
  border: 1px solid rgba(252,184,6,.35);
  flex: 0 0 auto;
}
.icon svg { width: 18px; height: 18px; }
.information title{
      margin: .5rem 0;
      font-size: 1rem;
      line-height: 1.35;
      font-weight: 800;
      text-align: left;
      color: var(--c-cta);
    }

    .information .text{
      margin: 10px 0 0;
      color: rgba(51,51,51,.86);
      font-size: 14.5px;
    }

    .information .note{
      margin: 6px 0;
      padding: 12px 12px 12px 14px;
      border-radius: 14px;
      border: 1px dashed rgba(51,51,51,.22);
      background: rgba(254,220,166,.28);
      font-size: .8rem !important;
      color: rgba(51,51,51,.86);
    }
    .information .note.long {
      min-height: 120px;
    }
    .note a.textLink {
      border: 1px solid #84755A;
      text-decoration: none;
      padding: .3rem .5rem .1rem 1.5rem;
      display: inline-block;
      margin-right: 1rem;
      background: #fff url("/_webroot/img/module/all/bg_arrow_line.png") .5rem center / 7px 13px no-repeat;
      font-weight: 600;
      color: #84755A;
      font-size: .85rem;
    }
    .note p{ margin: 0; font-size: .8rem !important; }
    .note p + p{ margin-top: 8px; font-size: .8rem !important;}

    .cta-row{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 12px;
      margin-top: 18px;
      padding-top: 14px;
      border-top: 1px solid rgba(51,51,51,.10);
    }

    .cta{
      display:inline-flex;
      align-items:center;
      gap: 10px;
      padding: 12px 14px;
      border-radius: 16px;
      border: 1px solid rgba(186,129,31,.35);
      background: linear-gradient(135deg, rgba(252,184,6,.92), rgba(186,129,31,.85));
      color: #2b1b00;
      font-weight: 900;
      letter-spacing: .01em;
      text-decoration:none;
      box-shadow: 0 10px 24px rgba(186,129,31,.22);
      transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
      user-select:none;
      white-space: nowrap;
    }
    .meta{
      font-size: 12.5px;
      color: rgba(51,51,51,.70);
      max-width: 54ch;
    }

.faq-item{
  background: rgba(254,220,166,.45);
  border-radius: 3px;
  margin-bottom: 14px;
  overflow: hidden;
  border: 1px solid rgba(186,129,31,.25);
  transition: box-shadow .2s ease;
}
.faq-question{
  list-style: none;
  padding: 18px 20px;
  font-weight: 800;
  color: var(--c-cta);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faq-answer{
  padding: 20px;
  background: #fff;
  color: rgba(51,51,51,.9);
  line-height: 1.7;
  font-size: 15px;
}
@media (max-width: 600px){
  .faq-section{
    padding: 28px 18px;
  }
  .faq-title{
    font-size: 24px;
  }
}

.card-pdf {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 10px;
}

.card-pdf a {
  display: block;
}

.card-pdf img {
  width: 40%;
  height: auto;
  border: 1px solid #eee;
  transition: 0.3s;
}


    @media (max-width: 860px){
      .mainImage { margin: 0 .5rem; }
      .mainImage img { width: 100%; height: auto; }
      .grid, .faq-item { margin: .75rem 1rem; }
      .card { grid-column: span 12; width: 100%; }
      .card:last-of-type { padding-bottom: 1rem; }
      p.title { margin: .15rem .5rem;}
      .header { flex-direction: column; }
      .cta-row { flex-direction: column; align-items: stretch; }
      .cta { justify-content: center; }
      .meta { max-width: none; text-align:center; }
      .card-pdf img { width: 40%; height: auto; }
      .information .note.long { min-height: auto; }
    }