@charset "UTF-8";
.news-page .subject-bar{padding-block:14px;border:0;min-height:60px}.news-page .subject-brand b{font-size:18px;letter-spacing:.02em}.news-page .subject-bar nav{font-size:12px}.news-page .news-shell{overflow:clip}.news-page .hero-slider{position:relative;background:#102434;color:white;isolation:isolate;--hero-duration:8000ms}.news-page .hero-media{position:relative;aspect-ratio:16/8;max-height:720px;min-height:470px;overflow:hidden;background:#162636}.news-page .hero-frames,.news-page .hero-frame{position:absolute;inset:0}.news-page .hero-frame{visibility:hidden;opacity:0;overflow:hidden;z-index:0}.news-page .hero-frame.is-current{visibility:visible;opacity:1;z-index:2}.news-page .hero-frame.is-outgoing{visibility:visible;opacity:1;z-index:1;animation:hero-retreat 1350ms cubic-bezier(.2,.65,.2,1) both}.news-page .hero-frame.is-entering{visibility:visible;opacity:1;z-index:3;animation:hero-reveal 1350ms cubic-bezier(.22,.72,.18,1) both;will-change:clip-path,transform}.news-page .hero-frame img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;display:block;transform-origin:52% 48%}.news-page .hero-frame.is-current img{animation:hero-drift 11s cubic-bezier(.15,.2,.3,.9) both}.news-page .hero-frame.is-entering img{animation:hero-focus 1350ms cubic-bezier(.16,.7,.2,1) both}.news-page .hero-shade{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(0deg,rgba(4,17,28,.86),rgba(7,24,36,.22) 38%,transparent 66%),linear-gradient(90deg,rgba(3,16,28,.16),transparent 60%)}.news-page .hero-light-sweep{position:absolute;inset:-30%;z-index:6;opacity:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(220,237,246,.13) 48%,rgba(255,255,255,.45) 49%,transparent 51%);transform:translateX(-70%)}.news-page .hero-slider.is-changing .hero-light-sweep{animation:hero-light 1350ms cubic-bezier(.22,.72,.18,1) both}.news-page .hero-overlay{position:absolute;inset:auto 0 72px;z-index:10;width:calc(100% - 112px);max-width:1240px;margin-inline:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;pointer-events:none}.news-page .hero-overlay a{pointer-events:auto}.news-page .hero-audience{font-size:13px;font-weight:500;letter-spacing:.08em;margin-bottom:10px;color:#f1f1e8}.news-page .hero-title-block h1{font-size:clamp(42px,4.2vw,65px);font-weight:700;letter-spacing:.075em;line-height:1.4;text-shadow:0 2px 20px #06152455}.news-page .hero-links{display:flex;align-items:center;gap:28px;margin-top:23px}.news-page .hero-main-link{background:white;color:#153b44;min-width:157px;min-height:47px;border-radius:3px;font-size:13px;gap:27px}.news-page .hero-main-link:hover{background:#d7e7e3}.news-page .hero-quiz-link{display:flex;align-items:center;gap:14px;font-size:13px;min-height:44px;color:white}.news-page .hero-theme-link{position:relative;min-width:175px;border-left:1px solid #ffffff6b;padding:1px 44px 1px 23px;color:white;margin-bottom:9px}.news-page .hero-theme-link>span{font-size:11px;letter-spacing:.04em;display:block;margin-bottom:4px}.news-page .hero-theme-link strong{font-size:24px;font-weight:500;letter-spacing:.06em;display:block}.news-page .hero-theme-link>.icon{position:absolute;right:2px;bottom:12px}.news-page .hero-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:15;padding:0 56px;min-height:66px;background:#102434}.news-page .hero-slide-tabs{display:flex;align-self:stretch;gap:24px}.news-page .hero-slide-tabs button{border:0;background:none;color:#c5cfce;display:flex;align-items:center;gap:9px;padding:13px 0;min-height:52px;font-size:11px}.news-page .hero-slide-tabs button[aria-pressed=true]{color:white}.news-page .hero-dot{width:5px;height:5px;border:1px solid #bfcecc;border-radius:50%}.news-page .hero-slide-tabs [aria-pressed=true] .hero-dot{background:#d2e8c1;border-color:#d2e8c1;box-shadow:0 0 0 4px #d2e8c11a}.news-page .hero-transport{display:flex;align-items:center;gap:6px}.news-page .hero-slide-count{font-size:11px;white-space:nowrap;padding-right:18px;letter-spacing:.13em}.news-page .hero-slide-count b{font-weight:700;font-size:15px}.news-page .hero-slide-count>span{opacity:.55}.news-page .hero-transport button{width:40px;height:40px;padding:10px;border:1px solid #ffffff38;background:transparent;color:white;border-radius:50%;display:grid;place-items:center}.news-page .hero-transport button:hover{background:#ffffff17}.news-page .hero-transport [data-hero-prev] .icon{transform:rotate(180deg)}.news-page .hero-transport .icon{width:17px;height:17px}.news-page .hero-transport [data-hero-pause]{margin-left:5px;border:0;font-size:18px}.news-page .hero-time-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff12}.news-page .hero-time-track span{display:block;width:100%;height:100%;background:#d7e8bd;transform:scaleX(0);transform-origin:left;animation:hero-time var(--hero-duration) linear forwards;animation-play-state:paused}.news-page .hero-slider[data-playing=true] .hero-time-track span{animation-play-state:running}.news-page .hero-slider[data-playing=false] .hero-time-track span{animation-play-state:paused}.news-page .course-selection{display:flex;align-items:center;gap:22px;padding:30px 0 23px}.news-page .course-selection .course-tabs{width:560px;max-width:100%;margin:0}.news-page .news-section{padding-top:38px}.news-page .section-heading h2{font-size:25px;letter-spacing:.02em}.news-page .daily-card{padding-top:23px}.news-page .daily-card h3{font-size:22px;margin:0 0 9px}.news-page .daily-card .button{margin-top:16px}.news-page .study-guide{margin-top:45px}.news-page .study-guide h2{font-size:21px}.news-page .course-promo h2{font-size:20px}.news-page .learning-note{padding:20px 18px 0}.news-page .learning-note small{margin:0}.news-page body:not([data-view=home]) .subject-bar{border-bottom:1px solid var(--line)}
@keyframes hero-reveal{0%{clip-path:polygon(105% 0,120% 0,100% 100%,100% 100%);transform:translateX(3%)}100%{clip-path:polygon(-20% 0,100% 0,100% 100%,0 100%);transform:translateX(0)}}
@keyframes hero-retreat{0%{filter:brightness(1);transform:scale(1)}100%{filter:brightness(.65);transform:scale(1.025) translateX(-1.5%)}}
@keyframes hero-focus{from{transform:scale(1.055) translateX(1.5%);filter:blur(3px)}to{transform:scale(1);filter:blur(0)}}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.018)}}
@keyframes hero-light{0%{opacity:0;transform:translateX(-70%)}20%{opacity:.65}80%{opacity:.4}100%{opacity:0;transform:translateX(70%)}}
@keyframes hero-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1500px){.news-page .hero-overlay{width:calc(100% - 160px)}.news-page .hero-controls{padding-inline:max(56px,calc((100vw - 1240px)/2))}}
@media(max-width:1000px){.news-page .hero-media{min-height:420px}.news-page .hero-overlay{width:calc(100% - 60px);bottom:55px}.news-page .hero-title-block h1{font-size:42px}.news-page .hero-controls{padding-inline:30px}.news-page .hero-slide-tabs{gap:18px}.news-page .hero-slide-tabs button{font-size:10px}.news-page .hero-slide-count{padding-right:10px}.news-page .hero-theme-link strong{font-size:21px}.news-page .hero-theme-link{min-width:155px}}
@media(max-width:600px){.news-page .subject-bar{min-height:49px;padding:10px 0}.news-page .subject-brand b{font-size:16px}.news-page .hero-media{aspect-ratio:16/9;min-height:0;max-height:none}.news-page .hero-frame img{object-fit:contain}.news-page .hero-shade{background:linear-gradient(0deg,#10243428,transparent 45%)}.news-page .hero-overlay{position:relative;inset:auto;display:block;width:auto;margin:0;padding:22px 20px 17px;background:linear-gradient(135deg,#162f3e,#102434)}.news-page .hero-audience{font-size:11px;letter-spacing:.03em;margin-bottom:7px}.news-page .hero-title-block h1{font-size:36px;line-height:1.45;letter-spacing:.05em}.news-page body[data-course=junior] .hero-title-block h1{font-size:29px}.news-page .hero-links{gap:22px;margin-top:17px}.news-page .hero-main-link{min-height:46px;min-width:143px;padding:11px 18px;font-size:12px}.news-page .hero-quiz-link{font-size:12px;gap:12px}.news-page .hero-theme-link{display:none}.news-page .hero-controls{min-height:66px;gap:6px;padding:0 17px}.news-page .hero-slide-tabs{gap:13px}.news-page .hero-slide-tabs button{font-size:0;gap:0;min-width:23px}.news-page .hero-dot{width:7px;height:7px}.news-page .hero-transport{gap:3px}.news-page .hero-transport button{width:36px;height:36px;padding:8px}.news-page .hero-slide-count{font-size:9px;padding-right:8px}.news-page .hero-slide-count b{font-size:13px}.news-page .hero-transport [data-hero-pause]{margin-left:0}.news-page .course-selection{padding:22px 0 18px}.news-page .course-selection .course-tabs a{min-height:54px}.news-page .news-section{padding-top:29px}.news-page .section-heading h2{font-size:22px}.news-page .section-heading .text-link{font-size:11px}.news-page .daily-card .button{margin-top:18px}.news-page .study-guide{margin-top:30px}.news-page .course-promo{margin-bottom:25px}.news-page .course-promo h2{font-size:17px}}
@media(max-width:370px){.news-page .hero-title-block h1{font-size:32px}.news-page .hero-slide-tabs{gap:7px}.news-page .hero-overlay{padding-inline:18px}}
@media(max-width:600px){.news-page .hero-transport button{width:44px;height:44px}.news-page .hero-slide-tabs{gap:10px}.news-page .hero-slide-tabs button{min-width:28px}}
@media(max-width:370px){.news-page .hero-slide-count{display:none}}
@media(prefers-reduced-motion:reduce){.news-page .hero-frame,.news-page .hero-frame img,.news-page .hero-light-sweep,.news-page .hero-time-track span{animation:none!important}.news-page .hero-frame.is-entering{clip-path:none}.news-page .hero-frame.is-outgoing{opacity:0}}

.news-page .hero-title-block {
  min-width: 0;
}

.news-page body[data-view=home] .subject-band {
  background: #102434;
  color: #f5f9fd;
}

.news-page .subject-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.news-page .subject-newspaper {
  display: block;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
}

.news-page .subject-bar nav .subject-quiz-link {
  min-height: 44px;
  justify-content: center;
  padding: 0 12px;
  border-radius: 6px;
  background: #fff;
  color: #19374f;
  box-shadow: 0 3px 0 #7893ab;
  white-space: nowrap;
}

.news-page .subject-bar nav .subject-quiz-link:hover {
  background: #e9f2fa;
}

.news-page .subject-bar nav .subject-quiz-link:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #7893ab;
}

.news-page .hero-wordmark {
  display: block;
  width: clamp(330px, 43vw, 550px);
  max-width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .news-page .hero-wordmark {
    width: min(100%, 350px);
  }
}
