/* Glacial Sands OMS — learning center port styles.
   Adapted from learning-center/pages/assets/learn.css (the implant-domain
   original) and scoped under .learn-article so nothing leaks into the twin
   shell. Loaded after /assets/site.css on the ported /learn/ pages only.
   Brand tokens identical to the twin: Dark Sands #826748, Coastal Shore
   #DAC298, Onyx Black #222229, Seashell White #FAF7F4; IvyPresto headlines,
   Prompt body (font faces come from site.css). */
.learn-main{background:#FAF7F4}
.learn-article{
  --dark-sands:#826748; --dark-sands-d:#6d5639; --coastal:#DAC298;
  --ink:#33333b; --muted:#6d6d75; --line:#e4ddd0;
  max-width:820px; margin:0 auto; padding:46px 20px 8px;
  font-family:'Prompt',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px; line-height:1.55; color:var(--ink);
}
.learn-article.learn-hub{max-width:1120px}
.learn-article h1,.learn-article h2,.learn-article h3{
  font-family:'IvyPresto',Georgia,serif; font-weight:600; color:#222229; line-height:1.15;
}
.learn-article h1{font-size:clamp(34px,5.2vw,50px); margin:12px 0 16px}
.learn-article h2{font-size:clamp(25px,3.4vw,32px); margin:34px 0 10px}
.learn-article h3{font-size:21px; margin:0 0 6px}
.learn-article p{margin:0 0 14px}
.learn-article ul{margin:0 0 16px 22px}
.learn-article li{margin-bottom:7px}
.learn-article a{color:var(--dark-sands)}
.learn-article .eyebrow{font-size:13px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--dark-sands)}
.learn-article .lead{font-size:19px; color:#4a4a52}
.learn-article .crumb{font-size:14.5px; margin-bottom:6px}
.learn-article .crumb a{text-decoration:none; font-weight:600}
.learn-article .tiles{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:18px; margin:30px 0 10px}
.learn-article .tile{background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px; text-decoration:none; color:var(--ink); display:block; transition:border-color .15s, transform .15s}
.learn-article .tile:hover{border-color:var(--dark-sands); transform:translateY(-2px)}
.learn-article .tile h3{margin-bottom:8px}
.learn-article .tile p{color:var(--muted); font-size:15.5px; margin:0 0 10px}
.learn-article .tile .go{color:var(--dark-sands); font-weight:600; font-size:15.5px}
.learn-article .video-wrap{position:relative; padding-top:56.25%; border-radius:14px; overflow:hidden; background:#222229; box-shadow:0 10px 30px rgba(34,34,41,.18); margin:0 0 20px}
.learn-article .video-wrap iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.learn-article .term{margin-bottom:20px}
.learn-article .term h3{color:var(--dark-sands-d)}
.learn-article .learn-fine{margin-top:26px; font-size:12.5px; color:#8d887d; max-width:70em}