:root{--paper:#f6f3eb;--green:#123d36;--ink:#17231f;--gold:#b8833e}.milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.milestone{display:flex;align-items:center;flex-direction:column;text-align:center;padding:23px 17px;background:#f0f0e9;border:1px solid #dce1d6;border-radius:12px;color:#7d887a;gap:8px}.milestone span{font-size:38px;font-family:serif;line-height:1.1}.milestone.earned{background:linear-gradient(130deg,#fff9e9,#f3e7cd);border-color:#c9ad76;color:#795823}.milestone small{font-size:11px}.journal-timeline{margin-top:20px}.journal-timeline .card{border-left:3px solid #b8833e}.exhibit{max-width:900px;margin:auto;padding:65px 30px}.exhibit header{background:#123d36;color:#fffefa;padding:45px 36px;border-radius:20px}.exhibit header h1{font-family:'Songti SC',serif;font-size:38px;margin-bottom:18px}.exhibit header p{color:#d4dfce}.exhibit header .demo-badge{margin-top:20px}.support-list .card{margin-top:15px}.nav button{padding:11px 14px}.hero aside .btn{font-size:12px;align-self:flex-start}.journal-timeline h3{margin-top:10px}.exhibit .media img{width:180px;height:160px}@media(max-width:700px){.milestones{gap:8px}.milestone{padding:17px 7px}.milestone strong{font-size:12px}.milestone small{font-size:10px}.exhibit{padding:25px 16px}.exhibit header{padding:30px 23px}.exhibit header h1{font-size:29px}.hero .actions{gap:8px}.hero .actions .btn{font-size:12px}.nav button{padding:7px 2px}.hero aside .btn{grid-column:1/-1;max-width:170px}}
