.wk-page{max-width:1100px;margin:0 auto;padding:0 16px 40px}.wk-page .page-breadcrumb{max-width:none;margin:0}.wk-loading{text-align:center;padding:80px 20px;color:var(--subtle)}.wk-spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid var(--greek-foam);border-top-color:var(--greek-blue);border-radius:50%;animation:wk-spin 0.8s linear infinite}@keyframes wk-spin{to{transform:rotate(360deg)}}.wk-header{margin-bottom:16px}.wk-header h1{font-family:'IBM Plex Sans',sans-serif;font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:4px}.wk-subtitle{font-size:.9rem;color:var(--subtle)}.wk-summary{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#f0f7ff 0%,#ffffff 100%);border:1px solid var(--greek-foam);border-left:4px solid var(--greek-blue);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px;box-shadow:var(--shadow)}.wk-summary-icon{font-size:2.2rem;line-height:1;flex-shrink:0}.wk-summary-text{font-size:.95rem;line-height:1.65;color:var(--text)}.wk-temp-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.wk-temp-card{background:#fff;border-radius:var(--radius);padding:16px 12px;text-align:center;box-shadow:var(--shadow)}.wk-temp-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--subtle);font-weight:600;margin-bottom:6px}.wk-temp-val{font-size:1.5rem;font-weight:700}.wk-temp-hi .wk-temp-val{color:#d84315}.wk-temp-lo .wk-temp-val{color:#1565c0}.wk-temp-rain .wk-temp-val{color:#2196F3}.wk-days{display:flex;flex-direction:column;gap:10px}.wk-day{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow 0.2s}.wk-day:hover{box-shadow:var(--shadow-lg)}.wk-day.wk-day--today{border-left:4px solid var(--greek-blue)}.wk-day-main{display:grid;grid-template-columns:90px 50px 1fr 70px 60px 50px 36px;align-items:center;padding:14px 16px;cursor:pointer;user-select:none;transition:background var(--transition)}.wk-day-main:hover{background:#f8fafb}.wk-day-main:focus-visible{outline:2px solid var(--greek-blue);outline-offset:-2px}.wk-day-name{font-weight:600;font-size:.9rem;color:var(--text)}.wk-day--today .wk-day-name{color:var(--greek-blue)}.wk-day-date{display:block;font-size:.72rem;color:var(--subtle);font-weight:400;margin-top:1px}.wk-day-icon{font-size:1.6rem;text-align:center}.wk-day-desc{font-size:.85rem;color:var(--subtle)}.wk-day-temps{display:flex;align-items:center;gap:6px;justify-content:flex-end}.wk-day-hi{font-size:1.05rem;font-weight:700;color:var(--text)}.wk-day-lo{font-size:.9rem;color:var(--subtle)}.wk-day-rain{font-size:.82rem;color:#2196F3;text-align:right;font-weight:500}.wk-day-chevron{text-align:center;color:var(--subtle);font-size:.8rem;transition:transform 0.25s ease}.wk-day.expanded .wk-day-chevron{transform:rotate(180deg)}.wk-temp-bar-wrap{grid-column:1 / -1;padding:0 16px 10px}.wk-temp-bar{height:6px;border-radius:3px;background:linear-gradient(90deg,#1565c0,#42a5f5,#ffb74d,#ef5350);position:relative;opacity:.25}.wk-temp-range{position:absolute;height:100%;border-radius:3px;background:linear-gradient(90deg,#42a5f5,#ffb74d);opacity:1}.wk-day-detail{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;background:#f8fafb;border-top:1px solid #eef2f7}.wk-day.expanded .wk-day-detail{max-height:250px;padding:14px 16px 18px}.wk-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px}.wk-detail-item{display:flex;flex-direction:column;gap:2px}.wk-detail-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;color:var(--subtle);font-weight:600}.wk-detail-value{font-size:.88rem;color:var(--text);font-weight:500}.wk-update{text-align:center;margin-top:16px;font-size:.78rem;color:var(--subtle)}@media (max-width:700px){.wk-page{padding:0 10px 32px}.wk-header h1{font-size:1.3rem}.wk-day-main{grid-template-columns:75px 42px 1fr 60px 36px}.wk-day-desc,.wk-day-rain{display:none}.wk-detail-grid{grid-template-columns:repeat(2,1fr)}.wk-temp-overview{grid-template-columns:repeat(3,1fr);gap:8px}.wk-temp-val{font-size:1.2rem}}@media (max-width:420px){.wk-summary{flex-direction:column;gap:10px}.wk-temp-card{padding:12px 8px}}