/* Intro section under the simulator on the home page */
.skip { position: absolute; left: -9999px; top: 0; background: var(--paper); padding: 8px 12px; z-index: 10; }
.skip:focus { left: 8px; top: 8px; }
.intro-wrap { padding-block: 0 24px; }
.intro { border-top: 1px solid var(--line); padding-top: 24px; display: grid; gap: 12px; }
.intro h2 { font-size: 1.4rem; }
.intro h3 { font-size: 1.02rem; margin: 0 0 6px; }
.intro ul { margin: 0; padding-inline-start: 18px; }
.intro-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.intro a { color: var(--accent); }
footer { border-top: 1px solid var(--line); background: var(--paper); }
.foot { max-width: 1240px; margin: 0 auto; padding: 18px 16px; font-size: .8rem; color: var(--muted); display: grid; gap: 6px; }
.foot nav { display: flex; gap: 6px 14px; flex-wrap: wrap; }
.foot a { color: var(--muted); }