.learning-home-banner{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:32px;border:1px solid #cdd8ca;border-radius:22px;background:#eaf0e5;margin:20px 0 32px}.learning-home-banner h2{font-size:30px;margin:12px 0}.learning-home-banner p{max-width:650px;line-height:1.6}.learn-hub-intro,.learn-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.learning-page{max-width:1020px}.learning-workspace{background:#f0f3ec;border:1px solid #d0d8ca;padding:28px;border-radius:20px;margin:25px 0 45px;min-height:360px}.learning-workspace label:not(.inline-check){display:block;font-weight:600;font-size:14px;line-height:1.5;margin:17px 0 8px}.learning-workspace input:not([type=checkbox]),.learning-workspace textarea,.learning-workspace select{font:inherit;color:#233d46;border:1px solid #98aa9d;border-radius:8px;background:white;padding:12px;max-width:100%;width:100%;display:block;margin-top:7px}.learning-workspace textarea{resize:vertical;min-height:115px;line-height:1.55}.learning-workspace textarea[hidden]{display:none}.learning-workspace button{min-height:44px}.workspace-note{font-size:13px;color:#42584e;line-height:1.65;max-width:800px}.workspace-loading{padding:50px;min-height:340px;background:#f0f3ec;border-radius:20px}.learn-row{display:flex;flex-wrap:wrap;gap:18px;align-items:end}.learn-row>label{flex:1;min-width:120px}.inline-check{display:inline-flex;align-items:center;gap:7px;padding:8px}.learning-workspace fieldset{border:1px solid #98aa9d;border-radius:10px;margin-top:20px}.learning-workspace input:focus-visible,.learning-workspace textarea:focus-visible,.learning-workspace select:focus-visible,.learning-workspace button:focus-visible{outline:3px solid #aa4b27;outline-offset:3px}.learning-workspace #learn-result:not(:empty){background:white;border-radius:12px;padding:24px;margin:25px 0;overflow-wrap:anywhere}.learning-workspace h2{font-size:24px;line-height:1.45;white-space:pre-wrap}.learning-workspace h3{font-size:19px}.learning-workspace p,.learning-workspace li{line-height:1.7}.preserve-lines,#card-answer{white-space:pre-wrap}.table-scroll{overflow:auto}.learning-workspace table{border-collapse:collapse;width:100%}.learning-workspace th,.learning-workspace td{padding:10px;text-align:left;border-bottom:1px solid #d3ddd0}.relationship-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:16px;border:1px solid #d0d8ca;border-radius:10px;margin:12px 0}.relationship-row strong{background:#eaf0e5;border-radius:8px;padding:12px;overflow-wrap:anywhere}.checklist-row{display:grid!important;grid-template-columns:1fr minmax(140px,200px);gap:15px;align-items:center}.diagram-view{position:relative;margin:22px auto;max-width:800px;line-height:0}.diagram-view img{display:block;width:100%;height:auto}.diagram-mask{position:absolute;min-height:0!important;border:2px solid #233d46;background:#233d46;color:#fff;border-radius:4px;overflow:hidden;line-height:1.15;padding:3px;font-size:12px;cursor:pointer}.diagram-mask.revealed{background:#fff;color:#233d46}.diagram-mask:focus-visible{outline-offset:-4px!important}.learning-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.learning-guide-grid article{padding:25px;background:#fff;border:1px solid #d0d8ca;border-radius:15px}.learning-guide-grid h2{font-size:23px;line-height:1.35;margin:0 0 14px}.learning-guide-grid p{font-size:15px;line-height:1.65}.learning-workspace .nonogram{width:auto;margin:auto}.nonogram td{padding:2px;border:0}.nonogram th{text-align:center;font-size:16px}.nonogram button{width:44px;height:44px;border:1px solid #98aa9d;border-radius:4px;background:#fff;font-size:23px;color:#29454b}.nonogram button.filled{background:#29454b;color:#fff}.number-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:10px;max-width:460px;margin:20px auto}.number-board input{text-align:center;font-size:23px!important}.number-board input[readonly]{background:#d8e2d3;font-weight:bold}.number-board label{margin:0!important}.number-board label span{font-size:11px}.inequalities{columns:2}.answer-options{display:grid;gap:12px;margin:25px 0}.answer-options button{padding:16px;text-align:left;border:1px solid #98aa9d;background:white;border-radius:10px;color:#29454b;font:inherit;line-height:1.5}.answer-options button:disabled{opacity:.8;cursor:default}.cipher-line{font-family:monospace;letter-spacing:.14em;font-size:21px;line-height:1.8!important;overflow-wrap:anywhere}.cipher-keys{display:flex;flex-wrap:wrap;gap:12px}.cipher-keys label{width:50px;text-align:center}.cipher-keys input{text-align:center}.nback-letter{font-size:80px;text-align:center;margin:25px 0}.editorial-note{font-size:13px!important}.learning-workspace [hidden]{display:none!important}@media(max-width:700px){.learning-home-banner{display:block;padding:24px}.learning-home-banner h2{font-size:25px}.learning-workspace{padding:18px 12px}.learning-workspace #learn-result:not(:empty){padding:17px}.learning-guide-grid{grid-template-columns:1fr}.relationship-row{grid-template-columns:1fr;text-align:center}.relationship-row span{font-size:13px}.learn-actions .button{font-size:13px;padding:12px 14px}.checklist-row{grid-template-columns:1fr!important}.nonogram th{font-size:12px;padding:4px}.nonogram button{width:36px;height:40px;min-height:40px}.number-board{gap:6px}.learning-workspace h2{font-size:22px}}
.quiet-studio{border:1px solid #d0d8ca;border-radius:22px;overflow:hidden;margin:25px 0 45px;background:#f0f3ec}.quiet-scene{height:280px;position:relative;overflow:hidden;background:linear-gradient(#c2d9e0,#f0dfba)}.quiet-controls{padding:28px}.quiet-controls label{display:block;font-size:14px;font-weight:600;margin:15px 0}.quiet-controls select{display:block;width:100%;font:inherit;padding:11px;border:1px solid #98aa9d;border-radius:8px;background:white;margin-top:8px}.quiet-controls input[type=range]{display:block;width:100%;margin:15px 0;accent-color:#425e4b}.quiet-cue{font-size:22px;line-height:1.5;min-height:100px}.quiet-clock{font-size:46px;font-variant-numeric:tabular-nums;margin:20px 0}.scene-sun{position:absolute;width:95px;height:95px;border-radius:50%;background:#f7d589;left:65%;top:35px}.scene-cloud{position:absolute;width:180px;height:30px;background:#ffffff7d;border-radius:50%;left:10%;top:40px;animation:quiet-cloud 18s ease-in-out infinite alternate}.scene-hill{position:absolute;width:110%;height:160px;left:-10%;bottom:-10px;background:#93ad9d;border-radius:55% 65% 0 0;transform:rotate(-6deg)}.scene-water{position:absolute;left:-10%;bottom:-65px;width:130%;height:180px;border-radius:45%;background:#74a2aa;animation:quiet-water 9s ease-in-out infinite alternate}.scene-garden{background:linear-gradient(#d4e1d4,#eee7c9)}.scene-garden .scene-hill{background:#7b9b78}.scene-garden .scene-water{background:#a8b996;bottom:-105px}.scene-night{background:linear-gradient(#283d54,#6e7c91)}.scene-night .scene-sun{background:#f2edcc;width:65px;height:65px}.scene-night .scene-water{background:#536f85}.scene-night .scene-hill{background:#344d50}.scene-paused *{animation-play-state:paused!important}@keyframes quiet-cloud{to{transform:translateX(30px)}}@keyframes quiet-water{to{transform:translateY(8px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.quiet-scene *{animation:none!important}}@media(max-width:700px){.quiet-scene{height:210px}.quiet-controls{padding:20px 16px}.quiet-cue{font-size:19px;min-height:125px}.quiet-clock{font-size:38px}}
/* Compact puzzle boards; controls remain visible and keyboard operable. */
.more-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:5px;max-width:420px;margin:1.2rem auto}.more-grid button,.more-grid input{min-width:0;width:100%;aspect-ratio:1;min-height:38px;padding:4px;font-size:1.15rem;border:1px solid #879991;border-radius:7px;background:#fff;color:#203c3a;text-align:center}.more-grid .shaded{background:#29454b;color:white}.more-grid .selected,.loop-edge.selected{background:#315f50;color:#fff}.more-grid .found{background:#d6e6ba;color:#173c2a}.more-diagram{display:block;width:min(100%,360px);height:auto;margin:1rem auto}.bridge-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.loop-board{position:relative;width:min(100%,360px);aspect-ratio:1;margin:1rem auto}.loop-clue{position:absolute;transform:translate(-50%,-50%);font-size:1.2rem}.loop-edge{position:absolute;transform:translate(-50%,-50%);padding:0;border:1px solid #aaa;background:#f1f3ef;color:#788980;border-radius:4px;line-height:1}.loop-edge.horizontal{width:24%;height:26px}.loop-edge.vertical{width:26px;height:24%}.cube-net{display:grid;grid-template-columns:repeat(4,55px);grid-template-rows:repeat(3,55px);gap:4px;justify-content:center;margin:1.5rem auto}.cube-net span{display:grid;place-items:center;border:2px solid #5e7e68;background:#e3ecda}.tile-tray{display:flex;gap:8px;flex-wrap:wrap;margin:1rem 0}.algebra-tile{width:44px;height:44px;background:#dce9c7;border:2px solid #698055;border-radius:5px}.algebra-tile.x-tile{width:88px}.algebra-tile.negative{background:#f1d4c6;border-color:#a06b52}.face-study{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.face-study figure{margin:0;text-align:center}.fictional-face{width:120px;max-width:100%;display:block;margin:auto}#word-board .more-grid{max-width:600px;gap:3px}#word-board .more-grid button{min-height:24px;font-size:clamp(.7rem,2.6vw,1rem);padding:0}#audio-answer{display:flex;gap:8px;flex-wrap:wrap;margin:1rem 0}.ambient-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:1.5rem 0}.ambient-library article{border:1px solid var(--border,#d8dfd8);border-radius:16px;padding:18px;background:#fff}.ambient-library h3{margin-top:0}.recorder-controls{display:flex;gap:10px;flex-wrap:wrap}.recorder-playback{width:100%;margin:16px 0}button:focus-visible,.more-grid input:focus-visible{outline:3px solid #426f9a;outline-offset:3px}