body{margin:0;font-family:Arial,sans-serif}main{padding:20px}.full-line{border:none;height:1px;background-color:grey;width:100%;margin:20px 0}.no-hay-text{font-size:.9em;color:#b94a48;margin-top:4px}@media screen and (max-width:768px){.no-hay-text{font-size:.8em;color:#d77b78}}.date-format{font-size:.85em;color:#888;font-weight:400}.year-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0}.year-nav button{background:none;border:1px solid #ffffff80;color:#333;cursor:pointer;font-size:18px;line-height:1;padding:2px 8px;border-radius:6px}.year-nav button:hover{background:#f2f2f2}.year-value{font-weight:700;font-size:18px;letter-spacing:.5px}.year-instructions{text-align:center;font-weight:400;margin-bottom:6px}.heading-band{background:#dee2e7;border:1px solid #757678;border-radius:10px;padding:12px 16px;margin:0;text-align:center}.year-instructions{color:#6c757d;font-size:14px;margin:4px 0 6px}