/* Comparisons and shared existing select component. */
#page-compare{font-family:'DM Sans',sans-serif;color:#17352f}
#page-compare .page-head{gap:18px;margin-bottom:24px;flex-wrap:wrap}
#page-compare .page-head h1{font:600 clamp(24px,3vw,30px) 'DM Sans',sans-serif;letter-spacing:-.04em}
#page-compare .page-head small{font-size:11px;font-weight:500;letter-spacing:.06em;color:#71817b}
#page-compare .page-head p{font-size:13px;line-height:1.6;color:#71817b}
#page-compare .panel{background:#FFFFFF;border:1px solid rgba(23,53,47,.04);border-radius:24px;box-shadow:0 0px 10px 5px rgba(23,53,47,.04);overflow:visible}
#page-compare .compare-hero{background:#FFFFFF!important;color:#17352f!important;padding:28px;margin-bottom:20px}
#page-compare .compare-hero strong,#page-compare .compare-hero strong b{color:#214a40!important}
#page-compare .compare-hero strong{font:600 clamp(25px,3vw,34px) 'DM Sans',sans-serif;letter-spacing:-.04em}
#page-compare .compare-hero>div>span,#page-compare .compare-hero>div>span b{color:#52675f!important}
#page-compare .compare-hero span{font-size:12px}
#page-compare .compare-hero p,#page-compare .compare-hero small{font-size:12px;line-height:1.6;color:#71817b!important}
#page-compare .panel-head{padding:20px 22px;border-bottom:1px solid rgba(23,53,47,.07);gap:16px;flex-wrap:wrap}
#page-compare .panel-head h3{font:600 15px 'DM Sans',sans-serif;letter-spacing:-.02em;margin:0}
#page-compare .panel-head p{font-size:11px;line-height:1.5;color:#71817b}
#page-compare .comparison-controls{gap:10px;flex-wrap:wrap;min-width:0}
#page-compare .comparison-search{background:#FFFFFF;border:1px solid rgba(23,53,47,.08);border-radius:14px;padding:10px 14px;min-height:42px;gap:10px}
#page-compare .comparison-search input{font:400 13px 'DM Sans',sans-serif;min-width:0;background:transparent;color:#17352f}
#page-compare .comparison-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;flex-shrink:0}
#page-compare .privacy-pill{background:#f0f6f3;color:#214a40;border-radius:14px;padding:10px 14px;font-size:11px}
#page-compare .empty{font-size:13px;line-height:1.6;color:#71817b;padding:40px 24px}
:is(#page-overview,#page-prices,#page-compare) .cotiqa-select{font-family:'DM Sans',sans-serif;min-width:0}
:is(#page-overview,#page-prices,#page-compare) .cotiqa-select-trigger{background:#FFFFFF;border:1px solid rgba(23,53,47,.08);border-radius:14px;min-height:44px;padding:10px 42px 10px 14px;font:500 12px 'DM Sans',sans-serif;color:#17352f;box-shadow:none}
:is(#page-overview,#page-prices,#page-compare) .cotiqa-select-menu{background:#FFFFFF;border:1px solid rgba(23,53,47,.06);border-radius:16px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.14),0 3px 8px rgba(0,0,0,.06);max-height:260px;overflow:auto}
:is(#page-overview,#page-prices,#page-compare) .cotiqa-select-menu button{background:#FFFFFF;color:#17352f;border:0;border-radius:10px;padding:10px 12px;min-height:40px;font:500 12px 'DM Sans',sans-serif;text-align:left}
:is(#page-overview,#page-prices,#page-compare) .cotiqa-select-menu button:hover,:is(#page-overview,#page-prices,#page-compare) .cotiqa-select-menu button.selected{background:#f0f6f3;color:#214a40}
:is(#page-overview,#page-prices,#page-compare) .cotiqa-select-menu button:focus-visible{outline:2px solid #214a40;outline-offset:-2px}
#page-compare .comparison-panel-head{flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:22px;min-height:0;height:auto}
#page-compare .comparison-panel-head>div:first-child,#page-compare .comparison-panel-head .comparison-controls{flex:none!important;min-height:0!important;margin-top:0}
#page-compare .comparison-panel-head>div:first-child p{margin-bottom:0}
#page-compare .comparison-panel-head .comparison-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;align-items:start!important;justify-content:start;width:100%;max-width:600px}
#page-compare .comparison-panel-head .comparison-search{grid-column:1/-1;width:100%}
#page-compare .comparison-panel-head .comparison-controls>.cotiqa-select{width:100%!important;min-width:0!important}
#page-compare .comparison-panel-head .comparison-scope-select{grid-column:1;grid-row:2}
#page-compare .comparison-panel-head .comparison-period-select{grid-column:2;grid-row:2}
@media(max-width:767px){#page-compare .compare-hero{padding:18px;border-radius:20px}#page-compare .panel{border-radius:20px}#page-compare .panel-head{padding:16px}#page-compare .comparison-controls{width:100%}#page-compare .comparison-search{width:100%}}