.hong-swiss-modern .hong-medication-atlas-v2{background: linear-gradient(135deg, rgba(39, 86, 75, 0.5), transparent 38%), #14201d;border-color: rgba(20, 32, 29, 0.52);box-shadow: 0 28px 70px rgba(20, 32, 29, 0.14);color: #f8f6f0;grid-template-columns: 1fr;margin-left: auto;margin-right: auto;max-width: none;overflow: hidden;padding: clamp(24px, 4vw, 48px);transform: none;width: var(--hong-box-visual)}.hong-swiss-modern .hong-medication-atlas-v2 > header{align-items: start;border-bottom: 1px solid rgba(248, 246, 240, 0.16);display: grid;gap: clamp(18px, 3vw, 34px);grid-template-columns: minmax(0, 1fr);padding-bottom: clamp(22px, 3vw, 34px);position: relative}.hong-swiss-modern .hong-medication-atlas-v2 > header::after{background: linear-gradient(90deg, rgba(138, 210, 185, 0.72), rgba(138, 210, 185, 0.72)) left top / 132px 1px no-repeat;content: "";height: 14px;width: 100%}.hong-swiss-modern .hong-medication-atlas-v2 .hong-condition-pillar-kicker{color: #8ad2b9;font-weight: 850;margin-bottom: 12px}.hong-swiss-modern .hong-medication-atlas-v2 h2{color: #fffdf7;font-family: var(--hong-sans);font-size: clamp(38px, 5vw, 70px);font-weight: 900;letter-spacing: 0;line-height: 0.96;max-width: 980px;text-wrap: balance}.hong-swiss-modern .hong-medication-atlas-v2 > header > p{color: rgba(248, 246, 240, 0.82);font-size: clamp(17px, 1.45vw, 21px);justify-self: end;line-height: 1.52;margin-top: 10px;max-width: 620px}.hong-swiss-modern .hong-medication-atlas-v2__controls{align-items: end;display: grid;gap: clamp(12px, 2vw, 18px);grid-template-columns: minmax(0, 1fr) minmax(240px, 0.32fr)}.hong-swiss-modern .hong-medication-atlas-v2__filters{display: flex;flex-wrap: wrap;gap: 10px;min-width: 0}.hong-swiss-modern .hong-medication-atlas-v2__filters button{background: rgba(248, 246, 240, 0.08);border: 1px solid rgba(248, 246, 240, 0.2);border-radius: 999px;color: #f8f6f0;cursor: pointer;font: 850 12px/1.2 "JetBrains Mono", monospace;letter-spacing: 0;padding: 11px 14px;text-transform: uppercase;transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease}.hong-swiss-modern .hong-medication-atlas-v2__filters button:hover{transform: translateY(-1px)}.hong-swiss-modern .hong-medication-atlas-v2__filters button[aria-pressed="true"]{background: #8ad2b9;border-color: #8ad2b9;color: #14201d}.hong-swiss-modern .hong-medication-atlas-v2__controls label{color: rgba(248, 246, 240, 0.72);display: grid;font: 850 12px/1.35 "JetBrains Mono", monospace;gap: 7px;letter-spacing: 0;text-transform: uppercase}.hong-swiss-modern .hong-medication-atlas-v2__controls input{background: rgba(248, 246, 240, 0.96);border: 1px solid rgba(248, 246, 240, 0.24);border-radius: 8px;color: #17211f;font: 700 16px/1.25 inherit;min-width: 0;padding: 12px 13px;width: 100%}.hong-swiss-modern .hong-medication-atlas-v2__grid{display: grid;gap: clamp(16px, 2vw, 22px);grid-template-columns: repeat(3, minmax(0, 1fr))}.hong-swiss-modern .hong-medication-atlas-card{--med-accent: #176f58;--med-surface: #f2faf5;background: linear-gradient(180deg, var(--med-surface) 0%, #ffffff 48%);border: 1px solid rgba(31, 37, 38, 0.14);border-radius: 8px;box-shadow: 0 18px 42px rgba(20, 32, 29, 0.12);display: flex;flex-direction: column;gap: 14px;min-width: 0;overflow: hidden;padding: clamp(20px, 2.2vw, 28px);position: relative}.hong-swiss-modern .hong-medication-atlas-card[hidden], .hong-swiss-modern .hong-medication-atlas-v2__empty[hidden]{display: none}.hong-swiss-modern .hong-medication-atlas-card::before{background: var(--med-accent);border-radius: 8px 8px 0 0;content: "";height: 7px;inset: 0 0 auto;position: absolute}.hong-swiss-modern .hong-medication-atlas-card--analgesic{--med-accent: #356f9c;--med-surface: #eef6fb}.hong-swiss-modern .hong-medication-atlas-card--nsaid{--med-accent: #9c6b2f;--med-surface: #faf3e5}.hong-swiss-modern .hong-medication-atlas-card--opioid{--med-accent: #9a3f35;--med-surface: #fbefed}.hong-swiss-modern .hong-medication-atlas-card--neuropathic{--med-accent: #635493;--med-surface: #f1eef9}.hong-swiss-modern .hong-medication-atlas-card--relaxant{--med-accent: #4f6d68;--med-surface: #eef7f4}.hong-swiss-modern .hong-medication-atlas-card--corticoid{--med-accent: #8a6a2f;--med-surface: #f8f0df}.hong-swiss-modern .hong-medication-atlas-card--topical{--med-accent: #2d7b77;--med-surface: #eaf8f6}.hong-swiss-modern .hong-medication-atlas-card--adjuvant{--med-accent: #5c7a3a;--med-surface: #eff7e7}.hong-swiss-modern .hong-medication-atlas-card__top{align-items: start;display: grid;gap: 12px;grid-template-columns: minmax(0, 1fr) auto;min-width: 0;padding-top: 8px}.hong-swiss-modern .hong-medication-atlas-card__top span{background: rgba(255, 255, 255, 0.72);border: 1px solid rgba(31, 37, 38, 0.11);border-radius: 999px;color: var(--med-accent);font: 900 12px/1.2 "JetBrains Mono", monospace;letter-spacing: 0;max-width: 100%;overflow-wrap: anywhere;padding: 7px 10px;text-transform: uppercase;white-space: normal}.hong-swiss-modern .hong-medication-atlas-card__links{align-items: center;display: flex;flex-wrap: wrap;gap: 6px;justify-content: end;min-width: 0}.hong-swiss-modern .entry-content .hong-medication-atlas-card__links a, .hong-swiss-modern .entry-content .hong-medication-atlas-card__links a:visited{background: #ffffff;border: 1px solid color-mix(in srgb, var(--med-accent) 28%, transparent);border-radius: 999px;color: var(--med-accent);font: 900 13px/1.15 inherit;padding: 7px 9px;text-decoration: none;white-space: nowrap}.hong-swiss-modern .hong-medication-atlas-card h3{color: #14201d;font-size: clamp(25px, 2.25vw, 34px);letter-spacing: 0;line-height: 0.98;margin: 0;overflow-wrap: anywhere;text-wrap: balance}.hong-swiss-modern .hong-medication-atlas-card p{color: #34413e;font-size: clamp(16px, 1.04vw, 17px);line-height: 1.5;margin: 0}.hong-swiss-modern .hong-medication-atlas-card dl{display: flex;gap: 10px;margin: auto 0 0;overflow-x: auto;padding: 2px 2px 8px;scroll-snap-type: x proximity}.hong-swiss-modern .hong-medication-atlas-card dl div{align-content: start;background: rgba(255, 255, 255, 0.76);border: 1px solid rgba(31, 37, 38, 0.1);border-radius: 7px;display: grid;flex: 1 0 168px;gap: 8px 12px;grid-template-columns: minmax(0, 1fr);padding: 11px 12px;scroll-snap-align: start}.hong-swiss-modern .hong-medication-atlas-card dt{color: var(--med-accent);font: 900 11px/1.2 "JetBrains Mono", monospace;letter-spacing: 0;margin-bottom: 0;text-transform: uppercase}.hong-swiss-modern .hong-medication-atlas-card dd{color: #26312f;font-size: 15px;hyphens: auto;line-height: 1.38;margin: 0;overflow-wrap: break-word}.hong-swiss-modern .hong-medication-atlas-card details{border-top: 1px solid rgba(31, 37, 38, 0.14);padding-top: 12px}.hong-swiss-modern .hong-medication-atlas-card summary{color: #17211f;cursor: pointer;font: 900 15px/1.25 inherit}.hong-swiss-modern .hong-medication-atlas-card details p{margin-top: 9px}.hong-swiss-modern .hong-medication-atlas-v2__empty{background: #ffffff;border: 1px dashed rgba(31, 37, 38, 0.22);border-radius: 8px;color: #4a5652;padding: 18px;text-align: center}body.hong-swiss-modern.hong-condition-pillar-page.post-default .hong-medication-atlas-v2{margin-left: auto;transform: none}@media (max-width: 1320px){.hong-swiss-modern .hong-medication-atlas-v2__grid{grid-template-columns: repeat(3, minmax(0, 1fr))}}@media (max-width: 1180px){.hong-swiss-modern .hong-medication-atlas-v2__grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 860px){.hong-swiss-modern .hong-medication-atlas-v2 > header, .hong-swiss-modern .hong-medication-atlas-v2__controls{grid-template-columns: 1fr}.hong-swiss-modern .hong-medication-atlas-v2__grid{grid-template-columns: 1fr}.hong-swiss-modern .hong-medication-atlas-card dl{margin-left: -2px;margin-right: -2px}.hong-swiss-modern .hong-medication-atlas-card dl div{flex-basis: 190px}}@media (max-width: 640px){.hong-swiss-modern .hong-medication-atlas-v2__grid{grid-template-columns: 1fr}.hong-swiss-modern .hong-medication-atlas-v2__filters button{flex: 1 1 calc(50% - 8px);min-width: 0}.hong-swiss-modern .hong-medication-atlas-card__top{align-items: flex-start;grid-template-columns: 1fr}.hong-swiss-modern .hong-medication-atlas-card__top span{max-width: 100%;white-space: normal}.hong-swiss-modern .hong-medication-atlas-card__links{justify-content: start}}
