/* Teaching content expressed through real images and readable diagrams. */
.teaching-diagram{display:block;width:100%;height:auto;max-height:320px;font-family:inherit;font-size:19px;fill:#493b34;overflow:visible}.visual-stage{display:grid;grid-template-columns:1.15fr 1fr;margin-top:40px;background:#f5eee7;color:#302923;min-width:0}.visual-stage-photo{margin:0;align-self:center;padding:26px}.visual-stage-photo img{display:block;width:100%;height:auto}.visual-stage-photo figcaption{font-size:13px;padding-top:12px;color:#84746b}.visual-stage-copy{padding:36px 32px;min-width:0}.visual-index{color:#b45c48;font-size:16px}.visual-stage-copy h3{font-size:36px;margin:12px 0}.about-path-section .visual-stage-copy p{color:#716058;font-size:18px}.visual-stage-copy small{display:block;text-align:right;color:#8e7a6f}.visual-step-tabs{display:grid;grid-template-columns:repeat(5,1fr);margin-top:0;gap:0}.visual-step-tabs button{border:0;border-top:3px solid #6b5750;background:transparent;padding:24px 16px;display:flex;align-items:center;gap:14px;color:#e6d8ce;cursor:pointer;font:inherit;text-align:left;min-height:70px}.visual-step-tabs button[aria-pressed=true]{background:#ad4a37;border-color:#eeac92;color:#fff}.visual-step-tabs b{font-size:21px}.visual-step-tabs span{font-size:14px;opacity:.7}.visual-step-tabs i{margin-left:auto;font-style:normal}.about-editorial .training-topics{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 20px}.about-editorial .training-topics button{padding:14px 24px;border-radius:40px;font-size:18px;min-height:50px}.about-editorial .training-topic-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:42px;background:#ece1d8;align-items:center;min-height:440px}.topic-visual{min-width:0}.topic-visual svg{max-height:380px}.topic-visual>span{font-size:13px;color:#8b7365;display:block;text-align:center;margin-top:16px}.topic-story h3{line-height:1.4;font-size:30px}.topic-story figure{margin:24px 0 18px;max-width:420px}.topic-story img{display:block;width:100%;height:auto}.topic-story figcaption{font-size:13px;color:#8b7365;padding-top:9px}.topic-story a{display:inline-block;font-size:17px;border-bottom:1px solid #b97a66;padding:10px 0}.about-letter{align-items:center;gap:60px;grid-template-columns:1fr 1.2fr}.classroom-map{padding:24px;background:#eee3db}.classroom-map p{text-align:center;margin:12px 0 0}.archive-image{margin-bottom:24px}.archive-image img{width:100%;height:auto;display:block}.visual-archive article{border-top:0;padding-top:0}.support-visual{height:220px;display:flex;justify-content:center;align-items:center;background:#e9dfd5;margin-bottom:26px;overflow:hidden;padding:15px}.support-visual img{max-width:100%;max-height:100%;object-fit:contain}.training-context-photo{margin-bottom:28px}.training-context-photo img{width:100%;height:auto;display:block}.training-topic-points>.teaching-diagram{background:#f1e7de;margin-bottom:24px;padding:18px;box-sizing:border-box;max-height:250px}.library-covers{display:flex;align-items:center;justify-content:center;min-height:220px;margin:15px 0 35px;padding:20px}.library-covers img{width:36%;box-shadow:0 12px 25px #39281b20;transform:rotate(-9deg)}.library-covers img:nth-child(2){transform:translateY(-12px);z-index:1;margin:0 -12%}.library-covers img:last-child{transform:rotate(9deg)}.collection-preview{width:110px;height:125px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#eee5dc;padding:10px;box-sizing:border-box}.collection-preview img{max-width:100%;max-height:100%;object-fit:contain}.collection-preview .teaching-diagram{width:120px}.collection-row{gap:22px}.collection-number{display:none}.support-journey{margin:10px 0 70px}.support-journey>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.support-journey a{background:#eee4db;padding:20px;transition:transform .25s}.support-journey a:hover{transform:translateY(-5px)}.support-journey h3{font-size:21px;margin:20px 0 8px}.support-journey h3 span{color:#b75b44;font-size:16px}.device-visual{width:30%;flex-shrink:0}.learning-content-crop{height:180px;margin:-8px -8px 20px;background:#fffaf4;overflow:hidden}.learning-content-crop img{width:100%;height:100%;object-fit:contain}.visual-step-tabs button:focus-visible,.training-topics button:focus-visible{outline:3px solid #d78063;outline-offset:3px}.visual-stage-copy,.topic-story{animation:visual-arrive .3s ease-out}@keyframes visual-arrive{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.visual-step-tabs b{font-size:18px}.visual-step-tabs button{padding:20px 10px;gap:8px}.about-editorial .training-topic-detail{gap:25px;padding:28px}.collection-preview{width:85px;height:100px}}
@media(max-width:760px){.visual-stage{grid-template-columns:1fr}.visual-stage-photo{padding:18px 18px 0}.visual-stage-copy{padding:24px 20px}.visual-stage-copy h3{font-size:28px}.visual-stage-copy .teaching-diagram{max-height:210px}.visual-stage-copy p{font-size:16px!important}.visual-step-tabs{grid-template-columns:repeat(5,1fr)}.visual-step-tabs button{display:flex;flex-direction:column;gap:7px;padding:14px 3px;min-height:72px}.visual-step-tabs b{font-size:15px;white-space:nowrap}.visual-step-tabs i{display:none}.about-editorial .training-topic-detail{grid-template-columns:1fr;padding:24px 18px;gap:25px}.about-editorial .training-topics{gap:8px}.about-editorial .training-topics button{padding:10px 16px;font-size:16px}.topic-story h3{font-size:25px}.topic-story figure{max-width:none}.about-letter{grid-template-columns:1fr;gap:32px}.visual-archive{grid-template-columns:1fr!important;gap:36px}.support-visual{height:210px}.collection-row{gap:14px}.collection-preview{width:80px;height:104px}.collection-row h3{font-size:21px}.collection-row p{font-size:15px}.support-journey>div{grid-template-columns:1fr}.support-journey a{display:flex;align-items:center;gap:12px;padding:16px}.support-journey svg{width:52%}.support-journey h3{font-size:19px}.support-journey h3 span{display:block;margin-bottom:8px}.device-visual{width:100%;margin-bottom:20px}.learning-content-crop{height:180px}.library-covers{max-width:320px;margin:auto}.training-topic-points>.teaching-diagram{max-height:240px}}
@media(prefers-reduced-motion:reduce){.visual-stage-copy,.topic-story{animation:none}.support-journey a{transition:none}}

@media(max-width:760px){.teaching-diagram{font-size:22px}}

.archive-photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.archive-photo-strip figure{margin:0}.archive-photo-strip img{width:100%;height:auto;display:block}.archive-photo-strip figcaption{padding-top:10px;color:#8b7365;font-size:13px}.visual-archive article{border-top:2px solid #ae5844;padding-top:20px}@media(max-width:760px){.archive-photo-strip{grid-template-columns:1fr}.archive-photo-strip figure:not(:first-child){display:none}}

.metronome-entry{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:50px;padding:38px;background:#eee3db;margin:0 0 55px;color:#342b26;text-decoration:none}.metronome-preview{display:grid;place-items:center;aspect-ratio:1;background:#352c28;border-radius:8px}.metronome-preview>div{width:72%;aspect-ratio:1;border:3px solid #bd5943;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f9eee3}.metronome-preview b{font-size:90px;line-height:1.2}.metronome-preview span{font-size:13px;color:#d88870}.metronome-entry h2{font-size:36px;margin:12px 0 18px}.metronome-tag{color:#aa4b37}.metronome-entry p{line-height:1.9}.metronome-entry strong{display:inline-block;margin-top:16px;padding:15px 24px;background:#ac4936;color:#fff5ec;border-radius:4px}.metronome-entry:hover .metronome-preview>div{border-color:#f3b09a}@media(max-width:760px){.metronome-entry{grid-template-columns:1fr;gap:24px;padding:24px}.metronome-preview{max-height:200px;aspect-ratio:auto}.metronome-preview>div{width:170px;margin:15px}.metronome-preview b{font-size:70px}.metronome-entry h2{font-size:29px}}