:root{--navy:#071a2f;--blue:#174d84;--ink:#11263c;--muted:#65768a;--line:#dce3eb;--paper:#f5f8fb;--sun:#ffca58}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.hero{color:#fff;min-height:520px;background:linear-gradient(90deg,rgba(4,18,35,.96),rgba(5,24,45,.78) 44%,rgba(6,20,37,.22)),url('malbork-weather-hero.png') center/cover}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:.8rem;line-height:1.05;letter-spacing:.1em}.brand>span{border:1px solid #ffffff62;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:25px;color:var(--sun)}.brand em{font-style:normal;color:var(--sun)}.topbar small{color:#d7e8f8;font-size:.78rem}.topbar small:first-letter{color:#8ce5b2}.hero-in{padding-top:60px;display:grid;grid-template-columns:1fr 430px;gap:74px;align-items:end}.eyebrow{margin:0 0 11px;color:var(--sun);font-size:.71rem;font-weight:850;letter-spacing:.14em}.eyebrow.dark{color:#1d679c}.copy h1{max-width:620px;margin:0;font-size:clamp(2.85rem,5.2vw,4.9rem);line-height:.95;letter-spacing:-.065em}.copy>p:last-child{max-width:570px;color:#dce8f4;line-height:1.55;font-size:1.08rem}.current{padding:24px;border:1px solid #ffffff42;border-radius:20px;background:#081d35bd;backdrop-filter:blur(10px)}.current-top{display:flex;justify-content:space-between;color:#c9d8e8;font-size:.69rem;font-weight:800;letter-spacing:.1em}.current-top time{letter-spacing:0;font-weight:500}.current-body{display:flex;align-items:center;gap:17px;margin:14px 0}.current-body i{font-style:normal;font-size:4.2rem}.current-body strong{display:block;font-size:4.3rem;line-height:.82;letter-spacing:-.09em}.current-body b,.current-body span{display:block;margin-top:8px}.current-body span{color:#cbd9e8;font-size:.88rem;margin-top:4px}.metrics{border-top:1px solid #ffffff35;padding-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;color:#8fa7bf;font-size:.66rem;font-weight:800;letter-spacing:.07em}.metrics b{display:block;margin-top:5px;color:#fff;font-size:.92rem;letter-spacing:0}.main{padding:28px 0 67px}.quick{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:12px}.quick article{min-height:110px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:15px}.quick .main-quick{background:#113d6b;border-color:#113d6b;color:#fff}.quick small{display:block;color:#8091a3;font-size:.65rem;font-weight:850;letter-spacing:.09em}.quick .main-quick small,.quick .main-quick span{color:#bad3eb}.quick b{display:block;margin:9px 0 6px;font-size:1rem}.quick span{color:var(--muted);font-size:.77rem}section:not(.quick){margin-top:58px}.heading{display:flex;justify-content:space-between;align-items:end;gap:17px;margin-bottom:18px}.heading h2,.sensors h2{margin:0;font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1;letter-spacing:-.045em}.heading>small{color:var(--muted);font-size:.8rem}.heading a{color:var(--blue);font-size:.82rem;font-weight:750;text-decoration:none}.hours{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(101px,1fr);gap:10px;overflow:auto;padding-bottom:5px}.hour{padding:14px 12px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center}.hour.now{background:#f2f8ff;border-color:#6d9fd0}.hour time{font-size:.77rem;font-weight:800}.hour i{display:block;margin:9px 0 5px;font-style:normal;font-size:1.65rem}.hour b{display:block;font-size:1.13rem}.hour small{display:block;margin-top:5px;color:var(--blue);font-size:.7rem}.alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.alert{padding:16px 18px;border:1px solid var(--line);border-left:5px solid #397cab;border-radius:12px;background:#fff}.alert.important{border-left-color:#a92f32;background:#fff8f8}.alert.ok{border-left-color:#167551;background:#f7fcf9}.alert span{display:block;color:#49728f;font-size:.66rem;font-weight:850;letter-spacing:.08em}.alert strong{display:block;margin:4px 0 5px}.alert p{margin:0;color:#53687d;font-size:.88rem;line-height:1.45}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.day{min-height:190px;padding:15px 13px;background:#fff;border:1px solid var(--line);border-radius:14px}.day:first-child{background:#f3f8ff;border-color:#709ed0}.day b{font-size:.87rem}.day small{display:block;margin-top:2px;color:var(--muted);font-size:.71rem}.day i{display:block;margin:16px 0 10px;font-style:normal;font-size:1.8rem}.day strong{font-size:1.06rem}.day strong span{margin-left:5px;color:var(--muted);font-size:.82rem;font-weight:600}.day p{margin:11px 0 0;color:#436c8f;font-size:.71rem;line-height:1.65}.sensors{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:25px 27px;border-radius:18px;background:linear-gradient(110deg,#0c2947,#185887);color:#fff}.sensors>i{font-size:2.5rem;font-style:normal;color:var(--sun)}.sensors p:not(.eyebrow){margin:7px 0 0;max-width:700px;color:#d5e6f5;font-size:.88rem;line-height:1.5}.sensors>small{padding:8px 11px;border:1px solid #ffffff56;border-radius:20px;color:#dcefff;font-size:.75rem;white-space:nowrap}footer{border-top:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#68778a;text-align:center;font-size:.77rem}footer b{font-size:.71rem;letter-spacing:.13em;color:#1a3450}footer a{color:inherit}@media(max-width:820px){.hero-in{padding:34px 0 48px;grid-template-columns:1fr;gap:30px}.quick{grid-template-columns:repeat(2,1fr)}.days{display:flex;overflow:auto}.day{min-width:145px}.sensors{grid-template-columns:auto 1fr}.sensors>small{grid-column:2}}@media(max-width:520px){.wrap{width:calc(100% - 30px)}.topbar{height:70px}.topbar small{font-size:.67rem}.hero-in{padding-top:24px}.copy h1{font-size:2.62rem}.copy>p:last-child{font-size:.98rem}.current{padding:19px}.current-body strong{font-size:3.7rem}.quick article{min-height:100px;padding:14px}.quick .main-quick{grid-column:span 2}.heading{align-items:flex-start;flex-direction:column;gap:7px}.hours,.days{margin-right:-15px;padding-right:15px}.sensors{padding:21px 18px}.sensors>small{display:none}.metrics b{font-size:.8rem}}

.made-by{display:flex;justify-content:center;align-items:center;gap:5px;margin:22px 0 0;color:#6a8085;font-size:12px}
.datpol-mark{display:inline-flex;align-items:center;text-decoration:none}
.datpol-logo{display:block;width:auto;height:22px;max-width:112px;object-fit:contain;opacity:.76;filter:grayscale(1) contrast(.9)}
.datpol-mark:hover .datpol-logo,.datpol-mark:focus-visible .datpol-logo{opacity:1;filter:none}