/* The reserved page space keeps the fixed shortlist clear of the footer. */
body{padding-bottom:var(--atlas-shortlist-space,0px)}
.compare-bar{
  width:min(1240px,calc(100% - 32px));max-width:none;bottom:14px;
  display:grid;grid-template-columns:minmax(155px,.75fr) minmax(0,3fr) auto;
  gap:20px;padding:17px 20px;border-radius:16px;
  background:#252627;color:#fff;border:1px solid #55585a;
  box-shadow:0 14px 55px #0003,0 3px 12px #0002;
}
.compare-bar[hidden]{display:none}
.shortlist-heading strong{display:flex;gap:10px;align-items:center;font-size:15px;line-height:1.4}
.shortlist-heading small{display:block;font-size:11px;line-height:1.5;color:#d4d3d1;margin-top:5px}
.compare-bar .shortlist-count{background:#414243;color:#fff;border:1px solid #626466;padding:3px 8px;border-radius:20px;font-size:11px;white-space:nowrap}
.shortlist-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0;min-width:0}
.shortlist-items[hidden]{display:none}
.shortlist-toggle{border:1px solid #626466;border-radius:7px;background:#343637;color:#fff;min-height:44px;padding:8px 12px;font-size:12px;white-space:nowrap}
.shortlist-toggle:hover{background:#55585a}
.shortlist-toggle[hidden]{display:none}
.shortlist-items li{display:flex;align-items:center;gap:3px;min-width:0;background:#343637;border:1px solid #55585a;border-radius:9px;padding:0 0 0 12px}
.compare-bar .shortlist-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.45;color:#fff}
.shortlist-name:hover{text-decoration:underline}
.shortlist-remove{flex-shrink:0;align-self:stretch;min-width:40px;min-height:46px;border:0;background:none;color:#eee;font-size:23px;border-radius:0 8px 8px 0}
.shortlist-remove:hover{background:#55585a;color:#fff}
.shortlist-actions{display:flex;flex-direction:column;gap:5px;align-items:center}
.compare-bar .shortlist-actions .btn{background:var(--atlas-accent,#ad4618);border:1px solid #e8a480;color:white;box-shadow:none;min-height:44px;font-size:12px;padding:11px 16px;gap:12px}
.compare-bar .shortlist-actions .btn:hover{background:#94390f;color:white}
.shortlist-actions [data-compare-reset]{font-size:11px;color:#e5e2de;background:transparent;border:0;padding:5px 12px;min-height:30px;text-decoration:underline;text-underline-offset:3px}
.compare-bar :focus-visible{outline:3px solid #ffbe92;outline-offset:2px}
.comparison-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.comparison-tools p{font-size:14px;margin:0;color:var(--atlas-muted,#555)}
.comparison-tools .btn{flex-shrink:0}
.comparison-tools .btn[hidden],.comparison-print-title,.comparison-print-url{display:none}
.comparison-sources{border-top:1px solid var(--atlas-line,#ddd);padding-top:30px;margin:34px 0}
.comparison-sources h2{font-size:28px}
.comparison-sources>p{font-size:13px;color:var(--atlas-muted,#555)}
.comparison-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.comparison-source-grid article{border:1px solid var(--atlas-line,#ddd);border-radius:12px;background:#fff;padding:22px;min-width:0}
.comparison-source-grid h3{font-size:20px;line-height:1.25}
.comparison-source-grid p,.comparison-source-grid li{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.comparison-source-grid p{margin-bottom:15px}
.comparison-source-grid ul{padding-left:17px;margin:0}
.comparison-source-grid li+li{margin-top:8px}
.comparison-source-grid a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){
  .compare-bar{grid-template-columns:1fr auto;gap:12px 20px;padding:13px 16px}
  .shortlist-items{grid-column:1/-1;grid-row:2}
  .shortlist-actions{flex-direction:row;gap:10px}
  .shortlist-heading small{margin-top:2px}
}
@media(max-width:640px){
  .compare-bar{width:calc(100% - 20px);bottom:10px;grid-template-columns:1fr;gap:8px;padding:10px 12px;border-radius:13px}
  .shortlist-heading{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px}
  .shortlist-heading strong{grid-column:1;grid-row:1}
  .shortlist-toggle{grid-column:2;grid-row:1}
  .shortlist-heading strong{font-size:14px;gap:7px;white-space:nowrap}
  .shortlist-heading small{display:none}
  .shortlist-storage-unavailable .shortlist-heading small{display:block;grid-column:1/-1;font-size:10px;line-height:1.4;margin:5px 0 0;text-align:left}
  .shortlist-items{grid-template-columns:1fr;gap:4px}
  .shortlist-items li{padding-left:12px}
  .compare-bar .shortlist-name{display:block;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
  .shortlist-remove{min-width:44px;min-height:40px;font-size:22px}
  .shortlist-actions{justify-content:space-between;gap:12px}
  .compare-bar .shortlist-actions .btn{flex:1;min-height:44px;font-size:12px}
  .shortlist-actions [data-compare-reset]{min-height:44px;padding-inline:10px}
  .comparison-tools{align-items:flex-start;flex-direction:column;gap:13px}
  .comparison-source-grid{grid-template-columns:1fr}
}
@media print{
  body:has(.comparison-summary){padding:0!important;background:#fff!important;color:#000!important;font-size:10pt}
  body:has(.comparison-summary)>.utility-bar,body:has(.comparison-summary)>.site-header,
  body:has(.comparison-summary)>.site-footer,body:has(.comparison-summary)>.compare-bar,
  body:has(.comparison-summary)>.skip-link,body:has(.comparison-summary)>noscript,
  body:has(.comparison-summary) #main>*:not(.comparison-summary),
  .comparison-tools,.comparison-back{display:none!important}
  .comparison-summary{width:100%;margin:0;padding:0}
  .comparison-summary *{box-shadow:none!important;text-shadow:none!important;animation:none!important;transform:none!important;color:#000!important}
  .comparison-print-title,.comparison-print-url{display:block}
  .comparison-print-title{margin-bottom:18px}
  .comparison-print-title h2{font-size:24pt;line-height:1.15;margin:4px 0 10px}
  .comparison-print-title p{font-size:9pt;margin:0}
  .comparison-summary .table-scroll{overflow:visible;border:0;border-radius:0;margin:0}
  .comparison-summary .compare-table{width:100%;min-width:0;table-layout:fixed;font-size:8pt;line-height:1.4}
  .comparison-summary .compare-table caption{background:#fff!important;color:#000!important;border-bottom:2px solid #222;padding:8px 0;font-size:9pt}
  .comparison-summary .compare-table th,.comparison-summary .compare-table td{min-width:0;max-width:none;width:auto;overflow-wrap:anywhere;padding:8px;border:1px solid #aaa;background:#fff!important;font-size:8pt;line-height:1.4}
  .comparison-summary .compare-table thead th{font-size:11pt;font-weight:600}
  .comparison-summary .compare-table th:first-child{width:19%}
  .comparison-summary .compare-table thead{display:table-header-group}
  .comparison-summary .compare-table tr{break-inside:avoid}
  .comparison-summary .compare-table .clinic-logo{display:none}
  .comparison-summary .fine-print{font-size:8pt;line-height:1.5;margin:14px 0}
  .comparison-sources{margin:20px 0 0;padding-top:15px}
  .comparison-sources h2{font-size:15pt}
  .comparison-sources>p{font-size:8pt;margin-bottom:14px}
  .comparison-source-grid{display:block}
  .comparison-source-grid article{padding:0 0 12px;margin-bottom:12px;border:0;border-bottom:1px solid #aaa;break-inside:avoid}
  .comparison-source-grid h3{font-size:11pt;margin-bottom:5px}
  .comparison-source-grid p,.comparison-source-grid li{font-size:8pt;line-height:1.4;margin-bottom:5px}
  .comparison-print-url{font-size:7pt;overflow-wrap:anywhere;font-family:Arial,sans-serif}
}
