body{margin:0;font-family:'Segoe UI',Arial,sans-serif;background:#f8fafc;color:#222;font-size:16px;line-height:1.6}header{background:#f5f8fd;box-shadow:0 2px 8px rgba(25,118,210,.07);padding:0;position:sticky;top:0;z-index:100}.main-nav{background:#1565c0;padding:.3em 0;box-shadow:0 2px 8px rgba(25,118,210,.1);border-radius:0 0 8px 8px;margin-bottom:.5em}.nav-container{position:relative;max-width:1200px;margin:0 auto;padding:0 .5rem}.mobile-menu-toggle{display:block;background:0 0;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;margin:0 auto;width:100%;text-align:center}.mobile-menu-toggle span{display:block;width:25px;height:3px;background-color:#fff;margin:5px auto;transition:.3s;border-radius:2px}.mobile-menu-toggle.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-menu{list-style:none;margin:0;padding:0;display:none;flex-direction:column;gap:.2em;background:#1565c0;border-radius:0 0 8px 8px;margin-top:.5em}.nav-menu.active{display:flex}.nav-menu li{display:block;width:100%}.nav-menu a{color:#fff;text-decoration:none;font-weight:600;font-size:.9em;padding:.8em 1em;border-radius:0;transition:background .2s,color .2s;display:block;width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.nav-menu a:focus,.nav-menu a:hover{background:#1976d2;color:#fffde7;outline:0}.nav-menu a:last-child{border-bottom:none}main{padding:.5rem;max-width:100%;margin:0 auto}.storm-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(25,118,210,.1);padding:.8rem;margin-bottom:.8rem;transition:box-shadow .2s,transform .2s;position:relative;border-left:6px solid #1976d2}.storm-card:hover{box-shadow:0 4px 16px rgba(25,118,210,.15);transform:translateY(-1px)}.storm-card.g1{background:#f9fbe7;border-color:#cddc39}.storm-card.g2{background:#fffde7;border-color:#ffeb3b}.storm-card.g3{background:#fff3e0;border-color:#ff9800}.storm-card.g4{background:#ffebee;border-color:#f44336}.storm-card.g5{background:#fbe9e7;border-color:#b71c1c}h1,h2,h3{margin-top:0;line-height:1.3}h2{font-size:1.4rem;margin-bottom:1rem;color:#1976d2}h3{font-size:1.2rem;margin-bottom:.8rem;color:#333}p{margin-bottom:1rem;line-height:1.6}.storm-badge{font-size:.9em;padding:.25em .6em;border-radius:1em;font-weight:700;margin-bottom:.5em;margin-right:.5em;letter-spacing:.02em}.storm-detail-row{font-size:.95em;font-weight:600;color:#222;margin-bottom:.3em}.storm-metrics{background:#f8f9fa;padding:.6em;border-radius:6px;border-left:3px solid #1976d2;margin-bottom:.5em;font-size:.9em;line-height:1.4}.storm-metrics b{color:#1976d2}.storm-causes{background:#fff3e0;padding:.6em;border-radius:6px;border-left:3px solid #ff9800;margin-bottom:.5em;font-size:.9em;line-height:1.4}.cause-section{margin-bottom:.8em;padding:.5em;background:rgba(255,255,255,.5);border-radius:4px;border-left:2px solid #ff9800}.cause-section:last-child{margin-bottom:0}.cause-section b{color:#e65100;font-weight:700;display:inline-block;margin-bottom:.2em}.cause-section strong{color:#d84315;font-weight:700}.cause-section a{color:#1976d2;text-decoration:none;font-weight:700;transition:color .2s}.cause-section a:hover{color:#1565c0;text-decoration:underline}.cause-section br{margin-bottom:.3em}.storm-description{font-size:.95em;color:#444;margin-top:0;line-height:1.5}.storm-bar-chart{display:flex;align-items:flex-end;gap:.2em;margin:.5em 0 .3em 0;height:1.8em}.storm-bar{flex:1;min-width:.4em;background:#1976d2;border-radius:2px 2px 0 0;position:relative;transition:background .2s}.storm-bar.low{background:#cddc39}.storm-bar.g1{background:#cddc39}.storm-bar.g2{background:#ffeb3b}.storm-bar.g3{background:#ff9800}.storm-bar.g4{background:#f44336}.storm-bar.g5{background:#b71c1c}.storm-bar-label{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:.75em;color:#222;white-space:nowrap}.storm-bar-date{font-size:.65em;color:#555;text-align:center;margin-top:.1em}.storm-card-header{display:flex;align-items:center;gap:.5em;margin-bottom:.5em;justify-content:space-between;flex-wrap:wrap}.storm-card-header-left{display:flex;align-items:center;gap:.3em;flex-wrap:wrap}.storm-card-title{font-size:1em;font-weight:600;margin:0;color:#1976d2}.storm-icons{display:inline-flex;align-items:center;font-size:1.1em;margin-left:.1em;vertical-align:middle}footer{text-align:center;padding:1rem .5rem;background:#e3eaf2;color:#1976d2;font-size:.9rem;margin-top:2rem}footer a{color:#1976d2;text-decoration:none}footer a:hover{text-decoration:underline}.info-section{margin-bottom:2rem;padding:1rem 0}.info-section ul{padding-left:1.5rem;margin-bottom:1rem}.info-section li{margin-bottom:.5rem}@media (min-width:768px){main{padding:1rem;max-width:700px}.storm-card{padding:1.2rem;border-left:8px solid #1976d2}.main-nav{padding:.4em 0}.main-nav ul{gap:.5em;padding:0 1em}.main-nav a{font-size:.95em;padding:.3em .5em}h2{font-size:1.6rem}h3{font-size:1.3rem}.storm-badge{font-size:1em;padding:.3em .8em}.storm-detail-row{font-size:1em}.storm-metrics{font-size:.95em;padding:.8em}.storm-causes{font-size:.95em;padding:.8em}.storm-description{font-size:1em}.mobile-menu-toggle{display:none}.nav-menu{display:flex!important;flex-direction:row;justify-content:center;gap:.5em;background:0 0;margin-top:0;border-radius:0}.nav-menu li{width:auto}.nav-menu a{padding:.3em .5em;border-bottom:none;border-radius:4px;width:auto;min-height:2.2em;display:flex;align-items:center;justify-content:center;white-space:nowrap}.kp-effects{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.kp-levels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.kp-scale{padding:2rem}.effect-category{padding:1.8rem}.kp-main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.kp-left-column{gap:2rem}.kp-intro-content{flex-direction:row;align-items:center;gap:2rem}.kp-intro-highlight{flex-direction:row;flex-wrap:wrap;gap:1rem}.highlight-item{flex:1;min-width:120px}.calculation-steps{display:grid;grid-template-columns:1fr;gap:1rem}.science-process{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.history-applications{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media (min-width:1024px){main{max-width:800px;padding:1.5rem}.storm-card{padding:1.5rem;border-left:10px solid #1976d2}.main-nav ul{gap:1em}.main-nav a{font-size:1em;padding:.4em .7em}h2{font-size:1.8rem}h3{font-size:1.4rem}.storm-badge{font-size:1.1em;padding:.4em 1em}.storm-detail-row{font-size:1.05em}.storm-metrics{font-size:1em;padding:1em}.storm-causes{font-size:1em;padding:1em}.storm-description{font-size:1.05em}.storm-bar-chart{height:2.2em;gap:.3em}.storm-bar-label{font-size:.8em}.storm-bar-date{font-size:.7em}.nav-menu{gap:1em}.nav-menu a{font-size:1em;padding:.4em .7em}.kp-effects{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem}.kp-levels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.kp-scale{padding:2rem}.effect-category{padding:1.5rem}.kp-intro{padding:1.5rem}.kp-main-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.kp-intro-content{flex-direction:row;align-items:center;gap:3rem}.kp-intro-highlight{flex-direction:row;gap:1.5rem}.highlight-item{flex:1;min-width:140px}.calculation-steps{display:grid;grid-template-columns:1fr;gap:1.2rem}.science-process{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.history-applications{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.2rem}.effect-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media (min-width:1200px){main{max-width:900px}.storm-card:hover{transform:translateY(-2px) scale(1.01)}}.kp-intro{background:linear-gradient(135deg,#e3f2fd 0,#f3e5f5 100%);padding:1.5rem;border-radius:12px;margin-bottom:2rem;border-left:6px solid #1976d2;box-shadow:0 4px 12px rgba(25,118,210,.15)}.kp-intro-content{display:flex;flex-direction:column;gap:1.5rem}.kp-intro-text p{margin:0;font-size:1.1rem;line-height:1.7;color:#2c3e50}.kp-intro-highlight{display:flex;flex-direction:column;gap:.8rem}.highlight-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:rgba(255,255,255,.7);border-radius:8px;border-left:3px solid #1976d2}.highlight-icon{font-size:1.5rem;min-width:2rem;text-align:center}.highlight-text{font-weight:600;color:#1976d2;font-size:1rem}.kp-main-content{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.kp-left-column{display:flex;flex-direction:column;gap:2rem}.kp-calculation,.kp-science{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(25,118,210,.1);padding:1.5rem;border-left:5px solid #1976d2}.calculation-content p{margin-bottom:1.5rem;line-height:1.7}.calculation-steps{display:flex;flex-direction:column;gap:1rem}.step{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #1976d2}.step-number{background:#1976d2;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-text{font-weight:600;color:#2c3e50}.science-process{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.process-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #ff9800}.process-icon{font-size:1.5rem;min-width:2rem;text-align:center}.process-text{font-weight:500;color:#2c3e50}.kp-right-column{display:flex;flex-direction:column}.kp-scale{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(25,118,210,.1);padding:1.5rem;margin:0}.kp-scale h4{color:#1976d2;margin-bottom:1.5rem;font-size:1.3rem;text-align:center;font-weight:700}.kp-levels{display:flex;flex-direction:column;gap:.8rem}.kp-level{display:flex;flex-direction:column;padding:1rem;border-radius:8px;border-left:5px solid;background:#f8f9fa;transition:all .3s ease;position:relative;overflow:hidden}.kp-level::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 0,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease}.kp-level:hover{transform:translateX(3px) translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.kp-level:hover::before{opacity:1}.kp-level.quiet{border-color:#4caf50;background:linear-gradient(135deg,#f1f8e9 0,#e8f5e8 100%)}.kp-level.unsettled{border-color:#ff9800;background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%)}.kp-level.active{border-color:#cddc39;background:linear-gradient(135deg,#f9fbe7 0,#f0f4c3 100%)}.kp-level.minor{border-color:#ffeb3b;background:linear-gradient(135deg,#fffde7 0,#fff9c4 100%)}.kp-level.strong{border-color:#ff9800;background:linear-gradient(135deg,#fff3e0 0,#ffcc80 100%)}.kp-level.severe{border-color:#f44336;background:linear-gradient(135deg,#ffebee 0,#ffcdd2 100%)}.kp-level.extreme{border-color:#b71c1c;background:linear-gradient(135deg,#fbe9e7 0,#ffab91 100%)}.kp-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.kp-range{font-weight:700;font-size:1.2rem;color:#2c3e50}.kp-status{font-weight:600;color:#1976d2;font-size:1rem;padding:.3rem .8rem;background:rgba(25,118,210,.1);border-radius:20px}.kp-desc{font-size:.95rem;color:#555;line-height:1.5}.kp-effects-section{margin-bottom:2rem}.effects-intro{font-size:1.1rem;color:#2c3e50;margin-bottom:1.5rem;text-align:center;font-weight:500}.kp-effects{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.effect-category{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(25,118,210,.1);padding:1.5rem;border-left:5px solid #1976d2;transition:all .3s ease}.effect-category:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(25,118,210,.15)}.effect-category.aurora{border-left-color:#9c27b0}.effect-category.communications{border-left-color:#2196f3}.effect-category.power{border-left-color:#ff9800}.effect-category.aviation{border-left-color:#4caf50}.effect-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.effect-icon{font-size:2rem;min-width:2.5rem;text-align:center}.effect-header h4{color:#1976d2;margin:0;font-size:1.3rem;font-weight:700}.effect-content{display:flex;flex-direction:column;gap:1rem}.effect-item{display:flex;flex-direction:column;gap:.3rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #1976d2}.effect-level{font-weight:700;color:#1976d2;font-size:1rem}.effect-desc{color:#555;font-size:.95rem;line-height:1.5}.kp-history{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(25,118,210,.1);padding:1.5rem;margin-bottom:2rem;border-left:5px solid #1976d2}.history-content p{margin-bottom:1.5rem;line-height:1.7}.history-applications{display:flex;flex-direction:column;gap:1rem}.application{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #1976d2;transition:all .3s ease}.application:hover{transform:translateX(3px);background:#e3f2fd}.application-icon{font-size:1.8rem;min-width:2.5rem;text-align:center}.application-text{display:flex;flex-direction:column;gap:.3rem}.application-text strong{color:#1976d2;font-size:1.1rem}.application-text span{color:#555;font-size:.95rem}.kp-note{background:linear-gradient(135deg,#e8f5e8 0,#f0f8ff 100%);border:2px solid #4caf50;border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:0 4px 12px rgba(76,175,80,.15)}.note-content{display:flex;align-items:flex-start;gap:1rem}.note-icon{font-size:2rem;min-width:2.5rem;text-align:center;margin-top:.2rem}.note-text{color:#2e7d32;font-weight:500;line-height:1.7;font-size:1rem}.note-text a{color:#1976d2;text-decoration:none;font-weight:600;transition:color .3s ease}.note-text a:hover{color:#1565c0;text-decoration:underline}