@charset "UTF-8";
/* Generated by tools/build-chrome-css.py from css/site.css — do not edit. */
/* Chrome only: no reset, no body typography. The legacy Bootstrap pages
   load this INSTEAD of site.css. Never load both on one page. */

@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-var.woff2") format("woff2-variations");font-weight:300 900;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-var.woff2") format("woff2-variations");font-weight:200 800;font-display:swap}

:root{
  --ink:#16232e;
  --ink-2:#4c5f6e;
  --ink-3:#7b8c99;

  --navy:#143b52;
  --navy-700:#0d2939;
  --navy-300:#5b7f96;
  --navy-100:#e6edf2;

  --ivory:#faf7f2;
  --ivory-2:#f2ece3;
  --bg:#ffffff;
  --bg-alt:#faf7f2;

  --saffron:#c26a1d;
  --saffron-ink:#9c4f12;
  --saffron-100:#fbf0e5;
  --gold:#e5a623;
  --gold-700:#c98d13;
  --gold-100:#fdf3e0;

  --teal:#1f6b5e;
  --teal-100:#e7f1ee;

  --line:#e2dbd1;
  --line-soft:#efe9e1;

  --ok:#1f6b5e;
  --ok-bg:#e7f1ee;

  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --sh-1:0 1px 2px rgba(22,35,46,.05);
  --sh-2:0 2px 8px rgba(22,35,46,.07),0 12px 28px -18px rgba(22,35,46,.22);
  --sh-3:0 8px 20px rgba(22,35,46,.10),0 28px 60px -28px rgba(22,35,46,.30);

  --r-sm:3px;
  --r-md:6px;
  --r-lg:12px;

  --head-h:74px;
}

8.1  BUTTONS — restated on the new palette
   -------------------------------------------------------------------------- */
