.tk-compare-bar,.tk-compare-dialog{--tkc-accent:var(--tk-accent,var(--tk-primary));--tkc-text:var(--tk-text,#253644);--tkc-muted:var(--tk-text-muted,var(--tk-text));--tkc-bg:#fff;--tkc-border:#dce4e8;color:var(--tkc-text);font-family:inherit;box-sizing:border-box}
body.dark .tk-compare-bar,body.dark .tk-compare-dialog{--tkc-accent:#9de0ef;--tkc-text:#e4edf1;--tkc-muted:#afbec7;--tkc-bg:#15303a;--tkc-border:#3a4b55}
.tk-compare-bar[hidden],.tk-compare-notice:empty,.tk-compare-dialog input[hidden]{display:none!important}.tk-compare-bar{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(920px,calc(100% - 24px));z-index:10020;display:flex;flex-wrap:wrap;align-items:center;gap:var(--tk-space-2);padding:var(--tk-space-3);border:1px solid var(--tkc-border);border-radius:var(--tk-radius-md);background:var(--tkc-bg);box-shadow:0 8px 32px #0002}.tk-compare-selected{display:flex;flex:1 1 300px;gap:6px;min-width:0}.tk-compare-bar button,.tk-compare-dialog button{background:var(--tkc-bg);color:var(--tkc-accent);border:1px solid var(--tkc-border);border-radius:var(--tk-radius-sm);padding:9px var(--tk-space-3);font:inherit;font-size:13px;min-height:40px;cursor:pointer}.tk-compare-selected button{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:250px}.tk-compare-bar button:disabled,.tk-compare-dialog button:disabled{opacity:.55;cursor:default}.tk-compare-notice{position:fixed;bottom:180px;left:50%;transform:translateX(-50%);z-index:10050;max-width:calc(100% - 32px);padding:var(--tk-space-3) 18px;border-radius:var(--tk-radius-control);background:var(--tk-primary);color:#fff;font:inherit;font-size:14px}.tk-compare-open{overflow:hidden}
.tk-compare-dialog{width:min(1140px,calc(100% - 32px));max-width:1140px;max-height:85dvh;padding:var(--tk-space-6);border:1px solid var(--tkc-border);border-radius:var(--tk-radius-md);background:var(--tkc-bg);overflow:auto}.tk-compare-dialog::backdrop{background:#102b38a8}.tk-compare-head{display:flex;align-items:center;justify-content:space-between;gap:var(--tk-space-4);margin-bottom:20px}.tk-compare-head h2{margin:0;font-size:24px;color:var(--tkc-text)}.tk-compare-columns{display:grid;grid-template-columns:repeat(var(--tk-compare-count,3),minmax(0,1fr));gap:var(--tk-space-4);margin-bottom:18px}.tk-compare-column{min-width:0;padding:var(--tk-space-4);border:1px solid var(--tkc-border);border-radius:var(--tk-radius-md);background:var(--tkc-bg)}.tk-compare-column h3{height:3.4em;overflow:auto;margin:0 0 12px;font-size:17px;line-height:1.6;overflow-wrap:anywhere}.tk-compare-column a{color:var(--tkc-accent)}.tk-compare-column dl{margin:14px 0}.tk-compare-row{padding:10px 0;min-height:82px;border-top:1px solid var(--tkc-border);overflow-wrap:anywhere}.tk-compare-row dt{font-size:12px;color:var(--tkc-muted);font-weight:400}.tk-compare-row dd{margin:5px 0 0;font-size:14px;color:var(--tkc-text);line-height:1.5}.tk-compare-dialog input{width:100%;padding:var(--tk-space-3);margin-top:10px;color:var(--tkc-text);background:var(--tkc-bg);border:1px solid var(--tkc-border)}
@media(min-width:701px){.tk-compare-columns{grid-template-rows:repeat(12,auto);align-items:stretch}.tk-compare-column{display:grid;grid-row:span 12;grid-template-rows:subgrid}.tk-compare-column dl{display:contents}.tk-compare-column h3{margin-bottom:0}.tk-compare-column>button{justify-self:start}.tk-compare-row{margin:0}}
@media(max-width:700px){.tk-compare-dialog{padding:var(--tk-space-4);width:calc(100% - 16px);max-height:88dvh}.tk-compare-head h2{font-size:19px}.tk-compare-columns{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:var(--tk-space-3);padding-bottom:var(--tk-space-3)}.tk-compare-column{flex:0 0 88%;scroll-snap-align:start}.tk-compare-bar{bottom:calc(76px + env(safe-area-inset-bottom));padding:var(--tk-space-2)}.tk-compare-selected{flex-basis:100%}.tk-compare-bar>button{flex:1}.tk-compare-trigger{font-size:11px}.tk-compare-selected button{font-size:11px;padding:var(--tk-space-2)}.tk-compare-notice{bottom:235px}}
@media print{.tk-compare-bar,.tk-compare-trigger,.tk-compare-dialog,.tk-compare-notice{display:none!important}}


.tk-compare-selected button svg{width:14px;height:14px;margin-left:5px;vertical-align:middle}

@media(min-width:701px){.tk-compare-columns{row-gap:0}}
.tk-compare-dialog-notice:empty{display:none}.tk-compare-dialog-notice{font-size:13px;color:var(--tkc-muted);margin:8px 0}
.tk-compare-head{position:sticky;top:-24px;padding:var(--tk-space-2) 0;background:var(--tkc-bg);z-index:2}
@media(max-width:700px){.tk-compare-head{top:-16px}}
.tk-compare-trigger svg{display:block;width:20px;height:20px;flex:none}


.tk-compare-trigger:focus-visible,.tk-compare-bar button:focus-visible,.tk-compare-dialog button:focus-visible{outline:3px solid #879e48;outline-offset:3px}
/* A real surface estimate is the card's bottom border, without extra card content. */
.tk-card-surface{position:absolute;left:0;right:0;bottom:0;height:4px;display:flex;z-index:2;pointer-events:auto}
.tk-card-surface>span{height:100%;display:block;flex:none}
.tk-card-surface::before{content:attr(data-tooltip);position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);padding:6px 9px;border-radius:7px;background:var(--tk-primary);color:#fff;font:inherit;font-size:11px;line-height:1.5;white-space:normal;opacity:0;pointer-events:none}
.tk-card-surface:hover::before,.tk-tour-result-card__link:focus-visible .tk-card-surface::before{opacity:1}
@media print{.tk-card-surface::before{display:none}}
/* Match the other title actions; selection is petrol/white with filled panels. */
.tk-tour .tt-actions .tk-compare-trigger[aria-pressed=true]{background:var(--tt-accent,var(--tk-primary));border-color:var(--tt-accent,var(--tk-primary));color:#fff}
.tk-compare-trigger[aria-pressed=true] svg rect{fill:currentColor;stroke:currentColor}
.tk-tour .tk-compare-trigger[aria-pressed=true] svg path{stroke:var(--tt-accent,var(--tk-primary))}
.tk-compare-bar{background:#e8f3f6;border:1px solid #9bbfcd;box-shadow:0 8px 36px rgba(0,65,85,.24),0 0 0 4px rgba(255,255,255,.7)}
.tk-compare-bar>button:first-of-type{background:var(--tk-primary);color:#fff;border-color:var(--tk-primary)}
body.dark .tk-compare-bar{background:#153b48;border-color:#40899a;box-shadow:0 8px 36px #0006,0 0 0 4px #153b4855}
.tk-compare-column>.tk-compare-remove{margin:10px 0 16px;align-self:start}
.tk-compare-row dt,.tk-compare-profile>strong{display:flex;align-items:center;gap:7px}
.tk-compare-row dt svg,.tk-compare-profile>strong svg,.tk-compare-remove svg{width:17px;height:17px;flex:none;color:var(--tkc-accent)}
.tk-compare-remove{display:inline-flex;align-items:center;gap:6px}
.tk-compare-profile{height:158px;padding:10px var(--tk-space-2);margin-top:6px;background:rgba(0,104,135,.045);border-radius:var(--tk-radius-control);min-width:0}
.tk-compare-profile>strong{font-size:12px;color:var(--tkc-muted)}
.tk-compare-profile>svg{display:block;width:100%;height:104px;color:var(--tkc-accent)}
.tk-compare-profile small{display:block;font-size:10px;color:var(--tkc-muted)}
.tk-compare-profile-grid{stroke:var(--tkc-border);stroke-width:1;fill:none}
.tk-compare-profile-line{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}
.tk-compare-profile-empty{font-size:12px;color:var(--tkc-muted);margin-top:32px}
@media(min-width:701px){.tk-compare-column{grid-row:span 12}.tk-compare-columns{grid-template-rows:repeat(12,auto)}}