.retro-document { padding-top:0!important; }
.retro-site-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding:30px max(24px,calc((100% - 1136px)/2)); border-bottom:3px solid #97d700; background:white; }
.retro-site-header img { display:block; width:280px; height:auto; max-width:100%; background:none!important; }
.retro-site-header nav { display:flex; flex-wrap:wrap; gap:12px 24px; }
.retro-site-header nav a { font-family:Inter,system-ui,sans-serif!important; color:#013a73!important; font-size:.95rem; text-decoration:none; padding:8px 0; }
.retro-page { --retro-navy:#071624; --retro-blue:#013a73; --retro-lime:#97d700; max-width:1200px!important; margin:0 auto!important; padding:64px 32px!important; color:#243744; }
.retro-page,.retro-page * { box-sizing:border-box; }
.retro-page p { line-height:1.65; }
.retro-page h1,.retro-page h2,.retro-page h3 { color:var(--retro-navy)!important; font-family:Inter,system-ui,sans-serif!important; letter-spacing:-.025em; }
.retro-page h1 { font-size:clamp(2.6rem,6vw,4.7rem); line-height:1.06; margin:18px 0 24px; }
.retro-page h2 { font-size:clamp(1.8rem,3.8vw,2.7rem); line-height:1.2; margin:12px 0 22px; }
.retro-page h3 { font-size:1.25rem; line-height:1.4; margin:10px 0 14px; }
.retro-page a { color:var(--retro-blue)!important; text-underline-offset:.25em; }
.retro-page a:focus-visible { outline:3px solid #527600; outline-offset:5px; }
.retro-intro { max-width:850px; }
.retro-deck { font-size:1.3rem; }
.retro-page .retro-label { color:#536c32; font-size:.85rem; letter-spacing:.055em; text-transform:uppercase; font-weight:650; }
.retro-jumps { display:flex; flex-wrap:wrap; gap:16px 26px; margin:28px 0 40px; }
.retro-jumps a { display:inline-flex; align-items:center; min-height:44px; font-weight:650; }
.retro-timelines { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin:30px 0 64px; padding:0!important; }
.retro-timelines figure { margin:0; min-width:0; }
.retro-timelines img { width:100%; height:auto; border-radius:8px; display:block; }
.retro-timelines figcaption { font-size:.9rem; padding:14px 0; color:#4b6170; }
.retro-section { border-top:1px solid #bdcbce; padding-top:42px; margin-top:54px; scroll-margin-top:35px; }
.retro-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin:30px 0; }
.retro-project { padding:26px; background:#fff; border:1px solid #d6e0df; border-top:3px solid var(--retro-lime); border-radius:4px; }
.retro-project p { margin:0; }
.retro-links { display:flex; gap:12px 22px; flex-wrap:wrap; margin-top:22px; }
.retro-links a { min-height:44px; display:inline-flex; align-items:center; }
.retro-note { font-size:.9rem; color:#526571; }
.retro-articles { list-style:none; margin:28px 0!important; padding:0!important; }
.retro-article { padding:26px 0; margin:0!important; border-bottom:1px solid #d6e0df; }
.retro-article h3 { max-width:850px; }
.retro-article p { margin:8px 0; }
.retro-archive { font-size:.9rem; color:#6c5433; }
.retro-invite { font-size:1.1rem; margin-top:30px; }
.retro-download { display:inline-flex; padding:14px 20px; background:var(--retro-lime); color:var(--retro-navy)!important; border-radius:3px; font-weight:700; }
@media(max-width:650px) { .retro-page { padding:40px 22px!important; } .retro-timelines,.retro-projects { grid-template-columns:1fr; } .retro-timelines { gap:30px; } .retro-project { padding:22px; } }