html { scroll-padding-top: 86px; }
body { overflow-x:hidden; }
main.content { max-width: 1120px; }
#quarto-content { min-height:70vh; }
:focus-visible { outline:3px solid var(--ma-focus); outline-offset:3px; }
.skip-link { position:absolute; left:-9999px; top:auto; }
.skip-link:focus { left:1rem; top:1rem; z-index:9999; background:white; color:#111; padding:.75rem 1rem; }

.ma-hero {
  position:relative; min-height:min(820px,88vh); display:grid; align-items:end; overflow:hidden;
  margin-top:-1px; border-radius:0 0 28px 28px; background:#0c1d27; color:white;
}
.ma-hero__bg { position:absolute; inset:0; background:url('..\..assets/img/hero/hero-glacier.svg') center/cover no-repeat; animation:ma-kenburns 18s linear infinite alternate; }
.ma-hero__veil { position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,18,26,.88) 0%,rgba(6,18,26,.62) 49%,rgba(6,18,26,.16) 100%),linear-gradient(0deg,rgba(6,18,26,.92),transparent 58%); }
.ma-hero__content { position:relative; z-index:2; width:min(1320px,calc(100% - 2rem)); margin:0 auto; padding:clamp(6rem,14vh,10rem) 0 clamp(3rem,8vh,6rem); }
.ma-hero h1 { color:white; font-size:clamp(3.3rem,8.5vw,7.8rem); line-height:.88; max-width:10ch; margin:.25rem 0 1.2rem; letter-spacing:-.065em; text-wrap:balance; }
.ma-hero__lead { max-width:720px; font-size:clamp(1.08rem,2.1vw,1.45rem); line-height:1.55; color:#e6f2f5; }
.ma-hero__actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.7rem; }
.ma-btn { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:44px; padding:.72rem 1rem; border-radius:999px; font-weight:750; text-decoration:none; transition:transform .2s,background .2s; }
.ma-btn:hover { transform:translateY(-2px); }
.ma-btn--primary { background:#fff; color:#0c5267; }
.ma-btn--ghost { border:1px solid rgba(255,255,255,.65); color:white; background:rgba(255,255,255,.08); }
.ma-scroll-cue { position:absolute; right:clamp(1rem,5vw,4rem); bottom:2rem; width:44px; height:44px; border:1px solid rgba(255,255,255,.5); border-radius:50%; display:grid; place-items:center; animation:ma-float 2.5s ease-in-out infinite; }

.ma-section-wide { width:min(1320px,calc(100vw - 2rem)); margin-left:50%; transform:translateX(-50%); }
.ma-section { padding:clamp(3.8rem,8vw,7rem) 0; }
.ma-section--tint { background:var(--ma-firn); position:relative; }
.ma-section--dark { background:var(--ma-soot-900); color:white; }
.ma-section--dark h2,.ma-section--dark h3 { color:white; }
.ma-section-header { max-width:760px; margin-bottom:2rem; }
.ma-section-header h2 { font-size:clamp(2.2rem,5vw,4rem); line-height:1; }
.ma-lede { font-size:1.18rem; color:var(--ma-soot-700); max-width:70ch; }
.ma-section--dark .ma-lede { color:#cbd5db; }

.ma-hero-mini { padding:clamp(3rem,7vw,6rem) 0 2rem; border-bottom:1px solid var(--ma-rime); }
.ma-hero-mini h1 { font-size:clamp(2.7rem,7vw,5.8rem); line-height:.95; max-width:15ch; }
.ma-page-meta { display:flex; flex-wrap:wrap; gap:.6rem; margin:1rem 0; }

#ma-reading-progress { position:fixed; left:0; top:0; height:3px; width:0; z-index:9999; background:linear-gradient(90deg,var(--ma-glow-500),var(--ma-melt-500)); }
#ma-elevation-spine { position:fixed; left:8px; top:100px; bottom:40px; width:62px; z-index:100; pointer-events:none; opacity:.88; }
#ma-elevation-spine svg { width:100%; height:100%; overflow:visible; }
@media(max-width:1199px){ #ma-elevation-spine{display:none} }

.ma-two-col { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:clamp(1.5rem,5vw,4rem); align-items:start; }
.ma-data-strip { display:flex; flex-wrap:wrap; gap:1px; background:var(--ma-rime); border:1px solid var(--ma-rime); border-radius:var(--ma-radius-md); overflow:hidden; }
.ma-data-strip > div { flex:1 1 160px; padding:1rem; background:var(--ma-snow); }
.ma-data-strip strong { display:block; font-size:1.5rem; font-variant-numeric:tabular-nums; }
.ma-data-strip span { font-size:.8rem; color:var(--ma-soot-500); }

.ma-chain { display:grid; grid-template-columns:repeat(5,1fr); gap:.75rem; align-items:stretch; }
.ma-chain__node { position:relative; padding:1rem; border-radius:var(--ma-radius-md); border:1px solid var(--ma-rime); background:var(--ma-snow); }
.ma-chain__node:not(:last-child)::after { content:'→'; position:absolute; right:-.62rem; top:50%; transform:translateY(-50%); color:var(--ma-melt-600); font-weight:900; z-index:2; }

.quarto-title-banner { background:linear-gradient(115deg,#0a5d74,#0e7c99 55%,#1596b8); }
.quarto-title-banner .title,.quarto-title-banner .subtitle { color:white; }
.nav-footer { font-size:.82rem; }

@media(max-width:900px){ .ma-two-col{grid-template-columns:1fr}.ma-chain{grid-template-columns:1fr}.ma-chain__node:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-.72rem;transform:translateX(-50%)} }
@media(max-width:640px){ .ma-hero{min-height:760px}.ma-hero__veil{background:linear-gradient(0deg,rgba(6,18,26,.94),rgba(6,18,26,.38))}.ma-scroll-cue{display:none}.ma-section-wide{width:calc(100vw - 1rem)} }