/* Two compact left cards and their calculator share the space beside the map. */
#home .lower-grid{grid-template-areas:"world sun map" "dates dates map";grid-template-rows:min-content min-content;align-content:start}
#home .lower-grid #world{grid-area:world}
#home .lower-grid #sun-moon{grid-area:sun}
#home .lower-grid #weather-map{grid-area:map}
#home .lower-grid #home-date-calculator{grid-area:dates;padding:8px 12px;background:var(--appearance-raised,#ecf1f6)}
#home #home-date-calculator .section-head{margin-bottom:4px;flex-wrap:wrap;gap:5px 12px}
#home #home-date-calculator h2{font-size:15px}
#home #home-date-calculator a{color:var(--blue);font-size:12px;white-space:nowrap}
#home #home-date-calculator a:hover{text-decoration:underline;text-underline-offset:3px}
#home .home-date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;align-items:center;margin:0}
#home .home-date-fields label{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--muted);font-size:12px;line-height:1.3}
#home .home-date-fields input[type=date]{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:32px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:var(--appearance-surface,#fff);color:var(--navy);font:inherit;font-size:14px;line-height:1.3}
#home .home-date-fields input[aria-invalid=true]{border-color:var(--appearance-focus,#b83c37)}
#home .home-date-fields input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#home .home-date-fields .home-date-include{grid-column:1;grid-row:2;flex-direction:row;align-items:center;gap:7px;min-height:24px;width:fit-content;max-width:100%;cursor:pointer}
#home .home-date-include input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:var(--blue);cursor:pointer}
#home .home-date-result{grid-column:2;grid-row:2;justify-self:start;display:flex;flex-direction:column;gap:1px;margin-left:clamp(24px,13%,56px);min-width:0;max-width:100%;line-height:1.2;text-align:left}
#home .home-date-result strong{color:var(--navy);font-size:22px;font-weight:700;line-height:1.1}
#home .home-date-result span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
/* The desktop map follows the two left rows instead of imposing a card height. */
@media(min-width:1025px){#home .lower-grid #weather-map{align-self:stretch;min-height:0}#home .lower-grid #weather-map .map-preview{min-height:0}}
@media(max-width:1024px){#home .lower-grid{grid-template-areas:"world sun" "dates dates" "map map";grid-template-rows:none}}
@media(max-width:700px){#home .home-date-fields input[type=date]{font-size:16px;height:36px}#home .home-date-fields .home-date-include{grid-column:1/-1;grid-row:auto;min-height:44px}#home .home-date-result{grid-column:1/-1;grid-row:auto;justify-self:start;margin-left:0;text-align:left}}
@media(max-width:600px){#home .lower-grid{grid-template-areas:"world" "sun" "dates" "map"}}
@media(max-width:400px){#home .home-date-fields{grid-template-columns:minmax(0,1fr)}}