.cal-page{--cal-ink:#203c46;--cal-brand:#395f6c;--cal-line:#dce5e6;--cal-soft:#f3f7f6;padding-block:28px 64px;color:var(--cal-ink)}
.cal-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.85rem;color:#596b71;margin-bottom:28px}.cal-page a{color:var(--cal-brand)}
.cal-hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:50px;align-items:center;padding:38px 42px;background:var(--cal-soft);border-radius:24px;margin-bottom:32px;border:1px solid var(--cal-line)}
.cal-eyebrow{color:#668077;font-size:.8rem;font-weight:700;letter-spacing:.015em}.cal-hero h1,.cal-day-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.5;margin:10px 0}.cal-hero p{max-width:580px;line-height:2}.cal-hero-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:22px}
.cal-page .cal-button{background:var(--cal-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:0;border-radius:12px;font:inherit;font-size:.9rem;cursor:pointer;text-decoration:none}.cal-button:disabled{opacity:.65;cursor:wait}
.cal-today{display:flex;flex-direction:column;gap:12px;padding:24px;background:white;border:1px solid var(--cal-line);border-radius:18px;box-shadow:0 12px 24px #203c4608;text-decoration:none}.cal-today>span{font-size:.8rem;color:#68777d}.cal-today strong{font-size:1.5rem}.cal-today time{align-self:flex-start;letter-spacing:.09em;font-size:.9rem}
.cal-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.cal-card{border:1px solid var(--cal-line);border-radius:20px;background:white;padding:24px}.cal-card h2,.cal-occasions h2{font-size:1.2rem;margin:0 0 14px}.cal-card p{line-height:1.9}.cal-sidebar{display:grid;gap:20px}.cal-section-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.cal-section-heading h2{margin:0}.cal-tag{font-size:.76rem;padding:5px 10px;border-radius:30px;background:#edf3ef;color:#48705a;white-space:nowrap}
.cal-month-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.cal-month-bar h2{margin:0}.cal-month-bar nav{display:flex;align-items:center;gap:2px}.cal-month-bar a{min-height:44px;min-width:44px;display:grid;place-items:center;border-radius:10px;text-decoration:none;font-size:1.1rem}.cal-month-bar a:hover{background:var(--cal-soft)}
.cal-period{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin-block:22px}.cal-page label{display:flex;flex-direction:column;gap:7px;font-size:.85rem;min-width:0}.cal-page input,.cal-page select{width:100%;min-width:0;border:1px solid #cbd7db;border-radius:10px;padding:10px 12px;min-height:46px;background:white;color:var(--cal-ink);font:inherit}.cal-page input[type=number]{direction:ltr}
.cal-weekdays,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal-weekdays{font-size:.73rem;color:#60777e;text-align:center;margin-bottom:8px}.cal-weekdays span{padding-block:9px}.cal-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:76px;border:1px solid transparent;border-radius:12px;text-decoration:none;background:#f8faf9}.cal-day:hover{background:#edf3ef;border-color:#a6bdbe}.cal-number{font-size:1.15rem;font-weight:600}.cal-day small{font-size:.65rem;color:#71818a}.cal-day.is-friday{color:#a35152;background:#fff8f6}.cal-day.is-today{background:var(--cal-brand);color:white}.cal-day.is-today small{color:#d6e2e5}.cal-dot{display:inline-block;width:5px;height:5px;background:#b88d42;border-radius:50%}.cal-day .cal-dot{position:absolute;bottom:6px}.cal-hint{font-size:.8rem;color:#667a80;line-height:1.9;margin-top:18px}.cal-hint .cal-dot{margin-inline-end:5px}
.cal-occasions{margin-top:32px}.cal-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cal-event{border:1px solid var(--cal-line);border-radius:16px;padding:22px;height:100%;overflow-wrap:anywhere}.cal-event h3{font-size:1.1rem;margin-block:15px 10px;line-height:1.8}.cal-event p{font-size:.9rem;line-height:2;color:#566d76}.cal-event details{font-size:.8rem;margin-top:18px}.cal-event summary{cursor:pointer;min-height:36px}.cal-sources{padding-inline-start:20px}.cal-sources li{margin-bottom:10px}.cal-event-day{display:inline-block;font-size:.8rem;margin:12px 4px 20px}.cal-empty{border:1px dashed #bdced0;border-radius:16px;padding:30px;text-align:center;background:#f9fbfa}.cal-empty h3{font-size:1.05rem}.cal-empty p{color:#687d85;line-height:2}
.cal-day-hero{margin-block:32px}.cal-date-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.cal-date-trio>div{padding:24px;border:1px solid var(--cal-line);border-radius:16px;background:var(--cal-soft)}.cal-date-trio dt{color:#607880;font-size:.85rem;margin-bottom:12px}.cal-date-trio dd{font-size:1.2rem;margin:0;font-weight:600;overflow-wrap:anywhere}.cal-notice{padding:18px;border-inline-start:3px solid #b58a43;background:#fff9ed;border-radius:10px;font-size:.85rem;line-height:2;overflow-wrap:anywhere}.cal-day-navigation{display:flex;justify-content:space-between;gap:12px;margin-block:24px}.cal-day-navigation a{min-height:44px;display:flex;align-items:center}.cal-personal{margin-top:0}.cal-page>.cal-personal{margin-top:28px}.cal-personal-list{list-style:none;padding:0;display:grid;gap:8px}.cal-personal-list li{display:flex;gap:15px;font-size:.85rem;align-items:start;line-height:1.8}.cal-personal-list time{white-space:nowrap;color:#6b7c84;font-size:.75rem}
.cal-converter{max-width:1100px}.cal-conversion-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:14px;align-items:end}.cal-result{padding-top:14px;margin-top:22px;border-top:1px solid var(--cal-line)}.cal-error{padding:16px;background:#fff0ee;border-radius:10px;color:#943e37;line-height:1.9}.cal-difference{margin-top:24px}.cal-difference-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.cal-distance-result{font-size:1.5rem;font-weight:700}.cal-page a:focus-visible,.cal-page button:focus-visible,.cal-page input:focus-visible,.cal-page select:focus-visible,.cal-page summary:focus-visible{outline:3px solid #b58940;outline-offset:3px}
@media(max-width:1023px){.cal-layout{grid-template-columns:minmax(0,1fr) 270px}.cal-card{padding:20px}.cal-hero{padding:30px;gap:24px;grid-template-columns:minmax(0,1fr) 250px}.cal-events{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-conversion-form{grid-template-columns:repeat(3,minmax(0,1fr))}.cal-conversion-form>label:first-child{grid-column:1/-1}.cal-conversion-form>button{grid-column:1/-1}}
@media(max-width:767px){.cal-page{padding-block:18px 40px}.cal-hero{grid-template-columns:1fr;padding:24px;gap:20px;border-radius:18px}.cal-hero p{font-size:.9rem}.cal-today{padding:18px;gap:8px}.cal-today strong{font-size:1.3rem}.cal-layout{grid-template-columns:1fr}.cal-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cal-card{padding:20px}.cal-events{grid-template-columns:1fr}.cal-weekdays{font-size:.65rem}.cal-date-trio{grid-template-columns:1fr}.cal-date-trio>div{padding:18px}.cal-date-trio dd{font-size:1.15rem}.cal-difference-form{grid-template-columns:1fr}.cal-day-hero{margin-block:24px}.cal-day-navigation{font-size:.85rem}}
@media(max-width:480px){.cal-sidebar{grid-template-columns:1fr}.cal-card{padding:16px;border-radius:16px}.cal-grid,.cal-weekdays{gap:3px}.cal-day{min-height:62px;border-radius:9px}.cal-number{font-size:1rem}.cal-day small{font-size:.6rem}.cal-weekdays{font-size:.57rem}.cal-period{grid-template-columns:2fr 1fr 1fr;gap:8px}.cal-period button{grid-column:1/-1}.cal-period input,.cal-period select{padding-inline:8px}.cal-hero-links{gap:16px;font-size:.85rem}.cal-conversion-form{gap:10px}.cal-conversion-form input{padding-inline:8px}.cal-hero{padding:20px}.cal-personal-list li{flex-direction:column;gap:2px}}
.world-clock-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:end}.world-clock-form label{display:grid;gap:8px;min-width:0}.world-clock-form input,.world-clock-form select{width:100%;min-width:0;min-height:48px;font:inherit;padding:10px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--brand)}.world-clock-form input[type=datetime-local]{direction:ltr}.world-clock-form button{min-height:48px}.world-clock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px}.world-clock-grid .cal-card{margin:0;min-width:0}.world-clock-grid h3{font-size:20px}.world-clock-grid time{display:block;font-size:20px;overflow-wrap:anywhere}.world-clock-grid p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.world-clock-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.world-clock-result dd{margin:8px 0;overflow-wrap:anywhere}.world-clock-result dd span{display:block;font-size:14px}@media(max-width:600px){.world-clock-form,.world-clock-result{grid-template-columns:1fr}.world-clock-grid{gap:16px}}