:root{--navy:#12354a;--teal:#176779;background:#f4f6f8;color:#172f40}body{line-height:1.6}main{max-width:1500px;margin:auto;padding:32px 40px}.sidebar{width:220px;background:#12354a}.shell{margin-left:220px}.sidebar nav a span{font-size:.92rem}.sidebar small{font-size:.7rem}.topbar{height:65px;padding:0 40px}.demo-banner{padding:10px 40px;background:#edf4f7;color:#234c60;font-size:.875rem;border-bottom:1px solid #d6e2e9}.service-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 25px}.service-intro h1{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:700;letter-spacing:-.035em;line-height:1.18;margin:10px 0 16px}.intro-copy{max-width:620px;font-size:1rem;color:#526873}.eyebrow{font-size:.8rem;letter-spacing:.09em}.bench-context{display:flex;gap:20px;align-items:center;background:#fff8e9;border:1px solid #ebdcb7;border-left:4px solid #b4801c;border-radius:6px;padding:15px 20px;margin-bottom:30px}.bench-context p{margin:0;font-size:.94rem}.context-tag{white-space:nowrap;font-size:.77rem;font-weight:750;letter-spacing:.04em;color:#77520d}.station-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.station-top h2{font-size:1.3rem;margin-top:3px}.station-top h2 span{font-size:.95rem;font-weight:400;margin-left:12px;color:#546878}.connection-label{display:flex;align-items:center;gap:9px;font-size:.9rem}.connection-label button{margin-left:9px;padding:7px 14px}.connection-dot{width:9px;height:9px;border-radius:50%;background:#82929b}.connection-dot.fresh{background:#197357}.observation-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.observation-card{position:relative;background:white;border:1px solid #dce4e8;border-top:3px solid #28728c;border-radius:8px;padding:23px 24px;display:flex;flex-direction:column;min-height:240px}.card-kicker{font-size:.78rem;letter-spacing:.07em;font-weight:700;color:#546878}.observation-card h2{font-size:2rem;line-height:1.2;margin:0 0 13px}.observation-card .freshness-title{font-size:1.6rem}.observation-card p{font-size:.95rem}.observation-foot{font-size:.82rem;color:#5c6f7b;margin-top:auto;padding-top:12px}.unavailable-note{padding:14px 18px;background:#edf1f4;border-radius:6px;margin-top:16px;font-size:.94rem}.information-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;margin-top:26px}.sensor-guide{padding:27px}.section-title{display:flex;align-items:start;justify-content:space-between;gap:15px}.section-title h2{font-size:1.35rem}.subtle-tag{white-space:nowrap;border:1px solid #ccd9df;background:#f7f9fb;border-radius:5px;padding:4px 9px;font-size:.8rem}.sensor-guide>p{color:#536875;font-size:.94rem}.sensor-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;margin-top:28px}.height-scale{height:345px;margin:24px 0 20px 12px;border-left:7px solid #b4c7d1;position:relative}.scale-top,.scale-bottom{position:absolute;left:13px;font-size:.85rem;color:#516979}.scale-top{top:-25px}.scale-bottom{bottom:-25px}.height-point{position:absolute;bottom:var(--height);left:0;transform:translateY(50%);display:grid;grid-template-columns:65px 1fr;column-gap:10px;padding-left:21px;width:100%;font-size:.88rem}.height-point strong{font-size:1rem}.height-tick{position:absolute;left:-11px;top:5px;width:16px;height:16px;border:3px solid #226b85;background:white;border-radius:50%}.height-point em{grid-column:1/-1;font-style:normal;font-size:.8rem;color:#566c78}.guide-explanation h3{font-size:1rem}.guide-explanation p{font-size:.9rem;color:#4d6574}.guide-explanation a{font-size:.9rem;text-decoration:underline}.guidance-stack{display:grid;gap:20px}.helpful-panel{padding:24px}.helpful-panel h2{font-size:1.25rem}.helpful-panel ol{padding-left:21px;margin:13px 0}.helpful-panel li{margin-bottom:12px;font-size:.94rem}.quality-result{font-size:.85rem;padding:12px;background:#eff4f6;border-radius:5px;margin-bottom:0}.official-panel{background:#f7fbfd}.official-panel p{font-size:.94rem}.official-panel a{display:block;margin-top:10px;text-decoration:underline;font-size:.93rem}.explore-strip{display:flex;align-items:center;gap:15px;padding:25px 0;margin-top:9px;border-bottom:1px solid #d3dfe5}.explore-strip>div{flex:1}.explore-strip p{margin:0;color:#546878;font-size:.93rem}.technical-details{background:white;border:1px solid #dce4e8;border-radius:7px;padding:18px 22px;margin-top:24px}.technical-details summary{cursor:pointer;font-weight:650}.technical-details p{font-size:.9rem;margin-top:15px}.technical-details td,.technical-details th{font-size:.9rem}.notice{font-size:.94rem}.page-head p{font-size:1rem}.panel{box-shadow:none}footer{font-size:.875rem}.network-banner{font-size:.95rem}.sidebar nav a:nth-child(3){display:none}@media(max-width:1150px){main{padding:28px 24px}.information-grid{grid-template-columns:1fr}.guidance-stack{grid-template-columns:1fr 1fr}.observation-card{padding:20px}.service-intro>.button{display:none}.explore-strip{flex-wrap:wrap}}@media(max-width:750px){.observation-grid{grid-template-columns:1fr}.observation-card{min-height:0}.station-top{align-items:start;flex-direction:column}.guidance-stack{grid-template-columns:1fr}.sensor-layout{grid-template-columns:1fr}.height-scale{max-width:280px}.bench-context{align-items:start;flex-direction:column;gap:6px}.sensor-guide{padding:20px}.section-title{flex-wrap:wrap}.explore-strip>div{flex-basis:100%}.station-top h2 span{display:block;margin-left:0}.observation-card h2{font-size:1.8rem}}@media(max-width:600px){.sidebar{width:100%;position:sticky}.shell{margin-left:0}main{padding:23px 16px}.sidebar nav a span{font-size:.85rem}.topbar{padding:0 16px}.demo-banner{padding:10px 16px;font-size:.875rem}.service-intro{margin-bottom:18px}.intro-copy{font-size:1rem}.section-title h2{font-size:1.2rem}.explore-strip .button{width:100%}.bench-context{margin-bottom:22px}.sensor-layout{gap:34px}}