@custom-variant dark (&:where(.dark, .dark *));@theme{ --breakpoint-xs: 375px; --color-surface-background: #f8fafc; --color-surface-foreground: #0f172a; --color-surface-card: #fff; --color-surface-muted: #f1f5f9; --color-surface-border: #cbd5e1; --color-text-primary: #111827; --color-text-secondary: #374151; --color-text-muted: #4b5563; --color-focus-ring: #1e40af; --color-focus-ring-dark: #38bdf8; --animate-fade-in: fade-in .25s ease-out both; --animate-fade-out: fade-out .25s ease-out both; --animate-slide-up: slide-up .3s ease-out both; --animate-slide-down: slide-down .3s ease-out both; --animate-slide-left: slide-left .3s ease-out both; --animate-slide-right: slide-right .3s ease-out both; --animate-scale-in: scale-in .2s ease-out both; --animate-scale-out: scale-out .2s ease-out both; --animate-pulse-subtle: pulse-subtle 2s ease-in-out infinite; --animate-shimmer: shimmer 2s ease-in-out infinite;}@utility ds-container{@apply mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8;}@utility ds-section{@apply py-10 sm:py-12 lg:py-16;}@utility text-content-primary{color: var(--color-text-primary);}@utility text-content-secondary{color: var(--color-text-secondary);}@utility text-content-muted{color: var(--color-text-muted);}@utility focus-ring{@apply ring-2 ring-offset-2 outline-hidden; --tw-ring-color: var(--color-focus-ring);}.dark .focus-ring,.dark [class*=focus-ring]{--tw-ring-color:var(--color-focus-ring-dark)}@utility mobile-tight-grid{@apply gap-3;}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}
@plugin "@tailwindcss/typography";@plugin "@tailwindcss/forms";@config "../tailwind.config.ts";@layer base{@apply text-base leading-relaxed;@apply text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl lg:text-5xl dark:text-gray-100;@apply text-2xl font-semibold tracking-tight text-gray-900 sm:text-3xl dark:text-gray-100;@apply text-xl font-semibold text-gray-900 sm:text-2xl dark:text-gray-100;@apply text-lg font-semibold text-gray-900 dark:text-gray-100;@apply text-gray-700 dark:text-gray-200;}@layer components{@apply mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8;@apply rounded-full px-4 py-2 text-sm font-semibold tracking-tight transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:ring-offset-2 focus-visible:outline-hidden dark:focus-visible:ring-emerald-300;@apply bg-sierra-600 dark:bg-sierra-500 border-b-2 border-white text-white shadow-lg;@apply text-sierra-50 hover:bg-sierra-600/80 hover:text-white dark:text-gray-200;@apply bg-sierra-600/90 dark:bg-sierra-500/80 text-white;@apply bg-sierra-700 hover:bg-sierra-800 focus:ring-sierra-500 dark:bg-sierra-700 dark:hover:bg-sierra-600 dark:focus:ring-sierra-400 inline-flex items-center justify-center rounded-lg px-6 py-3 font-semibold text-white transition-colors duration-200 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50;.btn-primary{min-width:44px;min-height:44px}@apply border-sierra-700 text-sierra-700 hover:border-sierra-800 hover:bg-sierra-50 focus:ring-sierra-500 dark:border-sierra-500 dark:text-sierra-300 dark:hover:border-sierra-400 dark:focus:ring-sierra-400 inline-flex items-center justify-center rounded-lg border-2 bg-white px-6 py-3 font-semibold transition-colors duration-200 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 dark:bg-gray-800 dark:hover:bg-gray-700;.btn-secondary{min-width:44px;min-height:44px}}:root{--font-sans:system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--font-serif:georgia, "Times New Roman", serif;--foreground-rgb:17, 24, 39;--background-rgb:255, 255, 255;--sierra-50:243, 248, 243;--sierra-100:231, 241, 231;--sierra-400:123, 175, 131;--sierra-500:90, 149, 99;--sierra-600:66, 120, 75;--sierra-700:54, 97, 61;--sierra-800:46, 78, 51;--sierra-900:38, 64, 43;--sierra-950:19, 34, 22;--primary-600:66 120 75;--text-primary:17 24 39;--background:255 255 255;--foreground:17 24 39;--earth-100:245, 240, 230;--earth-300:210, 185, 150;--earth-500:164, 133, 88;--earth-700:115, 89, 57}.dark{--foreground-rgb:243, 244, 246;--background-rgb:17, 24, 39;--background:17 24 39;--foreground:243 244 246;--primary-600:123 175 131;--text-primary:243 244 246}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{background:rgb(var(--background-rgb));color:rgb(var(--foreground-rgb));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;width:100%;min-width:320px;overflow-x:hidden}*{box-sizing:border-box}img,video{max-width:100%}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,.section-title,h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]{scroll-margin-top:5rem}:focus-visible{outline-offset:2px;outline:3px solid #059669!important;box-shadow:0 0 0 5px #05966933!important}.dark :focus-visible{outline:3px solid #34d399!important;box-shadow:0 0 0 5px #34d3994d!important}button:not(.text-link,.inline-link),input[type=button],input[type=submit],input[type=reset],a.btn,a.btn-primary,a.btn-secondary,[role=button]:not(.text-link),nav a:not(.breadcrumb-link,.text-link),.mobile-menu a{min-width:44px;min-height:44px}.prose a,.text-link,.inline-link,.breadcrumb-link,p a,li a:not(.btn,.btn-primary,.btn-secondary){min-width:auto;min-height:auto;display:inline}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--foreground-rgb:0, 0, 0}.dark{--foreground-rgb:255, 255, 255}button,input,select,textarea{border-width:2px!important}}.dark .prose,.dark .prose :where(p,li,blockquote,em){color:#e5e7eb}.dark .prose strong,.dark .prose b{color:#fff}.dark .prose a{color:#86efac}.dark .prose a:hover{color:#bbf7d0}.dark .prose h1,.dark .prose h2,.dark .prose h3,.dark .prose h4,.dark .prose h5,.dark .prose h6{color:#f9fafb}.dark .prose code{color:#fbbf24;background-color:#374151}.dark .prose pre{color:#e5e7eb;background-color:#1f2937}.dark .prose blockquote{color:#f3f4f6;background-color:#37415159;border-left-color:#4b5563}.dark .prose hr{border-color:#4b5563}.dark .prose table{color:#e5e7eb}.dark .prose thead{color:#f9fafb;border-bottom-color:#4b5563}.dark .prose tbody tr{border-bottom-color:#4b5563}.dark .prose tbody tr:nth-child(2n){background-color:#37415173}.prose table{border-collapse:collapse;border-spacing:0;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}@media (max-width:767px){.prose table{white-space:nowrap}}@media (min-width:768px){.prose table{white-space:normal}}.prose table td,.prose table th{min-width:120px;padding:.5rem}.prose pre{max-width:100%;overflow-x:auto}.prose code{overflow-wrap:break-word}@media (max-width:768px){.prose{font-smooth:auto;-webkit-font-smoothing:auto}img{image-rendering:auto;transform:translateZ(0)}}@media print{nav,header,footer,.scroll-to-top,.mobile-menu,.breadcrumb,.social-share,.newsletter-signup,.related-content,button[aria-label*=Scroll],aside.sidebar,.amazon-disclosure,.affiliate-link-disclosure,#ScrollToTop{display:none!important}*{box-shadow:none!important;color:#000!important;text-shadow:none!important;background:0 0!important}body{margin:0;padding:0;font-size:12pt;line-height:1.5}main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}article{break-inside:avoid;margin:0;padding:0}h1{break-after:avoid;margin-bottom:12pt!important;font-size:24pt!important;font-weight:700!important}h2{break-after:avoid;margin-top:24pt!important;margin-bottom:12pt!important;font-size:18pt!important;font-weight:700!important}h3{break-after:avoid;margin-top:18pt!important;margin-bottom:8pt!important;font-size:14pt!important;font-weight:700!important}p{orphans:3;widows:3;margin-bottom:12pt!important;font-size:12pt!important;line-height:1.6!important}ul,ol{margin-bottom:12pt!important;margin-left:20pt!important}li{margin-bottom:4pt!important;font-size:12pt!important;line-height:1.5!important}img{break-inside:avoid;margin:12pt 0;display:block;max-width:100%!important;height:auto!important}table{border-collapse:collapse!important;width:100%!important;margin:12pt 0!important}table,th,td{border:1px solid #000!important;padding:6pt!important}th{background-color:#f0f0f0!important;font-weight:700!important}a[href]:after{content:" (" attr(href) ")";font-size:10pt;font-style:italic}a[href^=\/]:after,a[href^=\#]:after{content:""}.calculator-tool input,.calculator-tool select,.calculator-tool button{display:none!important}.calculator-results{border:1px solid #000!important;margin:12pt 0!important;padding:12pt!important}.page-break{break-before:always}.avoid-break{break-inside:avoid}@page{margin:.5in;@top-center{content:"Sierra Greenhouse - www.sierragreenhouse.com";font-size:10pt;font-style:italic}@bottom-center{content:counter(page);font-size:10pt}}.faq-section details{border:1px solid #000!important;margin-bottom:8pt!important;padding:8pt!important}.faq-section summary{margin-bottom:6pt!important;font-weight:700!important}.product-review{break-inside:avoid;border:1px solid #000!important;margin-bottom:12pt!important;padding:12pt!important}.product-rating{font-size:14pt!important;font-weight:700!important}pre,code{border:1px solid #000!important;padding:4pt!important;font-family:monospace!important;font-size:10pt!important}}
