.kimono-lesson{--kimono-paper:#f3eee5;--kimono-ink:#282723;--kimono-muted:#6e6353;--kimono-gold:#b89966;--kimono-green:#263e35;background:var(--kimono-paper);color:var(--kimono-ink);color-scheme:light;min-height:90svh;padding:24px max(22px,calc((100vw - 1280px)/2)) calc(130px + env(safe-area-inset-bottom));font-size:16px;line-height:1.65}.kimono-lesson *{box-sizing:border-box}.kimono-lesson a{color:inherit}.kimono-lesson a,.kimono-lesson button,.kimono-lesson input{touch-action:manipulation}.kimono-lesson button{font:inherit;line-height:1.5;min-height:46px;border:1px solid #b8996659;border-radius:9px;padding:10px 15px;background:#fffdf8;color:var(--kimono-ink);cursor:pointer;transition:background-color .18s,border-color .18s}.kimono-lesson button:disabled{opacity:.5;cursor:default}.kimono-lesson :is(button,a,input,summary):focus-visible{outline:3px solid #79633e;outline-offset:4px}.kimono-lesson :is(h2,legend):focus{outline:2px solid #b89966;outline-offset:5px}.kimono-lesson fieldset{min-width:0;padding:0;border:0;margin:0}.kimono-lesson .journey-paw{color:#79633e}.kimono-lesson .journey-arrow{width:19px;height:19px}.kimono-nav{justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #b8996647}.kimono-nav,.kimono-nav-links{display:flex;align-items:center;gap:20px}.kimono-nav-links a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:12px;min-height:44px}.kimono-nav>span{font-size:10px;letter-spacing:.13em;color:var(--kimono-muted);text-align:center}.kimono-language{display:flex;gap:4px}.kimono-language button{min-width:44px;min-height:44px;padding:6px 9px;border-color:transparent;background:transparent;font-size:12px}.kimono-language button[aria-pressed=true]{border-color:#b8996666}.kimono-heading{padding:38px 0 24px;max-width:850px}.kimono-eyebrow,.kimono-heading>small{font-size:10px;letter-spacing:.14em;color:#79633e}.kimono-heading h1{font:400 clamp(29px,3.8vw,47px)/1.4 Georgia,"Noto Serif TC",serif;letter-spacing:-.025em;margin:13px 0}.kimono-heading p{font-size:14px;color:var(--kimono-muted);margin:0;line-height:1.9}.kimono-lesson .kyoto-soundtrack{padding-inline:0;background:transparent;border-color:#b8996638}.kimono-progress{display:flex;list-style:none;gap:18px;padding:0;margin:25px 0 28px;border-bottom:1px solid #b8996647}.kimono-progress li{flex:1;padding:10px 0 15px;border-bottom:2px solid transparent;color:var(--kimono-muted);font-size:12px}.kimono-progress li,.kimono-progress li>span{display:flex;gap:10px;align-items:center}.kimono-progress small{font-size:10px}.kimono-progress .journey-paw{width:19px;height:19px;opacity:.4}.kimono-progress li[aria-current=step]{border-color:#79633e;color:var(--kimono-green)}.kimono-progress li[aria-current=step] .journey-paw,.kimono-progress li[data-done=true] .journey-paw{opacity:1}.kimono-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:30px;align-items:start}.kimono-scene-column{min-width:0}.kimono-scene{margin:0;border:1px solid #b8996654;border-radius:14px;background:#fbf6ed;overflow:hidden;box-shadow:0 14px 38px #3a2e1912}.kimono-photo{position:relative;aspect-ratio:16/9;width:100%;background:#ddd2c1;isolation:isolate}.kimono-photo>img{display:block;width:100%;height:100%;object-fit:contain;opacity:1}.kimono-photo[data-loaded=false]>img{opacity:0}.kimono-photo-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:14px;color:#50442f;font-size:13px}.kimono-photo-status p{margin:9px 0;max-width:320px}.kimono-photo-status button{font-size:12px;min-height:44px;background:#f9f3e8}.kimono-hotspots{position:absolute;inset:0}.kimono-lesson .kimono-hotspot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;border:1px solid #fff6e3;background:#2d281ee8;color:#fff8e9;font-size:13px;box-shadow:0 2px 8px #1b160d55}.kimono-hotspot[aria-pressed=true]{outline:3px solid #efd39d;outline-offset:2px}.kimono-hotspot[data-seen=true]{background:#263e35}.kimono-hotspot span{line-height:1}.kimono-scene figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:7px 15px;padding:15px 18px}.kimono-scene figcaption>span{font-size:12px;color:var(--kimono-muted)}.kimono-scene figcaption strong{font:400 16px/1.5 Georgia,"Noto Serif TC",serif}.kimono-scene figcaption>small{font-size:10px;color:var(--kimono-muted);margin-left:auto}.kimono-cultural-note{font-size:11px;line-height:1.9;color:var(--kimono-muted);margin:15px 3px 0;max-width:670px}.kimono-instruction{min-width:0;padding:26px;background:#fffdf7;border:1px solid #b899664a;border-radius:14px;box-shadow:0 12px 38px #4d3f2110}.kimono-instruction h2{font:400 clamp(22px,2.2vw,29px)/1.6 Georgia,"Noto Serif TC",serif;margin:13px 0 12px}.kimono-step-note{font-size:13px;color:var(--kimono-muted);margin:0 0 21px;line-height:1.85}.kimono-part-buttons{display:flex;flex-direction:column;gap:9px}.kimono-part-buttons button{display:flex;align-items:center;gap:10px;text-align:left;min-height:52px}.kimono-part-buttons button>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #b899666b;border-radius:50%;font-size:11px}.kimono-part-buttons strong{font-weight:500;font-size:14px}.kimono-part-buttons small{margin-left:auto;font-size:10px;color:var(--kimono-muted)}.kimono-part-buttons button[aria-pressed=true]{border-color:#79633e;background:#f2ecdf}.kimono-feedback{margin-top:16px;padding:15px 16px;background:#f3eee5;border-radius:9px;border-left:2px solid #b89966;line-height:1.85;font-size:13px;min-height:83px}.kimono-feedback strong{font-weight:500}.kimono-feedback small{font-size:10px;letter-spacing:.1em;color:#79633e}.kimono-feedback p{margin:5px 0}.kimono-small{font-size:11px;line-height:1.85;color:var(--kimono-muted);margin:15px 0 0}.kimono-look-options>legend{font-size:12px;color:var(--kimono-muted);margin-bottom:12px}.kimono-look-options>label{display:flex;align-items:center;gap:11px;min-height:80px;border:1px solid #b8996645;border-radius:10px;padding:12px;margin:10px 0;cursor:pointer;background:#fffdf8}.kimono-look-options>label[data-selected=true]{border-color:#79633e;background:#f2ecdf}.kimono-look-options input,.kimono-question input{accent-color:#3d5541;width:17px;height:17px;flex-shrink:0;margin:0}.kimono-look-options label>span:last-child{min-width:0}.kimono-look-options strong{display:block;font-size:14px;font-weight:500}.kimono-look-options small{display:block;font-size:10px;color:var(--kimono-muted);line-height:1.6;margin-top:4px}.kimono-swatches{display:flex;flex-shrink:0}.kimono-swatches i{width:20px;height:28px;display:block;border:1px solid #5a4b3526}.kimono-swatches i:first-child{border-radius:20px 0 0 20px}.kimono-swatches i:last-child{border-radius:0 20px 20px 0}.kimono-question-tabs{display:flex;gap:8px;margin-bottom:19px}.kimono-question-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:46px;padding:7px 11px;font-size:13px}.kimono-question-tabs button[aria-pressed=true]{border-color:#79633e;background:#f2ecdf}.kimono-question-tabs .journey-paw{width:13px;height:13px}.kimono-question>legend{font-size:17px;line-height:1.8;font-family:Georgia,"Noto Serif TC",serif;margin-bottom:15px}.kimono-question>label{display:flex;align-items:flex-start;gap:12px;border:1px solid #b8996645;border-radius:9px;padding:13px 12px;min-height:52px;margin:9px 0;cursor:pointer;font-size:13px;line-height:1.7}.kimono-question input{margin-top:3px}.kimono-question label[data-selected=true]{border-color:#79633e;background:#f2ecdf}.kimono-acknowledge{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:13px;width:100%;font-size:13px!important}.kimono-access-note{font-size:11px;color:var(--kimono-muted);line-height:1.85;border-top:1px solid #b8996638;padding-top:14px;margin-top:18px}.kimono-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid #b8996640}.kimono-controls button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;padding:10px 11px;flex:1;white-space:nowrap}.kimono-lesson .kimono-primary{background:var(--kimono-green);border-color:var(--kimono-green);color:#fff9ec}.kimono-primary .journey-arrow,.kimono-primary .journey-paw{color:inherit}.kimono-controls button:last-child{flex:1.3}.kimono-sources{max-width:900px;font-size:12px;color:var(--kimono-muted);margin:28px 0 0;line-height:1.9}.kimono-sources summary{cursor:pointer;min-height:44px;padding:10px 0;line-height:1.9}.kimono-sources a{display:inline-block;min-height:36px;padding:6px 0;text-underline-offset:4px}.kimono-sources ul{padding-left:20px}.kimono-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;border-top:1px solid #b8996647;padding-top:17px;color:var(--kimono-muted)}.kimono-footer>span{font-size:9px;letter-spacing:.11em}.kimono-footer>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-size:12px}.kimono-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.kimono-workspace{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:22px}.kimono-instruction{padding:22px}.kimono-progress{gap:10px}.kimono-progress li{gap:7px}}@media(max-width:760px){.kimono-lesson{padding:16px 20px calc(120px + env(safe-area-inset-bottom))}.kimono-nav{gap:10px;flex-wrap:wrap}.kimono-nav-links{gap:14px}.kimono-nav-links a{font-size:11px}.kimono-nav>span{font-size:8px;letter-spacing:.07em;margin-left:auto}.kimono-language{gap:0}.kimono-language button{font-size:11px;padding:5px 7px}.kimono-heading{padding:27px 0 20px}.kimono-heading>small{font-size:8px;letter-spacing:.1em}.kimono-heading h1{font-size:29px;margin:11px 0 13px}.kimono-heading p{font-size:12px;line-height:1.9}.kimono-progress{gap:6px;margin:20px 0 23px}.kimono-progress li{flex-direction:column;text-align:center;gap:5px;padding:10px 0 13px;font-size:10px}.kimono-progress li>span{flex-direction:column;gap:2px}.kimono-progress .journey-paw{width:17px;height:17px}.kimono-progress small{font-size:9px}.kimono-workspace{grid-template-columns:1fr;gap:22px}.kimono-scene figcaption{padding:12px 14px;gap:4px 12px}.kimono-scene figcaption strong{font-size:14px}.kimono-scene figcaption>span{font-size:11px}.kimono-scene figcaption>small{font-size:9px}.kimono-cultural-note{font-size:10px;margin-top:12px}.kimono-instruction{padding:22px}.kimono-instruction h2{font-size:25px}.kimono-eyebrow{font-size:9px}.kimono-controls button{font-size:11px;padding:10px 8px}.kimono-sources{font-size:11px}.kimono-footer{align-items:flex-start;gap:12px}.kimono-footer>a{font-size:11px}.kimono-footer>span{font-size:8px;max-width:100px;line-height:1.8;padding-top:10px}}@media(max-width:390px){.kimono-lesson{padding-inline:14px}.kimono-nav>span{order:3;flex-basis:100%;text-align:left;margin:0}.kimono-language{margin-left:auto}.kimono-heading h1{font-size:27px}.kimono-instruction{padding:19px}.kimono-scene figcaption>small{margin-left:0;width:100%}.kimono-lesson .kimono-hotspot{font-size:11px}}@media(prefers-reduced-motion:reduce){.kimono-lesson *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.kimono-recognition-clue{padding:14px 0 17px;margin-bottom:13px;border-bottom:1px solid #b8996640;font-size:13px;line-height:1.9}.kimono-recognition-clue small{font-size:10px;letter-spacing:.08em;color:#79633e}.kimono-recognition-clue p{margin:7px 0 9px;color:var(--kimono-muted)}.kimono-recognition-clue strong{font-weight:500}@media(max-width:760px) and (min-height:700px){.kimono-lesson[data-step="1"] .kimono-workspace{display:block}.kimono-lesson[data-step="1"] .kimono-instruction{margin-top:22px}.kimono-lesson[data-step="1"] .kimono-scene-column{position:sticky;top:8px;z-index:3;background:var(--kimono-paper);padding-bottom:9px;box-shadow:0 8px 10px #f3eee5}.kimono-lesson[data-step="1"] .kimono-scene{max-width:min(100%,430px);margin-inline:auto}.kimono-lesson[data-step="1"] .kimono-scene figcaption{padding:7px 11px;gap:4px 10px}.kimono-lesson[data-step="1"] .kimono-cultural-note,.kimono-lesson[data-step="1"] .kimono-scene figcaption>small{display:none}.kimono-lesson[data-step="1"] .kimono-instruction :is(button,input,label,h2,legend){scroll-margin-top:min(330px,44svh)}}.gcs-travel .kimono-lesson .kimono-controls{position:static;bottom:auto;box-shadow:none;margin-top:24px;flex-wrap:wrap}.gcs-travel .kimono-lesson .kimono-controls button{white-space:normal;min-height:48px;line-height:1.5}.gcs-travel .kimono-lesson .kimono-feedback p,.gcs-travel .kimono-lesson .kimono-practice p,.gcs-travel .kimono-lesson .kimono-step-note{font-size:16px;line-height:1.8}@media(max-width:760px){.gcs-travel .kimono-lesson[data-step="1"] .kimono-scene-column{position:static;top:auto;box-shadow:none}.gcs-travel .kimono-lesson .kimono-instruction{padding:20px}.gcs-travel .kimono-lesson .kimono-controls button{flex:1 1 100px}.gcs-travel .kimono-lesson .kimono-nav,.gcs-travel .kimono-lesson .kimono-practice-actions{flex-wrap:wrap}}