/* Reading layout for the existing Galatic article structure. */
.guideArticle { color:var(--g-text); padding-block:48px 72px; }
.guideArticle > header { max-width:1040px; margin:0 auto 32px; padding-inline:24px; }
.guideArticle > header > p { font-weight:600; margin-bottom:16px; }
.guideArticle h1 { font-family:Poppins, sans-serif; font-size:clamp(32px,4.5vw,62px); font-weight:600; line-height:1.12; letter-spacing:-.035em; max-width:980px; }
.guideArticle > header > span { display:block; max-width:780px; font-size:clamp(17px,1.6vw,21px); line-height:1.6; margin-block:22px; }
.guideArticle > header > div { display:flex; flex-wrap:wrap; gap:8px 24px; align-items:baseline; }
.guideArticle .guideCover { display:block; width:calc(100% - 48px); max-width:1200px; height:clamp(260px,36vw,480px); object-fit:cover; margin-inline:auto; }
.guideArticle .articleBody { display:grid; grid-template-columns:200px minmax(0,720px); justify-content:center; gap:48px; max-width:1160px; padding-inline:24px; margin:48px auto 0; }
.guideArticle .articleBody > aside { display:grid; align-content:start; gap:9px; position:sticky; top:24px; align-self:start; font-size:14px; line-height:1.5; }
.guideArticle .articleBody > aside b { margin-bottom:6px; }
.guideArticle .articleBody > aside a { text-decoration:underline; text-underline-offset:3px; }
.guideArticle .articleBody > :not(aside) { min-width:0; font-size:17px; line-height:1.75; }
.guideArticle .articleBody .lead { font-size:21px; line-height:1.6; }
.guideArticle .articleBody section { margin-top:36px; scroll-margin-top:24px; }
.guideArticle .articleBody h2 { font-family:Poppins,sans-serif; font-size:clamp(25px,2.5vw,32px); font-weight:600; line-height:1.25; margin:8px 0 18px; }
.guideArticle .articleBody h3 { font-family:Poppins,sans-serif; font-size:21px; font-weight:600; line-height:1.35; margin:24px 0 12px; }
.guideArticle .articleBody p + p { margin-top:16px; }
.guideArticle .articleBody ul,.guideArticle .articleBody ol { padding-left:24px; margin-block:16px; }
.guideArticle .articleBody li + li { margin-top:10px; }
.guideArticle .articleBody a { text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.guideArticle .articleBody blockquote { border-left:3px solid var(--g-border); padding-left:20px; margin-block:24px; font-weight:600; }
.guideArticle .articleChoices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.guideArticle .articleChoices article { display:grid; align-content:start; gap:10px; }
.guideArticle .articleChoices .uiIcon { width:24px; height:24px; }
.guideArticle .articleChoices span { font-size:15px; line-height:1.6; }
.guideArticle .articleBody a:focus-visible { outline:2px solid var(--g-focus); outline-offset:4px; }
@media(max-width:760px) {
  .guideArticle { padding-top:32px; }
  .guideArticle > header { padding-inline:18px; }
  .guideArticle .guideCover { width:calc(100% - 24px); height:300px; }
  .guideArticle .articleBody { grid-template-columns:minmax(0,1fr); padding-inline:18px; gap:28px; margin-top:28px; }
  .guideArticle .articleBody > aside { position:static; border-bottom:1px solid var(--g-border); padding-bottom:24px; }
  .guideArticle .articleChoices { grid-template-columns:minmax(0,1fr); }
}