/* Piraeus Weather Station ancillary pages - v2.6.3 */
:root{color-scheme:dark;--ink:#f2f9ff;--muted:#d3e6f4;--accent:#7bdbff;--navy:#061b32;--edge:rgba(181,227,255,.32)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Century Gothic','Avenir Next',Avenir,'Trebuchet MS',Arial,sans-serif;background:#061d30;min-height:100vh;line-height:1.62}a{color:#a7eaff}a:focus-visible,button:focus-visible{outline:3px solid #92e0ff;outline-offset:3px}button{font:inherit;cursor:pointer}
.pws-photo{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,18,33,.54),rgba(6,19,35,.55) 42%,rgba(4,16,28,.85)),url('./weather-assets-piraeus-v32/piraeus-marina-without-right-yacht.jpg') center 35%/cover no-repeat}
.pws-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column}
.pws-header{padding:23px 25px;margin:28px 0 28px;display:flex;gap:18px;align-items:flex-start;justify-content:space-between;border:1px solid rgba(224,244,255,.49);border-radius:24px;background:linear-gradient(115deg,rgba(24,49,70,.81),rgba(10,28,46,.72));box-shadow:0 16px 40px rgba(0,0,0,.28);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.pws-identity{display:flex;align-items:flex-start;gap:20px;min-width:0}.pws-anchor{width:89px;height:89px;flex:0 0 89px;color:#fff;display:grid;place-items:center;text-decoration:none;filter:drop-shadow(0 2px 2px #001a2c)}.pws-anchor svg{width:100%;height:100%}.pws-brand-title{display:block;line-height:1.12;font-size:clamp(25px,3.3vw,40px);font-weight:800;color:#fff;text-decoration:none;letter-spacing:.2px;text-shadow:0 2px 3px #00111c}.pws-brand-title:hover{color:#d2f4ff}.pws-brand-place{font-size:15px;color:#ebf5ff;margin:4px 0 0}.pws-brand-copy time{display:block;font-size:14px;font-weight:700;margin:5px 0 0}.pws-history{font-size:13px;font-weight:700;margin:5px 0 10px;color:#d2eaff}.pws-nav{display:flex;gap:8px;flex-wrap:wrap}.pws-nav a{display:inline-flex;justify-content:center;align-items:center;min-height:33px;padding:6px 13px;border:1px solid #61b8e473;border-radius:10px;background:rgba(5,33,60,.73);color:#f2faff;text-decoration:none;font-size:12px;font-weight:700;transition:background .18s,transform .18s}.pws-nav a:hover,.pws-nav a[aria-current=page]{background:rgba(34,117,172,.72);border-color:#8cdbff}.pws-nav a:hover{transform:translateY(-1px)}.pws-back{color:#f0f9ff;white-space:nowrap;text-decoration:none;font-size:13px;font-weight:700;border:1px solid #a5d7f58a;background:#062c4bba;padding:9px 13px;border-radius:10px}.pws-back:hover{background:#0b517a}
.pws-main{flex:1;min-width:0}.pws-card{padding:clamp(19px,3vw,35px);background:rgba(7,29,52,.80);border:1px solid var(--edge);border-radius:22px;box-shadow:0 18px 38px -16px rgba(0,0,0,.78);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);margin-bottom:22px}.pws-kicker{margin:0 0 5px;color:var(--accent);font-weight:800;letter-spacing:.13em;text-transform:uppercase;font-size:12px}.pws-card h1{font-size:clamp(28px,4vw,45px);line-height:1.12;margin:0 0 13px}.pws-card h2{font-size:24px;line-height:1.25;margin:0 0 10px}.pws-card p{color:#e0edfa;margin:10px 0 15px}.pws-lead{font-size:clamp(16px,2vw,19px)}.pws-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pws-cards>.pws-card{margin-bottom:20px}.pws-link,.pws-button{display:inline-flex;align-items:center;gap:9px;border:1px solid #86dcff88;border-radius:11px;padding:9px 16px;background:linear-gradient(150deg,#0e6295,#104166);color:white!important;text-decoration:none;font-weight:700;font-size:13px;min-height:40px}.pws-link:hover,.pws-button:hover{background:#137db7}.pws-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.pws-small{font-size:13px;color:#b6d7ec!important}.pws-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:20px}.pws-fact{padding:13px 15px;background:#061f38bb;border-radius:13px;border:1px solid #78c7ff42}.pws-fact strong{display:block;font-size:19px;line-height:1.35}.pws-fact span{font-size:12px;color:#bfddef}.pws-photo-feature{width:100%;max-height:290px;object-fit:cover;border-radius:17px;margin:11px 0 14px;border:1px solid #b4def35c}.pws-station-placeholder{min-height:160px;border-radius:17px;background:linear-gradient(120deg,#06466b,#0b2a4d);display:grid;place-items:center;color:#b5eaff;text-align:center;padding:20px}.pws-station-placeholder svg{width:72px;height:72px;stroke:currentColor;fill:none;stroke-width:1.4}.pws-camera-box{position:relative;background:#031524;border:1px solid #7acaff70;border-radius:17px;overflow:hidden;min-height:290px;display:grid;place-items:center}.pws-camera-box img{display:block;width:100%;max-height:72vh;object-fit:contain}.pws-camera-box.is-full img{max-height:calc(100vh - 110px)}.pws-camera-box.is-full{min-height:70vh}.pws-camera-placeholder{color:#cfe8f7;padding:55px 15px;text-align:center}.pws-camera-placeholder svg{width:58px;height:58px;margin-bottom:9px;stroke:#77ddff;fill:none;stroke-width:1.4}.pws-status{padding:10px 15px;background:#031d35a6;border:1px solid #7cc9f155;border-radius:12px;display:inline-flex;gap:9px;align-items:center;font-size:13px;color:#ebfaff}.pws-dot{width:8px;height:8px;border-radius:50%;background:#75d8fa}.pws-video{display:block;width:100%;max-height:72vh;border-radius:16px;background:#000}.pws-email{font-size:clamp(19px,3vw,29px);font-weight:800;overflow-wrap:anywhere}.pws-footer{text-align:center;color:#e8f2fb;font-size:12px;padding:15px 10px 32px;text-shadow:0 1px 2px #00101c}.pws-note{border-left:3px solid #69caff;padding:11px 14px;background:#0a2e4ba1;border-radius:0 9px 9px 0}
@media(max-width:780px){.pws-header{flex-wrap:wrap;padding:19px}.pws-back{margin-left:82px}.pws-anchor{height:66px;width:66px;flex-basis:66px}.pws-identity{gap:12px}.pws-cards{grid-template-columns:1fr}.pws-fact-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.pws-shell{width:calc(100% - 20px)}.pws-header{margin:10px 0 17px;padding:14px;border-radius:17px}.pws-back{margin-left:0}.pws-nav a{padding:6px 9px;font-size:11px}.pws-card{border-radius:17px}.pws-fact-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Piraeus v2.6.4: blue with 30% opacity, transparent panels and classic links. */
:root{--accent:#82d8ff;--edge:rgba(168,220,255,.30)}
.pws-photo{background:linear-gradient(180deg,rgba(3,17,33,.69),rgba(3,20,39,.67) 46%,rgba(3,18,35,.83)),url('./weather-assets-piraeus-v32/piraeus-marina-without-right-yacht.jpg') center 35%/cover no-repeat}
.pws-header,.pws-card{background:rgba(9,62,109,.30)!important;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border:1px solid rgba(183,224,255,.38);box-shadow:0 15px 30px -15px rgba(0,0,0,.78);}
.pws-nav{gap:11px 20px;align-items:center;margin-top:7px}
.pws-nav a,.pws-back,.pws-link,.pws-button:is(a),.pws-email{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;min-height:0!important;color:#8fdcff!important;text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important;transform:none!important;font-weight:700}
.pws-nav a:hover,.pws-nav a:focus-visible,.pws-back:hover,.pws-link:hover,.pws-email:hover{color:#d4f5ff!important;background:none!important;text-decoration-thickness:2px!important}
.pws-nav a[aria-current=page]{color:#d3f2ff!important;text-decoration-thickness:2px!important}
.pws-links{gap:10px 22px}
.pws-anchor{position:relative;width:100px;height:96px;flex:0 0 100px;overflow:visible;margin-bottom:36px;align-self:flex-start}
.pws-anchor-svg{display:block;width:100%;height:82px;stroke:currentColor;fill:none;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.pws-anchor-svg circle{fill:currentColor;stroke:none}
.pws-temp-icon{position:absolute;top:91px;left:50%;transform:translateX(-50%);width:38px;height:38px;display:grid;place-items:center;color:#66dcfc;filter:drop-shadow(0 2px 5px #082239)}
.pws-temp-icon svg{display:block;width:38px;height:38px;transform-origin:50% 50%;animation:pws-temp-rotate 24s linear infinite}
.pws-temp-icon.kind-snow{color:#70ccff}.pws-temp-icon.kind-circle{color:#68e6ff}.pws-temp-icon.kind-orange{color:#ffae45}.pws-temp-icon.kind-flame{color:#ff715f}
@keyframes pws-temp-rotate{to{transform:rotate(360deg)}}
.pws-brand-title{color:#fff!important;text-decoration:none!important}
.pws-brand-title:hover{color:#d4f5ff!important}
.pws-fact{background:rgba(13,65,108,.32)}
.pws-status{background:rgba(7,42,72,.39)}
.pws-button:is(button){color:#f6fbff;background:rgba(8,69,118,.73);border:1px solid #83d7ff;box-shadow:0 10px 20px -14px #000}
/* Contact form */
.pws-form{display:grid;gap:16px;max-width:800px;margin-top:21px}
.pws-field{display:flex;flex-direction:column;gap:7px}
.pws-field label{font-size:14px;color:#effaff;font-weight:700}
.pws-field input,.pws-field textarea{width:100%;padding:12px 14px;color:#fff;background:rgba(6,31,58,.60);border:1px solid rgba(166,220,255,.53);border-radius:11px;font:inherit;outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.pws-field input:focus,.pws-field textarea:focus{border-color:#91e2ff;box-shadow:0 0 0 3px rgba(101,208,255,.19)}
.pws-field textarea{resize:vertical;min-height:145px}
.pws-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pws-submit{justify-self:start;padding:11px 23px;border-radius:11px;background:rgba(16,96,160,.84);border:1px solid #98defa;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.pws-submit:hover{background:rgba(28,119,187,.96)}
.pws-form-message{padding:13px 16px;border-radius:10px;border:1px solid #8dd9ff;background:rgba(7,46,80,.57);color:#ebfaff;margin:12px 0}
.pws-form-message.error{border-color:#ffb0ac;background:rgba(111,28,37,.40)}
.pws-form-message.success{border-color:#9ee9c6;background:rgba(24,89,66,.48)}
.pws-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.pws-muted{font-size:13px;color:#d0e7f6}
@media(max-width:650px){.pws-form-grid{grid-template-columns:1fr}.pws-anchor{width:68px;height:70px;flex-basis:68px;margin-bottom:30px}.pws-anchor-svg{height:65px}.pws-temp-icon{top:67px;width:30px;height:30px}.pws-temp-icon svg{width:30px;height:30px}.pws-nav{gap:8px 15px}}
@media(prefers-reduced-motion:reduce){.pws-temp-icon svg{animation:none}}

/* R11: display the COMPLETE Davis station photograph without cropping. */
.pws-photo-feature{
  display:block!important;
  width:100%!important;
  max-width:600px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  aspect-ratio:auto!important;
  margin:20px auto 25px!important;
  border:1px solid rgba(175,225,250,.52);
  border-radius:16px;
  box-shadow:0 16px 23px -16px rgba(0,0,0,.60);
}
/* R11: blue, underlined footer link in the same style as page navigation. */
.pws-footer-links{margin:0 0 10px;display:flex;justify-content:center;gap:20px;align-items:center;flex-wrap:wrap}
.pws-footer-links a{color:#8fdcff!important;font-weight:700;text-decoration:underline!important;text-decoration-thickness:1.5px;text-underline-offset:4px}
.pws-footer-links a:hover,.pws-footer-links a:focus-visible{color:#d4f5ff!important;text-decoration-thickness:2px}