/* Course-specific media and language adjustments; layout and components live in style.css. */
.learning-nav a[aria-current="page"]{font-weight:800;text-decoration:underline;text-underline-offset:6px}
.course-page .hero-art:before{background:none}
.course-page h1{white-space:normal}
.course-page .app-label{white-space:normal;height:auto}

.course-page .hero-copy{gap:26px}
.course-page .video-phone{background:#f5f5ec}
.course-background-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-content:center;opacity:.22;transform:rotate(-8deg)}
.course-background-tiles>span,.course-outcome-tiles>span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;aspect-ratio:1;border:1px solid #d4d6c3;border-radius:12px;background:#f1f3e8;font-size:24px;font-weight:700;overflow-wrap:anywhere}
.course-background-tiles small,.course-outcome-tiles small{font-size:14px;font-weight:400}
.course-screen{position:relative;background:#f5f5ec;color:#111;min-height:520px;padding:16px 14px 34px;letter-spacing:-.02em;text-align:left}
.video-phone .course-screen{height:100%;min-height:0;padding:12px 10px 26px}
.course-phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:700;padding:0 5px 22px}
.course-screen-brand{font-size:13px;font-weight:800;margin:6px 0 16px}.course-screen-brand span{font-weight:500;color:#76796b;font-size:10px}
.course-word-card{background:white;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #00000008}
.course-illustration{height:160px;display:grid;place-items:center;background:#e5edcd;font-size:92px}
.video-phone .course-illustration{height:120px;font-size:76px}
.course-word-copy{padding:18px 14px}.course-word-copy>strong{display:block;font-size:30px;overflow-wrap:anywhere}.course-word-copy small{display:block;font-size:12px;line-height:1.5;color:#777}.course-word-copy p{font-size:20px;margin:10px 0}.course-word-copy hr{border:0;border-top:1px solid #eee;margin:18px 0}.course-word-copy .course-sentence{font-size:13px;line-height:1.5}
.video-phone .course-word-copy{padding:12px}.video-phone .course-word-copy>strong{font-size:25px}.video-phone .course-word-copy p{font-size:16px;margin:6px 0}.video-phone .course-word-copy .course-sentence{font-size:11px}.video-phone .course-word-copy small{font-size:10px}.video-phone .course-word-copy hr{margin:10px 0}
.course-preview-label{display:block;text-align:center;font-size:10px;color:#787b6d;line-height:1.5;margin-top:14px}
.course-home-bar{position:absolute;bottom:10px;left:35%;width:30%;height:4px;background:#111;border-radius:10px}
.course-screen-title{font-size:17px;font-weight:700;margin:32px 0 24px;text-align:center}
.course-tile-board{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:12px 2px}
.course-tile-board div{display:grid;place-items:center;min-height:68px;border:1px solid #d1d3bb;background:white;border-radius:9px;box-shadow:0 5px #d1d3bb;font-size:16px;font-weight:650;overflow-wrap:anywhere;padding:8px;text-align:center}
.course-tile-board div:nth-child(3),.course-tile-board div:nth-child(4){background:#dfffab}
.course-review-list>div{display:flex;align-items:center;gap:12px;padding:16px 10px;background:white;border-radius:12px;margin-bottom:12px}.course-review-list span{font-size:30px}.course-review-list p{margin:0;flex:1}.course-review-list strong,.course-review-list small{display:block;font-size:16px}.course-review-list small{font-size:12px;color:#777}.course-review-list b{font-size:22px;color:#658c21}.course-review-caption{text-align:center;font-size:13px;color:#777}
.course-outcome-tiles{position:absolute;z-index:-2;inset:-15% -5%;display:grid;grid-template-columns:repeat(6,1fr);gap:24px;transform:rotate(-12deg);opacity:.24}.course-outcome-tiles>span{background:#222;color:#fff;border-color:#444}
.course-page .course-section-description{font-size:21px;line-height:1.7;max-width:760px;margin:28px auto 0;color:#666;letter-spacing:-.02em;text-align:center}
.course-vocabulary .metric-card strong{font-size:40px}.course-vocabulary .metric-grid{margin-top:48px}
.course-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:32px 110px;color:#777;font-size:14px}.course-footer .learning-nav{display:flex;gap:20px;flex-wrap:wrap}
.course-page:lang(en) h1{font-size:clamp(48px,5vw,76px);letter-spacing:-.05em}.course-page:lang(en) .benefit-copy h3{font-size:56px}.course-page:lang(en) .outcome-copy h2{font-size:58px}
@media(min-width:741px){.course-page .hero{min-height:700px;height:auto;padding-block:72px}.course-page .hero-art{height:500px}.course-page .video-phone{width:248px;height:524px}.course-page .hero-copy{max-width:660px}}
@media(max-width:1000px) and (min-width:741px){.course-page .hero{grid-template-columns:1.2fr 1fr;gap:32px}.course-page h1{font-size:48px}.course-page .app-label{font-size:16px}.course-page .hero-art{transform:scale(.85)}.course-page:lang(en) h1{font-size:49px}}
@media(max-width:740px){.course-page .hero{height:auto;min-height:0;padding:48px 0 40px;gap:32px}.course-page .hero-copy{display:flex;flex-direction:column;align-items:center;gap:20px}.course-page h1{margin:0;font-size:42px}.course-page .app-label{margin:0;font-size:15px}.course-page .hero-art{height:430px;width:100%;max-width:360px}.course-page .video-phone{position:relative;transform:none;width:210px;height:444px}.course-page .hero-art .course-screen-brand{margin-bottom:10px}.course-page .hero-art .course-word-copy{padding:10px}.course-page .hero-art .course-illustration{height:102px;font-size:65px}.course-page .course-section-description{font-size:17px}.course-outcome-tiles{grid-template-columns:repeat(3,1fr)}.course-vocabulary .metric-card strong{font-size:28px}.course-footer{flex-direction:column}.course-page:lang(en) h1{font-size:48px}.course-page:lang(en) .benefit-copy h3{font-size:36px}.course-page:lang(en) .outcome-copy h2{font-size:34px}}