.poot-program { background:#f7eed7; color:#3f3044; padding:clamp(18px,4vw,48px); font-family:Georgia,serif; }
.poot-program header { text-align:center; padding:10px 0 28px; }
.poot-program .program-kicker { color:#6d397c; font:700 11px/1.5 system-ui,sans-serif; letter-spacing:.15em; }
.poot-program .program-title { color:#633073; font-size:clamp(40px,7vw,80px); line-height:1.05; margin:6px 0 12px; }
.poot-program .program-tagline { font-size:clamp(18px,3vw,26px); color:#514152; }
.poot-title-art { display:block; position:relative; border:4px solid #71487d; border-radius:12px; overflow:hidden; }
.poot-program img { width:100%; height:auto; display:block; }
.poot-title-art span { display:block; padding:17px; background:#71407f; color:#fff2b6; text-align:center; font:800 17px/1.4 system-ui,sans-serif; }
.poot-introduction { display:grid; grid-template-columns:1fr 1fr; gap:28px; padding:35px 0; }
.poot-program h3 { font-size:25px; line-height:1.25; margin:4px 0 14px; color:#693979; }
.poot-program p { line-height:1.65; }
.poot-features { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding:24px 0; border-top:1px solid #cbb89e; }
.poot-features h3 { font-size:20px; }.poot-features p { font-size:15px; }
.poot-program figure { margin:24px 0; }.poot-program figcaption { padding:10px 0; font-size:13px; color:#68526a; }
.poot-program footer { text-align:center; padding:20px 0; }.poot-program footer p { font-size:13px; }
.poot-play-link { display:inline-block; padding:15px 30px; color:#fff4c5; background:#713d80; border-radius:8px; font:800 20px/1.4 system-ui,sans-serif; text-decoration:none; }
.poot-program a:focus-visible { outline:4px solid #c77824; outline-offset:4px; }
@media(max-width:600px){.poot-introduction,.poot-features{grid-template-columns:1fr;gap:14px}.poot-program{padding:18px}}