/* Medical2China — shared patient catalog design. */
:root{--ink:#18364c;--muted:#627587;--line:#dce6ef;--bg:#f3f7fb;--blue:#2177af;--blue-deep:#145f91;--blue-soft:#eaf4fb;--gold:#c69a43;--amber:#806321;--green:var(--blue)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--blue-deep);text-underline-offset:3px}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #91c7eb;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h2{font-size:19px;font-weight:650;line-height:1.5}summary{cursor:pointer}details>summary::marker{color:var(--blue)}
.btn{border:1px solid #c8dbe9;color:var(--blue-deep);background:#fff;border-radius:8px;padding:9px 15px;font-weight:550;font-size:14px;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:#f0f7fc;border-color:#8bbada}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover:not(:disabled){background:var(--blue-deep);border-color:var(--blue-deep)}.sub{display:block;font-size:13px;color:var(--muted);margin-top:5px}.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:5px;background:#e8f3fc;color:#236e9c;font-size:12px;font-weight:500;line-height:1.6}.tag.pending{color:#816323;background:#faf4e6}.tag.commercial{background:#eef0f8;color:#646b94}
.site-header{background:#fff;border-bottom:1px solid var(--line);padding:19px 28px}.header-top{max-width:1384px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-lockup{display:flex;align-items:center;gap:28px;min-width:0}.brand-home{display:block;line-height:0;flex-shrink:0}.brand-logo{display:block;width:312px;height:78px;object-fit:cover}.product-name{border-left:1px solid var(--line);padding-left:28px}.product-name span{font-size:10px;letter-spacing:.18em;color:var(--blue);font-weight:650}.product-name h1{font-size:23px;letter-spacing:.02em;margin:2px 0 0;white-space:nowrap;line-height:1.4}.header-member{text-align:right;flex-shrink:0}.header-member small{display:block;font-size:11px;color:var(--muted);margin-top:7px}
main{max-width:1440px;margin:auto;padding:30px 28px 36px}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:28px;padding:22px 5px}.stat{padding:0 20px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;color:var(--blue-deep);font-size:29px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}.stat span{display:block;color:var(--muted);font-size:12px;line-height:1.55;margin-top:9px}
.layout{display:grid;grid-template-columns:204px minmax(0,1fr);gap:24px}.catalog-main{min-width:0}.sidebar{align-self:start;position:sticky;top:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 10px}.sidebar h2{font-size:13px;font-weight:650;margin:0 12px 13px;color:var(--muted)}.category{display:flex;align-items:center;width:100%;justify-content:space-between;gap:8px;background:none;border:0;padding:9px 11px;border-radius:6px;text-align:left;font-size:13px;line-height:1.5;color:#4c6477}.category:hover{background:#f3f8fc}.category.active{background:#e8f3fb;color:var(--blue-deep);font-weight:650;box-shadow:inset 3px 0 var(--blue)}.category small{font-size:11px;font-variant-numeric:tabular-nums;color:#72889a}.category.active small{color:var(--blue-deep)}
.ai-panel{border:1px solid #d2e5f2;border-radius:12px;padding:21px 24px;margin-bottom:22px;background:linear-gradient(115deg,#eaf5fc,#f7fbfe)}.ai-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.ai-panel h2{color:var(--blue-deep);margin:0}.ai-panel>p{color:var(--muted);font-size:13px;margin:4px 0 12px}.ai-badge{background:#fff;color:#68859a;border:1px solid #d8e8f3;border-radius:5px;font-size:11px;padding:3px 9px}.ai-panel>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ai-panel textarea{min-height:68px;resize:vertical;background:#ffffffdf}.ai-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.ai-actions small{margin-right:auto;color:#607d92;font-size:11px}.ai-actions .btn{padding:7px 12px;font-size:12px}
input,select,textarea{border:1px solid #d1dfea;background:#fff;border-radius:8px;padding:10px 12px;max-width:100%;font-size:14px}input::placeholder,textarea::placeholder{color:#8596a4}textarea{width:100%;line-height:1.7}.search-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}.search-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}.search-heading h2{margin:0;font-size:17px}.search-heading>span{font-size:12px;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap}.search-panel .filters{margin-top:10px}.search-heading+.filters{margin-top:0}.filters input{flex:1;min-width:220px;padding:12px 14px}.filters select{flex:1;min-width:145px;cursor:pointer}.primary-filters select{flex:0 1 170px}.filters .btn{font-weight:400}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 10px;gap:12px;scroll-margin-top:20px}.toolbar p{margin:0;font-weight:650;font-size:17px}.toolbar .btn{background:transparent;color:var(--blue-deep);font-size:12px;padding:6px 11px;border-color:#cbdbe7}.price-context{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;margin-bottom:17px;align-items:flex-start}.price-context details{max-width:460px;text-align:right}.price-context details p{text-align:left;margin:8px 0}.price-context summary{color:#608199}.price-context b{font-weight:550}
.drug-list{display:grid;gap:20px}.drug-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.drug-card:hover{border-color:#b5d2e7;box-shadow:0 4px 18px #22598207}.drug-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 26px 0}.drug-heading{min-width:0}.drugname{border:0;background:none;padding:0;font-size:21px;line-height:1.5;font-weight:650;letter-spacing:.01em;color:var(--blue-deep);text-align:left;overflow-wrap:anywhere}.drugname:hover{text-decoration:underline;text-underline-offset:4px}.drug-english{font-size:12px;line-height:1.5;color:#8092a2;margin:4px 0 0;overflow-wrap:anywhere}.drug-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 26px 18px;font-size:12px}.type-tag{padding:2px 8px;border:1px solid #dce8f1;border-radius:4px;color:#607b8e;background:#f8fbfd}.approval-year{margin:0 6px;color:#7a8d9c}.insurance-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.insurance-meta small{font-size:11px;color:#8393a0}.drug-card-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(245px,1fr);gap:26px;padding:0 26px 23px}.drug-indication{min-width:0;padding-top:18px;border-top:1px solid #eaf0f5}.drug-indication h3{font-size:12px;letter-spacing:.04em;color:#7890a2;font-weight:550;margin:0 0 10px}.disease-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.disease-tags span{font-size:12px;line-height:1.6;color:#467797;background:#eff6fb;padding:2px 8px;border-radius:4px}.indication-full,.indication-preview{display:block;margin:0;font-size:15px;line-height:1.95;white-space:pre-line;overflow-wrap:anywhere;color:#40596d}.indication-expand summary{display:block;list-style:none}.indication-expand summary::-webkit-details-marker{display:none}.expand-label{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:12px;margin-top:11px}.when-open{display:none}.indication-expand[open] .when-open{display:inline}.indication-expand[open] .when-closed,.indication-expand[open] .indication-preview{display:none}.indication-expand[open] .expand-label{margin:0 0 10px}.indication-expand[open] .expand-label>span:last-child{transform:rotate(180deg)}
.drug-prices{border-left:1px solid #e5edf4;padding-left:24px;align-self:start}.price-preview+.price-preview{border-top:1px solid #e5edf4;padding-top:16px;margin-top:16px}.price-preview h4{margin:0 0 7px;font-size:12px;font-weight:550;color:#6d8497}.price-main{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin:0 0 5px;line-height:1.6}.priceamount{font-size:22px;font-weight:650;letter-spacing:-.02em;color:var(--blue-deep);font-variant-numeric:tabular-nums}.price-main>span{font-size:11px;color:#768996}.price-spec{font-size:12px;line-height:1.7;color:#687f91;margin:0;overflow-wrap:anywhere}.price-caution{font-size:11px;color:var(--amber);margin:5px 0}.price-preview-source{font-size:11px;margin-top:7px;color:var(--muted)}.price-preview-source summary{color:#6c8ca4}.price-preview-source p{margin:7px 0}.price-unavailable>p{font-size:13px;color:#8c9aa7;margin:0}.drug-card-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fafcfe;border-top:1px solid #edf2f6;padding:12px 26px}.drug-card-footer>span{font-size:11px;color:#8293a0;max-width:65%;overflow-wrap:anywhere}.detail-link{border:0;padding:3px 0;background:none;font-size:12px;white-space:nowrap}.detail-link:hover:not(:disabled){background:none}.detail-link>span{padding-left:5px}.empty{padding:54px;text-align:center;background:white;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:25px;font-size:13px;color:var(--muted)}
footer{border-top:1px solid var(--line);margin-top:40px;padding-top:26px;font-size:12px;color:var(--muted)}.footer-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.footer-brand img{object-fit:cover;width:210px;height:53px}.footer-brand>span{color:#8a9cab;font-size:11px}.footlinks{display:flex;gap:20px;flex-wrap:wrap}.footlinks a{color:#648098;text-decoration:none}.footlinks a:hover{text-decoration:underline}
dialog{border:1px solid #d7e4ee;border-radius:14px;padding:0;width:min(1000px,calc(100vw - 40px));max-height:92vh;box-shadow:0 20px 80px #17364c38;color:var(--ink)}dialog::backdrop{background:#19384f6b;backdrop-filter:blur(2px)}.modalhead{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--line);padding:22px 30px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modalhead h2{font-size:24px;margin:0;line-height:1.5;color:var(--blue-deep)}.modalhead .btn{flex-shrink:0}.modalbody{padding:28px 36px}.modalbody h3{font-size:18px;margin:30px 0 16px;border-bottom:1px solid #e6eef4;padding-bottom:12px}.modalbody h3:first-child{margin-top:0}.grid{display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px 24px;font-size:14px;line-height:1.8;margin:0}.grid dt{color:#7b8e9e}.grid dd{margin:0;overflow-wrap:anywhere}.detailed-indication{white-space:pre-line;line-height:2.05;font-size:16px;padding:20px 24px;margin:14px 0;border-left:3px solid #70afd5;background:#f3f9fd;overflow-wrap:anywhere}.label-card{padding:20px;border:1px solid var(--line);border-radius:8px;margin:12px 0;background:#fbfdff}.label-card p{font-size:13px;color:var(--muted);margin:7px 0}.label-status{font-size:13px;color:#7a692f}.label-original,.linkrow{overflow-wrap:anywhere}.linkrow{font-size:13px;margin:9px 0}.classification-note,.price-evidence{font-size:12px;color:var(--muted);margin:16px 0}.classification-note summary,.price-evidence summary{color:var(--blue)}.pricerow{padding:20px;border:1px solid var(--line);border-radius:9px;margin:12px 0}.pricerow strong{color:var(--blue-deep);font-size:22px}.pricerow p{font-size:13px;margin:8px 0}.source-chain{border-top:1px dashed var(--line);padding:12px 0;margin-top:12px}.source-chain span{display:block;font-size:12px;color:var(--muted)}.source-chain a{margin-right:16px}
@media(min-width:1600px){.drug-card-body{grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr)}}
@media(max-width:1100px){.brand-logo{width:275px;height:70px}.layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.stat{padding:0 14px}.drug-card-top{padding:21px 22px 0}.drug-meta{padding:12px 22px 16px}.drug-card-body{padding:0 22px 21px;gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(215px,1fr)}.drug-prices{padding-left:20px}.drug-card-footer{padding:12px 22px}.drugname{font-size:19px}.primary-filters select{flex:1}.primary-filters input{flex-basis:100%}}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:5px;overflow-x:auto;max-width:100%;padding:10px;border-radius:9px}.sidebar h2{display:none}.category{width:auto;white-space:nowrap;flex:0 0 auto}.category.active{box-shadow:none}.category small{margin-left:5px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.stat{padding:19px 21px}.stat:nth-child(3){border-right:0}.stat:nth-child(-n+3){border-bottom:1px solid var(--line)}.product-name{padding-left:20px}.brand-lockup{gap:20px}.header-member small{display:none}.brand-logo{width:245px;height:62px}.product-name h1{font-size:20px}.primary-filters input{flex-basis:30%}.primary-filters select{flex:0 1 155px}}
@media(max-width:680px){.site-header{padding:14px 18px}.brand-logo{width:200px;height:51px}.brand-lockup{gap:14px}.product-name{display:none}.header-member .btn{font-size:12px;padding:8px 10px}main{padding:20px 16px 28px}.stats{margin-bottom:18px}.stat{padding:16px}.stat strong{font-size:25px}.stat span{font-size:11px;margin-top:7px}.layout{gap:18px}.ai-panel{padding:18px}.ai-actions small{width:100%;margin:0}.search-panel{padding:18px}.search-heading{align-items:flex-start;flex-direction:column;gap:3px}.filters input{min-width:0;flex-basis:100%}.filters select,.primary-filters select{min-width:0;flex:1 1 calc(50% - 10px);width:100%;font-size:13px}.filters .btn{flex:1}.toolbar{margin-top:22px}.price-context{font-size:11px}.price-context details{max-width:70%}.drug-card-top{padding:20px 20px 0;gap:10px}.drug-meta{padding:12px 20px 15px}.drugname{font-size:20px}.drug-card-body{display:block;padding:0 20px 20px}.drug-indication{padding-top:15px}.indication-full,.indication-preview{font-size:15px;line-height:1.95}.drug-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:19px 0 0;margin-top:19px;border-left:0;border-top:1px solid var(--line)}.price-preview+.price-preview{border-top:0;border-left:1px solid var(--line);padding:0 0 0 18px;margin:0}.priceamount{font-size:20px}.drug-card-footer{padding:12px 20px;align-items:flex-start}.drug-card-footer>span{max-width:50%;font-size:10px}.detail-link{font-size:11px;white-space:normal;text-align:right}.approval-year{margin-left:0}.insurance-meta{width:100%;margin-top:2px}.drug-english{font-size:11px}.footer-brand{align-items:flex-start;flex-direction:column;gap:8px}.footer-brand img{width:190px;height:48px}.footlinks{gap:12px 20px}dialog{width:calc(100vw - 20px);max-height:94vh;border-radius:11px}.modalhead{padding:18px 20px;gap:12px}.modalhead h2{font-size:20px}.modalhead .btn{font-size:12px;padding:7px 10px}.modalbody{padding:22px 20px}.grid{grid-template-columns:1fr;gap:4px;font-size:14px}.grid dd{margin-bottom:10px}.detailed-indication{padding:16px;font-size:15px;line-height:2}.modalbody h3{font-size:17px}.empty{padding:35px 20px}}
@media(max-width:380px){.brand-logo{width:178px;height:45px}.site-header{padding:13px}.header-top{gap:10px}.header-member .btn{font-size:11px;padding:7px 8px}.drug-card-top{flex-direction:column;gap:6px}.drug-prices{grid-template-columns:1fr}.price-preview+.price-preview{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.stat{padding:14px 12px}.stat span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Shared navigation between the catalog and the China innovation guide. */
.site-nav{display:flex;align-items:center;gap:24px;margin-left:auto;white-space:nowrap}.site-nav a{font-size:14px;font-weight:550;text-decoration:none;padding:8px 0;color:var(--muted);border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--blue-deep);border-color:var(--blue)}.sort-note{display:block;color:var(--muted);font-size:11px;margin-top:4px}
@media(max-width:1100px){.brand-lockup .product-name{display:none}.site-nav{gap:18px}}
@media(max-width:680px){.header-top{flex-wrap:wrap;gap:8px 14px}.brand-lockup{order:0}.header-member{order:1;margin-left:auto}.site-nav{order:2;width:100%;justify-content:center;margin:4px 0 0;border-top:1px solid #edf2f6;padding-top:4px;gap:34px}.site-nav a{font-size:13px;padding:6px 0}.sort-note{font-size:10px}}

/* English text needs more room than the original Chinese labels. */
html[lang=en] .header-top{flex-wrap:wrap}
html[lang=en] .header-member{max-width:255px}
html[lang=en] .header-member small{line-height:1.5}
html[lang=en] .product-name h1{font-size:21px}
html[lang=en] .primary-filters select{flex-basis:205px}
html[lang=en] .indication-full,html[lang=en] .indication-preview{line-height:1.8;overflow-wrap:break-word}
html[lang=en] .detailed-indication{line-height:1.85;overflow-wrap:break-word}
html[lang=en] .detail-link{white-space:normal;text-align:right;max-width:45%}
html[lang=en] .drug-card-top{flex-wrap:wrap;gap:8px 20px}
html[lang=en] .drug-heading{flex:1 1 220px}
@media(max-width:1100px){html[lang=en] .product-name{display:none}}
@media(max-width:680px){html[lang=en] .primary-filters select{flex-basis:calc(50% - 10px)}html[lang=en] .drug-heading{flex-basis:100%}html[lang=en] .header-member{max-width:none}}

/* Molecular targets remain prominent without competing with indications. */
.medicine-targets{margin:16px 0;padding:16px 20px;background:#eaf5fc;border:1px solid #a8d5ef;border-left:4px solid #278bc2;border-radius:12px}.medicine-targets h3{margin:0 0 10px!important;color:#15577d;font-size:16px!important;font-weight:700}.target-tags{display:flex;flex-wrap:wrap;gap:8px}.target-tags span{display:inline-block;padding:7px 13px;border-radius:8px;background:#fff;border:1px solid #9bcce7;color:#075580;font-size:18px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.target-references{margin-top:12px;font-size:13px;color:#536879}.target-references summary{cursor:pointer}.target-references a{display:block;margin:8px 0;overflow-wrap:anywhere}@media(max-width:600px){.medicine-targets{padding:14px}.target-tags span{font-size:17px}}