/* Additional learning features reuse exact original WordPlay palette, typography and grid rhythm. */
.platform-nav{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 22px;align-items:center}
.platform-nav button{font-weight:750;color:#40577e;background:#fff;border:1px solid #e5ebf7;border-radius:13px;min-height:44px;padding:10px 14px}
.platform-nav button:hover,.platform-nav button.active{background:#e5efff;border-color:#bfd0ff;color:#1b378e}
.platform-filter{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0}
.platform-filter select{border:1px solid #e5ebf7;border-radius:13px;background:white;padding:10px 14px;color:#172747;min-height:46px}
.platform-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.platform-feature{display:flex;flex-direction:column;align-items:start;text-align:left;gap:7px;position:relative;border:1px solid #e8edf9;background:#fff;border-radius:26px;padding:21px;min-height:186px;box-shadow:var(--shadow);color:#172747}
.platform-feature:hover,.lesson-tile:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(44,70,140,.12)}
.platform-feature img{width:64px;height:64px;object-fit:contain}
.platform-feature strong{font-size:20px;letter-spacing:-.3px}
.platform-feature span{font-size:16px;line-height:1.42;color:#6b7995}
.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.lesson-tile{border:1px solid #e8edf9;border-radius:25px;background:#fff;box-shadow:var(--shadow);padding:20px;text-align:left;color:#172747;min-height:188px;display:flex;flex-direction:column;align-items:start;gap:9px;transition:.16s}
.lesson-tile .lesson-icon{display:grid;place-items:center;height:49px;min-width:56px;padding:0 12px;border-radius:14px;background:#eaf1ff;color:#3157d7;font-size:20px;font-weight:900}
.lesson-tile h3{margin:0;font-size:21px;letter-spacing:-.3px}
.lesson-tile p{margin:0;color:#6b7995;line-height:1.4;font-size:16px}
.lesson-tile .meta{margin-top:auto;display:flex;align-items:center;gap:8px;color:#62799a;font-size:16px}
.lesson-done{border-color:#8bd9c7}.lesson-done .lesson-icon{background:#e2f8f2;color:#138a6d}
.platform-card-centered{max-width:780px;margin:0 auto}
.platform-flash{border:1px solid #e0eafa;border-radius:28px;background:linear-gradient(145deg,#eff6ff,#f7fbff);min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;padding:28px;cursor:pointer;color:#172747;box-shadow:var(--shadow)}
.platform-flash img{width:min(200px,53vw);height:170px;object-fit:contain;display:block}
.platform-flash .en{font-size:clamp(30px,4vw,47px);font-weight:900;color:#1b378e;line-height:1.15;letter-spacing:-.8px}
.platform-flash .translation{font-size:clamp(20px,2.7vw,28px);font-weight:780;text-align:center}
.platform-flash .muted{font-size:16px;color:#6b7995}
.platform-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px}
.platform-actions .btn-primary,.platform-actions .btn-secondary{min-height:51px}
.platform-conversation{display:flex;flex-direction:column;gap:12px;margin:22px 0}
.dialogue-line{display:flex;max-width:88%;gap:12px;align-items:flex-start;background:#f3f7ff;border:1px solid #e5ebf7;padding:15px 17px;border-radius:19px;align-self:start}
.dialogue-line.other{align-self:end;background:#e9f9f6}
.dialogue-line strong{display:block;margin-bottom:3px;font-size:17px}
.dialogue-line p{margin:0;color:#4f6183;line-height:1.43;font-size:16px}
.dialogue-line button{border:0;border-radius:12px;background:#e3efff;min-width:44px;height:44px;color:#3157d7}
.platform-speech-area{border:1px solid #e2eaf8;border-radius:26px;padding:25px;background:#fff;text-align:center}
.platform-speech-area strong{font-size:clamp(30px,5vw,46px);color:#2347bd;display:block;margin:13px}
.platform-speech-area p{font-size:16px;color:#62799a}
.platform-profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:21px 0}
.profile-choice{padding:17px;border:2px solid #e5ebf7;border-radius:20px;background:#fff;text-align:left;min-height:92px}
.profile-choice.active{border-color:#3157d7;background:#f0f5ff}
.profile-choice b{display:block;font-size:19px}.profile-choice small{color:#6b7995;font-size:16px}
.platform-inputs{display:flex;flex-wrap:wrap;gap:11px;align-items:end}
.platform-inputs input,.platform-inputs select{border-radius:13px;border:1px solid #e2eaf8;padding:13px 15px;min-height:48px;font-size:16px;background:#fff}
.platform-inputs label{display:flex;flex-direction:column;gap:5px;font-size:16px;color:#6b7995;font-weight:700}
.platform-badges{display:flex;flex-wrap:wrap;gap:11px;margin:18px 0}
.platform-badges span{border:1px solid #e5ebf7;background:#fff;border-radius:15px;padding:12px 16px;font-weight:800;color:#3157d7;font-size:17px}
.platform-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:16px}
.platform-video{background:#fff;border:1px solid #e5ebf7;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);padding:13px}
.platform-video video{width:100%;aspect-ratio:16/9;display:block;background:#eff5ff;border-radius:13px}
.platform-video h3{font-size:19px;margin:13px 5px 4px}.platform-video p{font-size:16px;color:#6b7995;margin:0 5px 10px}
.platform-small-info{font-size:16px;color:#6b7995;line-height:1.55}
.platform-catalog-note{margin-top:12px;color:#607396;font-size:16px}
@media(max-width:1030px){.platform-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){.platform-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 17px}.platform-nav button{font-size:16px;padding:9px 5px}.platform-feature{padding:17px;min-height:176px}.platform-feature img{width:55px;height:55px}.platform-feature strong{font-size:18px}.platform-flash{min-height:340px;padding:20px}.platform-video-grid{grid-template-columns:1fr}.dialogue-line{max-width:100%}.platform-profile-list{grid-template-columns:1fr}}
@media(max-width:480px){.platform-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-overview,.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-feature{padding:14px;min-height:170px;border-radius:19px}.platform-feature strong{font-size:17px}.platform-feature img{height:46px;width:46px}.lesson-tile{padding:14px;min-height:194px;border-radius:19px}.lesson-tile h3{font-size:18px}.lesson-tile p{font-size:16px}.platform-actions .btn-primary,.platform-actions .btn-secondary{flex:1;min-width:120px}.platform-inputs{align-items:stretch}.platform-inputs label{width:100%}}