.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-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}
.practice-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}
@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{grid-template-columns:1fr}.overview-actions{gap:.35rem}.action-button{min-height:44px;padding:.55rem .25rem;font-size:.78rem}}