/* salute-about.css - About page (sabout-*). Layout from the retired served.nw
   core-served.css; every colour re-themed onto Salute tokens (salute-themes.css)
   so the page follows light/dark and branch theming. 2026-09-19. */
.sabout-page { background:var(--sal-bg); color:var(--sal-t1); min-height:100vh }
.sabout-ch1, .sabout-ch2, .sabout-ch3 { scroll-margin-top:120px }
.sabout-chapnav { display:flex; background:var(--sal-surface); border-bottom:1px solid var(--sal-border); padding:0 40px; overflow-x:auto }
.sabout-chapnav-item { display:flex; align-items:center; gap:10px; padding:18px 24px; border-bottom:2px solid transparent; transition:all 0.2s; white-space:nowrap; text-decoration:none }
.sabout-chapnav-num { font-family:'oswald',sans-serif; font-size:1rem; font-weight:700; color:var(--sal-t3) }
.sabout-chapnav-label { font-family:'barlow-condensed',sans-serif; font-size:0.72rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--sal-t2) }
.sabout-chapter { padding:0 40px 60px }
.sabout-chapter-inner { max-width:800px; margin:0 auto; padding-top:60px }
.sabout-eyebrow { display:inline-flex; align-items:center; gap:8px; font-family:'barlow-condensed',sans-serif; font-size:0.68rem; font-weight:700; letter-spacing:0.25em; text-transform:uppercase; color:var(--sal-link); margin-bottom:20px }
.sabout-headline { font-family:'merriweather',Georgia,serif; font-size:clamp(2rem,5vw,3.2rem); font-weight:900; color:var(--sal-t1); line-height:1.1; margin-bottom:28px }
.sabout-body-large { font-family:'raleway',sans-serif; font-size:1.05rem; color:var(--sal-t2); line-height:1.85; margin-bottom:32px }
.sabout-mission-bar { display:flex; align-items:center; gap:12px; padding:16px 20px; background:rgba(201,168,76,0.08); border:1px solid rgba(201,168,76,0.25); border-radius:3px; font-family:'barlow-condensed',sans-serif; font-size:0.82rem; font-weight:700; letter-spacing:0.08em; color:var(--sal-link); margin-bottom:32px }
.sabout-chapter img:not(.sabout-story-flag) { width:22px; height:22px; flex:0 0 22px; object-fit:contain }
.sabout-chapter-nav-btns { display:flex; gap:14px; flex-wrap:wrap; margin-top:40px }
.sabout-next-btn { padding:12px 22px; background:var(--sal-accent); color:var(--sal-bg); font-family:'barlow-condensed',sans-serif; font-weight:700; font-size:0.82rem; letter-spacing:0.1em; text-transform:uppercase; border-radius:2px; text-decoration:none; transition:opacity 0.2s }
.sabout-prev-btn { padding:12px 22px; border:1px solid var(--sal-border2); color:var(--sal-t2); font-family:'barlow-condensed',sans-serif; font-size:0.82rem; letter-spacing:0.1em; text-transform:uppercase; border-radius:2px; text-decoration:none; transition:all 0.2s }
.sabout-lang-select { max-width:800px; margin:32px auto 0; padding:0 40px 60px }
.sabout-lang-label { font-family:'barlow-condensed',sans-serif; font-size:0.65rem; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--sal-t3); margin-bottom:12px }
.sabout-lang-grid { display:flex; flex-wrap:wrap; gap:6px }
.sabout-lang-btn { padding:6px 12px; background:var(--sal-surface2); border:1px solid var(--sal-border); border-radius:2px; font-family:'raleway',sans-serif; font-size:0.78rem; color:var(--sal-t2); text-decoration:none; transition:all 0.15s }
.sabout-comparison { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:28px 0 }
.sabout-comp-col { padding:24px; border-radius:3px; border:1px solid var(--sal-border) }
.sabout-comp-col--them { background:var(--sal-surface2) }
.sabout-comp-col--us { background:rgba(200,169,81,.06); border-color:rgba(200,169,81,.3) }
.sabout-comp-label { font-family:'barlow-condensed',sans-serif; font-size:0.65rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:var(--sal-t3); margin-bottom:8px }
.sabout-comp-price { font-family:'oswald',sans-serif; font-size:2rem; font-weight:700; color:var(--sal-t2); margin-bottom:4px }
.sabout-comp-price--free { color:#4a9a3a; font-weight:700 }
.sabout-comp-note { font-family:'raleway',sans-serif; font-size:0.75rem; color:var(--sal-t3); margin-bottom:14px }
.sabout-comp-list { list-style:none; display:flex; flex-direction:column; gap:6px; padding:0; margin:0; color:var(--sal-t2) }
.sabout-comp-list--us { color:var(--sal-t1) }
.sabout-sources-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin:28px 0 }
.sabout-source-card { padding:20px; background:var(--sal-surface2); border:1px solid var(--sal-border); border-radius:3px }
.sabout-source-abbr { font-family:'oswald',sans-serif; font-size:1.1rem; font-weight:700; color:var(--sal-link); margin-bottom:4px }
.sabout-source-name { font-family:'raleway',sans-serif; font-size:0.78rem; font-weight:600; color:var(--sal-t1); margin-bottom:6px; line-height:1.3 }
.sabout-source-count { font-family:'barlow-condensed',sans-serif; font-size:0.9rem; font-weight:700; color:var(--sal-link); margin-bottom:8px }
.sabout-source-desc { font-family:'raleway',sans-serif; font-size:0.75rem; color:var(--sal-t2); line-height:1.6 }
.sabout-error-note { display:flex; align-items:flex-start; gap:14px; padding:20px; background:rgba(201,168,76,0.07); border:1px solid rgba(201,168,76,0.25); border-radius:3px; margin:24px 0; font-family:'raleway',sans-serif; font-size:0.85rem; color:var(--sal-t2); line-height:1.6 }
.sabout-stories { background:var(--sal-surface); padding:60px 40px; border-top:1px solid var(--sal-border) }
.sabout-stories-inner { max-width:1200px; margin:0 auto }
.sabout-section-eyebrow { font-family:'barlow-condensed',sans-serif; font-size:0.65rem; font-weight:700; letter-spacing:0.25em; text-transform:uppercase; color:var(--sal-link); margin-bottom:10px }
.sabout-section-headline { font-family:'merriweather',Georgia,serif; font-size:1.6rem; font-weight:900; color:var(--sal-t1); margin-bottom:28px }
.sabout-stories-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px }
.sabout-story-card { padding:24px; background:var(--sal-card-bg); border:1px solid var(--sal-border); border-radius:3px; transition:all 0.2s; position:relative; display:block; text-decoration:none }
.sabout-story-era { font-family:'barlow-condensed',sans-serif; font-size:0.62rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:var(--sal-link); margin-bottom:8px }
.sabout-story-title { font-family:'merriweather',Georgia,serif; font-size:0.95rem; font-weight:700; color:var(--sal-t1); margin-bottom:6px; line-height:1.3 }
.sabout-story-person { font-family:'raleway',sans-serif; font-size:0.72rem; color:var(--sal-t2); margin-bottom:10px }
.sabout-story-excerpt { font-family:'raleway',sans-serif; font-size:0.78rem; color:var(--sal-t2); line-height:1.6 }
.sabout-story-flag { position:absolute; top:16px; right:16px; width:24px; height:16px; object-fit:cover; border-radius:1px }
@media (max-width:768px) {
  .sabout-comparison, .sabout-sources-grid { grid-template-columns:1fr }
}