
.page-shell.mtt-tool-page {
  background: var(--mtt-surface);
}body:has(.mtt-tool-page) .mtt-navbar { background: var(--mtt-surface) !important; }body:has(.mtt-tool-page) .mtt-navbar > .container {
  width: calc(100% - 48px);
  max-width: 1400px;
  padding-inline: 0;
}body:has(.mtt-tool-page) .mtt-navbar .nav-link { color: var(--mtt-muted) !important; }body:has(.mtt-tool-page) .mtt-navbar input::placeholder { color: var(--mtt-muted) !important; }body:has(.mtt-tool-page) .mtt-navbar .navbar-toggler { padding: 10px; border: 0; line-height: 1; }body:has(.mtt-tool-page) .mtt-navbar .mtt-mega-menu .dropdown-item { white-space: normal; overflow-wrap: anywhere; }body:has(.mtt-tool-page) .mtt-navbar .navbar-toggler-icon {
  width: 24px;
  height: 18px;
  background: linear-gradient(var(--mtt-blue), var(--mtt-blue)) top / 100% 2px no-repeat,
    linear-gradient(var(--mtt-blue), var(--mtt-blue)) center / 100% 2px no-repeat,
    linear-gradient(var(--mtt-blue), var(--mtt-blue)) bottom / 100% 2px no-repeat;
}.mtt-tool-page > .breadcrumbs { display: none; }.mtt-page { color: var(--mtt-text); }.mtt-page [hidden] { display: none !important; }.mtt-page :is(section, form, aside, article, div, label) { min-width: 0; }.mtt-page :is(h1, h2, h3, h4, p) { letter-spacing: 0; }.mtt-page :is(h2, h3, h4) { overflow-wrap: anywhere; }.mtt-page h2 { font-size: 1.75rem; line-height: 1.25; font-weight: 500; }.mtt-page h3 { font-size: 1.25rem; line-height: 1.35; font-weight: 500; }.mtt-page .eyebrow { font-size: .8rem; font-weight: 500; letter-spacing: 0; }.mtt-page :is(button, .button-link, .tool-card, .result-panel, details) {
  box-shadow: none;
}.mtt-page :is(button, a) { scroll-margin-top: 110px; }.mtt-page [id] { scroll-margin-top: 110px; }.mtt-page :is(input, select, textarea) {
  max-width: 100%;
  min-width: 0;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 400;
}.mtt-page :is(input, textarea)::placeholder {
  color: var(--mtt-muted) !important;
  opacity: 1;
}.mtt-page :is(input, select, textarea, button, a):focus-visible {
  outline: 2px solid var(--mtt-blue);
  outline-offset: 3px;
}.mtt-page .mtt-page-root {
  display: block;
  position: static;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}.mtt-page > :is(section, form, .notice):not(.mtt-page-root):not(.mtt-page-hero),
