/* Front styles */
.lgs-header{margin-bottom:16px}
.lgs-title{margin:0 0 8px 0;font-size:clamp(24px,3vw,36px)}
.lgs-meta{display:flex;flex-wrap:wrap;gap:8px}
.lgs-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:14px}
.lgs-content{line-height:1.7}
.lgs-list{display:grid;gap:20px}
.lgs-item-title{margin:0 0 6px 0}

/* Two-column child menu — big blue links like the screenshot */
.lgs-children .lgs-child-link {
  font-size: 1.125rem;         /* ~18px */
  line-height: 1.35;
}
@media (min-width: 768px) {
  .lgs-children .lgs-child-link { font-size: 1.25rem; } /* ~20px на десктопе */
}
.lgs-children .lgs-child-link:hover,
.lgs-children .lgs-child-link:focus {
  text-decoration: underline;
}
.lgs-children .col { margin-bottom: .125rem; } /* чуть плотнее, как в примере */

/* v1.7.5 — Hero <figure>/<figcaption> wrapper. Only emitted when admin sets
   a non-empty caption (lgsd_get_media_html). Reset margin so the wrapper does
   not change layout vs. a bare <img>; theme/site CSS can override. */
.lgsd-hero-media__figure { margin: 0; padding: 0; }
.lgsd-hero-media__caption { margin-top: 8px; font-size: 13px; line-height: 1.4; color: #6b7280; text-align: center; }