/* Přídavný panel zahradních hodin. Všech dvanáct měsíců rezervuje společnou výšku. */
.hm-wrap{padding-bottom:48px}
.hm-panel{display:grid;padding:28px 32px;border:1px solid var(--line);border-radius:var(--r);background:var(--papir);min-width:0}
.hm-month{grid-area:1/1;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:20px 36px;align-content:start;min-block-size:210px;min-width:0}
.hm-month:not(.is-active){visibility:hidden;pointer-events:none}
.hm-title{font-size:clamp(1.35rem,2.1vw,1.8rem);line-height:1.2;margin:0;color:var(--zel-dd);overflow-wrap:anywhere}
.hm-copy{min-width:0}
.hm-text{margin:0;white-space:pre-line;overflow-wrap:anywhere}
/* Krátký původní popisek při průjezdu rokem smí měnit řádky, nikoli polohu hodin. */
.hero:has([data-hodiny-mesice]) .hero-cap{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-content:start}
.hero:has([data-hodiny-mesice]) .hero-cap>b,.hero:has([data-hodiny-mesice]) .hero-cap>span,.hero:has([data-hodiny-mesice]) .hero-cap>a{display:block;inline-size:100%;line-height:24px}
.hero:has([data-hodiny-mesice]) .hero-cap>b{min-block-size:24px}
.hero:has([data-hodiny-mesice]) .hero-cap>span{min-block-size:72px}
.hero:has([data-hodiny-mesice]) .hero-cap>a{min-block-size:24px}
@media(max-width:820px){.hm-panel{padding:24px}.hm-month{grid-template-columns:1fr;gap:14px;min-block-size:330px}.hm-title{font-size:1.55rem}}
@media(max-width:620px){.hm-wrap{padding-bottom:32px}.hm-panel{padding:22px 20px}.hm-month{min-block-size:410px}}
@media(max-width:380px){.hm-month{min-block-size:500px}}
@media(prefers-reduced-motion:no-preference){.hm-month.is-new{animation:hm-switch .3s var(--ease) both}@keyframes hm-switch{from{transform:translateY(4px)}to{transform:none}}}