.topo-bg{background-image:url(/images/topo-pattern.svg);background-repeat:repeat;background-size:400px 400px;background-position:center;opacity:.03;position:fixed;inset:0;pointer-events:none;z-index:0}.data-strip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);overflow-x:auto;white-space:nowrap;margin-bottom:var(--space-6)}.data-strip__item{display:flex;align-items:center;gap:var(--space-1)}.data-strip__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.data-strip__value{color:var(--color-text);font-weight:600}.data-strip__divider{width:1px;height:1rem;background:var(--color-border);flex-shrink:0}.data-strip--kb{border-left:3px solid var(--color-accent)}.data-strip--tutorials{border-left:3px solid var(--color-accent-warm)}.data-strip--community{border-left:3px solid var(--color-accent-green)}.data-strip--changelog{border-left:3px solid var(--color-wind)}.data-strip--legacy{border-left:3px solid var(--color-text-muted)}.barometer-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.barometer-card:hover{border-color:var(--color-border-accent);box-shadow:0 0 0 1px var(--color-border-accent),0 8px 24px #0003}.barometer-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.barometer-card__icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);background:var(--color-bg-hover)}.barometer-card__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-text-heading);margin:0}.barometer-card__subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.barometer-card__body{color:var(--color-text-muted);line-height:1.6}.barometer-card__footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.wind-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--color-bg-hover);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.wind-chip--active{background:rgba(59,130,246,.12);border-color:var(--color-accent);color:var(--color-accent)}.station-tile{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);position:relative;overflow:hidden}.station-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-humidity))}.station-tile__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.station-tile__value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;color:var(--color-text-heading);line-height:1.1}.station-tile__unit{font-size:var(--text-sm);font-weight:400;color:var(--color-text-muted);margin-left:var(--space-1)}.hero{position:relative;min-height:22rem;display:flex;align-items:flex-end;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.hero__image{position:absolute;inset:0;z-index:0}.hero__image img{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(14,17,23,.97) 0%,rgba(14,17,23,.72) 45%,rgba(14,17,23,.45) 100%)}.hero__content{position:relative;z-index:2;padding:var(--space-8);max-width:48rem;color:#fff}.hero__title{font-size:var(--text-4xl);margin-bottom:var(--space-3);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}.hero__description{font-size:var(--text-lg);color:#ffffffe0;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.6)}.quick-answers{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.quick-answers__title{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin-bottom:var(--space-4)}.quick-answers__list{list-style:none;padding:0}.quick-answers__item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-3)}.quick-answers__item:last-child{border-bottom:none}.quick-answers__bullet{width:6px;height:6px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.field-notes{background:linear-gradient(135deg,var(--color-bg-elevated),var(--color-bg-card));border:1px solid var(--color-border);border-left:3px solid var(--color-accent-warm);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-5) var(--space-6);margin:var(--space-6) 0}.field-notes__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-warm);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.field-notes__body{color:var(--color-text);line-height:1.7}.next-steps{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0}.next-steps__title{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-green);margin-bottom:var(--space-4)}.next-steps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4)}.next-steps__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.next-steps__link:hover{border-color:var(--color-accent);background:var(--color-bg-hover);text-decoration:none}.next-steps__arrow{color:var(--color-accent);flex-shrink:0}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:rgba(14,17,23,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4);gap:var(--space-2)}.site-header__brand{font-family:var(--font-heading);font-weight:800;font-size:var(--text-lg);color:#fff;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}.site-header__brand:hover{color:#fff;text-decoration:none}.site-header__brand-icon{width:1.5rem;height:1.5rem;background:var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:#fff}.site-header__nav{display:none;align-items:center;gap:var(--space-1);margin-left:var(--space-4)}@media (min-width: 768px){.site-header__nav{display:flex}}.site-header__nav-link{font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:#fff;text-decoration:none;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.site-header__nav-link:hover,.site-header__nav-link--active{color:#000!important;background:var(--color-bg-hover);text-decoration:none}.site-header__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.search-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out);min-width:8rem}.search-trigger:hover{border-color:var(--color-text-muted)}.search-trigger__shortcut{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg-hover);padding:.1em .4em;border-radius:var(--radius-sm);margin-left:auto}.lang-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.lang-toggle__btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);background:var(--color-bg-elevated);color:var(--color-text-muted);border:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.lang-toggle__btn:hover{background:var(--color-bg-hover)}.lang-toggle__btn--active{background:var(--color-accent);color:#fff}.mobile-menu-btn{display:flex;padding:var(--space-2);background:none;border:none;color:#fff;cursor:pointer}@media (min-width: 768px){.mobile-menu-btn{display:none}}.mobile-nav{position:fixed;inset:var(--header-height) 0 0 0;background:var(--color-bg);z-index:99;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);transform:translateY(-100%);opacity:0;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out);pointer-events:none;height:100vh}.mobile-nav--open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav__link{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--text-lg)}.mobile-nav__link:hover{background:var(--color-bg-hover);text-decoration:none}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8);margin-top:var(--space-16)}.site-footer__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-8)}.site-footer__brand{font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--color-text-heading);margin-bottom:var(--space-2)}.site-footer__tagline{font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer__links{display:flex;gap:var(--space-6)}.site-footer__link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.site-footer__link:hover{color:var(--color-text)}.site-footer__copy{width:100%;text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.search-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.search-dialog{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:36rem;max-height:28rem;overflow:hidden;box-shadow:0 16px 48px #0006}.search-dialog__input-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.search-dialog__icon{color:var(--color-text-muted);flex-shrink:0}.search-dialog__input{flex:1;background:none;border:none;outline:none;color:var(--color-text);font-size:var(--text-lg)}.search-dialog__input::placeholder{color:var(--color-text-muted)}.search-dialog__filters{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.search-dialog__results{overflow-y:auto;max-height:20rem;padding:var(--space-2)}.search-result{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text)}.search-result:hover,.search-result--focused{background:var(--color-bg-hover);text-decoration:none}.search-result__title{font-weight:600;margin-bottom:var(--space-1)}.search-result__path{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.search-result mark{background:rgba(59,130,246,.25);color:var(--color-text-link);border-radius:2px;padding:0 1px}.search-dialog__empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.card-grid{display:grid;gap:var(--space-6)}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid--3{grid-template-columns:repeat(3,1fr)}}.page-content{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-4)}@media (min-width: 768px){.page-content{padding:var(--space-12) var(--space-8)}}.troubleshooting-matrix{overflow-x:auto}.troubleshooting-matrix table{min-width:36rem}.troubleshooting-matrix th{position:sticky;top:0}.troubleshooting-matrix td:first-child{font-weight:600;white-space:nowrap}.faq-section{margin:var(--space-8) 0}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{padding:var(--space-4) 0;cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary:after{content:"+";font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item__answer{padding:0 0 var(--space-4);color:var(--color-text-muted);line-height:1.7}.legacy-banner{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.legacy-banner__icon{flex-shrink:0;color:var(--color-accent)}