.badge{font-family:var(--font-ui);font-size:.7rem;font-weight:500;padding:3px 10px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.badge-rx{background:var(--clr-rx-bg);color:var(--clr-rx)}.badge-otc{background:var(--clr-otc-bg);color:var(--clr-otc)}.badge-compound{background:var(--clr-compound-bg);color:var(--clr-compound)}.badge-cosmetic{background:var(--clr-cosmetic-bg);color:var(--clr-cosmetic)}.badge-origin{background:var(--clr-origin-bg);color:var(--clr-origin)}.badge-category{background:var(--clr-accent-bg);color:var(--clr-accent)}.badge-default{background:var(--clr-surface-alt);color:var(--clr-text-secondary)}.badge-condition{background:var(--clr-accent-bg);color:var(--clr-accent)}.badge-icd{background:var(--clr-surface-alt);color:var(--clr-text-secondary)}.badge-severity-mild{background:#f0fff4;color:#276749}.badge-severity-moderate{background:ivory;color:#975a16}.badge-severity-severe{background:#fff5f5;color:#9c4221}.detail-page{padding:24px 0 64px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:12px}.detail-header h1{font-family:var(--font-display);font-size:2.2rem;font-weight:600;letter-spacing:-.01em;color:var(--clr-text)}.detail-badges{display:flex;gap:8px;align-items:center;flex-shrink:0;padding-top:8px}.generic-name{font-size:1.05rem;color:var(--clr-text-secondary);font-style:italic;margin-bottom:4px}.brand-line,.manufacturer{font-family:var(--font-ui);font-size:.85rem;color:var(--clr-text-muted);margin-bottom:4px}.price-range{font-family:var(--font-ui);font-size:.9rem;color:var(--clr-accent);font-weight:500;margin-bottom:8px}.aliases{font-size:.9rem;color:var(--clr-text-secondary);margin-bottom:8px}.detail-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--clr-border-light)}.detail-section h2{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--clr-text);margin-bottom:12px}.detail-section p{font-size:.95rem;color:var(--clr-text);line-height:1.75}.detail-section h3{font-family:var(--font-display);font-size:1.05rem;color:var(--clr-text-secondary);margin-bottom:8px;font-weight:500}.warning-section{background:var(--clr-warning-bg);border:1px solid var(--clr-warning-border);border-radius:var(--radius);padding:20px 24px;margin-top:32px}.pill-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.pill-list li{font-family:var(--font-ui);font-size:.82rem;padding:6px 14px;background:var(--clr-surface-alt);border:1px solid var(--clr-border-light);border-radius:20px;color:var(--clr-text)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:var(--font-ui);font-size:.78rem;font-weight:500;padding:4px 12px;background:var(--clr-accent-bg);color:var(--clr-accent);border-radius:var(--radius)}.compound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.compound-card{display:block;background:var(--clr-compound-bg);border:1px solid #e9d8fd;border-radius:var(--radius);padding:16px 20px;transition:border-color .2s,box-shadow .2s}.compound-card:hover{border-color:var(--clr-compound);box-shadow:var(--shadow-sm)}.compound-card h4{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--clr-compound);margin-bottom:4px}.compound-card .role{font-size:.82rem;color:var(--clr-text-secondary)}.compound-card .conc{font-family:var(--font-ui);font-size:.78rem;color:var(--clr-text-muted);margin-top:2px}.compound-card .mech-preview{font-size:.8rem;color:var(--clr-text-muted);font-style:italic;margin-top:6px;line-height:1.4}.ref-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;margin-bottom:16px}.ref-card{display:block;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:12px 16px;min-width:180px;transition:border-color .2s}.ref-card:hover{border-color:var(--clr-accent)}.ref-card strong{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--clr-text)}.ref-card span{font-size:.8rem;color:var(--clr-text-muted)}.compare-toggle{font-family:var(--font-ui);font-size:.85rem;color:var(--clr-text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:8px 0}.compare-toggle input{accent-color:var(--clr-accent)}.detail-actions{margin-top:32px;padding-top:20px;border-top:1px solid var(--clr-border-light)}.severity-grid{display:flex;flex-direction:column;gap:8px}.severity-row{display:flex;align-items:center;gap:12px}.treatment-ladder{list-style:none;counter-reset:step}.treatment-step{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--clr-border-light)}.treatment-step:last-child{border-bottom:none}.step-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--clr-accent-bg);color:var(--clr-accent);font-family:var(--font-ui);font-size:.78rem;font-weight:600;flex-shrink:0}.about-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:12px}.about-link-card{display:block;padding:12px 16px;background:var(--clr-surface);border:1px solid var(--clr-border-light);border-radius:var(--radius);color:var(--clr-text);font-family:var(--font-ui);font-size:.88rem;font-weight:500;text-decoration:none;transition:border-color .2s,box-shadow .2s}.about-link-card:hover{border-color:var(--clr-accent);box-shadow:0 2px 8px rgba(139,105,20,.1);color:var(--clr-accent)}.prerender-cta{margin:24px 0;padding:16px 20px;background:var(--clr-accent-bg);border:1px solid var(--clr-border-light);border-radius:var(--radius);font-size:.9rem}.prerender-cta a{color:var(--clr-accent);font-weight:600}@media (max-width:768px){.detail-header{flex-direction:column}.detail-header h1{font-size:1.6rem}}