/* =========================================================
   楽しみかたガイド（/guide・/guide/{slug}）。発注書 S37 D1
   一覧のカードは植物園（pages.css の .g-card）、前後の記事・注記はお知らせ（news.css の .nw-sibling・.nw-note）、
   関連するページは「ほかのページへ」（pages.css の .next-link）の部品を使い、ここにはこのページだけの部品を足す。
   文字の大きさは S24 の決まり（標準の値 × var(--fs)）
   ========================================================= */

/* ---------- 一覧 ---------- */
.gd-group + .gd-group{ padding-top:0; }
.gd-group__title{ display:flex; align-items:center; gap:10px; margin:0 0 20px; padding-bottom:10px; border-bottom:2px dashed var(--rule); color:var(--c-ai); font-size:calc(21px * var(--fs)); letter-spacing:.08em; line-height:1.45; }
.gd-group__title::before{ content:""; width:12px; height:12px; flex:none; border-radius:50% 50% 50% 0; background:var(--c-leaf); }
.gd-card__name{ padding-right:0; }
.gd-card__lead{ margin:0 0 14px; font-size:var(--t-body); line-height:1.8; color:var(--c-ink-sub); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.gd-card__ill{ position:absolute; inset:0; margin:auto; width:46%; height:auto; object-fit:contain!important; }

/* ---------- 記事 ---------- */
.gd-meta{ margin:14px 0 0; }
.gd-preview{ margin:0 0 18px; padding:12px 16px; border-radius:var(--radius-m); background:#FFF4D6; color:#5A4300; font-weight:700; font-size:var(--t-body); line-height:1.7; }
.gd-lead{ margin:0 0 22px; font-size:calc(17px * var(--fs)); font-weight:700; line-height:1.9; color:var(--c-ink); }
.gd-hero{ margin:0 0 24px; }
.gd-body h2:first-child{ margin-top:0; }
.gd-body h2{ display:flex; align-items:center; gap:10px; line-height:1.5; } /* 発注書 S24 の決まり：左の太い縦線をやめて小さな丸 */
.gd-body h2::before{ content:""; width:9px; height:9px; flex:none; border-radius:50%; background:var(--c-leaf); }
.gd-related{ margin-top:36px; }
.gd-related__title{ margin:0 0 14px; color:var(--c-ai); font-size:calc(19px * var(--fs)); letter-spacing:.06em; }
.gd-related__list{ list-style:none; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin:0; padding:0; }
.gd-related__link{ min-height:72px; }
.gd-related__photo{ width:64px; height:48px; flex:none; overflow:hidden; border-radius:10px; background:var(--c-fuji-pale); }
.gd-related__photo img{ width:100%; height:100%; object-fit:cover; }

@media (max-width:767px){
  .gd-group__title{ font-size:calc(19px * var(--fs)); }
  .gd-related__list{ grid-template-columns:minmax(0,1fr); }
}