.yasinu-product-guidance {
  --yasinu-ink: #283340;
  --yasinu-blue: #446084;
  --yasinu-line: #d6e0e5;
  --yasinu-mist: #f2f6f8;
  max-width: 1280px;
  margin: 0 auto 42px;
  padding: 0 28px;
  color: #354552;
}

.yasinu-product-guidance__wrap {
  display: grid;
  grid-template-columns: minmax(230px, .8fr) minmax(0, 2fr);
  gap: 28px;
  padding: 30px;
  border: 1px solid var(--yasinu-line);
  background: var(--yasinu-mist);
}

.yasinu-product-guidance__eyebrow { margin: 0 0 9px; color: var(--yasinu-blue); font-size: 11px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.yasinu-product-guidance h2 { margin: 0; color: var(--yasinu-ink); font-family: Georgia, "Times New Roman", serif; font-size: 31px; font-weight: 400; line-height: 1.1; }
.yasinu-product-guidance details { border-top: 1px solid var(--yasinu-line); }
.yasinu-product-guidance details:last-child { border-bottom: 1px solid var(--yasinu-line); }
.yasinu-product-guidance summary { padding: 15px 26px 15px 0; color: var(--yasinu-ink); cursor: pointer; font-size: 15px; font-weight: 600; list-style: none; position: relative; }
.yasinu-product-guidance summary::-webkit-details-marker { display: none; }
.yasinu-product-guidance summary::after { content: '+'; position: absolute; top: 10px; right: 4px; color: var(--yasinu-blue); font-size: 23px; font-weight: 400; }
.yasinu-product-guidance details[open] summary::after { content: '–'; }
.yasinu-product-guidance details p { max-width: 780px; margin: 0 0 16px; font-size: 14px; line-height: 1.55; }
.yasinu-product-guidance a { color: var(--yasinu-blue); }

@media (max-width: 700px) {
  .yasinu-product-guidance { padding: 0 17px; }
  .yasinu-product-guidance__wrap { grid-template-columns: 1fr; padding: 24px 20px; }
}