*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.5}.site-header{background:var(--color-primary);padding:var(--space-md) var(--content-padding) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);position:sticky;top:0;z-index:100}.site-header a{color:var(--color-surface);text-decoration:none}.header-row{display:flex;align-items:center;justify-content:space-between}.header-row-brand{gap:var(--space-lg)}.site-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.01em}.site-logo img{height:1.4em;width:1.4em}.site-logo .accent-gold{color:var(--color-rating)}.site-logo .accent-green{color:var(--color-logo-green)}.site-logo .accent-orange{color:var(--color-logo-orange)}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.header-row-nav{justify-content:flex-start;gap:var(--space-lg);padding-top:var(--space-2xs);border-top:1px solid rgba(255,255,255,.12)}.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;cursor:pointer;font-size:var(--text-sm);font-weight:600;color:var(--color-surface);opacity:.85;padding:var(--space-xs) 0;display:flex;align-items:center;gap:4px}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:"▾";font-size:.7em}.nav-dropdown:hover>summary,.nav-dropdown[open]>summary{opacity:1}.nav-link{font-size:var(--text-sm);font-weight:600;color:var(--color-surface);opacity:.85;padding:var(--space-xs) 0}.nav-link:hover{opacity:1}.dropdown-panel{position:absolute;top:100%;left:0;margin-top:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-hover);padding:var(--space-sm);display:flex;flex-direction:column;gap:2px;min-width:160px;z-index:10}.dropdown-panel a{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:400;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);white-space:nowrap}.dropdown-panel a:hover{background:var(--color-surface-alt);color:var(--color-text)}.dropdown-panel .menu-more{margin-top:var(--space-2xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border);font-weight:600;color:var(--color-primary)}.header-search{display:flex;gap:var(--space-xs)}.header-search input{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:#ffffff1a;color:var(--color-surface);width:200px}.header-search input::placeholder{color:#ffffff80}.header-search button{padding:var(--space-xs) var(--space-sm);background:#ffffff26;color:var(--color-surface);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer}.mobile-menu{display:none}.mobile-menu>summary{list-style:none;cursor:pointer;color:var(--color-surface);font-size:var(--text-xl);line-height:1;padding:var(--space-2xs)}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu-panel{position:absolute;top:100%;right:0;left:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-hover);padding:var(--space-lg) var(--content-padding);display:flex;flex-direction:column;gap:var(--space-lg);z-index:10}.mobile-menu-panel .header-search input{flex:1;color:var(--color-text);background:var(--color-surface-alt);border-color:var(--color-border)}.mobile-menu-panel .header-search input::placeholder{color:var(--color-text-faint)}.mobile-menu-panel .header-search button{color:var(--color-surface);background:var(--color-primary);border-color:var(--color-primary)}.mobile-menu-section{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-menu-label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.mobile-menu-links{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.mobile-menu-links a{color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.mobile-menu-links a.menu-more{color:var(--color-primary);font-weight:600;border-color:transparent}.mobile-menu-search-link{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);padding-top:var(--space-xs);border-top:1px solid var(--color-border)}@media(max-width:640px){.header-row-nav,.desktop-search{display:none}.mobile-menu{display:block}.site-header{padding:var(--space-lg) var(--content-padding)}.site-logo{font-size:var(--text-2xl)}.mobile-menu>summary{font-size:var(--text-2xl);padding:var(--space-xs)}}main{max-width:var(--content-max);margin:0 auto;padding:var(--space-lg) var(--content-padding)}h1,h2,h3{line-height:1.3}.site-footer{max-width:var(--content-max);margin:var(--space-2xl) auto 0;padding:var(--space-lg) var(--content-padding);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-faint);display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-xl);align-items:center}.site-footer a{color:var(--color-text-muted);text-decoration:none}.site-footer a:hover{color:var(--color-text)}.footer-attribution{flex:1;min-width:280px}.footer-links{display:flex;gap:var(--space-md)}