@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #F5F0E8;--surface: #EDE8E2;--fg: #2E3A4B;--muted: #6B7280;--accent: #D4A843;--border: #D6CFC4;--font-display: "DM Sans", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius: 12px;--radius-sm: 8px}.dark{--bg: #1E1E20;--surface: #2A2A2E;--fg: #C8C2B8;--muted: #8A857C;--accent: #D4A843;--border: #3A3A3E}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border)}.site-header__inner{max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-header__logo{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--fg);text-decoration:none;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.site-header__star{color:var(--accent);font-size:1.3em;line-height:1}.site-header__btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--fg);background:transparent;border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap}.site-header__btn:hover{border-color:var(--accent);background:var(--surface)}.hero{max-width:720px;margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8);text-align:center}.hero__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--fg);letter-spacing:-.02em;margin-bottom:var(--space-3)}.hero__subtitle{font-size:var(--text-base);color:var(--muted);margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto}.search-wrapper{position:relative;max-width:560px;margin:0 auto}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;transition:color .2s,transform .3s}.search-input{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 14px 48px;outline:none;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d4a84326}.search-input:focus~.search-icon{color:var(--accent);transform:translateY(-50%) rotate(45deg)}.categories{max-width:720px;margin:0 auto;padding:0 var(--space-6) var(--space-16)}.category{margin-bottom:var(--space-8)}.category__header{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--fg);padding:var(--space-4) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.category__icon{flex-shrink:0;color:var(--fg)}.category__count{margin-left:auto;font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--muted)}.accordion{display:flex;flex-direction:column;gap:var(--space-3)}.accordion-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius-sm);overflow:hidden;transition:border-left-color .2s}.accordion-item--open{border-left-color:var(--accent)}.accordion-item__header{display:flex;align-items:center;gap:var(--space-3);width:100%;font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--fg);background:transparent;border:none;padding:var(--space-4) var(--space-6);cursor:pointer;text-align:left;transition:background .15s}.accordion-item__header:hover{background:#d4a8430d}.accordion-item__star{color:var(--accent);opacity:0;transition:opacity .2s;flex-shrink:0;font-size:.9em}.accordion-item__header:hover .accordion-item__star{opacity:.6}.accordion-item--open .accordion-item__star{opacity:1}.accordion-item__question{flex:1}.accordion-item__chevron{flex-shrink:0;color:var(--muted);transition:transform .2s,color .2s}.accordion-item--open .accordion-item__chevron{transform:rotate(180deg);color:var(--accent)}.accordion-item__body{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-item__body-inner{padding:0 var(--space-6) var(--space-6);font-size:var(--text-base);color:var(--fg);line-height:1.7;opacity:.85}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);max-width:720px;margin:0 auto}.empty-state__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--fg);margin-bottom:var(--space-3)}.empty-state__text{font-size:var(--text-base);color:var(--muted);margin-bottom:var(--space-6)}.empty-state__btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--fg);background:transparent;border:1px solid var(--border);padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,background .2s}.empty-state__btn:hover{border-color:var(--accent);background:var(--surface)}.site-footer{border-top:1px solid var(--border);max-width:720px;margin:0 auto;padding:var(--space-8) var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--muted)}.site-footer__link{color:var(--accent);text-decoration:none;font-weight:500}.site-footer__link:hover{text-decoration:underline}@media (max-width: 640px){.site-header__inner{padding:var(--space-3) var(--space-4)}.site-header__btn{font-size:.8rem;padding:6px 12px}.hero{padding:var(--space-12) var(--space-4) var(--space-6)}.hero__title{font-size:1.75rem;text-align:left}.hero__subtitle{text-align:left;margin-left:0;margin-right:0}.categories{padding:0 var(--space-4) var(--space-12)}.category__header{font-size:var(--text-lg)}.accordion-item__header{font-size:var(--text-base);padding:var(--space-4)}.accordion-item__body-inner{padding:0 var(--space-4) var(--space-4)}}