/* 雲亭の資料案内。CCの色と、太めの文字を既存CSSから引き継ぎます。 */
.home-guides { margin: 56px 0; }
.guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.guide-card { padding: 25px; border: 1px solid var(--line); border-top: 4px solid #31574D; background: #fff; min-width: 0; }
.guide-card h2,.guide-card h3 { font-size: 1.6rem; margin: 10px 0 18px; font-weight: 700; }
.guide-card p { line-height: 1.9; }
.guide-card a { display: block; padding: 8px 0; }
.guide-card:nth-child(2) { border-top-color: #A92D3E; }
.material-guide { max-width: 1000px; margin: 0 auto; }
.guide-heading { padding: 22px 0 34px; border-bottom: 2px solid #31574D; }
.guide-subtitle { font-family: var(--serif,serif); font-size: clamp(1.3rem,3vw,1.9rem); font-weight: 700; line-height: 1.8; }
.guide-intro { max-width: 48em; line-height: 2; font-size: 1.125rem; }
.guide-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.material-guide > section { margin-top: 42px; }
.guide-question { max-width: 48em; }
.guide-question p { line-height: 2; }
.guide-timeline { list-style: none; padding: 0; margin: 24px 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.guide-timeline li { border-top: 3px solid #31574D; padding: 18px 0; min-width: 0; }
.guide-timeline h3 { margin: 8px 0 15px; font-size: 1.25rem; }
.guide-timeline p { line-height: 1.85; }
.guide-resource { border-bottom: 1px solid var(--line); padding: 22px 0; }
.guide-resource h3 { font-size: 1.2rem; margin: 8px 0 14px; }
.guide-resource details { font-size: .9375rem; }
.guide-resource summary { cursor: pointer; padding: 8px 0; }
.guide-resource p { line-height: 1.9; }
.guide-searches { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.guide-searches a { padding: 9px 14px; border: 1px solid var(--line); background: #fff; }
.text-credit { margin: 24px 0; padding: 20px 24px; border-left: 3px solid #31574D; background: #eef2ef; font-size: .9375rem; overflow-wrap: anywhere; line-height: 1.9; }
.text-credit p { margin: 8px 0; }
.guide-related { padding: 18px 0; }
.book-image img[data-book-cover="tamago"] { position: absolute; width: 244%; max-width: none; height: auto; left: -95%; top: -10%; }
.book-image img[data-book-cover="chomonju"] { position: absolute; width: 190%; max-width: none; height: auto; left: -3%; top: -2%; }
@media (max-width:1050px) { .masthead { flex-wrap: wrap; } .masthead nav { flex-wrap: wrap; } }
@media (max-width:750px) { .guide-grid,.guide-timeline { grid-template-columns: minmax(0,1fr); } .guide-card { padding: 20px; } .guide-timeline { gap: 4px; } .guide-actions { flex-direction: column; } .text-credit { padding: 16px; } }

/* 資料どうしを結ぶ理由。原典・論文と同じ読みやすい横組みで表示します。 */
.guide-scope { margin: 24px 0 0; padding: 14px 18px; border-left: 3px solid #31574D; background: #eef2ef; line-height: 1.9; }
.guide-connections { margin: 36px 0; }
.guide-connection-list { display: grid; gap: 18px; }
.guide-connection { padding: 22px; background: #fff; border: 1px solid var(--line); border-left: 4px solid #31574D; overflow-wrap: anywhere; }
.guide-connection h3 { margin: 14px 0; font-size: 1.3rem; }
.guide-connection p { line-height: 1.9; }
.guide-card:nth-child(3n+2) { border-top-color: #A92D3E; }