/* LessonsPlanner mobile app banner – isolated styles, v3, 2026-10-23.
   Changes ONLY the mobile-download section, not the legacy intro. */
#lp-mobile-download.lp-app-section {
  display: block !important;
  position: relative;
  z-index: 0;
  clear: both;
  width: min(100%, 1120px);
  max-width: 100%;
  margin: 36px auto 38px;
  overflow: hidden;
  border: 1px solid rgba(16, 35, 63, .11);
  border-radius: 24px;
  color: #10233f;
  background: linear-gradient(130deg, #ffffff 0%, #f2f7fd 100%);
  box-shadow: 0 12px 38px rgba(16,35,63,.07);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
#lp-mobile-download *, #lp-mobile-download *::before, #lp-mobile-download *::after { box-sizing: border-box; }
#lp-mobile-download .lp-app-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.17fr) minmax(0, .83fr);
  gap: clamp(18px,3vw,34px);
  padding: clamp(24px,3.4vw,42px);
  align-items: center;
}
#lp-mobile-download .lp-app-copy { min-width:0; max-width:660px; }
#lp-mobile-download .lp-app-kicker {
  display:inline-flex;align-items:center;gap:9px;
  font-size:11px;line-height:1.45;font-weight:800;letter-spacing:.08em;
  color:#285e9e;
}
#lp-mobile-download .lp-app-kicker-dot { display:inline-block;width:8px;height:8px;flex:0 0 auto;border-radius:100%;background:#17845b; }
#lp-mobile-download h2 {
  margin: 11px 0 12px !important;
  max-width: 660px;
  color:#10233f !important;
  font-weight:800;
  font-size:clamp(27px,3.2vw,39px) !important;
  line-height:1.13 !important;
  letter-spacing:-.036em;
  overflow-wrap:break-word;
}
#lp-mobile-download h2 em { color:#285e9e; font-style:normal; }
#lp-mobile-download .lp-app-lead {
  margin:0;
  max-width:620px;
  color:#536276 !important;
  font-size:clamp(14px,1.2vw,16px);
  line-height:1.64;
  overflow-wrap:break-word;
}
#lp-mobile-download .lp-app-lead strong { color:#10233f; }
#lp-mobile-download .lp-app-benefits {
  display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 19px;
}
#lp-mobile-download .lp-app-benefits span {
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 10px;border-radius:999px;
  border:1px solid #dce5ee;background:#fff;
  color:#435972;font-size:12px;font-weight:700;line-height:1.3;
  white-space:nowrap;
}
#lp-mobile-download .lp-app-benefits svg { display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
#lp-mobile-download .lp-app-download-row {display:flex;align-items:center;flex-wrap:wrap;gap:16px;}
#lp-mobile-download .lp-google-play-btn {
  display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;
  min-height:60px;min-width:210px;
  padding:9px 14px;border:1px solid #121922;border-radius:12px;
  background:#151b22;color:#fff !important;text-decoration:none !important;
  box-shadow:0 8px 18px rgba(16,35,63,.15);
  transition:background .18s ease, transform .18s ease;
}
#lp-mobile-download .lp-google-play-btn:hover {background:#2a3644;transform:translateY(-1px);}
#lp-mobile-download .lp-google-play-btn:focus-visible,
#lp-mobile-download .lp-app-qr:focus-visible {outline:3px solid #285e9e;outline-offset:3px;}
#lp-mobile-download .lp-play-mark {width:34px;height:34px;flex:0 0 auto;}
#lp-mobile-download .lp-google-play-label {display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap;}
#lp-mobile-download .lp-google-play-label small {color:#fff;font-size:10px;line-height:1;letter-spacing:.06em;font-weight:700;}
#lp-mobile-download .lp-google-play-label strong {color:#fff;font-size:20px;line-height:1.2;font-weight:740;letter-spacing:-.03em;}
#lp-mobile-download .lp-play-arrow {width:15px;height:15px;fill:none;stroke:#cbd5e1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
#lp-mobile-download .lp-app-qr {display:inline-flex;align-items:center;gap:10px;color:#10233f !important;text-decoration:none !important;}
#lp-mobile-download .lp-app-qr img {display:block;width:73px;height:73px;max-width:73px;object-fit:contain;background:#fff;padding:3px;border:1px solid #dbe5ef;border-radius:9px;}
#lp-mobile-download .lp-app-qr span {display:flex;flex-direction:column;gap:2px;max-width:145px;}
#lp-mobile-download .lp-app-qr strong {color:#10233f;font-size:12px;line-height:1.3;}
#lp-mobile-download .lp-app-qr small {color:#637487;font-size:11px;line-height:1.35;}
#lp-mobile-download .lp-app-ios {display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:16px 0 0;color:#6b7584 !important;font-size:12px;line-height:1.5;}
#lp-mobile-download .lp-app-ios svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;}
#lp-mobile-download .lp-app-ios strong {color:#17845b;}
#lp-mobile-download .lp-app-ios-dot {color:#9da7b2;}
/* Google Play supplies widescreen screenshots: show them as widescreen previews,
   not squeezed into misleading portrait-phone mockups. */
