/* ---------- Learn article (light, reading surface) ----------
   Shared by every research_* Learn article; page-specific tweaks go in the
   page's own <style> AFTER this link so they win the cascade. */
.la_wrap { max-width:880px; margin:0 auto; padding:10px 18px 60px; }
.la_title { font-size:38px; line-height:1.15; margin:26px 0 6px; }
.la_kicker { color:#888; font-size:15px; margin:0 0 4px; }
/* Video slot: reserved per the Learn format -- embed lands here later */
.la_video { margin:26px 0 8px; }
.la_prose { margin-top:24px; }
.la_prose p { font-size:19px; line-height:1.65; margin:0 0 22px; }
.la_prose h2 { font-size:24px; margin:34px 0 14px; }
/* Figures break out of the prose measure: text keeps its reading width,
   the figure takes up to 1060px, centered, overhanging the column */
.la_prose figure { width:min(1060px, 94vw); margin:34px 0 34px calc(50% - min(530px, 47vw)); }
.la_prose figcaption { color:#777; font-size:14px; line-height:1.5; margin-top:8px;
                       max-width:760px; margin-left:auto; margin-right:auto; }
/* Numbered tips list (twelve-tips article) */
.la_tips { counter-reset:tip; list-style:none; margin:28px 0 0; padding:0; }
.la_tips li { counter-increment:tip; margin:0 0 26px; font-size:19px; line-height:1.65; }
.la_tips li::before { content:counter(tip) ". "; font-weight:700; color:#DD1122; }
.la_tips b { font-weight:700; }
/* Comparison tables (e.g. the four altitude types) */
.la_types { width:100%; border-collapse:collapse; margin:0 0 22px; font-size:17px; }
.la_types th, .la_types td { text-align:left; padding:11px 12px; border-bottom:1px solid #e3e3e3; line-height:1.5; vertical-align:top; }
.la_types th { font-size:14px; letter-spacing:0.04em; text-transform:uppercase; color:#777; font-weight:600; border-bottom:1px solid #ccc; }
.la_types td:first-child { font-weight:600; }
/* la_ex: example tables where the TYPE is the emphasis, not the scenario --
   first-column bold off; the type names carry <strong> wherever they sit */
.la_ex td:first-child { font-weight:400; }
.la_ex strong { font-weight:700; }
.la_ex td:nth-child(2) { white-space:nowrap; }   /* value column ("+90 ft") only -- prose columns must wrap */
.la_scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
/* "The short version": the payoff up front, for readers who want the practical
   result without the theory. A skimmer should be able to stop here and still
   leave with something true. */
.la_tldr { background:#f4f4f7; border:1px solid #e0e0e6; border-radius:4px; padding:20px 24px 6px; margin:6px 0 30px; }
.la_tldr_h { font-size:13px; letter-spacing:0.07em; text-transform:uppercase; color:#777; font-weight:600; margin:0 0 14px; }
.la_tldr ul { margin:0; padding:0 0 0 20px; }
.la_tldr li { font-size:18px; line-height:1.6; margin:0 0 16px; }
/* A worked aside: a thought experiment run alongside the main argument. Set as
   an indented rule rather than a filled box, so it does not compete with
   .la_tldr for the reader's eye. */
.la_thought { border-left:4px solid #d4d4dc; padding:2px 0 2px 24px; margin:34px 0; }
.la_thought_h { font-size:13px; letter-spacing:0.07em; text-transform:uppercase; color:#777; font-weight:600; margin:0 0 14px; }
.la_thought p { font-size:18px; line-height:1.6; margin:0 0 18px; }
.la_thought ul { margin:0 0 18px; padding:0 0 0 20px; }
.la_thought li { font-size:18px; line-height:1.6; margin:0 0 8px; }
/* The optional math section, set apart so it reads as skippable */
.la_math { margin:34px 0 0; border-top:1px solid #ddd; padding-top:10px; }
.la_math .la_eq { background:#f6f6f8; border-left:3px solid #ccc; padding:14px 16px; margin:0 0 22px;
                  font-size:17px; line-height:1.9; overflow-x:auto; white-space:nowrap; }
.la_math .la_where { color:#777; font-size:15px; line-height:1.6; margin:-12px 0 22px; }
/* Training note at the article's foot */
.la_note { margin:40px 0 0; color:#777; font-size:15px; line-height:1.6; border-top:1px solid #ddd; padding-top:18px; }