.tfi-head .btn,.tfi-drawer .btn,.tfi-mega .btn,.tfi-sticky .btn,.tfi-search .btn{
  font-family:var(--body);font-weight:600;font-size:15.04px;letter-spacing:-.005em;
  border-radius:var(--r-sm);padding:12.48px 22.4px;line-height:1.2;
  display:inline-flex;align-items:center;gap:8px;justify-content:center;
  border:1px solid transparent;text-decoration:none;cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
.tfi-head .btn:hover,.tfi-drawer .btn:hover,.tfi-mega .btn:hover,.tfi-sticky .btn:hover,.tfi-search .btn:hover{transform:translateY(-1px)}
.tfi-head .btn:active,.tfi-drawer .btn:active,.tfi-mega .btn:active,.tfi-sticky .btn:active,.tfi-search .btn:active{transform:none}
.tfi-head .btn--primary,.tfi-drawer .btn--primary,.tfi-mega .btn--primary,.tfi-sticky .btn--primary,.tfi-search .btn--primary{background:var(--saffron);border-color:var(--saffron);color:#fff}
.tfi-head .btn--primary:hover,.tfi-drawer .btn--primary:hover,.tfi-mega .btn--primary:hover,.tfi-sticky .btn--primary:hover,.tfi-search .btn--primary:hover{background:var(--saffron-ink);border-color:var(--saffron-ink);color:#fff}
.tfi-head .btn--navy,.tfi-drawer .btn--navy,.tfi-mega .btn--navy,.tfi-sticky .btn--navy,.tfi-search .btn--navy{background:var(--navy);border-color:var(--navy);color:#fff}
.tfi-head .btn--navy:hover,.tfi-drawer .btn--navy:hover,.tfi-mega .btn--navy:hover,.tfi-sticky .btn--navy:hover,.tfi-search .btn--navy:hover{background:var(--navy-700);border-color:var(--navy-700);color:#fff}
.tfi-head .btn--outline,.tfi-drawer .btn--outline,.tfi-mega .btn--outline,.tfi-sticky .btn--outline,.tfi-search .btn--outline{background:transparent;border-color:var(--line);color:var(--ink)}
.tfi-head .btn--outline:hover,.tfi-drawer .btn--outline:hover,.tfi-mega .btn--outline:hover,.tfi-sticky .btn--outline:hover,.tfi-search .btn--outline:hover{border-color:var(--ink);background:var(--ivory);color:var(--ink)}
.tfi-head .btn--onDark,.tfi-drawer .btn--onDark,.tfi-mega .btn--onDark,.tfi-sticky .btn--onDark,.tfi-search .btn--onDark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);color:#fff;backdrop-filter:blur(6px)}
.tfi-head .btn--onDark:hover,.tfi-drawer .btn--onDark:hover,.tfi-mega .btn--onDark:hover,.tfi-sticky .btn--onDark:hover,.tfi-search .btn--onDark:hover{background:#fff;border-color:#fff;color:var(--ink)}
.tfi-head .btn--lg,.tfi-drawer .btn--lg,.tfi-mega .btn--lg,.tfi-sticky .btn--lg,.tfi-search .btn--lg{padding:15.2px 28px;font-size:16px}

/* --------------------------------------------------------------------------
   8.2  SITE HEADER — sticky, with mega menu and global search
   -------------------------------------------------------------------------- */
.tfi-bar{background:var(--navy-700);color:#cfe0ea;font-size:12.48px;letter-spacing:.01em}
.tfi-bar__in{
  max-width:1280px;margin:0 auto;padding:7.2px 24px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
}
.tfi-bar a{color:#fff;text-decoration:none}
.tfi-bar a:hover{text-decoration:underline;text-underline-offset:3px}
.tfi-bar__est{color:#9fbccd}
.tfi-bar__links{display:flex;gap:20px;align-items:center}
@media(max-width:720px){.tfi-bar__est{display:none}.tfi-bar__in{justify-content:center}}

.tfi-head{
  position:sticky;top:0;z-index:60;background:#fff;
  border-bottom:1px solid var(--line-soft);
  transition:box-shadow .2s ease;
}
.tfi-head.is-stuck{box-shadow:var(--sh-2)}
.tfi-head__in{
  max-width:1280px;margin:0 auto;padding:0 24px;height:var(--head-h);
  display:flex;align-items:center;gap:24px;
}
.tfi-logo{display:flex;align-items:center;gap:11.2px;text-decoration:none;flex:0 0 auto}
.tfi-logo img{display:block;height:38px;width:auto}
.tfi-logo__txt{display:none}
@media(min-width:520px){.tfi-logo__txt{display:block;line-height:1.15}}
.tfi-logo__name{font-family:var(--display);font-size:16.96px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.tfi-logo__tag{font-size:10.08px;letter-spacing:.13em;text-transform:uppercase;color:var(--saffron-ink);font-weight:700}

.tfi-mainnav{display:none;margin-left:auto}
@media(min-width:1080px){.tfi-mainnav{display:flex;align-items:center;gap:.15rem}}
.tfi-mainnav > li{list-style:none;position:relative}
.tfi-mainnav ul{list-style:none;margin:0;padding:0}
.tfi-mainnav > li > a,.tfi-mainnav > li > button{
  font:inherit;font-size:14.4px;font-weight:600;color:var(--ink);
  background:none;border:0;cursor:pointer;text-decoration:none;
  padding:8.8px 11.52px;border-radius:var(--r-sm);
  display:inline-flex;align-items:center;gap:5.12px;
}
.tfi-mainnav > li > a:hover,.tfi-mainnav > li > button:hover,
.tfi-mainnav > li > button[aria-expanded="true"]{background:var(--ivory);color:var(--saffron-ink)}
.tfi-mainnav .caret{width:9px;height:9px;transition:transform .18s ease;flex:0 0 auto}
.tfi-mainnav > li > button[aria-expanded="true"] .caret{transform:rotate(180deg)}
.tfi-mainnav a[aria-current]{color:var(--saffron-ink)}

.tfi-head__actions{display:flex;align-items:center;gap:8px;margin-left:auto}
@media(min-width:1080px){.tfi-head__actions{margin-left:.75rem}}
.tfi-iconbtn{
  width:40px;height:40px;display:inline-grid;place-items:center;
  background:none;border:1px solid var(--line);border-radius:var(--r-sm);
  color:var(--ink);cursor:pointer;text-decoration:none;
}
.tfi-iconbtn:hover{border-color:var(--ink);background:var(--ivory)}
.tfi-iconbtn svg{width:19px;height:19px}
.tfi-wa{color:#1f6b5e;border-color:#cfe3dd}
.tfi-wa:hover{background:#e7f1ee;border-color:#1f6b5e}
.tfi-head__cta{display:none}
@media(min-width:760px){.tfi-head__cta{display:inline-flex}}
@media(min-width:1080px){.tfi-navtoggle{display:none}}

/* --------------------------------------------------------------------------
   8.3  MEGA MENU
   -------------------------------------------------------------------------- */
.tfi-mega{
  position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);
  min-width:min(940px,90vw);background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:25.6px;z-index:70;
}
.tfi-mega[hidden]{display:none}
.tfi-mega__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25.6px 32px}
.tfi-mega__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tfi-mega__h,.tfi-mega h3{
  font-family:var(--body);font-size:11.2px;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--saffron-ink);margin:0 0 12.8px;
  padding-bottom:8.8px;border-bottom:1px solid var(--line-soft);
}
.tfi-mega li{margin:0}
.tfi-mega li + li{margin-top:6.72px}
.tfi-mega a{
  font-size:14.08px;color:var(--ink-2);text-decoration:none;display:block;
  padding:2.24px 0;border-radius:2px;
}
.tfi-mega a:hover{color:var(--saffron-ink)}
.tfi-mega__feature{
  grid-column:span 1;background:var(--ivory);border-radius:var(--r-md);
  padding:17.6px;border:1px solid var(--line-soft);
}
.tfi-mega__feature p{font-size:13.6px;color:var(--ink-2);margin:6.4px 0 14.4px}
.tfi-mega__foot{
  margin-top:20.8px;padding-top:16px;border-top:1px solid var(--line-soft);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.44px;
}
.tfi-mega__foot a{color:var(--saffron-ink);font-weight:600;text-decoration:none}
.tfi-mega__foot a:hover{text-decoration:underline;text-underline-offset:3px}

/* --------------------------------------------------------------------------
   8.4  MOBILE DRAWER
   -------------------------------------------------------------------------- */
.tfi-drawer{
  position:fixed;inset:0;z-index:90;background:#fff;
  display:flex;flex-direction:column;overflow-y:auto;
}
.tfi-drawer[hidden]{display:none}
.tfi-drawer__top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 20px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:#fff;
}
.tfi-drawer__body{padding:8px 20px 32px}
.tfi-acc{border-bottom:1px solid var(--line-soft)}
.tfi-acc__btn{
  width:100%;font:inherit;font-size:16.32px;font-weight:600;color:var(--ink);
  background:none;border:0;padding:16px 0;display:flex;justify-content:space-between;
  align-items:center;cursor:pointer;text-align:left;gap:16px;
}
.tfi-acc__btn .caret{width:11px;height:11px;transition:transform .18s ease;color:var(--ink-3)}
.tfi-acc__btn[aria-expanded="true"] .caret{transform:rotate(180deg)}
.tfi-acc__panel{padding:0 0 16px}
.tfi-acc__panel[hidden]{display:none}
.tfi-acc__panel ul{list-style:none;margin:0;padding:0;display:grid;gap:1.6px}
.tfi-acc__panel a{display:block;padding:9.6px 14.4px;font-size:15.2px;color:var(--ink-2);text-decoration:none;border-radius:var(--r-sm)}
.tfi-acc__panel a:hover{background:var(--ivory);color:var(--saffron-ink)}
.tfi-acc__h,.tfi-acc__panel h4{
  font-family:var(--body);font-size:10.88px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ink-3);margin:14.4px 0 5.6px;padding-left:14.4px;
}
.tfi-drawer__cta{display:grid;gap:9.6px;margin-top:24px}

/* --------------------------------------------------------------------------
   8.5  GLOBAL SEARCH OVERLAY
   -------------------------------------------------------------------------- */
.tfi-search{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column}
.tfi-search[hidden]{display:none}
.tfi-search__scrim{position:absolute;inset:0;background:rgba(13,41,57,.55);backdrop-filter:blur(3px)}
.tfi-search__panel{
  position:relative;background:#fff;width:min(760px,100%);margin:0 auto;
  max-height:100%;display:flex;flex-direction:column;
  border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--sh-3);
}
@media(min-width:760px){
  .tfi-search{padding-top:6vh}
  .tfi-search__panel{border-radius:var(--r-lg);max-height:88vh}
}
.tfi-search__bar{display:flex;align-items:center;gap:12px;padding:16px 17.6px;border-bottom:1px solid var(--line-soft)}
.tfi-search__bar svg{width:20px;height:20px;color:var(--ink-3);flex:0 0 auto}
.tfi-search__input{
  flex:1;font:inherit;font-size:16.96px;border:0;outline:0;background:none;color:var(--ink);min-width:0;
}
.tfi-search__input::placeholder{color:var(--ink-3)}
.tfi-search__esc{
  font-size:11.2px;font-weight:700;letter-spacing:.08em;color:var(--ink-3);
  border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 8px;background:none;cursor:pointer;
}
.tfi-search__esc:hover{color:var(--ink);border-color:var(--ink)}
.tfi-search__body{overflow-y:auto;padding:8px 0 16px;flex:1;-webkit-overflow-scrolling:touch}
.tfi-search__group{padding:9.6px 0}
.tfi-search__group h3{
  font-family:var(--body);font-size:10.88px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ink-3);margin:0;padding:6.4px 18.4px 8px;
}
.tfi-search__group ul{list-style:none;margin:0;padding:0}
.tfi-hit{
  display:flex;gap:13.6px;align-items:flex-start;padding:9.92px 18.4px;
  text-decoration:none;color:inherit;border-left:3px solid transparent;
}
.tfi-hit:hover,.tfi-hit.is-active{background:var(--ivory);border-left-color:var(--saffron)}
.tfi-hit__ico{
  width:32px;height:32px;flex:0 0 auto;border-radius:var(--r-sm);display:grid;place-items:center;
  background:var(--navy-100);color:var(--navy);
}
.tfi-hit__ico svg{width:16px;height:16px}
.tfi-hit__t{font-weight:600;font-size:15.04px;line-height:1.35;color:var(--ink)}
.tfi-hit__t mark{background:var(--gold-100);color:var(--saffron-ink);padding:0 1px;border-radius:2px}
.tfi-hit__s{font-size:12.8px;color:var(--ink-3);margin-top:1.92px}
.tfi-search__empty{padding:35.2px 18.4px;text-align:center;color:var(--ink-2)}
.tfi-search__empty strong{display:block;color:var(--ink);font-size:16.32px;margin-bottom:5.6px}
.tfi-search__sugg{display:flex;flex-wrap:wrap;gap:7.2px;justify-content:center;margin-top:16px}
.tfi-chip{
  font:inherit;font-size:13.28px;background:var(--ivory);border:1px solid var(--line);
  color:var(--ink-2);border-radius:999px;padding:5.6px 12.8px;cursor:pointer;text-decoration:none;
}
.tfi-chip:hover{border-color:var(--saffron);color:var(--saffron-ink);background:var(--saffron-100)}
.tfi-search__foot{
  border-top:1px solid var(--line-soft);padding:11.2px 18.4px;display:flex;
  justify-content:space-between;align-items:center;gap:16px;font-size:12.48px;color:var(--ink-3);
}
.tfi-search__foot kbd{
  font:inherit;font-size:11.2px;border:1px solid var(--line);border-bottom-width:2px;
  border-radius:3px;padding:0.8px 5.12px;background:var(--ivory);color:var(--ink-2);
}
.tfi-search__all{color:var(--saffron-ink);font-weight:700;text-decoration:none}
.tfi-search__all:hover{text-decoration:underline;text-underline-offset:3px}

/* --------------------------------------------------------------------------
   
8.9  FOOTER
   -------------------------------------------------------------------------- */
.tfi-foot{background:var(--ink);color:#b9c8d3;font-size:14.08px}
.tfi-foot__in{max-width:1280px;margin:0 auto;padding:51.2px 24px 25.6px}
.tfi-foot__g{display:grid;gap:35.2px;grid-template-columns:1fr}
@media(min-width:680px){.tfi-foot__g{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.tfi-foot__g{grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:2.6rem}}
.tfi-foot h3{
  font-family:var(--body);font-size:11.2px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin:0 0 16px;
}
.tfi-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9.6px}
.tfi-foot a{color:#d5e2ea;text-decoration:none}
.tfi-foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.tfi-foot__about p{color:#a8bac7;line-height:1.65;margin:14.4px 0 0;max-width:38ch}
.tfi-foot__logo{display:flex;align-items:center;gap:10.4px}
.tfi-foot__logo img{height:34px;width:auto}
.tfi-foot__name{font-family:var(--display);font-size:16.32px;font-weight:600;color:#fff}
.tfi-foot address{font-style:normal;line-height:1.7;color:#c3d3dd}
.tfi-foot__ids{margin-top:16px;font-size:12.16px;color:#8ba2b1;display:grid;gap:4px;font-variant-numeric:tabular-nums}
.tfi-foot__soc{display:flex;gap:8px;margin-top:19.2px}
.tfi-foot__soc a{width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-sm);display:grid;place-items:center;color:#d5e2ea}
.tfi-foot__soc a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}
.tfi-foot__soc svg{width:16px;height:16px}
.tfi-foot__rec{
  margin-top:41.6px;padding:18.4px 20.8px;border:1px solid rgba(255,255,255,.13);
  border-radius:var(--r-md);background:rgba(255,255,255,.03);
}
.tfi-foot__rec p{margin:0;color:#c9d8e2;line-height:1.6;font-size:13.6px}
.tfi-foot__rec b{color:#fff}
.tfi-foot__bot{
  margin-top:28.8px;padding-top:20.8px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.48px;color:#8ba2b1;
}
.tfi-foot__bot a{color:#a8bac7}

/* --------------------------------------------------------------------------
   8.10  MOBILE STICKY ACTION BAR
   -------------------------------------------------------------------------- */
.tfi-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;
  border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(22,35,46,.08);
  display:grid;grid-template-columns:auto auto 1fr;gap:8.8px;padding:9.6px 12.8px;
  padding-bottom:calc(9.6px + env(safe-area-inset-bottom));
}
@media(min-width:760px){.tfi-sticky{display:none}}
.tfi-sticky .btn{padding:11.2px 16px}
.tfi-sticky .tfi-iconbtn{width:44px;height:44px}
body.has-sticky{padding-bottom:76px}
@media(min-width:760px){body.has-sticky{padding-bottom:0}}

/* --------------------------------------------------------------------------
   
8.12  MOTION + REVEALS
   -------------------------------------------------------------------------- */
.u-reveal{opacity:1;transform:none}
.js .u-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.6,.3,1)}
.js .u-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .js .u-reveal{opacity:1;transform:none}
  .tfi-tile img,.tfi-tour__m img,.tfi-sigc img{transition:none}
}

.tfi-mega__h,.tfi-acc__h{margin-top:0}
.tfi-acc__h{margin:14.4px 0 5.6px;padding-left:14.4px}

/* --------------------------------------------------------------------------
   
8.13  BLOCKIFY LABEL PAIRS
   These title/description pairs are <span>s, chosen so the whole card can be a
   single <a>. Spans are inline by default, so without this the title and its
   description run together — "RajasthanForts, palaces and the Thar". Only the
   pairs whose parent is not already a flex column need it.
   -------------------------------------------------------------------------- */
.tfi-logo__name,.tfi-logo__tag,
.tfi-trust__t,.tfi-trust__d,
.tfi-tile__n,.tfi-tile__m,
.tfi-int__t,.tfi-int__d,
.tfi-sigc__t,.tfi-sigc__d,.tfi-sigc__l,
.tfi-rev__n,.tfi-rev__c,
.tfi-hit__t,.tfi-hit__s{display:block}
.tfi-sigc__l{display:inline-flex}
.tfi-hit > span:last-child{min-width:0;flex:1}

/* --------------------------------------------------------------------------
   8.14  HEADER FIT
   Seven nav items, a logo lockup and three actions do not fit 1232px of usable
   container at the sizes first chosen — the "Plan My Trip" button was pushed
   off the right edge and "India Tours" wrapped onto two lines. Tightened, and
   the logo wordmark now waits for the width to justify it.
   -------------------------------------------------------------------------- */
.tfi-head__in{gap:16px}
.tfi-logo__txt{display:none}
@media(min-width:1220px){.tfi-logo__txt{display:block}}
.tfi-mainnav > li > a,.tfi-mainnav > li > button{
  font-size:13.76px;padding:8px 9.28px;white-space:nowrap;
}
.tfi-mainnav{gap:0}
.tfi-head__actions{flex:0 0 auto}
.tfi-head .btn--sm,.tfi-drawer .btn--sm,.tfi-mega .btn--sm,.tfi-sticky .btn--sm,.tfi-search .btn--sm{padding:8.8px 16px;font-size:13.6px}

/* --------------------------------------------------------------------------
   

/* ==========================================================================
   LEGACY HARDENING — appended to css/tfi-chrome.css only.

   The 196 Bootstrap pages load bootstrap.min.css, bootstrap-theme.min.css and
   style.css BEFORE this file. Three of their rules reach into the new chrome
   and change how it looks, so the header on a tour page did not match the
   header on the homepage. Each fix below names the rule it is defending
   against. None of this is needed on template pages, which is why it lives
   here and not in site.css.
   ========================================================================== */

/* 1. Bootstrap's .caret is a CSS triangle: width:0;height:0 plus three
      borders. Our chevron is an <svg class="caret">, so it was collapsed to
      nothing and Bootstrap's borders were drawn around it — the nav showed
      solid black triangles instead of thin chevrons. */
.tfi-mainnav .caret,
.tfi-acc__btn .caret{
  border:0 !important;
  width:9px;height:9px;
  display:inline-block;vertical-align:middle;
}
.tfi-acc__btn .caret{width:11px;height:11px}

/* 2. The skip link is positioned off-screen by a rule in site.css, which the
      legacy pages do not load — so "Skip to main content" was printed at the
      top of every tour page. */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--navy);color:#fff;padding:11px 18px;
  border-radius:0 0 var(--r-sm) 0;text-decoration:none;font-weight:600;font-size:14px;
}
.skip-link:focus{left:0}

/* 3. style.css sets body{font-family:'Roboto', sans-serif}. The chrome
      inherited it, so the header and footer were set in a different typeface
      from the rest of the site and read noticeably smaller at the same size.
      Every chrome root now states its own family, size and line-height. */
.tfi-bar,.tfi-head,.tfi-mega,.tfi-drawer,.tfi-search,.tfi-foot,.tfi-sticky{
  font-family:var(--body);
  font-size:16px;
  line-height:1.5;
  letter-spacing:-.005em;
  -webkit-font-smoothing:antialiased;
}
.tfi-logo__name,.tfi-foot__name{font-family:var(--display)}

/* Bootstrap's global box-sizing is content-box for some elements it does not
   claim; the chrome assumes border-box throughout. */
.tfi-bar *,.tfi-head *,.tfi-mega *,.tfi-drawer *,.tfi-search *,
.tfi-foot *,.tfi-sticky *{box-sizing:border-box}

/* Bootstrap gives every ul/p a bottom margin. The chrome sets its own spacing
   with flex/grid gaps, so the inherited margins double it up. */
.tfi-mega ul,.tfi-drawer ul,.tfi-foot ul,.tfi-search ul{margin:0;padding:0;list-style:none}
.tfi-bar p,.tfi-head p,.tfi-mega p:last-child,.tfi-foot__bot p{margin-bottom:0}
.tfi-foot address{margin-bottom:0}

/* style.css styles generic anchors; the chrome manages its own link colours. */
.tfi-head a,.tfi-mega a,.tfi-drawer a,.tfi-search a{text-decoration:none}

/* ==========================================================================
   LEGACY BODY ICONS
   Not chrome, but this is the only new stylesheet the legacy pages load.

   css/font-awesome.min.css was on the site; the webfont files it points at
   never were, so every icon rendered as an empty box. The 973 <i class="fa
   fa-*"> elements are now inline <svg class="tfi-ico">, drawn by
   tools/replace-icon-font.py. No webfont, no third-party request.

   The original sizeN classes are kept on the SVG because style.css sizes and
   colours them (font-size:50px, colour #27a300). width/height in em means the
   SVG picks that size up, and currentColor picks up that green.
   ========================================================================== */
.tfi-ico{
  width:1em;height:1em;
  display:inline-block;vertical-align:-.125em;
  fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.tfi-ico--solid{fill:currentColor;stroke:none}

/* --- Enquiry form honeypot ------------------------------------------------
   The sidebar enquiry form on the legacy pages carries an offscreen field that
   only a bot fills in; enquiry-submit.php discards any submission that has it
   filled. site.css defines this for the template pages, but the legacy pages
   load tfi-chrome.css instead, and without the rule the field renders as a
   visible "Company website" box in the middle of the form.

   Positioned offscreen rather than display:none deliberately: a bot that reads
   computed style skips a field that is display:none, which would defeat the
   whole mechanism. aria-hidden and tabindex="-1" keep it away from screen
   readers and the tab order. */
.hp { position: absolute !important; left: -9999px; top: 0; width: 1px; height: 1px; overflow: hidden; }