.year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.year-card{border:1.5px solid var(--ink);border-radius:10px 18px 12px 8px;background:var(--paper);box-shadow:4px 5px 0 #dce0d5;padding:24px;display:flex;flex-direction:column;align-items:start;min-height:360px}.year-number{font:76px/1 Brush;width:90px;text-align:center;background:#b5eddb;transform:rotate(-4deg);border-radius:12px;margin-bottom:20px}.year-two .year-number{background:var(--yellow)}.year-three .year-number{background:#ffc1d2}.year-card h2{font:36px Brush;margin:12px 0 6px}.year-card p{font:20px/1.45 Kalam;margin:5px 0 20px}.year-details{font-size:11px;color:#52646b;margin-top:auto;margin-bottom:16px}.year-card button{width:100%;font-size:12px}.year-switch{color:var(--blue);font-size:12px;font-weight:650;white-space:nowrap;text-underline-offset:4px}.year-card .status{white-space:normal}.year-card button:disabled{opacity:.65}
@media(max-width:1200px){.year-grid{grid-template-columns:1fr}.year-card{min-height:260px}.year-number{font-size:60px;width:75px}.year-card p{max-width:600px}.year-card button{width:auto;min-width:220px}.year-card .status{margin-top:5px}}
@media(max-width:760px){.year-card{padding:22px;min-height:280px}.year-switch{font-size:10px}.topbar .calm{display:none}.year-card button{width:100%;min-width:0}.year-card h2{font-size:33px}}