/* Learning-science motion replaces the repeated program collage. */
.hero-layout{gap:38px;grid-template-columns:1fr 1fr;padding-block:46px;min-height:610px}.hero:before{opacity:.22}.science-motion{position:relative;isolation:isolate;margin:0;width:100%;height:500px;border-radius:5px;overflow:hidden;background:#102b36;box-shadow:0 20px 55px #0d34321c}.science-motion video{display:block;width:100%;height:100%;object-fit:cover}.science-motion:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#0c283025,transparent 42%,#0d25300a 58%,#0a222ddb 100%);z-index:0}.motion-top{position:absolute;z-index:1;top:26px;left:28px;right:26px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;letter-spacing:1.8px;color:#bfd7cf}.motion-duration{color:#749794;font-size:7px;letter-spacing:1px}.motion-caption{position:absolute;z-index:1;bottom:31px;left:31px;color:#edf4ed}.motion-caption>span{font-size:8px;letter-spacing:2px;color:#9dbab1}.motion-caption>p{font-size:27px;line-height:1.52;letter-spacing:-1px;margin:12px 0 16px;font-weight:450}.motion-concepts{display:flex;align-items:center;gap:13px;color:#b5cec5;font-size:10px}.motion-concepts i{display:block;height:1px;width:25px;background:#53766e}.motion-control{position:absolute;right:24px;bottom:27px;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #76928c;background:#16393db0;border-radius:30px;color:#dbe9e2;font-size:10px;cursor:pointer}.motion-control>b{font-weight:400}.motion-control>span{font-size:11px}.motion-control:hover{background:#2b5656}.motion-control:focus-visible{outline:2px solid #dec28b;outline-offset:3px}.motion-control:disabled{opacity:.65;cursor:default}.reasoning-geometry{width:108px;height:112px;flex-shrink:0;overflow:visible}.concept-thinking{gap:25px}.concept-thinking .concept-copy strong{letter-spacing:-1.1px}
#detail-dialog.record-mode{width:min(1060px,calc(100% - 40px))}.record-mode .dialog-content{padding:27px 34px}.record-mode .dialog-content>h2{margin-bottom:18px}.travel-reader-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0 23px}.travel-reader-tabs button{border:1px solid #c6d2ca;border-radius:3px;background:#edf1e9;text-align:left;color:#456459;padding:15px 18px;cursor:pointer}.travel-reader-tabs button small{display:block;font-size:8px;letter-spacing:1.3px;color:#7b9486;margin-bottom:6px}.travel-reader-tabs button>span{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:550}.travel-reader-tabs button b{font-weight:400}.travel-reader-tabs button[aria-selected=true]{background:#234e47;border-color:#234e47;color:#fff}.travel-reader-tabs button[aria-selected=true] small{color:#a5c2b6}.travel-reader-tabs button:focus-visible{outline:2px solid #aa8954;outline-offset:3px}#travel-sample-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:31px;align-items:start}.travel-original{margin:0}.travel-original>a{display:block;text-decoration:none;color:#45635b;border:1px solid #d4ded7;border-radius:2px;overflow:hidden;background:#fff;box-shadow:0 5px 16px #1f42320b}.travel-original img{display:block;width:100%;height:auto}.travel-original a>span{display:flex;justify-content:space-between;align-items:center;background:#f1f4ed;padding:11px 15px;border-top:1px solid #d4ded7;font-size:11px}.travel-original figcaption{font-size:10px;color:#7b8c81;text-align:right;margin-top:8px}.travel-reading{padding:9px 0}.travel-reading .travel-page-label{font-size:8px;font-weight:600;color:#7e907f;letter-spacing:1.3px;margin-bottom:10px}.article-body .travel-reading h3{font-size:26px;letter-spacing:-1px;line-height:1.55;margin:0 0 16px;color:#254f49;word-break:keep-all}.travel-reading>p{font-size:13px;line-height:2;color:#596e65}.travel-reading-points{margin-top:23px;padding-top:20px;border-top:1px solid #cbd7cd}.travel-reading-points>div{margin-bottom:19px}.travel-reading-points h4{font-size:13px;color:#355d50;margin:0 0 6px}.travel-reading-points p{font-size:12px;line-height:1.95;color:#6a7b72;margin:0}.travel-question{background:#eaf0e6;padding:16px 17px;border-left:2px solid #839775;margin-top:24px}.travel-question>span{font-size:9px;color:#819377}.travel-question p{font-size:13px;line-height:1.85;color:#456052;margin:6px 0 0}.travel-reading>small{display:block;font-size:9px;line-height:1.8;color:#819086;margin-top:16px}
@media(max-width:1150px){.hero-layout{gap:25px}.science-motion{height:460px}.motion-caption>p{font-size:25px}.motion-duration{display:none}.reasoning-geometry{width:91px;height:104px}.concept-thinking{gap:19px}}
@media(max-width:960px){.science-motion{height:420px}.motion-top{left:22px;top:23px}.motion-caption{left:24px;bottom:30px}.motion-caption>p{font-size:23px}.motion-control{right:17px;bottom:22px;padding:8px 10px;font-size:9px}.motion-concepts{font-size:9px;gap:9px}.motion-concepts i{width:18px}.reasoning-geometry{width:78px;height:96px}.concept-thinking{gap:12px}.record-mode .dialog-content{padding:24px}#travel-sample-panel{gap:24px}.article-body .travel-reading h3{font-size:23px}}
@media(max-width:700px){.hero-layout{grid-template-columns:1fr;padding-block:35px;gap:30px;min-height:0}.science-motion{height:330px;max-width:530px;justify-self:center}.science-motion video{object-position:50% 35%;height:113%;transform:translateY(-20px)}.motion-top{top:21px;left:22px;right:22px;font-size:7px}.motion-duration{display:block;font-size:6px}.motion-caption{bottom:24px;left:23px}.motion-caption>span{font-size:6px;letter-spacing:1.6px}.motion-caption>p{font-size:23px;margin:9px 0 12px;line-height:1.45}.motion-concepts{font-size:9px;gap:10px}.motion-control{bottom:22px;right:19px;font-size:9px}.reasoning-geometry{width:102px;height:113px}.concept-thinking{gap:27px}#detail-dialog.record-mode{width:calc(100% - 18px);max-height:94dvh}.record-mode .dialog-content{padding:22px 17px}.record-mode .dialog-content>h2{font-size:23px}.travel-reader-tabs{gap:5px;margin:20px 0 20px}.travel-reader-tabs button{padding:11px 9px}.travel-reader-tabs button small{font-size:6px;letter-spacing:.4px}.travel-reader-tabs button>span{font-size:12px}.travel-reader-tabs button b{font-size:12px}#travel-sample-panel{display:flex;flex-direction:column;gap:20px}.travel-reading{order:-1;padding:0}.travel-reading .travel-page-label{font-size:7px;margin-bottom:8px}.article-body .travel-reading h3{font-size:23px;margin-bottom:12px}.travel-reading>p{font-size:12px;line-height:1.95}.travel-reading-points{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px;padding-top:15px}.travel-reading-points>div{margin-bottom:0}.travel-reading-points h4{font-size:12px}.travel-reading-points p{font-size:11px}.travel-question{margin-top:17px;padding:13px}.travel-question p{font-size:12px}.travel-reading>small{font-size:8px;margin-top:13px}.travel-original{width:100%}.travel-original a>span{font-size:10px}.travel-original figcaption{font-size:9px}}
@media(max-width:360px){.science-motion{height:310px}.motion-caption>p{font-size:21px}.motion-control{right:14px;bottom:23px}.reasoning-geometry{width:90px;height:105px}.concept-thinking{gap:20px}}