#lp-mobile-download .lp-app-visual {
  display:grid;position:relative;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:"main main" "left right" "caption caption";
  gap:10px;align-items:start;min-width:0;
  height:auto;width:100%;margin:0;
}
#lp-mobile-download .lp-app-halo {display:none;}
#lp-mobile-download .lp-app-screen {
  position:static;display:block;width:100%;height:auto;min-width:0;
  aspect-ratio:16/9;overflow:hidden;
  padding:0;border:1px solid #d7e2ee;border-radius:12px;
  background:#f4f7fb;
  box-shadow:0 6px 16px rgba(16,35,63,.08);
  transform:none;opacity:1;
}
#lp-mobile-download .lp-app-screen-main {grid-area:main;}
#lp-mobile-download .lp-app-screen-left {grid-area:left;}
#lp-mobile-download .lp-app-screen-right {grid-area:right;}
#lp-mobile-download .lp-app-screen img {
  display:block;width:100%;height:100%;max-width:100%;
  object-fit:cover;object-position:center;
  border:0;border-radius:0;background:#f4f7fb;
}
#lp-mobile-download .lp-app-shot-caption {
  grid-area:caption;position:static;display:block;
  text-align:center;color:#748195;font-size:11px;line-height:1.3;
}
@media (max-width:880px) {
  #lp-mobile-download .lp-app-layout {grid-template-columns:minmax(0,1fr);gap:24px;}
  #lp-mobile-download .lp-app-visual {
    max-width:620px;margin-inline:auto;
    grid-template-areas:"main main" "caption caption";
  }
  #lp-mobile-download .lp-app-screen-left,
  #lp-mobile-download .lp-app-screen-right {display:none;}
}
@media (max-width:600px) {
  #lp-mobile-download.lp-app-section {margin:28px auto;border-radius:17px;}
  #lp-mobile-download .lp-app-layout {padding:23px 19px;gap:21px;}
  #lp-mobile-download h2 {font-size:clamp(26px,7.6vw,34px) !important;}
  #lp-mobile-download .lp-app-kicker {font-size:10px;}
  #lp-mobile-download .lp-app-benefits {gap:6px;margin:14px 0 17px;}
  #lp-mobile-download .lp-app-benefits span {padding:6px 8px;font-size:11px;}
  #lp-mobile-download .lp-app-qr {display:none !important;}
  #lp-mobile-download .lp-google-play-btn {width:fit-content;min-height:57px;}
  #lp-mobile-download .lp-app-ios {margin-top:13px;}
  #lp-mobile-download .lp-app-visual {gap:8px;}
}
@media (max-width:365px) {
  #lp-mobile-download .lp-app-layout {padding:18px 13px;}
  #lp-mobile-download .lp-app-benefits span {font-size:10px;}
  #lp-mobile-download .lp-google-play-btn {min-width:195px;}
}
@media(prefers-reduced-motion:reduce) {#lp-mobile-download .lp-google-play-btn {transition:none;} }