/* Shared reading scale: body, headings and highlights; compact type is reserved for notes. */
:root{--type-body:16px;--type-note:13px;--type-heading:24px;--type-section:32px;--type-highlight:48px}
html[lang=en] body{font-size:var(--type-body);line-height:1.7}
html[lang=en] :is(p,li,button,input,select,textarea,label,legend,dt,dd,summary){font-size:var(--type-body)}
html[lang=en] :is(.site-nav a,.btn,.home-member,.header-action,.header-member .btn,.auth-switch,.text-btn,.category,.category small,.sidebar h2,.tag,.type-tag,.approval-year,.insurance-meta small,.sub,.search-heading>span,.ai-panel>p,.ai-badge,.ai-actions .btn,.ai-actions small,.toolbar .btn,.pagination,.price-context,.price-spec,.price-main>span,.price-unavailable>p,.price-caution,.drug-card-footer>span,.detail-link,.expand-label,.disease-tags span,.drug-english,.linkrow,.label-status,.review-preview,.drug-card-top .review-preview,.auth-body label,.email-status,.form-error,.service-note,.review-form>label,.review-meta,.review-meta span,.review-empty,.review-signin,.rating-score small,.rating-row,.rating-highlow,.review-filterbar label,.review-filterbar select,.star-picker small,.nickname-note){font-size:var(--type-body)}
html[lang=en] :is(.eyebrow,.destination-label,.destination-action,.destination p,.mission p,.mission-en,.hero-copy>p,.hero-links a,.hero-links .patient-support-link,.hero-art>span,.impact-label,.impact-grid article>p,.impact-grid strong small,.section-nav small,.section-nav p,.section-title>p,.metric-label,.industry-metrics h3,.industry-metrics strong small,.insight-heading,.insight-lead,.country-row,.country-row b small,.stage-table,.stage-table caption,.stage-table thead th,.growth-highlight>p,.growth-highlight>p span,.growth-highlight small,.chart-unit,.growth-period,.growth-period b,.partnership-intro .eyebrow,.partnership-intro p,.partnership-share>span,.license-growth small,.license-growth em,.deal-example>span,.deal-example p,.partnership-fields>span,.partnership-fields small,.timeline-heading .eyebrow,.timeline p,.medicine-filters button,.medicine-filters button span,#medicineCount,.market-status,.drug-category,.drug-global-name,.origin-company,.drug-story,.drug-evidence h4,.drug-evidence p,.drug-evidence summary,.drug-signal>span,.catalog-link,.company-focus,.company-en,.company-finance>span,.company-finance strong small,.company-products,.company-products span,.company-global,.company-card details,.care-support p,.care-support .care-support-en,.care-support .btn,.sources-section p,.catalog-cta p,.catalog-cta .btn,.footlinks a){font-size:var(--type-body)}
html[lang=en] :is(h2,h3,.product-name h1,.brand-section strong,.drugname,.modalhead h2,.modalbody h3,.section-nav strong,.insight-card h3,.global-partnerships h3,.timeline-block h3,.partnership-intro h3,.feature-drug h3,.company-card h3,.care-support h2,.sources-section h2,.catalog-cta h2){font-size:var(--type-heading);line-height:1.35;font-weight:650}
html[lang=en] :is(h4,.drug-indication h3,.price-preview h4,.deal-example h4,.timeline h4){font-size:var(--type-body);line-height:1.5;font-weight:650}
html[lang=en] :is(.section-title h2,.destination h2){font-size:var(--type-section);line-height:1.25}
html[lang=en] :is(.mission h1,.hero-copy h1,.stat strong,.impact-grid strong,.industry-metrics strong,.growth-highlight>strong,.license-growth strong,.rating-score strong){font-size:var(--type-highlight);line-height:1.15;font-weight:650;letter-spacing:-.035em}
html[lang=en] :is(.priceamount,.pricerow strong,.country-row b,.drug-signal strong,.company-finance strong,.partnership-fields b,.timeline li>span,.feature-number){font-size:var(--type-section);line-height:1.25}
html[lang=en] :is(.indication-full,.indication-preview,.detailed-indication,.review-text){font-size:var(--type-body);line-height:1.8}
html[lang=en] .stat span{font-size:var(--type-body);line-height:1.5}
html[lang=en] .stat{padding:0 18px}
html[lang=en] :is(.destination-label,.eyebrow,.section-nav small,.hero-art>span,.impact-label,.metric-label,.company-focus,.drug-category,.insight-heading){letter-spacing:.035em;color:#526f83}
html[lang=en] :is(.destination-action,.hero-links a,.expand-label,.detail-link,.catalog-link){font-weight:600}
html[lang=en] :is(.drug-card-footer>span,.company-en,.drug-global-name,.origin-company,.search-heading>span,.stat span,.drug-signal>span,.price-spec,.company-global,.section-nav p){color:#567084}
html[lang=en] :is(.reference-note,.reference-note summary,.reference-note p,.reference-note li,.reference-note a,.cite,.classification-note,.classification-note p,.classification-note summary,.price-evidence,.price-evidence p,.price-evidence summary,.price-preview-source,.price-preview-source p,.price-preview-source a,.price-preview-source summary,.edition,.sort-note,.home-footnote,.home-footnote span,.footer-brand>span,footer>p,.source-list,.source-list a,.source-list span,.sources-section>details>summary,.pipeline-data,.label-card p,.label-card p a,.review-meta time,.rating-policy,.review-actions small,#authPasswordNote,.header-member small,.company-card details p){font-size:var(--type-note);line-height:1.7}
html[lang=en] .reference-note :is(b,strong,span){font-size:inherit}
html[lang=en] .home-footnote a{font-size:var(--type-body)}
html[lang=en] .product-name span,html[lang=en] .brand-section>span{font-size:var(--type-note)}
html[lang=en] .source-chain span{font-size:var(--type-note)}
/* Give the enlarged content room instead of compressing it. */
html[lang=en] .mission{padding:48px 0 36px}
html[lang=en] .mission h1{max-width:1100px;margin:0 auto 24px}
html[lang=en] .mission h1 em{display:block;margin-top:7px}
html[lang=en] .mission p{max-width:900px}
html[lang=en] .destination{min-height:340px}
html[lang=en] .destination-copy{width:82%;max-width:480px}
html[lang=en] .destination-label{display:block;max-width:370px}
html[lang=en] .section-nav a{padding:24px;display:flex;flex-direction:column;gap:9px}
html[lang=en] .section-nav :is(small,p){margin:0}
html[lang=en] .section-nav strong{margin:0}
html[lang=en] .impact-grid strong{margin:14px 0}
html[lang=en] .impact-grid strong small{letter-spacing:0;display:block;margin:7px 0 0}
html[lang=en] .industry-metrics strong{margin:14px 0}
html[lang=en] .industry-metrics h3{min-height:3em}
html[lang=en] .section-title{align-items:flex-start}
html[lang=en] .section-title>div{flex:1;min-width:0}
html[lang=en] .section-title>p{flex:1;max-width:485px}
html[lang=en] .research-grid{align-items:stretch}
html[lang=en] .insight-card{display:flex;flex-direction:column}
html[lang=en] .insight-card>.reference-note{margin-top:auto}
html[lang=en] .insight-heading{flex-wrap:wrap;gap:8px}
html[lang=en] .country-row{grid-template-columns:104px minmax(0,1fr) 90px;gap:14px}
html[lang=en] .country-row b small{margin-top:4px}
html[lang=en] .stage-table :is(th,td){padding:12px 8px}
html[lang=en] .pipeline-chart{max-height:none}
html[lang=en] .pipeline-chart :is(.axis-label,.point-label,.year-label){font-size:16px}
html[lang=en] .partnership-fields{flex-direction:column;gap:16px}
html[lang=en] .partnership-fields>span{max-width:none}
html[lang=en] .partnership-fields>div{width:100%;gap:24px}
html[lang=en] .timeline h4{min-height:3em}
html[lang=en] .feature-drug-top{align-items:flex-start;gap:18px}
html[lang=en] .market-status{max-width:85%;line-height:1.5}
html[lang=en] .feature-drug-foot{flex-wrap:wrap;gap:12px}
html[lang=en] .feature-drug-foot .catalog-link{max-width:100%}
html[lang=en] .company-finance strong small{font-weight:400;letter-spacing:0}
html[lang=en] .company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[lang=en] .layout{grid-template-columns:232px minmax(0,1fr)}
html[lang=en] .category{gap:12px}
html[lang=en] .category small{flex-shrink:0}
html[lang=en] .search-heading{flex-wrap:wrap}
html[lang=en] .primary-filters select{flex-basis:230px}
html[lang=en] .drug-card-top .review-preview{max-width:none}
html[lang=en] .review-preview{line-height:1.5;padding:7px 10px}
html[lang=en] .drug-card-footer{gap:24px;align-items:flex-start}
html[lang=en] .drug-card-footer>span{max-width:55%}
html[lang=en] .priceamount{font-size:var(--type-heading)}
html[lang=en] .price-context{flex-wrap:wrap}
html[lang=en] .auth-body .btn.primary{line-height:1.5}
html[lang=en] .rating-highlow{flex-wrap:wrap}
@media(max-width:1280px){html[lang=en] :is(.product-name,.brand-section){display:none}}
@media(max-width:900px){
 html[lang=en] .layout{grid-template-columns:1fr}
 html[lang=en] .stat{padding:20px}
 html[lang=en] .section-title>p{max-width:none}
 html[lang=en] .section-nav{gap:14px;padding:16px}
 html[lang=en] .section-nav a{padding:20px}
 html[lang=en] .timeline h4{min-height:0}
}
@media(max-width:680px){
 :root{--type-highlight:36px;--type-section:28px}
 html[lang=en] :is(.brand-logo,.home-page .brand-logo){width:180px;height:45px}
 html[lang=en] .site-header{padding:14px 16px}
 html[lang=en] .header-top{gap:12px}
 html[lang=en] .site-nav{gap:16px;justify-content:space-between;white-space:normal}
 html[lang=en] .site-nav a{text-align:center;line-height:1.4}
 html[lang=en] :is(.header-member .btn,.home-member,.header-action){padding:8px 10px}
 html[lang=en] .mission{padding:32px 0}
 html[lang=en] .mission h1{max-width:100%;line-height:1.2}
 html[lang=en] .mission-en{display:block;margin-top:12px}
 html[lang=en] .destination{min-height:300px}
 html[lang=en] .destination-copy{width:100%;max-width:340px;padding:24px}
 html[lang=en] .destination:after{background:linear-gradient(90deg,#f5f9fc 12%,#f5f9fce8 48%,#f5f9fc42 100%)}
 html[lang=en] .destination-label{max-width:270px}
 html[lang=en] .hero-copy h1{font-size:var(--type-highlight)}
 html[lang=en] .hero-art>span{font-size:var(--type-note)}
 html[lang=en] .impact-grid article{padding:24px 0;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
 html[lang=en] .impact-grid strong{margin:12px 0}
 html[lang=en] .impact-grid article>p{font-size:var(--type-body)}
 html[lang=en] .section-nav a{padding:20px}
 html[lang=en] .section-nav strong{padding-right:24px}
 html[lang=en] .section-nav strong span{top:48px}
 html[lang=en] .industry-metrics h3{min-height:0}
 html[lang=en] .country-row{grid-template-columns:72px minmax(0,1fr) 82px;gap:8px}
 html[lang=en] .stage-table :is(th,td){padding:11px 5px}
 html[lang=en] .pipeline-chart :is(.axis-label,.point-label,.year-label){font-size:28px}
 html[lang=en] .growth-highlight{gap:16px;align-items:center}
 html[lang=en] .growth-highlight>p span{display:block;margin-top:8px}
 html[lang=en] .license-growth{gap:20px;flex-wrap:wrap}
 html[lang=en] .license-growth>div{flex-direction:column;gap:3px}
 html[lang=en] .partnership-fields>div{grid-template-columns:1fr;gap:20px}
 html[lang=en] .partnership-fields b{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:12px}
 html[lang=en] .partnership-fields small{margin:0}
 html[lang=en] .company-grid{grid-template-columns:1fr}
 html[lang=en] .stat{padding:16px 12px}
 html[lang=en] .stat span{overflow-wrap:normal}
 html[lang=en] .primary-filters select{flex-basis:100%}
 html[lang=en] .drug-card-top{gap:12px}
 html[lang=en] .drug-heading{flex-basis:100%}
 html[lang=en] .drug-prices{grid-template-columns:1fr;gap:18px}
 html[lang=en] .price-preview+.price-preview{padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}
 html[lang=en] .drug-card-footer{flex-direction:column;gap:12px}
 html[lang=en] .drug-card-footer>span,html[lang=en] .detail-link{max-width:none;text-align:left}
 html[lang=en] .price-context details{max-width:100%;text-align:left}
 html[lang=en] .footer-brand{gap:12px}
}
@media(max-width:380px){html[lang=en] :is(.brand-logo,.home-page .brand-logo){width:155px;height:39px}}

/* Each block has one title; supporting copy adds information. */
html[lang=en] .destination h2{margin-top:0}
html[lang=en] .industry-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
html[lang=en] .insight-heading{justify-content:flex-end}
html[lang=en] .timeline-heading{flex-direction:row}
html[lang=en] .section-nav strong span{position:static}
html[lang=en] .company-card h3{margin-bottom:18px}
html[lang=en] .company-card h3:has(+.company-en){margin-bottom:0}
html[lang=en] .search-heading h1{font-size:var(--type-heading);line-height:1.35;font-weight:650;margin:0}
@media(max-width:680px){html[lang=en] .industry-metrics{grid-template-columns:1fr}}
