@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600&display=swap";:root{--color-primary:#7d3b2e;--color-bg:#f3f0e9;--color-surface:#fff;--color-warm-oak:#d0b49f;--color-charred:#2a2321;--color-lantern:#fbebd2;--color-accent:#5ba4cf;--color-muted:#8a7f73;--color-border:#7d3b2e26;--font-display:"Fraunces", Georgia, serif;--font-body:"Work Sans", system-ui, sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:28px;--text-2xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 3px #2a23210f;--shadow-focus:0 0 0 3px #5ba4cf40;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-charred);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-primary:#c66b5a;--color-bg:#2a2321;--color-surface:#3a322f;--color-warm-oak:#4a3f3a;--color-charred:#f3f0e9;--color-lantern:#3d342e;--color-accent:#5ba4cf;--color-muted:#a89b8e;--color-border:#f3f0e91f;--shadow-card:0 1px 3px #0000004d;--shadow-focus:0 0 0 3px #5ba4cf4d}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-charred);font-family:var(--font-body);margin:0}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{max-width:720px;padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-2);display:flex}.brand-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:var(--color-charred);letter-spacing:.2px}.header-tag{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:1px;font-weight:500}.hero{max-width:720px;padding:var(--space-7) var(--space-5) var(--space-5);text-align:center;margin:0 auto}.hero-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);color:var(--color-charred);margin:0 0 var(--space-2);line-height:1.15}@media (width<=640px){.hero{padding:var(--space-6) var(--space-4) var(--space-5)}.hero-title{font-size:var(--text-xl)}}.hero-subtitle{font-size:var(--text-base);color:var(--color-muted);margin:0 0 var(--space-6)}.search-wrapper{max-width:520px;margin:0 auto;position:relative}.search-icon{left:var(--space-4);color:var(--color-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) calc(var(--space-4) + 28px);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-charred);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);outline:none;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--color-muted);opacity:.8}.search-input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-kbd{right:var(--space-4);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);pointer-events:none;padding:2px 8px;font-weight:500;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=640px){.search-kbd{display:none}}.main{max-width:720px;padding:0 var(--space-5) var(--space-7);flex:1;margin:0 auto}@media (width<=640px){.main{padding:0 var(--space-4) var(--space-6)}}.results-count{font-size:var(--text-sm);color:var(--color-muted);margin:0 0 var(--space-5)}.category-group{margin-bottom:var(--space-6)}.category-heading{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);color:var(--color-primary);margin:0 0 var(--space-4);letter-spacing:.3px}.accordion-list{gap:var(--space-3);flex-direction:column;display:flex}.accordion-item{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s;overflow:hidden}.accordion-item.expanded{border-left-color:var(--color-accent);box-shadow:0 2px 8px #2a232114}.accordion-trigger{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);cursor:pointer;text-align:left;font-family:var(--font-body);background:0 0;border:none;min-height:48px;transition:background-color .15s;display:flex}.accordion-trigger:hover{background:#7d3b2e05}@media (width<=640px){.accordion-trigger{padding:var(--space-4)}}.accordion-question{font-family:var(--font-body);font-weight:500;font-size:var(--text-base);color:var(--color-charred);flex:1}.accordion-icon{color:var(--color-muted);flex-shrink:0;align-items:center;display:flex}.accordion-item.expanded .accordion-icon{color:var(--color-accent)}.accordion-content{max-height:0;transition:max-height .3s;overflow:hidden}.accordion-content.open{max-height:500px}.accordion-answer{padding:0 var(--space-5) var(--space-5);background:var(--color-lantern);border-top:1px solid var(--color-border);transition:background-color .25s}@media (width<=640px){.accordion-answer{padding:0 var(--space-4) var(--space-4)}}.accordion-answer p{font-size:var(--text-base);color:var(--color-charred);margin:var(--space-3) 0 var(--space-3);line-height:1.6}.answer-tags{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.tag{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px 10px;font-weight:500}.empty-state{text-align:center;padding:var(--space-7) var(--space-5)}.empty-illustration{margin-bottom:var(--space-4);justify-content:center;display:flex}.empty-text{font-size:var(--text-base);color:var(--color-muted);max-width:400px;margin:0 auto var(--space-5);line-height:1.5}.loading{text-align:center;padding:var(--space-7) var(--space-5);color:var(--color-muted)}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);width:32px;height:32px;margin:0 auto var(--space-3);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.contact-cta{margin-top:var(--space-7);padding:var(--space-6) var(--space-5);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.cta-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--color-charred);margin:0 0 var(--space-2)}.cta-text{font-size:var(--text-base);color:var(--color-muted);margin:0 0 var(--space-5)}.cta-buttons{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.btn-primary{padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);color:#fff;background:var(--color-primary);border-radius:var(--radius-pill);cursor:pointer;border:none;text-decoration:none;transition:opacity .2s,transform .1s;display:inline-block}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-secondary{padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-pill);cursor:pointer;background:0 0;text-decoration:none;transition:background-color .2s;display:inline-block}.btn-secondary:hover{background:#7d3b2e0f}.footer{max-width:720px;padding:var(--space-5);text-align:center;font-size:var(--text-sm);color:var(--color-muted);border-top:1px solid var(--color-border);margin:0 auto}.footer p{margin:0}
