:root{--color-bg:#0a0a0a;--color-bg-secondary:#1a1a1a;--color-text:#e5e5e5;--color-text-secondary:#a3a3a3;--color-accent:#10b981;--color-accent-hover:#059669;--color-border:#262626;--font-family-sans:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--gallery-indicator-clearance:60px;--gallery-indicator-clearance-mobile:70px;--touch-target-size:44px;--touch-target-size-mobile:48px;--content-separation:16px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}
.pageContainer{max-width:800px;padding:var(--space-8)var(--space-4);margin:0 auto}.pageContent{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--space-8);border-radius:12px}.pageHeader{text-align:center;margin-bottom:var(--space-12)}.pageHeader h1{color:var(--color-accent);font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.pageHeader p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.pageSection{margin-bottom:var(--space-8)}.pageSection h2{color:var(--color-text);font-size:var(--font-size-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.pageSection p{color:var(--color-text);margin-bottom:var(--space-4);line-height:1.7}.pageSection ul{margin-left:var(--space-6);margin-bottom:var(--space-4)}.pageSection li{margin-bottom:var(--space-2);color:var(--color-text)}.pageSection strong{color:var(--color-accent)}.pageSection a{color:var(--color-accent);text-decoration:none}.pageSection a:hover{text-decoration:underline}.faqList{margin-bottom:var(--space-12)}.faqItem{border:1px solid var(--color-border);margin-bottom:var(--space-4);border-radius:8px;overflow:hidden}.faqQuestion{background-color:var(--color-bg);padding:var(--space-4)var(--space-6);color:var(--color-text);cursor:pointer;font-weight:600;list-style:none;transition:background-color .2s}.faqQuestion:hover{background-color:var(--color-border)}.faqQuestion::-webkit-details-marker{display:none}.faqQuestion:before{content:"+";float:right;color:var(--color-accent);font-weight:700}.faqItem[open] .faqQuestion:before{content:"−"}.faqAnswer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--color-border)}.faqAnswer p{color:var(--color-text);margin:0;line-height:1.7}.lead{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.warningBox{background-color:var(--color-bg);padding:var(--space-6);margin-top:var(--space-6);border:2px solid #f59e0b;border-radius:8px}.warningBox h3{color:#f59e0b;margin-bottom:var(--space-3)}.warningBox p{color:var(--color-text);margin:0}@media (max-width:640px){.pageContainer{padding:var(--space-4)var(--space-2)}.pageContent{padding:var(--space-4)}.pageHeader h1{font-size:var(--font-size-2xl)}}
.imageContainer{border-radius:var(--border-radius-sm);background-color:var(--color-gray-100);position:relative;overflow:hidden}.heroImageContainer{aspect-ratio:4/3;width:100%;max-width:400px;margin:0 auto}.thumbnailImageContainer{aspect-ratio:1;flex-shrink:0;width:150px;height:150px}.herbImage{object-fit:cover;width:100%;height:100%;transition:transform .2s}.herbImage:hover{transform:scale(1.05)}.clickableImage{cursor:pointer;transition:all .2s}.clickableImage:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.clickableImage:focus{outline:2px solid var(--color-primary);outline-offset:2px}.imageLoading{background:linear-gradient(90deg,var(--color-gray-100)25%,var(--color-gray-200)50%,var(--color-gray-100)75%);background-size:200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.imageFallback{background-color:var(--color-gray-50);color:var(--color-gray-400);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}@media (max-width:768px){.heroImageContainer{max-width:100%;margin:0}.thumbnailImageContainer{width:100px;height:100px}.herbImage:hover{transform:none}}@media (max-width:480px){.thumbnailImageContainer{width:80px;height:80px}}.thumbnailGrid{gap:var(--spacing-md);padding:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}@media (max-width:768px){.thumbnailGrid{gap:var(--spacing-sm);padding:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.thumbnailGrid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (prefers-reduced-motion:reduce){.herbImage,.clickableImage,.imageLoading{transition:none;animation:none}.herbImage:hover{transform:none}}@media (prefers-contrast:high){.imageContainer{border:2px solid}.clickableImage:focus{outline-width:3px}}
*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-family-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}a:focus{outline:2px solid var(--color-accent);outline-offset:2px}button{cursor:pointer;font-family:inherit}button:focus{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}input[type=search]{font-family:inherit;font-size:var(--font-size-base);padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);background-color:var(--color-bg-secondary);color:var(--color-text);border-radius:4px}input[type=search]:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.overflow-hidden{overflow:hidden!important}