/* User-approved Travelodge visual template, locked 29 October 2026.
   Presentation only: existing field slots, evidence and canonical labels stay intact. */

:root{--raft-card-ink:#172630;--raft-card-blue:#2445d8;--raft-card-paper:#f7f8fa;--raft-card-line:#e1e5e9;--raft-card-muted:#68727c;--raft-card-heading:'Manrope',sans-serif;--raft-card-body:'DM Sans',sans-serif;--raft-card-radius:0px;--raft-card-shape-border:#a9bfff55;--raft-card-shape-fill:#8ca7ec16;--raft-card-shape-outer:#8ca7ec0d}
body .company-card.company-card-tiles{font-family:var(--raft-card-body);color:var(--raft-card-ink);background:var(--raft-card-paper);border:1px solid var(--raft-card-line);border-radius:var(--raft-card-radius);box-shadow:0 16px 44px #5a647313;overflow:hidden;padding:0}
body .company-card.company-card-tiles :is(h2,h3,h4,strong,dt){font-family:var(--raft-card-heading)}
body .company-card.company-card-tiles .company-header{position:relative;isolation:isolate;overflow:hidden;background:var(--raft-card-ink);color:#fff;padding:38px 44px;gap:25px;border-radius:0}
body .company-card.company-card-tiles .company-header:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:-110px;top:80px;width:360px;height:360px;border:1px solid var(--raft-card-shape-border);transform:rotate(35deg);box-shadow:0 0 0 50px var(--raft-card-shape-fill),0 0 0 100px var(--raft-card-shape-outer)}
body .company-card.company-card-tiles .company-header>div{min-width:0;position:relative;z-index:1}
body .company-card.company-card-tiles .company-header h2{font-size:clamp(32px,4.4vw,60px);font-weight:600;line-height:1.12;letter-spacing:-.05em;color:#fff;margin:17px 0}
body .company-card.company-card-tiles .company-header .eyebrow{color:#9aafff;font:700 9px var(--raft-card-heading);letter-spacing:.12em}
body .company-card.company-card-tiles .company-header .company-summary{font:400 16px/1.75 var(--raft-card-body);color:#e0e7ed;max-width:780px;margin:20px 0 0}
body .company-card.company-card-tiles .company-header img{flex-shrink:0;object-fit:contain;border-radius:3px;border:1px solid #ffffff24;padding:9px 12px;max-width:154px;max-height:72px;background:#a3adb5}
body .company-card.company-card-tiles .company-header .company-type{font:400 11px/1.7 var(--raft-card-body);color:#dce4ec}
body .company-card.company-card-tiles .company-header .company-tags :is(a,span){border:1px solid #ffffff2c;background:#ffffff05;color:#dce4ec;border-radius:0;font-size:11px;padding:6px 10px;text-decoration:none}
body .company-card.company-card-tiles .company-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;background:#fff;border-bottom:1px solid var(--raft-card-line)}
body .company-card.company-card-tiles .company-metrics>div{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:150px;padding:25px 24px;border:0;border-right:1px solid var(--raft-card-line);border-radius:0;background:#fff}
body .company-card.company-card-tiles .company-metrics>div:last-child{border-right:0}
body .company-card.company-card-tiles .company-metrics strong{color:var(--raft-card-ink);font-size:21px;font-weight:600;line-height:1.45;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
body .company-card.company-card-tiles .company-metrics small{color:var(--raft-card-muted);font-size:11px;line-height:1.7}
body .company-card.company-card-tiles .company-metrics>div>small:last-child:not(:first-child){margin-top:auto}
body .company-card.company-card-tiles .company-summary-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:26px 32px;background:var(--raft-card-paper)}
body .company-card.company-card-tiles .company-detail-tile{grid-column:span 2;display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid var(--raft-card-line);border-top:2px solid var(--raft-card-blue);border-radius:0;background:#fff}
body .company-card.company-card-tiles .company-detail-wide{grid-column:span 6}
body .company-card.company-card-tiles .company-detail-tile h3{font-size:10px;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;font-weight:600;color:#647383;margin:0 0 15px}
body .company-card.company-card-tiles .company-route-tile{padding:10px 12px;background:#eef1f7;border:1px solid #dce2ef;border-radius:0;color:var(--raft-card-ink)}
body .company-card.company-card-tiles .company-route-tile strong{font-size:12px;font-weight:500;color:var(--raft-card-ink)}
body .company-card.company-card-tiles .company-tags :is(span,a){background:#eef1f7;border:1px solid #dce2ef;border-radius:0;padding:6px 9px;color:#344b68;font-size:11px;line-height:1.6}
body .company-card.company-card-tiles .company-section{padding:30px 32px;border-top:1px solid var(--raft-card-line);background:var(--raft-card-paper)}
body .company-card.company-card-tiles .company-section>h3{font-size:23px;font-weight:600;letter-spacing:-.035em;line-height:1.35;color:var(--raft-card-ink);padding-left:0;border-left:0;margin:0 0 23px}
body .company-card.company-card-tiles .company-record{border:1px solid var(--raft-card-line);border-radius:0;background:#fff;padding:22px;margin:0 0 12px}
body .company-card.company-card-tiles .company-record h4{font-size:16px;font-weight:600;letter-spacing:-.025em;color:var(--raft-card-ink)}
body .company-card.company-card-tiles .company-record p{font-size:13px;line-height:1.8;color:#63717d}
body .company-card.company-card-tiles .company-record time{font:600 10px var(--raft-card-heading);color:#304b8c}
body .company-card.company-card-tiles :is(.company-record-extra,.company-contact-item,.company-information-section p){font-size:12px;line-height:1.8}
body .company-card.company-card-tiles .company-sources{font-size:11px;border-top:1px solid var(--raft-card-line);color:var(--raft-card-muted)}
body .company-card.company-card-tiles a{color:var(--raft-card-blue);text-underline-offset:4px;overflow-wrap:anywhere}
body .company-card.company-card-tiles .company-header a{color:#dce4ec}
body .company-card.company-card-tiles .company-source-footer{padding:26px 32px;background:#eef0f3;border-top:1px solid var(--raft-card-line);font-size:12px;color:#63717d}
body .company-card.company-card-tiles .company-source-footer summary{cursor:pointer;font-family:var(--raft-card-heading);font-weight:600}
body .company-card.company-card-tiles :is(a,summary):focus-visible{outline:3px solid #839cff;outline-offset:4px}
@media(max-width:700px){body .company-card.company-card-tiles .company-header{display:block;padding:27px 22px}body .company-card.company-card-tiles .company-header h2{font-size:38px}body .company-card.company-card-tiles .company-header img{max-width:128px;margin-bottom:18px}body .company-card.company-card-tiles .company-header .company-summary{font-size:15px}body .company-card.company-card-tiles .company-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body .company-card.company-card-tiles .company-metrics>div{padding:20px;min-height:135px;border-bottom:1px solid var(--raft-card-line)}body .company-card.company-card-tiles .company-metrics>div:nth-child(even){border-right:0}body .company-card.company-card-tiles .company-metrics>div:nth-child(n+3){border-bottom:0}body .company-card.company-card-tiles .company-summary-tiles{grid-template-columns:1fr;padding:22px;gap:12px}body .company-card.company-card-tiles :is(.company-detail-tile,.company-detail-wide){grid-column:1}body .company-card.company-card-tiles .company-section{padding:27px 22px}body .company-card.company-card-tiles .company-section>h3{font-size:21px}body .company-card.company-card-tiles .company-record{padding:18px}body .company-card.company-card-tiles .company-source-footer{padding:24px 22px}}
