/* Additive UI rules. Clinical state colours remain owned by their modules. */
@layer dermrx-experience {
body.drx-experience {
 --drx-exp-font:var(--drx-ui-font,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif);
 --drx-exp-ink:var(--drx-ui-ink,#173444);
 --drx-exp-muted:var(--drx-ui-muted,#475e69);
 --drx-exp-brand:var(--drx-ui-brand,#095f54);
 --drx-exp-line:var(--drx-ui-line,#ccdadd);
 --drx-exp-paper:var(--drx-ui-paper,#fff);
 --drx-exp-soft:var(--drx-ui-soft,#eef6f4);
 --drx-exp-focus:var(--drx-ui-focus,#075fa8);
 --drx-exp-radius:var(--drx-ui-radius,10px);
}
body.drx-experience #main :is(#dermrx-home,#drx-az,#drxsc,#drx-pilot,.drxm-resource) {
 font-family:var(--drx-exp-font)!important;line-height:1.6;min-width:0;
}
body.drx-experience #main :is(#dermrx-home,#drx-az,#drxsc,#drx-pilot,.drxm-resource) :is(h1,h2,h3,h4,button,input,select,textarea,label) {
 font-family:var(--drx-exp-font)!important;
}
body.drx-experience #main :is(.az-lh,.drx-canonical-h2,.panel-heading h2,.drxsc-results-head h3) {
 font-size:clamp(1.25rem,1.12rem + .55vw,1.625rem)!important;line-height:1.3!important;letter-spacing:-.015em!important;text-wrap:balance;
}
body.drx-experience #main :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
 outline:3px solid var(--drx-exp-focus)!important;outline-offset:3px!important;
}
body.drx-experience #main :is(#dermrx-home,#drx-az,#drxsc,#drx-pilot,.drxm-resource) :is(input,select,textarea) {
 box-sizing:border-box;max-width:100%!important;min-width:0!important;font-size:1rem!important;line-height:1.5!important;caret-color:var(--drx-exp-brand);scroll-margin-block:7rem 2rem;
}
body.drx-experience #main :is(#dermrx-home,#drx-az,#drxsc,#drx-pilot,.drxm-resource) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select,textarea,button,summary) {
 min-height:44px!important;
}
body.drx-experience #main :is(.field-grid,.drxsc-filter-fields,.drxsc-search,.az-searchbox,.drx-clinical-grid,.button-row) > * {
 min-width:0!important;
}
body.drx-experience #main :is(.az-nm,.nei-card-title,.drxsc-card-title,.drx-exp-flow a,.drx-exp-source-links a) {
 overflow-wrap:anywhere;
}
body.drx-experience #main :is(.drx-exp-flow,.drx-exp-directory,.drx-exp-sources) {
 box-sizing:border-box;font-family:var(--drx-exp-font)!important;font-size:1rem;line-height:1.55;min-width:0;max-width:100%;
}
body.drx-experience #main .drx-exp-flow {
 display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.25rem;margin:1.5rem 0;padding:1rem 0;border-block:1px solid var(--drx-exp-line);
}
body.drx-experience #main .drx-exp-flow-label {
 margin:0;color:var(--drx-exp-ink);font-size:.9375rem;font-weight:650;
}
body.drx-experience #main .drx-exp-flow-links {
 display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;
}
body.drx-experience #main .drx-exp-flow a {
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:.5rem .85rem;border:1px solid var(--drx-exp-line);border-radius:6px;background:var(--drx-exp-paper);color:var(--drx-exp-brand);font-size:.9375rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;
}
body.drx-experience #main .drx-exp-flow a:hover {
 background:var(--drx-exp-soft);border-color:var(--drx-exp-brand);
}
body.drx-experience #main :is(details.drx-exp-directory,details.drx-exp-sources) {
 margin:1rem 0 1.5rem;border:1px solid var(--drx-exp-line);border-radius:var(--drx-exp-radius);background:var(--drx-exp-paper);color:var(--drx-exp-ink);
}
body.drx-experience #main :is(.drx-exp-directory,.drx-exp-sources) > summary {
 box-sizing:border-box;min-height:44px;padding:.85rem 1rem;cursor:pointer;color:var(--drx-exp-ink);font-size:1rem;font-weight:650;line-height:1.5;overflow-wrap:anywhere;
}
body.drx-experience #main :is(.drx-exp-directory,.drx-exp-sources) > summary::marker {
 color:var(--drx-exp-brand);
}
body.drx-experience #main :is(.drx-exp-directory,.drx-exp-sources)[open] > summary {
 border-bottom:1px solid var(--drx-exp-line);
}
body.drx-experience #main :is(.drx-exp-directory,.drx-exp-sources):not([open]) > :not(summary),
body.drx-experience #main .drx-exp-form-error[hidden] {display:none!important}
body.drx-experience #main .drx-exp-directory > :is(ul,ol):not([hidden]) {
 display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.25rem 1.5rem;margin:0;padding:1rem 1rem 1rem 2rem;
}
body.drx-experience #main .drx-exp-directory li {
 min-width:0;margin:0;break-inside:avoid;
}
body.drx-experience #main .drx-exp-directory li a {
 display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:.35rem 0;overflow-wrap:anywhere;
}
body.drx-experience #main .drx-exp-source-meta {
 margin:.75rem 1rem;color:var(--drx-exp-muted);font-size:.875rem;line-height:1.6;overflow-wrap:anywhere;
}
body.drx-experience #main .drx-exp-source-links {
 margin:0;padding:.5rem 1rem 1rem 2rem;font-size:.9375rem;line-height:1.6;
}
body.drx-experience #main .drx-exp-source-links li {
 margin:.2rem 0;padding-left:.2rem;
}
body.drx-experience #main .drx-exp-source-links a {
 display:inline-block;min-height:44px;padding:.55rem 0;color:var(--drx-exp-brand);text-decoration:underline;text-underline-offset:.18em;
}
body.drx-experience #main .drx-exp-table-wrap {
 display:block;width:100%;max-width:100%;margin-block:1rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:var(--drx-exp-muted) var(--drx-exp-paper);scrollbar-width:auto;border:1px solid var(--drx-exp-line);border-radius:6px;
}
body.drx-experience #main .drx-exp-table-wrap table {
 width:100%;max-width:none;margin:0!important;font-variant-numeric:tabular-nums;
}
body.drx-experience #main .drx-exp-table-wrap :is(th,td) {
 vertical-align:top;overflow-wrap:break-word;
}
body.drx-experience #main .drx-exp-form-error {
 margin:.5rem 0;padding:.65rem .85rem;border:1px solid var(--drx-ui-danger,#9c292f);border-radius:6px;background:var(--drx-exp-paper);color:var(--drx-ui-danger,#9c292f);font-size:.9375rem;line-height:1.5;font-weight:600;overflow-wrap:anywhere;
}
@media (max-width:700px) {
 body.drx-experience #main :is(#drx-pilot .field-grid,#drxsc .drxsc-filter-fields) {grid-template-columns:minmax(0,1fr)!important}
 body.drx-experience #main :is(.az-letters,.az-chips,.drxsc-quick,.button-row) {flex-wrap:wrap!important;gap:.5rem!important}
 body.drx-experience #main :is(.az-letters a,.az-chip,.drxsc-quick button) {box-sizing:border-box;min-width:44px!important;min-height:44px!important}
 body.drx-experience #main .drx-exp-flow-label {flex-basis:100%}
 body.drx-experience #main .drx-exp-flow-links {width:100%}
 body.drx-experience #main .drx-exp-flow a {flex:1 1 auto}
}
@media print {
 body.drx-experience #main .drx-exp-flow {display:none}
 body.drx-experience #main .drx-exp-table-wrap {overflow:visible;border:0}
 body.drx-experience #main .drx-exp-table-wrap table {max-width:100%}
}
}