*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f7f9fc;--color-bg-secondary: #ffffff;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #9ca3af;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-accent: #10b981;--color-accent-dark: #059669;--color-accent-bg: #d1fae5;--color-accent-bg-light: #ecfdf5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--max-width: 980px;--border-radius: 12px;--border-radius-sm: 8px;--font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family: var(--font-body);--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;--transition-fast: .15s ease;--transition-base: .25s ease}:root[data-theme=dark]{--color-bg: #111827;--color-bg-secondary: #1f2937;--color-text: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-border: #374151;--color-border-light: #1f2937;--color-accent: #10b981;--color-accent-dark: #34d399;--color-accent-bg: rgba(16, 185, 129, .2);--color-accent-bg-light: rgba(16, 185, 129, .1)}html{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-body)}.skip-to-content{position:absolute;top:-100%;left:var(--space-md);background:var(--color-accent);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);z-index:1000;font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:top var(--transition-fast)}.skip-to-content:focus{top:var(--space-md)}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700;color:var(--color-text);font-family:var(--font-heading)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}a{color:var(--color-accent-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent);text-decoration:underline}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}main{flex:1;padding:var(--space-xl) 0 var(--space-2xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.comparison-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden;box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);background:linear-gradient(90deg,rgba(16,185,129,.08),transparent)}.card-title-group{display:flex;flex-direction:column;gap:2px}.card-title{text-transform:capitalize;font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0}.card-title-link{color:inherit;text-decoration:none}.card-title-link:hover{text-decoration:underline;text-underline-offset:3px}.card-presentation{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.savings-badge{background:var(--color-accent-bg-light);color:var(--color-accent-dark);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:9999px;white-space:nowrap;border:1px solid var(--color-accent)}.price-list{list-style:none;padding:var(--space-sm) 0;margin:0}.price-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.price-item--best{background:var(--color-accent-bg-light);border-left:2px solid var(--color-accent)}.price-item:last-child{border-bottom:none}.price-link{display:flex;justify-content:space-between;align-items:center;width:100%;color:inherit;text-decoration:none}.price-link:hover{text-decoration:none}.pharmacy-info{display:flex;align-items:center;gap:8px}.check-icon{color:var(--color-accent)}.check-placeholder{width:16px;height:16px}.pharmacy-name{font-size:.875rem;color:var(--color-text-secondary)}.pharmacy-name--best{font-weight:600;color:var(--color-text)}.price-value{font-size:.875rem;color:var(--color-text-secondary)}.price-value--best{font-weight:700;color:var(--color-accent-dark)}.card-actions{padding:var(--space-sm) var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end}.btn-secondary{border:1px solid var(--color-border-light);background:var(--color-bg);color:var(--color-text);padding:.45rem .85rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f;border-color:var(--color-accent);color:var(--color-accent-dark)}.btn-secondary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.btn-secondary.is-active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:fadeInUp .4s ease-out both}.comparison-list>*{animation:fadeInUp .4s ease-out both}.comparison-list>*:nth-child(1){animation-delay:0s}.comparison-list>*:nth-child(2){animation-delay:.05s}.comparison-list>*:nth-child(3){animation-delay:.1s}.comparison-list>*:nth-child(4){animation-delay:.15s}.comparison-list>*:nth-child(5){animation-delay:.2s}.comparison-list>*:nth-child(6){animation-delay:.25s}.comparison-list>*:nth-child(7){animation-delay:.3s}.comparison-list>*:nth-child(8){animation-delay:.35s}@media(max-width:640px){:root{--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}.container{padding:0 var(--space-md)}}
