/* R3:real practice is visible in motion;content remains readable in every state. */
.motion-controls{display:flex;justify-content:flex-end;align-items:center;height:34px;background:#fcfbf7}.motion-controls button{font:600 11px/1.2 DM,sans-serif;display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:transparent;color:#39472e;cursor:pointer}.motion-controls button[hidden]{display:none}.pause-glyph{font-size:15px;line-height:1;color:#b84e2e}.motion-controls button:hover{text-decoration:underline;text-underline-offset:4px}.home-opening.notebook-opening{padding-top:28px}.learning-motion-story{max-width:360px;margin-top:27px;position:relative}.motion-stage-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;font:600 10px/1.4 DM;letter-spacing:.07em;color:#46523b;margin-bottom:10px}.motion-stage-count{font-weight:400;letter-spacing:0;color:#68725e}.learning-stage-rail{display:grid;grid-template-columns:repeat(3,1fr);position:relative;border:1px solid #b9c3ac;background:#f1f2e8;padding:4px;isolation:isolate;overflow:hidden}.learning-stage{font:600 12px/1.5 DM;text-align:center;padding:6px 14px;position:relative;z-index:1;color:#37442f}.stage-runner{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/3);background:#ef704b;z-index:0;transform:translateX(0);transition:transform 900ms cubic-bezier(.2,.8,.2,1)}.headline-annotation{position:absolute;left:0;bottom:-18px;width:100%;height:18px;overflow:visible;pointer-events:none}.headline-annotation path{fill:none;stroke:#b84e2e;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}.request-bracket{position:absolute;left:-23px;top:0;width:16px;height:100%;overflow:visible}.request-bracket path{fill:none;stroke:#c55330;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}.bench-message{position:relative}.bench-document{transform-origin:75% 75%;will-change:transform}.bench-photograph .task-photo{will-change:transform}.paper-corner{position:absolute;right:0;top:0;width:0;height:0;border-left:23px solid transparent;border-bottom:23px solid #b8c3a4;filter:drop-shadow(-2px 2px 1px #20231f22);z-index:3;transform-origin:100% 0}.bench-annotation{min-height:51px}.bench-annotation>span:last-child{font:inherit}.bench-before{position:relative;width:max-content;max-width:100%;text-decoration:none!important}.bench-before:after{content:'';position:absolute;left:0;right:0;top:52%;height:1.5px;background:#b84e2e;transform-origin:0 50%;transform:scaleX(1)}.motion-on .headline-annotation path{animation:headline-proof 12s ease-in-out infinite}.motion-on .request-bracket path{animation:bracket-proof 12s ease-in-out infinite}.motion-on .bench-before:after{animation:discard-proof 12s ease-in-out infinite}.motion-on .bench-message mark{position:relative;outline:1px solid transparent;animation:accepted-proof 12s ease-in-out infinite}.motion-on .annotation-pointer{animation:pointer-proof 12s ease-in-out infinite}.motion-on .bench-photograph .task-photo{animation:task-frame 12s cubic-bezier(.2,.7,.2,1) infinite}.motion-on .bench-document{animation:sheet-arrive 1300ms cubic-bezier(.18,.75,.22,1) both}.motion-on .paper-corner{animation:paper-corner 12s ease-in-out infinite}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-object{--arrival-x:0px;--arrival-y:0px;--arrival-r:0deg;--viewport-shift:0px;transform:translate3d(var(--arrival-x),calc(var(--arrival-y) + var(--viewport-shift)),0) rotate(var(--arrival-r));transition:transform 1250ms cubic-bezier(.18,.75,.22,1);transform-origin:50% 60%;will-change:transform}.motion-on .motion-object:not(.object-arrived){--arrival-x:16px;--arrival-y:35px;--arrival-r:1.4deg}.motion-on .motion-object.object-arrived{--arrival-x:0px;--arrival-y:0px;--arrival-r:0deg}.motion-object.motion-image{overflow:hidden}.motion-controls button:disabled{cursor:default;opacity:1}.motion-controls button:disabled:hover{text-decoration:none}.practice-choice-copy b,.practice-choice-copy small{display:block}.practice-choice-copy b{font-size:13px;font-weight:600}.practice-choice-copy small{font-size:12px;margin-top:3px;color:inherit;font-weight:400}.message-after{min-height:4.4em}.message-reason{min-height:3.6em}.console-controls .source-message{margin-bottom:24px}.practice-button{min-height:72px}.motion-on .motion-feedback{box-shadow:0 0 0 2px #ef704b33}.guide-request-board .guide-task-photo,.communication-scene-photo{will-change:transform}.subject-art{position:relative}.guide-question[open]{border-left:2px solid #ef704b;padding-left:20px}.learning-stage-rail[data-current-stage="1"] .stage-runner{transform:translateX(100%)}.learning-stage-rail[data-current-stage="2"] .stage-runner{transform:translateX(200%)}
@keyframes headline-proof{0%{stroke-dashoffset:100}8%,43%{stroke-dashoffset:0}52%,61%{stroke-dashoffset:-100}62%{stroke-dashoffset:100}72%,100%{stroke-dashoffset:0}}@keyframes bracket-proof{0%,9%{stroke-dashoffset:100}22%,73%{stroke-dashoffset:0}84%,100%{stroke-dashoffset:-100}}@keyframes discard-proof{0%,3%{transform:scaleX(.06)}13%,79%{transform:scaleX(1)}89%,100%{transform:scaleX(.06)}}@keyframes accepted-proof{0%,20%{outline-color:transparent;box-shadow:0 0 0 0 #ed704b00}31%,67%{outline-color:#c75a36;box-shadow:0 0 0 5px #ed704b12}83%,100%{outline-color:transparent;box-shadow:0 0 0 0 #ed704b00}}@keyframes pointer-proof{0%,32%,100%{transform:translate(0,0)}43%,65%{transform:translate(-8px,-5px)}}@keyframes task-frame{0%,100%{transform:scale(1) translateX(0)}36%,58%{transform:scale(1.035) translateX(-7px)}}@keyframes sheet-arrive{0%{transform:translate(24px,13px) rotate(1.4deg)}100%{transform:translate(0,0) rotate(0deg)}}@keyframes paper-corner{0%,22%,83%,100%{transform:rotateY(0deg)}37%,65%{transform:rotateY(-37deg)}}
@media(max-width:760px){.motion-controls{height:31px}.motion-controls button{font-size:11px;padding:5px 0}.home-opening.notebook-opening{padding-top:23px}.learning-motion-story{max-width:100%;margin-top:22px;margin-bottom:28px}.motion-stage-caption{font-size:10px;margin-bottom:8px}.learning-stage{font-size:12px;padding:5px 10px}.hero-introduction{margin-top:28px}.notebook-opening .hero-copy h1{font-size:clamp(35px,10.1vw,44px)}.headline-annotation{height:15px;bottom:-15px}.bench-document{padding-left:29px}.bench-meta{margin-left:-29px;padding-left:29px}.request-bracket{left:-18px;width:12px}.bench-annotation{min-height:66px}.console-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 6px;padding:24px 19px}.console-controls>.label,.console-controls>.source-message{grid-column:1/-1}.console-controls>.label{margin-bottom:15px}.console-controls .source-message{font-size:24px;margin-bottom:22px}.practice-button{padding:13px 8px;gap:5px;min-height:47px;margin-top:0;align-items:center}.practice-choice-copy b{font-size:10px;white-space:nowrap}.practice-choice-copy small{display:none}.practice-button>span:last-child{font-size:15px}.console-result{padding:27px 25px 30px}.message-after{font-size:27px;line-height:1.4;min-height:4.2em}.message-meta{margin-bottom:20px}.message-reason{min-height:5.4em;font-size:13px}.note-stamp{margin-top:17px}.motion-on .motion-object:not(.object-arrived){--arrival-x:10px;--arrival-y:27px;--arrival-r:1.1deg}.paper-corner{border-left-width:19px;border-bottom-width:19px}.guide-question[open]{padding-left:14px}.motion-on .bench-photograph .task-photo{animation-name:task-frame-mobile}}
@keyframes task-frame-mobile{0%,100%{transform:scale(1) translateX(0)}36%,58%{transform:scale(1.025) translateX(-3px)}}
@media(prefers-reduced-motion:reduce){.stage-runner{transition:none!important}.motion-object{transform:none!important;transition:none!important}.headline-annotation path,.request-bracket path{stroke-dashoffset:0!important;animation:none!important}.bench-document,.bench-photograph .task-photo,.paper-corner,.annotation-pointer,.bench-message mark,.bench-before:after{animation:none!important;transform:none!important}.bench-before:after{transform:scaleX(1)!important}.scroll-enter{transform:none!important;transition:none!important}.motion-controls button .pause-glyph{display:none}}
/* The folded-path signature uses a compact emblem and a coherent editorial name. */
.brand img{width:260px}.footer-brand img{width:285px}.about-brand img{width:160px;height:160px;object-fit:contain}.about-brand{background:#efeade}
@media(max-width:760px){.brand img{width:217px}.header{gap:12px}.footer-brand img{width:265px}}
@media(max-width:360px){.brand img{width:190px}.header{gap:9px}.menu-toggle{padding:10px 12px}}
.motion-controls{position:sticky;top:94px;z-index:35;background:#fcfbf7;border-bottom:1px solid #e2e5d8}html{scroll-padding-top:145px}
@media(max-width:760px){.motion-controls{top:78px}html{scroll-padding-top:125px}}
.practice-inline-result{display:none}
@media(max-width:760px){.motion-on .bench-document{animation-name:sheet-arrive-phone}.motion-on .motion-object:not(.object-arrived){--arrival-x:4px;--arrival-y:27px;--arrival-r:.35deg}.console-controls{padding-top:20px;padding-bottom:20px}.console-controls>.label{margin-bottom:10px}.console-controls .source-message{font-size:21px;margin-bottom:19px}.motion-on .practice-inline-result{display:block;grid-column:1/-1;background:#fff9eb;border:1px solid #c0b399;padding:13px 15px;margin-top:16px;color:#20231f}.practice-inline-result>span{display:block;font:600 10px/1.5 DM;color:#46523b;letter-spacing:.05em;margin-bottom:8px}.practice-inline-result>p{font:500 17px/1.45 Practice,Georgia,serif;color:#20231f;margin:0}.practice-inline-result{min-height:128px}}
@keyframes sheet-arrive-phone{0%{transform:translate(0,14px) rotate(.35deg)}100%{transform:translate(0,0) rotate(0)}}
/* Editorial detail selector:the moving emphasis explains an actual visible sentence. */
.learning-motion-story{max-width:430px;margin-top:26px}.motion-stage-caption{font-size:10px;margin-bottom:10px}.motion-stage-count{font-size:9px}.motion-example{position:relative;font:500 21px/1.5 Practice,Georgia,serif;color:#20231f;margin:0 0 14px;padding-left:3px;min-height:3em}.motion-example [data-demo-detail]{padding:.015em .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color 500ms}.motion-example .is-demo-current{background:#f6c5ad}.headline-annotation{left:-17px;top:0;bottom:auto;width:13px;height:100%}.headline-annotation path{stroke-width:2;vector-effect:non-scaling-stroke}.learning-stage-rail{background:transparent;border:0;border-bottom:1px solid #b8c3a8;padding:0;overflow:visible}.learning-stage{appearance:none;background:transparent;border:0;color:#46523b;font:600 12px/1.5 DM;padding:8px 12px;cursor:pointer;text-align:center;border-radius:0}.learning-stage:hover{background:#f3e3d2;transform:none}.learning-stage[aria-pressed=true]{color:#20231f}.stage-runner{left:0;top:auto;bottom:-1px;height:3px;width:33.333333%;background:#c55330}.motion-detail-note{font:12px/1.5 DM;color:#46523b;margin-top:9px;min-height:1.5em;letter-spacing:0}.learning-stage:focus-visible{outline:2px solid #b84e2e;outline-offset:3px}.learning-stage-rail[data-current-stage="1"] .stage-runner{transform:translateX(100%)}.learning-stage-rail[data-current-stage="2"] .stage-runner{transform:translateX(200%)}
@media(max-width:760px){.learning-motion-story{max-width:100%;margin-top:23px;margin-bottom:24px}.motion-stage-caption{font-size:10px}.motion-stage-count{font-size:9px;letter-spacing:.02em}.motion-example{font-size:18px;line-height:1.5;min-height:4.5em;margin-bottom:9px}.headline-annotation{left:-15px;width:11px;height:100%;bottom:auto;top:0}.learning-stage{font-size:12px;padding:8px 10px}.motion-detail-note{font-size:11px;min-height:3em;margin-top:9px}.hero-introduction{margin-top:25px}}
/* The active word,caption and native choice agree immediately;there is no progress-like sliding tab. */
.learning-stage{border-bottom:2px solid transparent}.learning-stage[aria-pressed=true]{border-bottom-color:#c55330;background:transparent}.motion-example [data-demo-detail]{transition:none}.stage-runner{display:none}
.learning-stage:disabled{opacity:1;cursor:default}.learning-stage:disabled:hover{background:transparent}
@media(max-width:760px){.learning-motion-story{margin-bottom:0}.motion-example{min-height:3em}.motion-stage-caption,.motion-stage-count{font-size:11px;letter-spacing:.035em}.practice-inline-result>span{font-size:11px}.practice-button{padding:12px 5px;gap:3px}.practice-choice-copy b{font-size:11px}.practice-button>span:last-child{font-size:14px}}
@media(max-width:360px){.practice-button{padding-left:3px;padding-right:3px}.practice-button>span:last-child{display:none}}