.mtt-page-root > :is(section, form, .nearby-shell, .mtt-summary-row):not(.mtt-page-hero):not(.visited-form) {
  width: min(1140px, calc(100% - 48px));
  max-width: none;
  margin: 0 auto 32px;
}.mtt-page > :is(.section, .notice),
.mtt-page-root > :is(.section, .notice, .passport-rank-method, .jetlag-plan-section, .adapter-section, .travel-region-browser, .real-size-ranking) {
  padding-block: 48px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}.mtt-page .mtt-page-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0 0 24px;
  padding: 25px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}.mtt-page .mtt-page-hero .bh-hero-copy {
  width: min(475px, calc(100% - 64px));
  max-width: none;
  margin: 0 0 0 auto;
  padding: 35px 50px 35px 0;
}.mtt-page .mtt-page-hero h1 {
  margin: 0 0 20px;
  color: var(--mtt-navy);
  font-size: 2.48832rem;
  font-weight: 500;
  line-height: 1.2;
  text-wrap: balance;
}.mtt-page .mtt-page-hero p:not(.eyebrow) {
  margin: 0 0 24px;
  color: var(--mtt-muted);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
}.mtt-page .mtt-page-hero .bh-eyebrow { margin: 0 0 16px; }.mtt-page .mtt-page-hero-art {
  position: relative;
  padding: 20px 24px 20px 0;
  border: 0;
  background: transparent;
}.mtt-page .mtt-page-hero-art .mtt-travel-art {
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
  animation: none;
}.mtt-page .mtt-page-hero .bh-button {
  display: inline-flex;
  gap: 12px;
  min-height: 48px;
  margin: 0;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 500;
  box-shadow: none;
}.mtt-page-secondary { display: block; width: fit-content; margin-top: 16px; font-size: .875rem; }.mtt-page :is(.section-heading, .weather-panel-head, .adapter-section__head) {
  text-align: left;
}.mtt-page .mtt-summary-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 40px;
  padding-block: 20px;
  border-block: 1px solid var(--mtt-line);
  color: var(--mtt-muted);
}.mtt-summary-row strong { color: var(--mtt-navy); margin-right: 6px; }.mtt-page :is(.tool-form, .currency-converter-card, .visa-workbench, .adapter-form, .real-size-picker) {
  border: 0;
  border-block: 1px solid var(--mtt-line);
  border-radius: 0;
  padding: 24px 0;
  background: transparent;
  box-shadow: none;
}.mtt-page :is(.visa-app, .schengen-app, .weather-index-app, .currency-converter-wrap, .jetlag-workbench, .fuel-workbench, .real-size-workbench) {
  padding: 24px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}.mtt-page :is(.visa-passport-panel, .visa-destination-panel, .visa-result-panel, .schengen-form-panel, .schengen-result-panel, .jetlag-panel, .visa-cost-controls, .visa-cost-result-panel, .fuel-route-panel, .fuel-cost-form, .fuel-result-panel, .adapter-result-panel) {
  border: 0;
  border-radius: 0;
  background: var(--mtt-soft);
  box-shadow: none;
}.mtt-page :is(.visa-passport-panel, .visa-destination-panel, .jetlag-control-panel, .visa-cost-controls, .fuel-route-panel, .fuel-cost-form) {
  background: transparent;
}.mtt-page :is(.tool-form, .visa-panel-head, .visa-cost-panel-head, .jetlag-form-head, .fuel-panel-heading, .adapter-form__head) h2 {
  font-size: 1.5rem;
}.mtt-page .tool-workspace { gap: 40px; }.mtt-page .tool-workspace > .result-panel {
  align-self: start;
  padding: 28px;
  border: 0;
  border-radius: 0;
  background: var(--mtt-soft);
}.mtt-page .metric-grid article {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--mtt-line);
  background: transparent;
}.mtt-page .currency-converter-wrap { margin-top: 0; }.mtt-page :is(.currency-pair-dashboard, .currency-rates-section, .currency-public-pairs, .currency-guide) {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}.mtt-page :is(.currency-pair-card, .currency-rate-card, .currency-public-pair) {
  background: var(--mtt-soft);
  box-shadow: none;
}.mtt-page .adapter-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  grid-template-areas: "form result";
  gap: 40px;
  align-items: start;
  padding: 24px 0;
}.mtt-page :is(.adapter-compare, .adapter-atlas, .adapter-pack-card, .adapter-destination-card, .adapter-faq, .adapter-next, .visa-guide-grid article, .jetlag-advice-grid article) {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}.mtt-page .adapter-empty h2 { font-size: 1.5rem; }.mtt-page :is(.adapter-empty, .adapter-answer) {
  background: var(--mtt-soft);
  color: var(--mtt-text);
  box-shadow: none;
}.mtt-page :is(.adapter-empty, .adapter-answer) h2 { color: var(--mtt-navy); font-size: 1.5rem; }.mtt-page :is(.adapter-empty, .adapter-answer) .eyebrow { color: var(--mtt-blue-dark); }.mtt-page .adapter-answer :is(p, small, dt, .adapter-answer__checks span) { color: var(--mtt-muted); }.mtt-page .adapter-answer :is(strong, dd),
.mtt-page .adapter-route > span,
.mtt-page .adapter-empty-flow span { color: var(--mtt-navy); }.mtt-page .adapter-answer__checks article,
.mtt-page .adapter-answer__facts div {
  border: 0;
  border-top: 1px solid var(--mtt-line);
  border-radius: 0;
  padding: 12px 0;
  background: transparent;
}.mtt-page .adapter-status { color: #167654; background: #eaf8f2; border-color: #b7e1cf; }.mtt-page .adapter-answer--required .adapter-status { color: #875c08; background: #fff6e6; border-color: #f2d7a5; }.mtt-page .adapter-compare-card { background: transparent; border: 0; }.mtt-page .adapter-plug-detail { background: var(--mtt-soft); }.mtt-page .adapter-plug-card { box-shadow: none; }.mtt-page .adapter-plug-card.is-active { background: var(--mtt-sky); }.mtt-page .country-codes-search,
.mtt-page .passport-rank-toolbar {
  border: 0;
  border-block: 1px solid var(--mtt-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 24px 0;
}.mtt-page :is(.country-code-directory, .passport-rank-table-section, .tap-water-list, .travel-region-browser, .visited-dashboard) {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}.mtt-page .data-table { background: var(--mtt-surface); }.mtt-page .data-table :is(td, th) { font-size: .9rem; }.mtt-page .data-table th { background: var(--mtt-soft); color: var(--mtt-navy); }.mtt-page .table-wrap { border-radius: 0; box-shadow: none; }.mtt-page .mtt-page-root > :is(.nearby-shell, .fuel-workbench, .visited-dashboard, .local-time-map-stage, .travel-region-map-shell, .tap-water-map-shell) {
  width: min(1400px, calc(100% - 48px));
}.mtt-page :is(.local-time-map-stage, .local-time-map-shell, .world-map-wrap, .travel-region-map-shell, .region-map, .jetlag-map-shell, .visited-map-shell, .visited-map-canvas, .real-size-map-panel) {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}.mtt-page :is(.visited-map-shell, .visited-map-canvas, .jetlag-map-shell, .region-map)::before,
.mtt-page :is(.visited-map-shell, .jetlag-map-shell, .region-map)::after { display: none; }.mtt-page .world-svg-map { background: transparent; }.mtt-page .nearby-shell { align-items: start; }.mtt-page .nearby-sidebar {
  border: 0;
  border-right: 1px solid var(--mtt-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 24px 0 0;
}.mtt-page .nearby-brand { grid-template-columns: 1fr; }.mtt-page .nearby-brand h2 { font-size: 1.5rem; }.mtt-page :is(.nearby-map-card, .fuel-map-stage) { box-shadow: none; border-radius: 8px; }.mtt-page .nearby-notice { padding-inline: 0; }.mtt-page .visited-toolbar {
  border: 0;
  border-block: 1px solid var(--mtt-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 20px 0;
}.mtt-page .visited-city-board { margin-top: 40px; }.mtt-page .visited-map-and-score { margin-top: 24px; }.mtt-page .visited-scoreboard { box-shadow: none; }.mtt-page :is(.visited-city-board, .visited-progress-panel, .visited-continent-card) { background: transparent; border: 0; box-shadow: none; }.mtt-page .visited-city-card__placeholder { background: var(--mtt-soft); }.mtt-page .visited-city-details { background: transparent; }.mtt-page .visited-stat { box-shadow: none; }.mtt-page .real-size-scale article { background: var(--mtt-soft); border: 0; }.mtt-page .real-size-orb { background: var(--mtt-blue); }.mtt-page .real-size-orb--second { background: #ed7754; }.mtt-page .visa-cost-receipt { min-height: 280px; background: var(--mtt-soft); border: 0; }.mtt-page .visa-empty-stage { box-shadow: none; border: 0; border-top: 1px solid var(--mtt-line); }.mtt-page .mtt-page-hero--compact .mtt-travel-art { max-width: 520px; }.mtt-page :is(.weather-location-panel, .weather-selected-dashboard, .weather-climate-panel, .weather-stat-section, .weather-directory, .weather-monthly-overview) {
  padding: 24px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}.mtt-page .weather-search-panel {
  padding: 24px 0;
  border: 0;
  border-block: 1px solid var(--mtt-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}.mtt-page :is(.weather-smart-card a, .weather-smart-card.is-primary a, .weather-average-chart, .weather-live-dashboard) {
  border: 0;
  border-radius: 8px;
  background: var(--mtt-soft);
  box-shadow: none;
}.mtt-page .weather-live-main { background: transparent; color: var(--mtt-text); }.mtt-page .weather-live-main :is(h2, strong) { color: var(--mtt-navy); }.mtt-page .weather-live-main :is(span, small) { color: var(--mtt-muted); }.mtt-page .weather-live-main .eyebrow { color: var(--mtt-blue-dark); }.mtt-page :is(.weather-live-metric-grid, .weather-climate-overview) article {
  border: 0; border-radius: 0; background: transparent;
}.mtt-page .weather-smart-card > a > strong { font-size: 1.75rem; }.mtt-page .weather-smart-card > a > b { font-size: 2.25rem; }.mtt-page .mtt-info-section { padding: 48px 0; }.mtt-info-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 32px; }.mtt-info-columns article { border-top: 1px solid var(--mtt-line); padding-top: 24px; }.mtt-info-columns p, .mtt-reading-copy { color: var(--mtt-muted); line-height: 1.7; }.mtt-reading-copy { max-width: 760px; }.mtt-page > .tool-form.auth-form { width: min(560px, calc(100% - 48px)); margin-bottom: 64px; }.mtt-page .auth-form :is(input, button[type="submit"]) { width: 100%; }.mtt-page .auth-form label { display: block; margin-bottom: 8px; }.mtt-page .auth-form .helptext { display: block; font-size: .875rem; color: var(--mtt-muted); }.mtt-tool-page > :is(.mtt-related-tools, .faq-section) {
  width: min(1140px, calc(100% - 48px));
  max-width: none;
  margin: 0 auto;
  padding: 64px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}.mtt-tool-page > .mtt-related-tools .tool-card,
.mtt-page .tool-card {
  padding: 20px 0;
  border: 0;
  border-top: 1px solid var(--mtt-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}.mtt-tool-page .mtt-related-tools__heading { display: block; margin-bottom: 28px; }.mtt-tool-page .tool-card__cta::after { content: ""; }.mtt-tool-page .tool-card__micro { padding: 0; border: 0; font-weight: 400; }@media (min-width: 1600px) {
  .mtt-page .mtt-page-hero .bh-hero-copy { width: 510px; }
}@media (min-width: 992px) and (max-width: 1399px) {
  body:has(.mtt-tool-page) .mtt-navbar > .container { flex-wrap: wrap; }
  body:has(.mtt-tool-page) .mtt-navbar .navbar-toggler { display: block; }
  body:has(.mtt-tool-page) .mtt-navbar .navbar-collapse { flex-basis: 100%; }
  body:has(.mtt-tool-page) .mtt-navbar .navbar-collapse:not(.show) { display: none !important; }
  body:has(.mtt-tool-page) .mtt-navbar .navbar-collapse.show { display: block !important; }
  body:has(.mtt-tool-page) .mtt-navbar .navbar-nav { flex-direction: column; align-items: stretch !important; }
  body:has(.mtt-tool-page) .mtt-navbar .dropdown-menu { position: static; }
  body:has(.mtt-tool-page) .mtt-navbar .mtt-mega-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}@media (max-width: 1399px) {
  body:has(.mtt-tool-page) .mtt-navbar .navbar-collapse { max-height: calc(100dvh - 84px); overflow-y: auto; }
  body:has(.mtt-tool-page) .mtt-navbar .dropdown-menu { width: 100%; min-width: 0; }
  body:has(.mtt-tool-page) .mtt-navbar .dropdown-item { white-space: normal; overflow-wrap: anywhere; }
}@media (max-width: 991px) {
  .mtt-page .adapter-workbench { gap: 24px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .mtt-page :is(.visa-result-panel, .schengen-result-panel) { order: 0; position: static; }
  .mtt-page .local-time-map-shell { width: 100%; margin-inline: 0; }
  .mtt-page .local-time-map-shell .world-svg-map {
    min-width: 0; width: 100%; height: auto; transform: none;
  }
  .mtt-page .travel-region-map-shell .region-map { min-height: 0; aspect-ratio: 2 / 1; }
  .mtt-page .travel-region-map-shell .world-svg-map { min-height: 0; display: block; }
  .mtt-page .tap-water-map-shell .world-map-wrap { min-height: 0; aspect-ratio: 2 / 1; }
  .mtt-page .tap-water-map-shell .world-svg-map { min-height: 0; display: block; }
  .mtt-info-columns { gap: 24px; }
}@media (max-width: 860px) {
  .mtt-page .nearby-shell { grid-template-columns: minmax(0, 1fr); }
  .mtt-page .nearby-map-stage { top: auto; }
  .mtt-page .nearby-sidebar { border: 0; padding: 24px 0; top: auto; }
}@media (max-width: 700px) {
  .mtt-page .adapter-workbench { grid-template-columns: 1fr; grid-template-areas: "form" "result"; }
  .mtt-page .nearby-sidebar { border: 0; padding: 24px 0; }
}@media (max-width: 600px) {
  body:has(.mtt-tool-page) .mtt-navbar .mtt-mega-grid { grid-template-columns: minmax(0, 1fr); }
  body:has(.mtt-tool-page) .mtt-navbar .navbar-brand span { font-size: 1.5rem !important; }
  body:has(.mtt-tool-page) .mtt-navbar .navbar-brand img { width: 36px; height: 36px; }
  .mtt-page .mtt-page-hero { grid-template-columns: 1fr; padding-top: 0; margin-bottom: 16px; }
  .mtt-page .mtt-page-hero .bh-hero-copy {
    width: auto;
    margin: 0 24px;
    padding: 25px 0 16px;
  }
  .mtt-page .mtt-page-hero h1 { font-size: 2.0736rem; margin-bottom: 16px; }
  .mtt-page .mtt-page-hero p:not(.eyebrow) { margin-bottom: 18px; }
  .mtt-page .mtt-page-hero-art { margin: 0 24px; padding: 0; }
  .mtt-page .mtt-page-hero-art .mtt-travel-art { max-width: 400px; }
  .mtt-page .mtt-page-hero--compact { grid-template-columns: minmax(0, 1fr) 90px; }
  .mtt-page .mtt-page-hero--compact .bh-hero-copy { margin-right: 0; }
  .mtt-page .mtt-page-hero--compact h1 { font-size: 1.75rem; }
  .mtt-page .mtt-page-hero--compact .mtt-page-hero-art { margin: 0 16px 0 0; }
  .mtt-page .mtt-page-hero--compact p:not(.eyebrow) { font-size: .875rem; }
  .mtt-page h2 { font-size: 1.5rem; }
  .mtt-page .tool-workspace { gap: 24px; }
  .mtt-info-columns { grid-template-columns: 1fr; }
  .mtt-page .mtt-info-section { padding: 32px 0; }
  .mtt-tool-page > :is(.mtt-related-tools, .faq-section) { padding-block: 40px; }
}