/* pocket ATA v4.14.5 — UX Phase 4: typographic rhythm and clinical readability.
   Purely presentational: no clinical numbers, content, algorithms or language are modified.
   Scoped after existing module styles to avoid changes to calculator controls/graphs. */
body.ux4-type {
  --ux4-ink:#152c3d;
  --ux4-muted:#506477;
  --ux4-heading:#112838;
  --ux4-teal:#0f766e;
  --ux4-line:#d7e2e9;
  --ux4-soft:#f6fafb;
  --ux4-body:16px;
  --ux4-leading:1.62;
  --ux4-radius:13px;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
  font-synthesis:none;
}
/* Headings: meaningful scale, less all-caps/ultra-heavy style. Module hero
   graphics, interactive charts and dedicated button labels retain their sizes. */
.ux4-type #pc48PageWrapper .tab-section :is(h2,h3,h4),
.ux4-type .pc49-library :is(h2,h3,h4) {
  color:var(--ux4-heading);
  letter-spacing:-.022em;
  overflow-wrap:break-word;
  text-wrap:pretty;
}
.ux4-type #pc48PageWrapper .tab-section :is(h2,h3){line-height:1.29}
.ux4-type #pc48PageWrapper .tab-section :is(h4){line-height:1.4}
.ux4-type #pc48PageWrapper :is(.p410-chapter-body,.p411-chapter-body,.p412-chapter-body,.p413-chapter-body,.ph42-drug-body) :is(p,li,dd),
.ux4-type #pc48PageWrapper :is(.p410-chapter-body,.p411-chapter-body,.p412-chapter-body,.p413-chapter-body,.ph42-drug-body) :is(.p410-lesson,.p411-lesson,.p412-lesson,.p413-lesson) {
  color:var(--ux4-ink);
  line-height:var(--ux4-leading);
}
.ux4-type #pc48PageWrapper :is(.p410-chapter-body,.p411-chapter-body,.p412-chapter-body,.p413-chapter-body) li {
  font-size:15px;
  line-height:1.65;
  overflow-wrap:break-word;
  hyphens:auto;
}
.ux4-type #pc48PageWrapper :is(.p410-chapter-body,.p411-chapter-body,.p412-chapter-body,.p413-chapter-body) h4{
  font-size:16px;
  font-weight:750;
  margin-bottom:10px;
}
.ux4-type #pc48PageWrapper :is(.p410-lesson,.p411-lesson,.p412-lesson,.p413-lesson,
    .p410-clinical,.p411-clinical,.p412-clinical,.p413-clinical) {
  padding:17px 19px;
  border-radius:var(--ux4-radius);
}
.ux4-type #pc48PageWrapper :is(.p410-chapter-body,.p411-chapter-body,.p412-chapter-body,.p413-chapter-body) ul {
  padding-left:1.25rem;
  row-gap:9px;
}
/* Drug profiles: highlight facts and dosage units without creating a false safety status. */
.ux4-type .ph42-drug-name strong{font-size:16px;font-weight:780;line-height:1.36}
.ux4-type .ph42-drug-body dt{font-size:13.5px;font-weight:780;letter-spacing:0;line-height:1.42}
.ux4-type .ph42-drug-body dd{font-size:15px;line-height:1.6;color:#263e4f;overflow-wrap:break-word}
.ux4-type .ph42-drug-body dl>div{padding:15px 16px;row-gap:4px;border-radius:12px}
.ux4-type .ph42-drug-body dl>.ph42-dose{
  border-left:3px solid #0f766e;
  background:#f2fcfa;
}
.ux4-type .ph42-safety-item strong{font-size:13px;line-height:1.4}
.ux4-type .ph42-safety-item p{font-size:14px;line-height:1.58}
/* Clinical values: stable tabular digits, separate units, no coercion or rounding. */
.ux4-type :is(.ref33-row-number,.ref33-row-number b,.ph42-dose,
 .pc49-facts,.pc48-card-facts,.bga-summary,.bga-value,.pc32-result,
 .awr41-table,.bt44-table,.pc49-count,.ph42-hero-count) {
  font-variant-numeric:tabular-nums lining-nums;
}
.ux4-type .ref33-row-number{gap:5px 8px;justify-content:flex-end;align-items:baseline}
.ux4-type .ref33-row-number b{font-size:16px;font-weight:780;color:#095c55;letter-spacing:-.01em}
.ux4-type .ref33-row-number span{font-size:13px;color:#375066;line-height:1.45}
.ux4-type .ref33-row-name strong{font-size:15px;line-height:1.4;font-weight:770}
.ux4-type .ref33-row-name small{font-size:13px;line-height:1.5;color:var(--ux4-muted)}
.ux4-type .ref33-row{column-gap:16px;row-gap:6px;padding-block:15px}
.ux4-type .ref33-row-kind{font-size:12px;line-height:1.35}
.ux4-type .ref33-group-text strong{font-weight:780;letter-spacing:-.012em}
/* Pocket-card descriptions: labels, descriptions and source information differ clearly. */
.ux4-type .pc492-detail .pc49-facts{gap:10px}
.ux4-type .pc492-detail .pc49-facts>div{padding:15px 17px;border-radius:12px}
.ux4-type .pc492-detail .pc49-facts dt{font-size:13px;line-height:1.42;color:#0b6e67;font-weight:780;letter-spacing:0;margin-bottom:7px}
.ux4-type .pc492-detail .pc49-facts dd{font-size:16px;line-height:1.58;color:var(--ux4-ink);overflow-wrap:break-word}
.ux4-type .pc492-detail .pc49-warning{font-size:14px;line-height:1.6}
.ux4-type .pc492-detail .pc49-disclaimer{font-size:12.5px;line-height:1.6}
.ux4-type .pc49-entry-link>strong{line-height:1.38;letter-spacing:-.01em}
/* Existing warnings keep their individual warning/info colors and semantics. */
.ux4-type :is(.ph42-notice,.ref33-notice,.p410-notice,.p411-notice,.p412-notice,.p413-notice,
 .p410-caveat,.p411-caveat,.p412-caveat,.p413-caveat,.bga-notice) {
  font-size:14px;line-height:1.62;
  overflow-wrap:break-word;
}
/* Static medical tables: responsive viewport without losing table semantics.
   Only existing tables are wrapped; original table markup/text remains intact. */
.ux4-type .ux4-table-scroll{
  width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;
  border:1px solid var(--ux4-line);border-radius:12px;
  background:#fff;scrollbar-width:thin;
  margin-block:12px 18px;
}
.ux4-type .ux4-table-scroll:focus-visible{outline:3px solid #14b8a6;outline-offset:3px}
.ux4-type .ux4-table-scroll table{
  width:100%;min-width:540px;max-width:none;
  border-collapse:separate;border-spacing:0;margin:0;border:0;
  background:#fff;font-variant-numeric:tabular-nums;
}
.ux4-type .ux4-table-scroll :is(th,td){
  padding:11px 13px;vertical-align:top;border-bottom:1px solid #e2e8f0;
  font-size:14px;line-height:1.5;overflow-wrap:break-word;
}
.ux4-type .ux4-table-scroll thead th{font-weight:800;color:#134e4a;background:#eef8f6;font-size:13px;line-height:1.4;text-align:left}
.ux4-type .ux4-table-scroll tbody tr:nth-child(even){background:#f8fafc}
.ux4-type .ux4-table-scroll tbody tr:last-child td{border-bottom:0}
.ux4-type .ux4-table-scroll tbody :is(th,td):first-child{font-weight:650}
.ux4-type :is(.ph42-drug>summary,.ref33-group>summary,.pc49-entry-link) {line-height:1.4}
.ux4-type :is(#pc48PageWrapper,.pc49-library) :is(a,button,summary,input,select,textarea):focus-visible{
 outline:3px solid #0d9488;outline-offset:2px;
}
/* Reduce compact metadata noise without hiding any text. */
.ux4-type :is(.ph42-drug-name small,.pc49-disclaimer,.p410-footer,.p411-footer,.p412-footer,.p413-footer){color:#526779;line-height:1.55}
@media(min-width:768px){
 .ux4-type #pc48PageWrapper :is(.p410-lesson,.p411-lesson,.p412-lesson,.p413-lesson) ul{max-width:72ch}
 .ux4-type #pc48PageWrapper :is(.p410-lesson,.p411-lesson,.p412-lesson,.p413-lesson) li{max-width:72ch}
 .ux4-type .pc492-detail .pc49-facts dd{max-width:76ch}
}
@media(max-width:767px){
 .ux4-type #pc48PageWrapper :is(.p410-lesson,.p411-lesson,.p412-lesson,.p413-lesson,.p410-clinical,.p411-clinical,.p412-clinical,.p413-clinical) {padding:14px 14px}
 .ux4-type #pc48PageWrapper :is(.p410-chapter-body,.p411-chapter-body,.p412-chapter-body,.p413-chapter-body) li{font-size:15px;line-height:1.62}
 .ux4-type #pc48PageWrapper :is(.p410-chapter-body,.p411-chapter-body,.p412-chapter-body,.p413-chapter-body) h4{font-size:15.5px}
 .ux4-type .ph42-drug-body dl>div{padding:12px 14px}
 .ux4-type .ph42-drug-body dt{font-size:13px}
 .ux4-type .ph42-drug-body dd{font-size:15px}
 .ux4-type .ref33-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:13px 4px}
 .ux4-type .ref33-row-name{grid-row:auto}
 .ux4-type .ref33-row-number{grid-row:auto;justify-self:start;text-align:left;max-width:100%;justify-content:flex-start}
 .ux4-type .ref33-row-number b{font-size:17px;white-space:normal}
 .ux4-type .ref33-row-number span{font-size:13px;white-space:normal}
 .ux4-type .ref33-row-kind{grid-row:auto;justify-self:start;max-width:none;padding:4px 8px}
 .ux4-type .pc492-detail .pc49-facts>div{padding:13px 14px}
 .ux4-type .pc492-detail .pc49-facts dd{font-size:15.5px;line-height:1.57}
 .ux4-type .ux4-table-scroll table{min-width:540px}
 .ux4-type .ux4-table-scroll :is(th,td){padding:10px 11px;font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){.ux4-type .ux4-table-scroll{scroll-behavior:auto}}
@media print{.ux4-type .ux4-table-scroll{overflow:visible;border:0}.ux4-type .ux4-table-scroll table{min-width:0;width:100%}}