/* Scoped eight-class course presentation; existing site styles remain unchanged. */
.piano-eight-offer { scroll-margin-top: 160px; }
.piano-eight-offer .piano-eight-banner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 28px; border: 1px solid rgba(247,202,97,.6); border-radius: 20px; background: rgba(15,24,41,.96); color: #f7f9ff; margin: 24px 0; }
.piano-eight-offer .piano-eight-banner p { margin: 0; color: #f7f9ff; }
.piano-eight-banner strong { display: block; color: #ffdc89; font-size: clamp(1.6rem,3vw,2rem); line-height: 1.25; }
.piano-eight-offer .piano-eight-banner span { display: block; margin-top: 7px; color: #f7f9ff; }
.piano-eight-offer .piano-eight-subhead { margin: 28px 0 8px; }
.piano-eight-offer .piano-eight-timezone { margin: 0 0 14px; }
.piano-eight-groups { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; }
.piano-eight-groups .card { padding: 20px 16px; min-width: 0; }
.piano-eight-groups h3 { font-size: 1.1rem; line-height: 1.45; margin: 12px 0; }
.piano-eight-groups p { font-size: .95rem; margin: 7px 0; }
.piano-eight-calendar { padding: 22px 24px; margin: 26px 0; border: 1px solid rgba(121,157,194,.5); border-radius: 18px; background: rgba(15,24,41,.9); color: #f7f9ff; }
.piano-eight-calendar h3 { color: #ffdc89; margin: 0 0 15px; }
.piano-eight-calendar ol { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 8px; padding: 0; list-style-position: inside; margin: 0 0 18px; }
.piano-eight-calendar li { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 10px; padding: 10px 8px; min-width: 0; font-size: .9rem; }
.piano-eight-calendar time { font-weight: 700; display: block; margin-top: 4px; font-size: 1rem; }
.piano-eight-calendar small { display: block; margin-top: 5px; color: #ffdc89; line-height: 1.4; }
.piano-eight-offer .piano-eight-calendar p { margin: 0; line-height: 1.65; font-size: .95rem; color: #f7f9ff; }
.piano-eight-prices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 16px 0; }
.piano-eight-prices .price-card { padding: 24px; min-width: 0; }
.piano-eight-prices .price { font-size: 2.4rem; margin: 12px 0; }
.piano-eight-prices .price small { display: block; font-size: 1rem; line-height: 1.5; }
.piano-eight-prices p { margin: 12px 0 0; }
.piano-eight-included { margin: 18px 0; }
.piano-eight-next { margin: 26px 0 16px; }
.piano-eight-credit { margin-top: 26px; }
.piano-eight-offer summary { cursor: pointer; }
.piano-eight-offer a:focus-visible, .piano-eight-offer summary:focus-visible { outline: 3px solid #ffdc89; outline-offset: 4px; }
#monday-group-tuition .piano-eight-prices .price { font-size: 2rem; }
@media (max-width: 1080px) { .piano-eight-groups { grid-template-columns: repeat(3,minmax(0,1fr)); } .piano-eight-calendar ol { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 640px) { .piano-eight-offer .piano-eight-banner { display: block; padding: 22px; } .piano-eight-banner p + p { margin-top: 15px; } .piano-eight-groups,.piano-eight-prices { grid-template-columns: 1fr; } .piano-eight-groups .card { padding: 18px 20px; } .piano-eight-calendar { padding: 20px 16px; } .piano-eight-calendar ol { grid-template-columns: repeat(2,minmax(0,1fr)); } .piano-eight-prices .price-card { padding: 22px; } .piano-eight-offer .section-actions { align-items: stretch; } .piano-eight-offer .section-actions a { white-space: normal; text-align: center; } }