.pat-teaching{color:#263846;text-align:left;background:#f7fafb;border:1px solid #bacbd1;border-radius:12px;min-width:0;margin:1.25rem 0;padding:clamp(.8rem,2vw,1.4rem);font-size:1rem;line-height:1.55}.pat-teaching *{box-sizing:border-box}.pat-teaching-heading strong{font-size:1.15rem;display:block}.pat-teaching .pat-teaching-heading p,.pat-teaching .pat-teaching-caption p,.pat-teaching .pat-teaching-match p,.pat-teaching .pat-teaching-static p{color:#354e5b;margin:.45rem 0 .8rem;font-size:1rem;line-height:1.55}.pat-teaching-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:1rem;display:grid}.pat-teaching svg{width:100%;height:auto;max-height:340px;display:block;overflow:visible}.pat-teaching-caption span{color:#516976;margin-bottom:.35rem;font-size:.875rem;display:block}.pat-teaching .pat-teaching-caption b{color:#263846;font-size:1.05rem;display:block}.pat-teaching .pat-teaching-match b,.pat-teaching .pat-teaching-static b{color:#263846;font-size:1rem}.pat-teaching .pat-teaching-caption .pat-teaching-coordinates{font-size:.875rem}.pat-teaching button{color:#263846;min-height:44px;font:inherit;cursor:pointer;white-space:normal;background:#fff;border:1px solid #526e7b;border-radius:6px;padding:.5rem .8rem;font-size:.875rem;line-height:1.35}.pat-teaching button:disabled{opacity:.5;cursor:default}.pat-teaching button[aria-pressed=true]{color:#fff;background:#263846}:is(.pat-teaching button:focus-visible,.pat-teaching input:focus-visible,.pat-teaching summary:focus-visible){outline-offset:3px;outline:3px solid #8b421e}.pat-teaching-actions,.pat-teaching-view{flex-wrap:wrap;gap:.5rem;display:flex}.pat-teaching-view{justify-content:center}.pat-teaching-controls{border-top:1px solid #ccd9dd;margin-top:1rem;padding-top:1rem}.pat-teaching-slider{grid-template-columns:minmax(0,1fr);gap:.2rem;margin-top:.8rem;font-size:.875rem;display:grid}.pat-teaching-slider input{accent-color:#355967;width:100%;min-width:0;height:44px}.pat-teaching-match{border-top:1px solid #ccd9dd;grid-template-columns:minmax(80px,130px) minmax(0,1fr);align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1rem;display:grid}.pat-teaching-match ul{margin:.5rem 0;padding-left:1.2rem;font-size:.875rem}.pat-teaching-static{border-top:1px solid #ccd9dd;margin-top:1rem;padding-top:.7rem}.pat-teaching-static summary{cursor:pointer;min-height:44px;padding:.5rem 0;font-weight:700}.pat-teaching-static ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;margin:.75rem 0;padding-left:1.5rem;display:grid}.pat-teaching-static li{min-width:0;padding:.6rem}.pat-teaching .pat-teaching-static li p{font-size:.875rem}.pat-teaching-static li svg{max-height:230px}.bank-explanation .pat-teaching-stage,.bank-explanation .pat-teaching-match{grid-template-columns:minmax(0,1fr)}.bank-explanation .pat-teaching-match>svg{max-width:130px}@media (max-width:650px){.pat-teaching-stage,.pat-teaching-match{grid-template-columns:minmax(0,1fr)}.pat-teaching-match>svg{max-width:150px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.pat-teaching *,.pat-teaching :before,.pat-teaching :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.pat-teaching{color:canvastext;background:canvas;border-color:canvastext}.pat-teaching .pat-teaching-heading p,.pat-teaching .pat-teaching-caption p,.pat-teaching .pat-teaching-match p,.pat-teaching .pat-teaching-static p,.pat-teaching .pat-teaching-caption b,.pat-teaching .pat-teaching-match b,.pat-teaching .pat-teaching-static b,.pat-teaching-caption span{color:canvastext}.pat-teaching svg{forced-color-adjust:none;background:#fff}.pat-teaching button{color:buttontext;background:buttonface;border-color:buttontext}}