.calendar-hero{display:flex;justify-content:space-between;align-items:center;padding:28px;background:#eaf2ef;border:1px solid #d8e5df;border-radius:12px;gap:20px}.calendar-hero h2{font-size:42px;margin:12px 0}.calendar-hero p,.calendar-note{color:#667873;line-height:1.65}.calendar-controls{display:flex;align-items:end;gap:8px}.calendar-controls label{display:grid;gap:6px}.calendar-controls input{width:130px}.calendar-yearstrip{display:flex;overflow:auto;gap:6px;margin:18px 0}.calendar-yearstrip button{min-width:85px}.calendar-yearstrip small{display:block;margin-top:8px;color:#6a7f75}.calendar-months{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calendar-months button{text-align:left;padding:18px;display:grid;gap:12px;background:#fff}.calendar-months strong{font-size:26px;color:#356e59}.calendar-months small{color:#75817b}.calendar-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.calendar-months .selected,.calendar-tabs .selected,.calendar-yearstrip .selected{background:#e5f0e9;border-color:#36765b;box-shadow:inset 0 0 0 1px #36765b}.calendar-note{font-size:12px}.precision-fields{padding:16px;background:#f0f5f2;border-radius:9px;margin:15px 0}.precision-fields p{font-size:12px;color:#526c60}.date-fields{display:grid;grid-template-columns:2fr 1fr 2fr;gap:12px}@media(max-width:900px){.calendar-hero{align-items:start;flex-direction:column}.calendar-months{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.calendar-months{grid-template-columns:repeat(2,1fr)}.date-fields{grid-template-columns:1fr}}