.chapter-main { padding: 2.4rem 1rem 4rem; }
.overview { margin-bottom: 2rem; padding: 1.5rem; border: 1px solid var(--border); background: rgba(240,234,216,.62); }
.overview p, .detail-card p { color: var(--ink-mid); font-size: 1.03rem; line-height: 1.85; }
.overview p { max-width: 960px; margin: .8rem 0 0; }
.overview-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; margin-top: 1.2rem; }
.action-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: .7rem .8rem; background: var(--gold); color: #fff; font-family: "Noto Sans Thai",sans-serif; font-weight: 500; text-align: center; text-decoration: none; }
.action-button:focus-visible { outline: 3px solid var(--gold-d); outline-offset: 2px; }
.section-block { margin-top: 2.4rem; }
.detail-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; margin-top: 1.2rem; }
.detail-grid.three-columns { grid-template-columns: repeat(3,minmax(0,1fr)); }
.detail-grid.two-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
.detail-card { padding: 1rem; border: 1px solid var(--border); background: var(--cream-a); transition: transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease; }
.detail-card:hover { transform: translateY(-3px); border-color: var(--gold); background: rgba(240,234,216,.82); box-shadow: 0 10px 24px rgba(26,22,16,.11); }
.detail-heading { display: flex; align-items: flex-start; gap: .55rem; }
.detail-number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: var(--gold); color: #fff; font-family: "Noto Sans Thai",sans-serif; font-weight: 600; }
.detail-card h3 { margin: 0; color: var(--ink); font-family: "Noto Serif Thai",serif; font-size: 1.18rem; font-weight: 500; }
.detail-pali { margin-top: .05rem; color: var(--gold-d); font-family: "Noto Sans Thai",sans-serif; font-size: .84rem; }
.detail-card p { margin: .7rem 0 0; font-size: .96rem; }
.relation-note { margin-top: 1.2rem; padding: 1.2rem 1.3rem; border-left: 4px solid var(--gold); background: rgba(240,234,216,.62); color: var(--ink-mid); font-size: 1.03rem; line-height: 1.85; }
.relation-link { display: inline-block; margin-left: .35rem; color: var(--gold-d); font-family: "Noto Sans Thai",sans-serif; font-weight: 500; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.relation-link:hover { color: var(--ink); }
@media (max-width: 1000px) { .detail-grid, .detail-grid.three-columns { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) {
    .detail-grid, .detail-grid.three-columns, .detail-grid.two-columns { grid-template-columns: 1fr; }
    .overview-actions { gap: .35rem; }
    .action-button { min-height: 44px; padding: .55rem .25rem; font-size: .78rem; }
}