.hero.home-hero-with-date{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.home-hero-with-date>h1{margin-bottom:0}.home-hero-date{display:grid;justify-items:end;gap:5px;color:#fff;text-align:right}.home-hero-date time{font-size:17px;font-weight:850;text-transform:capitalize}.home-hero-date>span{font-size:13px;font-weight:750;color:#d6ebfa}
.home-hero-weather{display:grid;justify-items:end;gap:2px;margin-top:3px}.home-hero-weather-main{display:flex;align-items:center;gap:6px;font-size:13px}.home-hero-weather-main strong{font-size:17px;color:#fff}.home-hero-weather small{font-size:10px;color:#d6ebfa}.home-hero-weather a{color:inherit;text-decoration:underline;text-underline-offset:2px}.home-hero-weather a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.home-workspace{margin:0 0 20px;padding:24px;border:1px solid #d8e5ef;border-radius:22px;background:linear-gradient(145deg,#fff,#f5faff);box-shadow:0 12px 30px rgba(22,67,104,.08)}
.home-shortcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.home-shortcut-grid--primary{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-shortcut{--shortcut-accent:#216c9f;--shortcut-tint:#e9f5fc;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:168px;padding:17px;border:1px solid color-mix(in srgb,var(--shortcut-accent) 23%,white);border-radius:18px;background:linear-gradient(145deg,#fff 22%,var(--shortcut-tint));box-shadow:0 5px 14px rgba(18,58,88,.06);color:#173a59;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.home-shortcut:hover{transform:translateY(-3px);border-color:var(--shortcut-accent);box-shadow:0 11px 24px rgba(18,58,88,.13)}
.home-shortcut[aria-expanded="true"]{border-color:var(--shortcut-accent);box-shadow:0 9px 22px color-mix(in srgb,var(--shortcut-accent) 16%,transparent)}
.home-shortcut:focus-visible{outline:3px solid var(--shortcut-accent);outline-offset:3px}
.home-shortcut-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:auto;border-radius:16px;background:var(--shortcut-accent);box-shadow:0 6px 14px color-mix(in srgb,var(--shortcut-accent) 25%,transparent);color:#fff}
.home-shortcut-icon svg{width:34px;height:34px}
.home-shortcut strong{display:block;margin:12px 0 2px;font-size:16px;line-height:1.2}
.home-shortcut small{display:block;color:#557087;font-size:12px;line-height:1.35}
.home-shortcut-count{position:absolute;top:17px;right:16px;display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--shortcut-accent) 28%,white);color:var(--shortcut-accent);font-size:13px;font-weight:900}
.home-shortcut--blue{--shortcut-accent:#226fa8;--shortcut-tint:#e9f5ff}
.home-shortcut--violet{--shortcut-accent:#7559b7;--shortcut-tint:#f2edfc}
.home-shortcut--teal{--shortcut-accent:#14818a;--shortcut-tint:#e8f8f7}
.home-shortcut--orange{--shortcut-accent:#d97423;--shortcut-tint:#fff2e6}
.home-shortcut--coral{--shortcut-accent:#b94d4e;--shortcut-tint:#fff0ed}
.home-shortcut--green{--shortcut-accent:#258158;--shortcut-tint:#e9f8ef}
.home-shortcut-panel{margin-top:16px;padding:16px;border:1px solid #d8e5ef;border-radius:18px;background:#fff}
.home-shortcut-panel[hidden]{display:none}
.home-shortcut-panel .home-shortcut{min-height:142px}
.home-activity-details{margin-top:20px}
.home-activity-details>summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:15px 18px;border:1px solid #d8e5ef;border-radius:14px;background:#fff;color:#173a59;font-weight:800;list-style:none}
.home-activity-details>summary::-webkit-details-marker{display:none}
.home-activity-details>summary span{color:#2877a9;font-size:13px;font-weight:700}
.home-activity-details[open]>summary{margin-bottom:14px}
@media(max-width:850px){.home-shortcut-grid--primary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-workspace{padding:16px;border-radius:18px}.home-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-shortcut{min-height:152px;padding:13px;border-radius:15px}.home-shortcut-icon{width:48px;height:48px;border-radius:13px}.home-shortcut-icon svg{width:28px;height:28px}.home-shortcut strong{font-size:14px}.home-shortcut small{font-size:11px}.home-shortcut-count{top:12px;right:12px}.home-shortcut-panel{margin-top:12px;padding:12px}}
@media(max-width:600px){.hero.home-hero-with-date{grid-template-columns:1fr;gap:12px}.home-hero-date{justify-items:start;text-align:left}.home-hero-date time{font-size:14px}.home-hero-date>span{font-size:12px}.home-hero-weather{justify-items:start}.home-hero-weather-main strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.home-shortcut{transition:none}.home-shortcut:hover{transform:none}}
