/* One Edem UI layer for main, diesel and road-cost. No script or business-state ownership. */
html.edem-wtf {
  --edem-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --edem-ui-text:17px;
  --edem-ui-field:17px;
  --edem-ui-small:14px;
  --edem-ui-caption:12px;
  --edem-ui-ink:#272c24;
  --edem-ui-muted:#6b7066;
  --edem-ui-white:#fff;
  --edem-ui-offwhite:#f5f5f3;
  --edem-ui-hover:#ededeb;
  --edem-ui-focus:#878b83;
  --edem-ui-radius:14px;
  --edem-ui-card-radius:22px;
  --edem-ui-soft-shadow:0 2px 0 #e5e7e1,0 5px 16px #242b1e0b;
  --edem-font:var(--edem-ui-font);
  --edem-text-body:var(--edem-ui-text);
  --edem-text-field:var(--edem-ui-field);
  --edem-focus:var(--edem-ui-focus);
  --edem-radius-control:var(--edem-ui-radius);
  --edem-surface:#fff;
  --edem-surface-soft:var(--edem-ui-offwhite);
}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) {
  font-family:var(--edem-ui-font);
  font-size:var(--edem-ui-text);
  line-height:1.5;
  color:var(--edem-ui-ink);
  background:var(--edem-ui-white);
}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(button,input,select,textarea,dialog,.edem-profile-menu,.edem-menu-row,.edem-resource) {
  font-family:var(--edem-ui-font)!important;
}
/* Actual text controls only: native checkbox/radio/range/file/hidden behavior remains owned. */
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),select,textarea) {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  min-height:48px;
  padding:12px 14px;
  border:0!important;
  border-radius:var(--edem-ui-radius);
  background:var(--edem-ui-offwhite)!important;
  color:var(--edem-ui-ink);
  font-size:var(--edem-ui-field)!important;
  line-height:1.4;
  box-shadow:none!important;
}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(input,textarea)::placeholder {color:#7c8078;opacity:1}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(input[type=checkbox],input[type=radio]) {accent-color:#646a60}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(:where(button:not(.map-marker):not(.map-cluster):not(.leaflet-marker-icon):not(.maplibregl-marker)),.btn,.e-button,.e-button-primary,.calculate-button,.buyer-subscription-cta,.mobile-map-toggle,.help-open,.help-volunteer,.edem-primary-button) {
  min-height:46px;
  border:0;
  border-radius:var(--edem-ui-radius);
  background:var(--edem-ui-white);
  color:var(--edem-ui-ink);
  font-size:var(--edem-ui-text);
  font-weight:500;
  line-height:1.4;
  box-shadow:var(--edem-ui-soft-shadow);
  transition:none;
  transition-delay:0s;
}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(:where(button:not(.map-marker):not(.map-cluster):not(.leaflet-marker-icon):not(.maplibregl-marker)),.btn,.e-button,.e-button-primary,.calculate-button,.buyer-subscription-cta,.mobile-map-toggle,.help-open,.help-volunteer,.edem-primary-button):hover {background:var(--edem-ui-hover);color:var(--edem-ui-ink);transform:none;transition:none}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(:where(button:not(.map-marker):not(.map-cluster):not(.leaflet-marker-icon):not(.maplibregl-marker)),.btn,.e-button,.e-button-primary,.calculate-button,.buyer-subscription-cta,.mobile-map-toggle,.help-open,.help-volunteer,.edem-primary-button):active {transform:translateY(1px)}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible {outline:2px solid var(--edem-ui-focus)!important;outline-offset:3px;box-shadow:none!important}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(input,select,textarea):focus:not(:focus-visible) {outline:none!important;box-shadow:none!important}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(a,.text-button,.object-link,.quiet):hover {background-color:transparent;color:#555b51;transition:none;transition-delay:0s}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) :is(input,select,textarea,button):disabled {cursor:default;opacity:.55}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) input[type=file] {font-size:var(--edem-ui-small);max-width:100%;min-width:0}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) input[type=file]::file-selector-button {font:inherit;min-height:44px;margin:4px 12px 5px 0;padding:11px 15px;border:0;border-radius:var(--edem-ui-radius);background:#fff;color:var(--edem-ui-ink);box-shadow:var(--edem-ui-soft-shadow);cursor:pointer;transition:none}
html.edem-wtf body:is(.edem-help-page,.edem-wtf-surface,.edem-diesel-surface,.edem-road-cost-surface) input[type=file]::file-selector-button:hover {background:var(--edem-ui-hover)}
/* The sections below apply only to the existing two service documents. */
body:is(.edem-diesel-surface,.edem-road-cost-surface) {--ink:var(--edem-ui-ink);--muted:var(--edem-ui-muted);--warm:var(--edem-ui-offwhite);--paper:#fff;--bg:#fff}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(h1,h2,h3,legend) {color:var(--edem-ui-ink);font-family:var(--edem-ui-font);font-weight:500;letter-spacing:-.015em}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(h1) {font-size:28px;line-height:1.25}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(h2,legend) {font-size:20px;line-height:1.35}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.field,.form-section label,.search-label,.field-label) {font-size:var(--edem-ui-small);font-weight:400;line-height:1.5}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.field-hint,.form-hint,.body-muted,.category-guide,.calculation-note,.map-summary,.scope-note,.source-label,.distance,.card-address,.price-caption,.seller-mini,.list-footer,.operator-rules,.fact-label,.detail-price-caption) {color:var(--edem-ui-muted);font-size:var(--edem-ui-small);line-height:1.55}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.form-error,.field-error,.form-fields-error,.form-status.is-error,.error-message) {color:var(--edem-danger,#ac2830);background:transparent;border:0;border-radius:0;box-shadow:none;font-size:var(--edem-ui-small);line-height:1.5}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.offer-card,.own-card,.request-row,.empty-state,.subscription-card,.subscription-point,.form-panel,.map-card,.map-panel,.contact-card) {border:0;border-radius:var(--edem-ui-card-radius);background:#fff;box-shadow:0 2px 12px #242b1e09;min-width:0}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.offer-card:hover,.offer-card.selected) {border:0;box-shadow:var(--edem-ui-soft-shadow);transform:none;transition:none}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.form-heading,.detail-header,.seller-card,.profile-notification-card,.subscriptions-notice,.comment-bubble,.station-point-selected) {border:0;background:var(--edem-ui-offwhite);color:var(--edem-ui-ink);border-radius:18px}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.btn-outline,.filter-chip,.remove-via,.dialog-close,.subscriptions-close,.modal-close,.map-controls button) {border:0;border-radius:var(--edem-ui-radius);background:#fff;color:var(--edem-ui-ink);box-shadow:var(--edem-ui-soft-shadow);transition:none}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.btn-outline,.filter-chip,.remove-via,.dialog-close,.subscriptions-close,.modal-close,.map-controls button):hover {background:var(--edem-ui-hover);transition:none}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.filter-chip[aria-pressed=true],.filter-tab.active,.search-mode-button.active,.route-mode-option:has(input:checked)) {border:0;background:var(--edem-ui-offwhite);color:var(--edem-ui-ink);box-shadow:inset 0 0 0 1px #d8dcd3}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.places-list,.place-suggestions,.popover,.edem-search-popover,.market-mode-menu) {border:0;background:#fff;border-radius:var(--edem-ui-card-radius);box-shadow:0 9px 28px #25321916}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.place-option:hover,.place-option[aria-selected=true],.city-option:hover,.region-option:hover,.edem-city-option:hover) {background:var(--edem-ui-hover)}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.btn,.filter-chip,.text-button,.calculate-button,.search-submit,.route-mode-option) {white-space:normal;overflow-wrap:anywhere}
/* Diesel: search, dynamic seller/purchase forms, subscriptions, cards and existing portal. */
body.edem-diesel-surface :is(.dt-chrome,.dt-chrome-portal) {font-family:var(--edem-ui-font);color:var(--edem-ui-ink)}
body.edem-diesel-surface .dt-chrome :is(.header,.search-area) {background:#fff}
body.edem-diesel-surface .dt-chrome :is(.points-link,.account) {border:0;background:#fff;box-shadow:var(--edem-ui-soft-shadow);border-radius:var(--edem-ui-radius)}
body.edem-diesel-surface .dt-chrome .category {background:transparent;border:0;box-shadow:none}
body.edem-diesel-surface .dt-chrome .category .category-art {border:0;background:#fff;box-shadow:var(--edem-ui-soft-shadow)}
body.edem-diesel-surface .dt-chrome .category.active .category-art {box-shadow:0 2px 0 #e5e7e1,0 4px 12px #242b1e0b,inset 0 0 0 1px #d8dcd3}
body.edem-diesel-surface :is(.dt-chrome,.dt-chrome-portal) #search-form.edem-search {border:0;background:#fff;box-shadow:var(--edem-ui-soft-shadow);border-radius:22px}
body.edem-diesel-surface :is(.dt-chrome,.dt-chrome-portal) #search-form.edem-search .search-submit {border:0;border-radius:var(--edem-ui-radius);background:#fff;color:var(--edem-ui-ink);box-shadow:var(--edem-ui-soft-shadow);transition:none}
body.edem-diesel-surface :is(.dt-chrome,.dt-chrome-portal) #search-form.edem-search .search-submit:hover {background:var(--edem-ui-hover)}
body.edem-diesel-surface :is(.dt-chrome,.dt-chrome-portal) #search-form.edem-search :is(#destination,.search-field,.field-value) {font-family:var(--edem-ui-font);color:var(--edem-ui-ink);border:0}
body.edem-diesel-surface :is(.dt-chrome,.dt-chrome-portal) #search-form.edem-search #destination {font-size:var(--edem-ui-field);background:transparent;box-shadow:none}
body.edem-diesel-surface :is(.dt-chrome,.dt-chrome-portal) #search-form.edem-search .search-field:focus-within {background:var(--edem-ui-offwhite)}
body.edem-diesel-surface :is(.input,.select,.textarea,.form-input) {border:0;background:var(--edem-ui-offwhite);font-size:var(--edem-ui-field);box-shadow:none;border-radius:var(--edem-ui-radius)}
body.edem-diesel-surface :is(#offer-form,#station-offer-summary) :is(.input,.select,.textarea,.btn,.station-point-choice,.station-search-cancel) {border:0;border-radius:var(--edem-ui-radius);font-family:var(--edem-ui-font);box-shadow:none}
body.edem-diesel-surface :is(#offer-form,#station-offer-summary) :is(.input,.select,.textarea) {font-size:var(--edem-ui-field);background:var(--edem-ui-offwhite)}
body.edem-diesel-surface :is(#offer-form,#station-offer-summary) :is(.btn,.station-point-choice,.station-search-cancel) {background:#fff;color:var(--edem-ui-ink);box-shadow:var(--edem-ui-soft-shadow);font-size:var(--edem-ui-text);transition:none}
body.edem-diesel-surface :is(#offer-form,#station-offer-summary) :is(.btn,.station-point-choice,.station-search-cancel):hover {background:var(--edem-ui-hover)}
body.edem-diesel-surface :is(.form-section,.vehicle-fields,.detail-separator) {border-color:#e9ebe6}
body.edem-diesel-surface :is(.offer-price,.detail-price,.purchase-price-number,.request-total) {font-family:var(--edem-ui-font);color:var(--edem-ui-ink);font-weight:500;font-variant-numeric:tabular-nums}
body.edem-diesel-surface .edem-service-nav {background:#fff;font-family:var(--edem-ui-font);font-size:var(--edem-ui-small);gap:4px 16px}
body.edem-diesel-surface .edem-service-nav>span {border:0;border-radius:12px;background:var(--edem-ui-offwhite);box-shadow:none}
body.edem-diesel-surface .edem-service-nav a:hover {background:transparent;color:var(--edem-ui-ink)}
/* Calculator: every original route/vehicle/price field, option, result and source stays present. */
body.edem-road-cost-surface .calculator-layout {grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:24px}
body.edem-road-cost-surface .form-panel {padding:22px}
body.edem-road-cost-surface :is(.field,.two-fields,.endpoint-row,.route-panel,.result,.result-header,.money-card,.breakdown) {min-width:0}
body.edem-road-cost-surface .field :is(input,select,textarea) {width:100%;min-width:0;border:0;background:var(--edem-ui-offwhite);font-size:var(--edem-ui-field);box-shadow:none}
body.edem-road-cost-surface :is(.vehicle-fields,.m11-options,.route-choice) {border:0}
body.edem-road-cost-surface .vehicle-fields {padding-top:22px;margin-top:22px}
body.edem-road-cost-surface .m11-options {border-radius:18px;background:var(--edem-ui-offwhite)}
body.edem-road-cost-surface .route-mode-option {border:0;border-radius:var(--edem-ui-radius);background:#fff;min-height:48px;padding:12px;box-shadow:var(--edem-ui-soft-shadow);font-size:var(--edem-ui-small)}
body.edem-road-cost-surface .route-mode-option input {accent-color:#646a60}
body.edem-road-cost-surface .calculate-button {background:#fff;color:var(--edem-ui-ink);border:0;font-size:var(--edem-ui-text);box-shadow:var(--edem-ui-soft-shadow)}
body.edem-road-cost-surface .calculate-button:hover {background:var(--edem-ui-hover)}
body.edem-road-cost-surface :is(.text-button,.operator-rules,.category-links a,.category-guide summary,.m11-result-button) {color:var(--edem-ui-muted);background:transparent;border:0;font-family:var(--edem-ui-font);font-size:var(--edem-ui-small);transition:none}
body.edem-road-cost-surface :is(.text-button,.operator-rules,.category-links a,.category-guide summary,.m11-result-button):hover {background:transparent;color:var(--edem-ui-ink);text-decoration:underline;text-underline-offset:3px}
body.edem-road-cost-surface .map-card {border:0;border-radius:var(--edem-ui-card-radius)}
body.edem-road-cost-surface :is(.map-title,.map-summary,.map-controls) {border:0;background:#fff;box-shadow:var(--edem-ui-soft-shadow);border-radius:var(--edem-ui-radius)}
body.edem-road-cost-surface .result-empty {border:0;background:var(--edem-ui-offwhite);border-radius:var(--edem-ui-card-radius);padding:24px}
body.edem-road-cost-surface :is(.money-card,.breakdown,.sources) {border:0;background:var(--edem-ui-offwhite);border-radius:18px;padding:18px}
body.edem-road-cost-surface .money-card.total {background:#fff;box-shadow:var(--edem-ui-soft-shadow)}
body.edem-road-cost-surface .money-card :is(strong,.amount,.money) {color:var(--edem-ui-ink);font-family:var(--edem-ui-font);font-variant-numeric:tabular-nums;font-weight:500}
body.edem-road-cost-surface :is(.warnings,.scope-note,.estimate-extra) {color:var(--edem-ui-muted);font-size:var(--edem-ui-small);line-height:1.55}
body.edem-road-cost-surface :is(.breakdown table,.breakdown th,.breakdown td) {font-family:var(--edem-ui-font);font-size:var(--edem-ui-small);overflow-wrap:anywhere}
body.edem-road-cost-surface .breakdown {overflow-x:auto}
body.edem-road-cost-surface .edem-site-header {background:#fff;font-family:var(--edem-ui-font)}
body.edem-road-cost-surface .edem-site-header .edem-site-brand {min-width:0;max-width:100%}
body.edem-road-cost-surface .edem-site-nav a {border:0;border-radius:var(--edem-ui-radius);font-size:var(--edem-ui-small);color:var(--edem-ui-muted)}
body.edem-road-cost-surface .edem-site-nav a[aria-current=page] {background:var(--edem-ui-offwhite);color:var(--edem-ui-ink);box-shadow:var(--edem-ui-soft-shadow)}
body.edem-road-cost-surface .edem-site-nav a:hover {background:transparent;color:var(--edem-ui-ink)}
body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(.edem-diesel-footer,.edem-site-footer,.site-guide) {font-family:var(--edem-ui-font);font-size:var(--edem-ui-small);color:var(--edem-ui-muted)}
@media(max-width:1050px) {body.edem-road-cost-surface .calculator-layout{grid-template-columns:1fr}body.edem-road-cost-surface .form-panel{padding:20px}}
@media(max-width:600px) {
  body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(h1){font-size:25px}
  body.edem-road-cost-surface .wrap{width:calc(100% - 30px)}
  body.edem-road-cost-surface .form-panel{padding:17px}
  body.edem-road-cost-surface .two-fields{gap:12px}
  body.edem-road-cost-surface .edem-site-header-inner{gap:12px;padding-block:14px}
  body.edem-road-cost-surface .edem-site-nav{gap:4px;justify-content:flex-start}
  body.edem-road-cost-surface .edem-site-nav a{padding:9px 10px;white-space:normal}
  body.edem-road-cost-surface :is(.money-card,.breakdown,.sources){padding:15px}
  body.edem-diesel-surface .form-section{padding-inline:18px}
  body.edem-diesel-surface .field-row{gap:12px}
}
@media(max-width:350px) {body.edem-road-cost-surface .two-fields{grid-template-columns:1fr}body.edem-road-cost-surface .edem-site-brand .brand-logo{width:min(224px,100%)}body.edem-diesel-surface .edem-service-nav{gap:4px 10px}}
@media(prefers-reduced-motion:reduce){body:is(.edem-diesel-surface,.edem-road-cost-surface) :is(button,a,input,select,textarea){transition:none;animation-duration:0s}}

/* Accepted route mode keyboard focus: neutral parent cue, no green fill or red field ring. */
body.edem-road-cost-surface #route-form .route-mode-option:has(input:focus-visible){background:var(--edem-ui-offwhite);border:0;border-color:transparent;box-shadow:none;outline:2px solid var(--edem-ui-focus);outline-offset:3px}

/* Shared skin for all existing ordinary web modals. Maps, chat geometry, scroll owners and actions stay owned. */
html.edem-wtf dialog:is(.dt-account-dialog,.edem-profile-menu,.edem-home-soon-dialog,.small-dialog,.form-dialog,.detail-dialog,.ride-dialog,.help-dialog:not(.help-inline)){border:0;border-radius:24px;background:#fff;color:#272c24;box-shadow:0 18px 70px #20251d24}
html.edem-wtf dialog:is(.dt-account-dialog,.edem-profile-menu,.edem-home-soon-dialog,.small-dialog,.form-dialog,.detail-dialog,.ride-dialog,.help-dialog:not(.help-inline))::backdrop{background:#272d2445;backdrop-filter:blur(3px)}
html.edem-wtf dialog:is(.dt-account-dialog,.edem-profile-menu,.edem-home-soon-dialog,.small-dialog,.form-dialog,.detail-dialog,.ride-dialog,.help-dialog:not(.help-inline)) :is(.dialog-close,.help-close,.edem-menu-toolbar button,.edem-home-soon-close){width:44px;height:44px;min-height:44px;flex-shrink:0;padding:0;border:0;border-radius:50%;background:transparent;color:#6b7066;box-shadow:none;transition:none}
html.edem-wtf dialog:is(.dt-account-dialog,.edem-profile-menu,.edem-home-soon-dialog,.small-dialog,.form-dialog,.detail-dialog,.ride-dialog,.help-dialog:not(.help-inline)) :is(.dialog-close,.help-close,.edem-menu-toolbar button,.edem-home-soon-close):hover{background:#f0f0ed;transition:none}
html.edem-wtf dialog:is(.dt-account-dialog,.edem-profile-menu,.edem-home-soon-dialog,.small-dialog,.form-dialog,.detail-dialog,.ride-dialog,.help-dialog:not(.help-inline)) .help-head{border-bottom:0;background:#fff}
/* Signed-in profile uses the same compact component; the guest variant below is smaller. */
#edem-profile-menu{position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 32px));height:fit-content;transform:none;min-height:0;max-height:calc(100dvh - 32px);max-block-size:calc(100dvh - 32px);padding:0;overflow:hidden;border:0;border-radius:26px;background:#fff}
#edem-profile-menu[open]{display:flex;flex-direction:column}
#edem-profile-menu .edem-menu-toolbar{padding:16px 20px 0;gap:10px}
#edem-profile-menu .edem-menu-title{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.025em;padding:14px 24px 20px;margin:0;outline:none}
#edem-profile-menu .edem-menu-body{padding:0 24px 24px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#edem-profile-menu .edem-menu-group{margin:18px 0 0;padding:0;border:0}
#edem-profile-menu .edem-menu-group h3{font-size:13px;font-weight:500;color:#6b7066;text-transform:none;letter-spacing:0;margin:0 0 6px}
#edem-profile-menu .edem-menu-row{min-height:56px;border:0;border-radius:14px;padding:12px 10px;background:transparent;box-shadow:none;font-size:17px;line-height:1.4;gap:12px}
#edem-profile-menu .edem-menu-row:hover{background:#f5f5f3;transition:none}
#edem-profile-menu .edem-menu-row small{font-size:13px;line-height:1.45;color:#6b7066;margin-top:3px}
#edem-profile-menu .edem-menu-row svg{width:26px;height:26px;flex:none}
#edem-profile-menu .edem-menu-identity{padding:0 10px 12px;border:0;gap:4px}
#edem-profile-menu .edem-menu-identity strong{font-size:18px;font-weight:600}
#edem-profile-menu .edem-menu-identity span{font-size:13px;color:#6b7066}
@media(max-width:360px){#edem-profile-menu .edem-menu-title,#edem-profile-menu .edem-menu-body{padding-inline:20px}#edem-profile-menu .edem-menu-row{padding-inline:6px}}
/* Number fields are edited manually; native spinner controls are not interactive UI. */
html.edem-wtf input[type=number]{appearance:textfield;-moz-appearance:textfield}
html.edem-wtf input[type=number]::-webkit-inner-spin-button,html.edem-wtf input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Content-sized profile and country dialogs. Existing actions and identity remain with their owners. */
:is(#edem-profile-menu:has([data-edem-menu-guest]:not([hidden])),#flow-dialog[data-screen=profile][data-profile-guest=true]){position:fixed;inset:0;margin:auto;width:min(420px,calc(100% - 32px));height:fit-content!important;transform:none!important;min-height:0;max-height:calc(100dvh - 32px);max-block-size:calc(100dvh - 32px);padding:0;border:0;border-radius:26px;background:#fff;color:#272c24;box-shadow:0 18px 70px #20251d24;overflow:auto}
#edem-profile-menu:has([data-edem-menu-guest]:not([hidden]))[open]{display:block}
#edem-profile-menu:has([data-edem-menu-guest]:not([hidden])) .edem-menu-toolbar{position:absolute;right:16px;top:16px;padding:0;gap:0}
#edem-profile-menu:has([data-edem-menu-guest]:not([hidden])) .edem-menu-spacer{display:none}
#edem-profile-menu:has([data-edem-menu-guest]:not([hidden])) .edem-menu-title{display:flex;align-items:center;gap:12px;padding:26px 72px 24px 24px;font:600 24px/1.25 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.025em;margin:0}
#edem-profile-menu:has([data-edem-menu-guest]:not([hidden])) .edem-menu-title::before{content:'';flex:none;width:36px;height:36px;background:url('wtf/assets/wtf071/04-profile-128.webp') center/contain no-repeat}
#edem-profile-menu:has([data-edem-menu-guest]:not([hidden])) .edem-menu-body{padding:0 24px 26px;overflow:visible;flex:none}
#edem-profile-menu [data-edem-menu-guest] [data-edem-menu-login]{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;padding:14px 18px;border:0;border-radius:16px;background:#fff;color:#272c24;font-size:17px;box-shadow:0 2px 0 #e5e7e1,0 6px 20px #25301b0a}
#edem-profile-menu [data-edem-menu-guest] [data-edem-menu-login]::before{content:'';width:27px;height:27px;background:url('wtf/assets/wtf071/25-entry-exit-128.webp') center/contain no-repeat}
:is(#edem-country-settings,#flow-dialog[data-screen=locale]){position:fixed;inset:0;margin:auto;width:min(460px,calc(100% - 32px));height:fit-content!important;transform:none!important;min-height:0;max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:26px;box-shadow:0 18px 70px #20251d24;overflow:auto;background:#fff;color:#272c24}
#edem-country-settings>h2{display:flex;align-items:center;gap:12px;padding:3px 44px 0 0;margin:0 0 14px;font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.025em}
#edem-country-settings>h2::before{content:'';width:34px;height:34px;flex:none;background:url('wtf/assets/wtf071/02-map-128.webp') center/contain no-repeat}
#edem-country-settings .edem-country-close,#edem-profile-menu:has([data-edem-menu-guest]:not([hidden])) [data-edem-menu-close]{width:44px;height:44px;min-height:44px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;font-size:25px;line-height:1;box-shadow:none;background:transparent;color:#6b7066}
#edem-country-settings .edem-country-close{position:absolute;top:17px;right:15px}
#edem-country-settings>p{font-size:14px;line-height:1.5;color:#6b7066;margin:0 0 22px;max-width:34ch}
#edem-country-settings .help-region-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 14px;margin:0}
#edem-country-settings .help-region-settings>label{display:grid;gap:7px;font-size:14px;min-width:0;margin:0}
#edem-country-settings .help-region-settings>label:has([name=countryCode]),#edem-country-settings .help-region-settings>button,#edem-country-settings .help-region-settings>p{grid-column:1/-1}
#edem-country-settings .help-region-settings>p:empty{display:none}
#edem-country-settings .help-region-settings :is(input,select){width:100%;min-width:0;min-height:50px;padding:12px 14px;border:0;border-radius:14px;background:#f5f5f3;font-size:17px;color:#272c24;box-shadow:none}
#edem-country-settings .help-country-search-status:empty{display:none}
#edem-country-settings .help-country-options{max-height:min(220px,32dvh);overflow-y:auto;border:0;border-radius:14px;background:white;box-shadow:0 8px 28px #25301b18}
#edem-country-settings .help-region-settings>button{min-height:52px;margin:6px 0 2px;border:0;border-radius:16px;background:white;color:#272c24;font-size:17px;font-weight:500;box-shadow:0 2px 0 #e5e7e1,0 6px 20px #25301b0a}
:is(#edem-country-settings,#edem-profile-menu) button:hover{background:#f0f0ed;transition:none;transition-delay:0s}
:is(#edem-country-settings,#edem-profile-menu)::backdrop{background:#272d2445;backdrop-filter:blur(3px)}
:is(#edem-country-settings,#edem-profile-menu) :is(button,input,select):focus-visible{outline:2px solid #878b83;outline-offset:3px}
/* The same component in the offline walkthrough; its controls keep their own local handlers. */
#flow-dialog[data-screen=profile][data-profile-guest=true] .dialog-head,#flow-dialog[data-screen=locale] .dialog-head{display:flex;align-items:center;gap:12px;padding:24px 24px 22px;margin:0}
#flow-dialog[data-screen=profile][data-profile-guest=true] [data-flow-back]{display:none}
#flow-dialog[data-screen=profile][data-profile-guest=true] .dialog-head h2,#flow-dialog[data-screen=locale] .dialog-head h2{flex:1;margin:0;font-size:24px;line-height:1.25;font-weight:600;outline:0}
#flow-dialog[data-screen=profile][data-profile-guest=true] .window-title-icon,#flow-dialog[data-screen=locale] .window-title-icon{width:36px;height:36px;flex:none}
#flow-dialog[data-screen=profile][data-profile-guest=true] #flow-body{flex:none;padding:0 24px 26px}
#flow-dialog[data-screen=profile][data-profile-guest=true] #flow-body>.primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;padding:14px 18px;font-size:17px;border-radius:16px}
#flow-dialog[data-screen=profile][data-profile-guest=true] #flow-body .window-action-icon{width:27px;height:27px}
#flow-dialog[data-screen=locale]{padding:0}
#flow-dialog[data-screen=locale] #flow-body{padding:0 24px 26px}
#flow-dialog[data-screen=locale] [data-flow-back]{display:none}
#flow-dialog[data-screen=locale] .locale-note{margin:0 0 22px;color:#6b7066;font-size:14px;line-height:1.5}
#flow-dialog[data-screen=locale] .locale-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 14px}
#flow-dialog[data-screen=locale] .locale-fields>.field:first-child{grid-column:1/-1}
#flow-dialog[data-screen=locale] .field{display:grid;gap:7px;margin:0;font-size:14px;min-width:0}
#flow-dialog[data-screen=locale] .input{width:100%;min-width:0;min-height:50px;font-size:17px;padding:12px 14px;border-radius:14px;background:#f5f5f3}
#flow-dialog[data-screen=locale] #walk-save-country{width:100%;min-height:52px;margin-top:24px;font-size:17px;border-radius:16px}
:is(#flow-dialog[data-screen=profile][data-profile-guest=true],#flow-dialog[data-screen=locale]) [data-flow-close]{width:44px;height:44px;min-height:44px;padding:0;flex:none;border:0;background:transparent;box-shadow:none;border-radius:50%;font-size:25px;color:#6b7066}
:is(#flow-dialog[data-screen=profile][data-profile-guest=true],#flow-dialog[data-screen=locale]) [data-flow-close]:hover{background:#f0f0ed;transition:none}
@media(max-width:360px){#edem-country-settings,#edem-profile-menu:has([data-edem-menu-guest]:not([hidden])) .edem-menu-body{padding-inline:20px}#edem-profile-menu:has([data-edem-menu-guest]:not([hidden])) .edem-menu-title{padding-left:20px;font-size:22px}#edem-country-settings>h2{font-size:22px}:is(#flow-dialog[data-screen=profile][data-profile-guest=true],#flow-dialog[data-screen=locale]) .dialog-head{padding-inline:20px;gap:9px}:is(#flow-dialog[data-screen=profile][data-profile-guest=true],#flow-dialog[data-screen=locale]) .dialog-head h2{font-size:22px}:is(#flow-dialog[data-screen=profile][data-profile-guest=true],#flow-dialog[data-screen=locale]) #flow-body{padding-inline:20px}}
/* The country list stays inside the modal's scroll area instead of being clipped by the card. */
#edem-country-settings .help-country-options{position:static;inset:auto;margin-top:6px}