:root{
  --ink: #15231f;
  --muted: #61706a;
  --paper: #fbfcf8;
  --surface: #ffffff;
  --soft: #edf2e9;
  --line: #dce4d8;
  --green: #1c6b4a;
  --green-dark: #115039;
  --lime: #dff36a;
  --orange: #ff8c42;
  --danger: #a83232;
  --shadow: 0 18px 50px rgba(26, 53, 43, 0.11);
  --radius: 24px;
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}
.legacy-technical *{
  box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
}
body.legacy-technical{
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.55;
}
.legacy-technical a{
  color: inherit;
  text-underline-offset: 0.2em;
}
.legacy-technical button,.legacy-technical input,.legacy-technical select{
  font: inherit;
}
.legacy-technical .shell{
  width: min(1160px, calc(100% - 40px));
  margin-inline: auto;
}
.legacy-technical .narrow{
  max-width: 820px;
}
.legacy-technical .skip-link{
  position: fixed;
  z-index: 100;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  color: white;
  background: var(--ink);
  border-radius: 8px;
  transform: translateY(-150%);
}
.legacy-technical .skip-link:focus{
  transform: translateY(0);
}
.legacy-technical .prototype-bar{
  padding: 8px 20px;
  color: #27300d;
  background: var(--lime);
  font-size: 0.82rem;
  font-weight: 750;
  letter-spacing: 0.02em;
  text-align: center;
}
.legacy-technical .site-header{
  position: sticky;
  z-index: 10;
  top: 0;
  border-bottom: 1px solid rgba(220, 228, 216, 0.9);
  background: rgba(251, 252, 248, 0.93);
  backdrop-filter: blur(16px);
}
.legacy-technical .header-inner{
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.legacy-technical .brand{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.05rem;
  font-weight: 850;
  text-decoration: none;
}
.legacy-technical .brand-mark{
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: white;
  background: var(--green);
  border-radius: 12px 4px 12px 4px;
}
.legacy-technical nav{
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 0.92rem;
  font-weight: 650;
}
.legacy-technical nav a{
  text-decoration: none;
}
.legacy-technical nav a:hover,.legacy-technical nav a:focus-visible{
  color: var(--green);
}
.legacy-technical .nav-action{
  padding: 10px 15px;
  color: white;
  background: var(--ink);
  border-radius: 999px;
}
.legacy-technical nav .nav-action:hover,.legacy-technical nav .nav-action:focus-visible{
  color: white;
  background: var(--green-dark);
}
.legacy-technical .hero{
  overflow: hidden;
  padding: 92px 0 78px;
  background:
    radial-gradient(circle at 88% 16%, rgba(223, 243, 106, 0.65), transparent 25%),
    radial-gradient(circle at 8% 90%, rgba(255, 140, 66, 0.14), transparent 28%),
    var(--paper);
}
.legacy-technical .hero-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  align-items: center;
  gap: clamp(40px, 7vw, 100px);
}
.legacy-technical .eyebrow{
  margin: 0 0 14px;
  color: var(--green);
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.legacy-technical h1,.legacy-technical h2,.legacy-technical h3,.legacy-technical p{
  margin-top: 0;
}
.legacy-technical h1{
  max-width: 820px;
  margin-bottom: 24px;
  font-size: clamp(2.65rem, 6.4vw, 5.7rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}
.legacy-technical h2{
  margin-bottom: 16px;
  font-size: clamp(1.65rem, 3vw, 2.7rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}
.legacy-technical h3{
  margin-bottom: 12px;
  font-size: 1.45rem;
  line-height: 1.15;
}
.legacy-technical .lead{
  max-width: 750px;
  margin-bottom: 32px;
  color: #43534d;
  font-size: clamp(1.06rem, 2vw, 1.28rem);
}
.legacy-technical .hero-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.legacy-technical .button{
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border: 0;
  color: white;
  background: var(--green);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(28, 107, 74, 0.18);
  cursor: pointer;
  font-weight: 780;
  text-decoration: none;
}
.legacy-technical .button:hover,.legacy-technical .button:focus-visible{
  background: var(--green-dark);
  transform: translateY(-1px);
}
.legacy-technical .button-secondary{
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--line);
  box-shadow: none;
}
.legacy-technical .button-secondary:hover,.legacy-technical .button-secondary:focus-visible{
  color: var(--green-dark);
  background: white;
}
.legacy-technical .status-card{
  position: relative;
  padding: 34px;
  color: white;
  background: var(--ink);
  border-radius: 36px 10px 36px 10px;
  box-shadow: var(--shadow);
  transform: rotate(1.5deg);
}
.legacy-technical .status-card::after{
  content: "";
  position: absolute;
  width: 78px;
  height: 78px;
  right: -20px;
  bottom: -22px;
  background: var(--orange);
  border-radius: 50%;
  z-index: -1;
}
.legacy-technical .status-label{
  margin-bottom: 8px;
  color: var(--lime);
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.legacy-technical .status-card h2{
  font-size: 2rem;
}
.legacy-technical .check-list{
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.legacy-technical .check-list li::before{
  content: "✓";
  margin-right: 10px;
  color: var(--lime);
  font-weight: 900;
}
.legacy-technical .section{
  padding: 84px 0;
}
.legacy-technical .section-muted{
  background: var(--soft);
}
.legacy-technical .section-heading{
  max-width: 680px;
  margin-bottom: 34px;
}
.legacy-technical .section-heading > p:last-child,.legacy-technical .city-card p,.legacy-technical .site-footer p,.legacy-technical .legal-copy p,.legacy-technical .legal-copy li{
  color: var(--muted);
}
.legacy-technical .city-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.legacy-technical .city-card{
  min-height: 280px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: 0 8px 30px rgba(31, 58, 47, 0.06);
}
.legacy-technical .city-card-accent{
  background: #f6f9e2;
}
.legacy-technical .city-card p{
  max-width: 470px;
}
.legacy-technical .city-card a{
  margin-top: auto;
  color: var(--green-dark);
  font-weight: 800;
}
.legacy-technical .city-code{
  color: var(--orange) !important;
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}
.legacy-technical .split-callout{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.legacy-technical .split-callout > div{
  max-width: 720px;
}
.legacy-technical .page-hero{
  padding: 92px 0 54px;
  background: linear-gradient(145deg, #f4f8ee, var(--paper));
}
.legacy-technical .page-hero.compact{
  padding-bottom: 44px;
}
.legacy-technical .page-hero h1{
  font-size: clamp(2.4rem, 5vw, 4.7rem);
}
.legacy-technical .empty-state{
  margin-bottom: 54px;
  padding: 28px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  border: 1px dashed #aebbaa;
  background: white;
  border-radius: 20px;
}
.legacy-technical .empty-icon{
  flex: 0 0 auto;
  color: var(--orange);
  font-size: 2.7rem;
  line-height: 0.8;
}
.legacy-technical .empty-state p{
  margin: 0;
  color: var(--muted);
}
.legacy-technical .next-steps{
  margin-bottom: 36px;
}
.legacy-technical .mini-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.legacy-technical .mini-grid > div{
  padding: 18px;
  display: grid;
  gap: 6px;
  border-left: 3px solid var(--lime);
  background: var(--soft);
  border-radius: 0 12px 12px 0;
}
.legacy-technical .mini-grid span{
  color: var(--muted);
  font-size: 0.9rem;
}
.legacy-technical .form-shell{
  max-width: 700px;
}
.legacy-technical .form-section{
  padding-top: 38px;
}
.legacy-technical .application-form{
  display: grid;
  gap: 24px;
  padding: clamp(22px, 5vw, 42px);
  border: 1px solid var(--line);
  background: white;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.legacy-technical .field{
  display: grid;
  gap: 8px;
}
.legacy-technical .field label,.legacy-technical .checkbox-field label{
  font-weight: 760;
}
.legacy-technical .field input,.legacy-technical .field select{
  width: 100%;
  min-height: 50px;
  padding: 11px 13px;
  border: 1px solid #bfc9bb;
  color: var(--ink);
  background: white;
  border-radius: 10px;
}
.legacy-technical .field input:focus,.legacy-technical .field select:focus{
  outline: 3px solid rgba(223, 243, 106, 0.65);
  border-color: var(--green);
}
.legacy-technical .field-hint,.legacy-technical .field-error{
  margin: 0;
  font-size: 0.88rem;
}
.legacy-technical .field-hint{
  color: var(--muted);
}
.legacy-technical .field-error{
  color: var(--danger);
  font-weight: 700;
}
.legacy-technical .checkbox-field{
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 10px;
}
.legacy-technical .checkbox-field input{
  width: 20px;
  height: 20px;
  margin-top: 2px;
}
.legacy-technical .honeypot{
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.legacy-technical .success-message{
  margin-bottom: 20px;
  padding: 18px 20px;
  display: grid;
  gap: 3px;
  color: #173c2e;
  background: #e7f6e8;
  border: 1px solid #b9dcbc;
  border-radius: 14px;
}
.legacy-technical .legal-copy h2:not(:first-child){
  margin-top: 42px;
}
.legacy-technical .legal-copy li + li{
  margin-top: 8px;
}
.legacy-technical .site-footer{
  padding: 56px 0;
  color: white;
  background: var(--ink);
}
.legacy-technical .footer-grid{
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  gap: 60px;
}
.legacy-technical .footer-grid > div:last-child{
  display: grid;
  align-content: start;
  gap: 8px;
}
.legacy-technical .footer-grid h2{
  margin: 0 0 6px;
  color: var(--lime);
  font-size: 0.75rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.legacy-technical .footer-grid a{
  color: white;
}
.legacy-technical .footer-brand{
  margin-bottom: 18px;
}
@media (max-width: 760px){.legacy-technical .shell{
    width: min(100% - 28px, 1160px);
  }
.legacy-technical .header-inner{
    min-height: 66px;
  }
.legacy-technical nav a:not(.nav-action){
    display: none;
  }
.legacy-technical .hero{
    padding-top: 64px;
  }
.legacy-technical .hero-grid,.legacy-technical .city-grid,.legacy-technical .footer-grid{
    grid-template-columns: 1fr;
  }
.legacy-technical .status-card{
    transform: none;
  }
.legacy-technical .section{
    padding: 64px 0;
  }
.legacy-technical .split-callout{
    align-items: flex-start;
    flex-direction: column;
  }
.legacy-technical .mini-grid{
    grid-template-columns: 1fr;
  }

}
@media (prefers-reduced-motion: reduce){html{
    scroll-behavior: auto;
  }
.legacy-technical *,.legacy-technical *::before,.legacy-technical *::after{
    transition-duration: 0.01ms !important;
  }

}






/* Selected design B. Legacy technical styles are isolated. */
:root{color-scheme:light;--blue:#1651ff;--lime:#d6fc47;--ink:#111217;--muted:#616777;--surface:#f4f6fa;--border:#e6e9ef;font-family:Arial,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);line-height:1.5}
.design-b a{color:inherit;text-decoration:none}
.design-b button,.design-b summary,.design-b a{-webkit-tap-highlight-color:transparent}
.design-b svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.design-b img{display:block;max-width:100%}
.design-b a:focus-visible,.design-b summary:focus-visible{outline:3px solid #714bff;outline-offset:6px}
.design-b h1,.design-b h2,.design-b h3,.design-b p{margin:0}
.design-b h1,.design-b h2,.design-b h3{line-height:1.04;letter-spacing:-.05em}
.design-b h1{font-size:clamp(44px,5.35vw,76px);font-weight:900;line-height:1.04}
.design-b h2{font-size:clamp(30px,3.05vw,44px);font-weight:800}
.design-b h3{font-size:25px;font-weight:750}
.design-b .page{max-width:1280px;margin:0 auto;padding:0 36px}
.design-b .skip-link{position:fixed;left:20px;top:-100px;padding:12px 20px;background:#fff;z-index:20}
.design-b .skip-link:focus{top:12px}
.design-b .header{display:flex;align-items:center;gap:44px;min-height:112px}
.design-b .brand{font-size:23px;line-height:.94;font-weight:900;letter-spacing:-.05em;display:block;position:relative;padding-right:29px}
.design-b .brand span{position:absolute;right:0;bottom:-3px;font-size:42px;color:var(--lime);line-height:.8}
.design-b .desktop-nav{display:flex;gap:30px;font-size:14px;font-weight:600}
.design-b .desktop-nav a:hover,.design-b .details-link:hover{text-decoration:underline;text-underline-offset:5px}
.design-b .city-choice{position:relative;margin-left:auto;font-size:14px;color:var(--blue);z-index:5}
.design-b .city-choice summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:12px 0}
.design-b .city-choice summary::-webkit-details-marker,.design-b .mobile-menu summary::-webkit-details-marker{display:none}
.design-b .city-popover{position:absolute;right:0;top:55px;width:300px;padding:24px;border-radius:16px;background:white;border:1px solid var(--border);box-shadow:0 20px 50px #15234419;color:var(--ink)}
.design-b .city-popover strong{font-size:17px}
.design-b .city-popover p{font-size:14px;color:var(--muted);margin:12px 0}
.design-b .city-popover a{display:flex;gap:8px;align-items:center;color:var(--blue)}
.design-b .city-popover svg{width:18px}
.design-b .mobile-menu{display:none}
.design-b .hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;min-height:486px;margin:14px 0 36px}
.design-b .hero-copy{padding:20px 0;position:relative;z-index:2}
.design-b .eyebrow{font-size:12px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;margin-bottom:20px;color:var(--muted)}
.design-b .underlined{position:relative;white-space:nowrap}
.design-b .underlined:after{content:"";position:absolute;left:3%;right:-1%;height:5px;bottom:-9px;background:var(--lime);transform:rotate(-3deg);border-radius:10px}
.design-b .underlined:before{content:"";position:absolute;right:0;width:18%;height:5px;bottom:-16px;background:var(--lime);transform:rotate(-10deg);border-radius:10px}
.design-b .hero-text{font-size:20px;line-height:1.45;margin-top:29px;letter-spacing:-.025em}
.design-b .button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:58px;padding:15px 24px;border-radius:10px;font-size:17px;font-weight:700;line-height:1.3;transition:transform .18s,background-color .18s;cursor:pointer;max-width:100%}
.design-b .button:hover{transform:translateY(-2px)}
.design-b .button svg{width:23px;stroke-width:2}
.design-b .button-blue{background:var(--blue);color:white}
.design-b .button-blue:hover{background:#1042df}
.design-b .hero-button{min-width:300px;margin-top:24px}
.design-b .action-note{font-size:12px;color:#626b7d;margin-top:9px;max-width:300px;text-align:center}
.design-b .hero-collage{position:relative;height:465px;width:100%;min-width:0}
.design-b .bike-photo{position:absolute;width:60%;height:91%;top:0;left:0;object-fit:cover;object-position:50% 32%;clip-path:polygon(5% 0,100% 0,96% 94%,0 100%);border-radius:10px}
.design-b .parcel-photo{position:absolute;width:48%;height:70%;right:0;bottom:0;object-fit:cover;object-position:50% 32%;clip-path:polygon(0 5%,92% 0,100% 94%,3% 100%);border-radius:10px}
.design-b .graphic-arrow{position:absolute;top:15px;right:22%;width:88px;height:87px;display:grid;place-items:center;background:var(--lime);font-size:63px;font-weight:400;line-height:1;transform:rotate(4deg);border-radius:5px}
.design-b .route-graphic{position:absolute;right:0;top:88px;width:174px;height:113px;color:var(--blue);stroke-width:2}
.design-b .route-graphic circle{fill:var(--blue);stroke:white}
.design-b .city-label{position:absolute;bottom:0;left:8%;font-size:10px;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:700;padding:9px 11px;border-left:2px solid var(--lime)}
.design-b .section{margin-top:72px;scroll-margin-top:24px}
.design-b .services{margin-top:32px}
.design-b .section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:26px}
.design-b .section-heading p{color:var(--muted);font-size:14px}


.design-b .card-eda{background:var(--blue);color:#fff}
.design-b .card-dosta{background:var(--lime);color:var(--ink)}





.design-b .card-dosta .service-icon{background:var(--ink);color:var(--lime)}





.design-b .button-white{background:#fff;color:var(--ink)}
.design-b .button-white:hover{background:#f3f5fa}
.design-b .card-eda .button-white{color:var(--blue)}
.design-b .button-dark{background:var(--ink);color:white}
.design-b .button-dark:hover{background:#303239}
.design-b .details-link{font-size:12px;display:block;width:fit-content;margin-top:12px;opacity:.82}



.design-b .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.design-b .step{padding:26px;background:var(--surface);border-radius:15px;position:relative}
.design-b .step-top{display:flex;gap:18px;align-items:center;margin-bottom:36px}
.design-b .step-top>svg{width:30px;height:30px}
.design-b .step-number{background:var(--blue);color:#fff;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700}
.design-b .step h3{font-size:25px;margin-bottom:12px;line-height:1.15}
.design-b .step p{color:var(--muted);font-size:15px;line-height:1.5;max-width:285px}
.design-b .faq{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding-top:28px}
.design-b .faq-heading h2{line-height:1.06}
.design-b .faq-heading>p:last-child{color:var(--muted);margin-top:20px;font-size:15px}
.design-b .faq-list details{border-bottom:1px solid var(--border)}
.design-b .faq-list details:first-child{border-top:1px solid var(--border)}
.design-b .faq-list summary{padding:22px 0;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;font-weight:600;line-height:1.45;min-height:66px}
.design-b .faq-list summary::-webkit-details-marker{display:none}
.design-b .faq-list summary span{color:var(--blue);font-size:30px;font-weight:400;flex:none;transition:transform .2s}
.design-b .faq-list details[open] summary span{transform:rotate(45deg)}
.design-b .faq-list details>p{padding:0 35px 22px 0;font-size:15px;color:var(--muted);line-height:1.6}
.design-b .final-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--blue);color:#fff;padding:40px;border-radius:18px;margin-top:88px}
.design-b .final-cta .eyebrow{color:#ffffff;margin-bottom:12px}
.design-b .final-cta h2{font-size:39px}
.design-b .final-cta p:last-child{color:#ffffff;margin-top:13px;font-size:15px}
.design-b .final-cta .button{min-width:240px;color:var(--blue)}
.design-b .footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 0}
.design-b .footer p{font-size:11px;color:var(--muted);line-height:1.65}
.design-b .footer>a:last-child{font-size:13px;font-weight:600}
.design-b .breadcrumbs{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-top:12px}
.design-b .breadcrumbs a:hover{color:var(--blue)}
.design-b .offer-hero{gap:60px;margin-top:22px;min-height:535px}
.design-b .offer-hero h1{font-size:clamp(43px,5.15vw,73px)}
.design-b .offer-visual{position:relative;height:515px;margin-right:16px}
.design-b .offer-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;clip-path:polygon(6% 0,100% 3%,97% 100%,0 94%);border-radius:14px}
.design-b .offer-visual .graphic-arrow{right:-16px;top:36px}
.design-b .benefit{padding:15px 10px 20px 0}
.design-b .benefit-icon{display:grid;place-items:center;background:#edffae;width:58px;height:58px;border-radius:16px;margin-bottom:22px;color:var(--ink)}
.design-b .benefit-icon svg{width:30px;height:30px}
.design-b .benefit h2{font-size:26px;line-height:1.15;margin-bottom:13px}
.design-b .benefit p{font-size:15px;line-height:1.6;color:var(--muted);max-width:310px}
@media(min-width:1000px) and (max-width:1150px){.design-b h1{font-size:61px}



}
@media(max-width:999px){.design-b .page{padding:0 25px}
.design-b .header{gap:25px;min-height:94px}
.design-b .desktop-nav{gap:18px}
.design-b .hero{gap:10px;min-height:420px}
.design-b h1{font-size:clamp(40px,5.65vw,58px)}
.design-b .hero-text{font-size:17px}
.design-b .hero-collage{height:400px}
.design-b .hero-button{min-width:260px}
.design-b .hero .action-note{max-width:260px}








.design-b .steps-grid{gap:14px}
.design-b .step{padding:22px}
.design-b .step h3{font-size:22px}
.design-b .step p{font-size:14px}
.design-b .faq{gap:40px}
.design-b .final-cta{padding:32px}
.design-b .final-cta h2{font-size:32px}
.design-b .final-cta .button{min-width:200px;font-size:15px}
.design-b .offer-hero{gap:35px;min-height:460px}
.design-b .offer-hero h1{font-size:clamp(39px,5.2vw,58px)}
.design-b .offer-visual{height:440px}
.design-b .offer-hero .hero-text br{display:none}
.design-b .footer{gap:18px}
.design-b .footer .brand{font-size:19px}
.design-b .footer p{font-size:10px}}
@media(max-width:699px){html{scroll-padding-top:16px}
.design-b .page{padding:0 22px;max-width:540px}
.design-b .header{min-height:85px;gap:20px;justify-content:space-between}
.design-b .brand{font-size:21px}
.design-b .desktop-nav,.design-b .city-choice{display:none}
.design-b .mobile-menu{display:block;position:relative;z-index:10;margin-left:auto}
.design-b .mobile-menu summary{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;list-style:none;cursor:pointer}
.design-b .mobile-menu summary>span{height:2px;width:25px;background:var(--ink)}
.design-b .mobile-menu nav{position:absolute;right:0;top:50px;border:1px solid var(--border);box-shadow:0 15px 35px #15234419;background:white;border-radius:12px;padding:9px;min-width:220px}
.design-b .mobile-menu nav a{display:block;padding:13px 14px;font-size:15px}
.design-b .mobile-menu nav a:hover{background:var(--surface);border-radius:6px}
.design-b .hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0;margin:15px 0 37px}
.design-b .hero-copy{padding:0}
.design-b .eyebrow{font-size:10px;margin-bottom:13px;letter-spacing:.12em}
.design-b h1{font-size:clamp(37px,10.7vw,58px);letter-spacing:-.065em;line-height:1.04}
.design-b .underlined:after{height:4px;bottom:-8px}
.design-b .underlined:before{height:4px;bottom:-14px}
.design-b .hero-text{font-size:17px;line-height:1.4;margin-top:26px}
.design-b .desktop-break{display:none}
.design-b .button{min-height:54px;gap:26px;font-size:16px;width:100%;padding:15px 18px}
.design-b .hero-button{min-width:0;margin-top:20px}
.design-b .hero .action-note{max-width:none;text-align:center;font-size:11px;margin-top:8px}
.design-b .hero-collage{height:310px;width:100%;margin-top:2px}
.design-b .bike-photo{width:61%;height:94%;object-position:50% 25%}
.design-b .parcel-photo{width:47%;height:71%;object-position:50% 30%}
.design-b .graphic-arrow{width:62px;height:62px;font-size:44px;right:20%;top:8px}
.design-b .route-graphic{width:108px;height:77px;top:66px;right:-2px}
.design-b .city-label{bottom:0;left:8%;font-size:8px;padding:5px 8px}
.design-b .section{margin-top:48px}
.design-b .services{margin-top:0}
.design-b .section-heading{display:block;margin-bottom:20px}
.design-b .section-heading h2{font-size:clamp(28px,7.3vw,37px);letter-spacing:-.05em}
.design-b .section-heading>p{font-size:12px;margin-top:9px}













.design-b .details-link{font-size:11px;margin-top:13px}


.design-b .steps-grid{grid-template-columns:1fr;gap:12px}
.design-b .step{padding:24px;border-radius:13px}
.design-b .step-top{margin-bottom:22px}
.design-b .step h3{font-size:24px}
.design-b .step p{font-size:14px;max-width:100%}
.design-b .faq{display:block;padding-top:5px}
.design-b .faq-heading .eyebrow{margin-bottom:12px}
.design-b .faq-heading h2{font-size:37px}
.design-b .faq-heading>p:last-child{margin-top:14px;font-size:14px}
.design-b .faq-heading>p:last-child br{display:none}
.design-b .faq-list{margin-top:24px}
.design-b .faq-list summary{font-size:15px;padding:18px 0;min-height:60px}
.design-b .faq-list details>p{font-size:14px;padding-right:5px}
.design-b .final-cta{display:block;margin-top:52px;padding:27px 24px;border-radius:14px}
.design-b .final-cta h2{font-size:33px;line-height:1.08}
.design-b .final-cta p:last-child{font-size:14px;line-height:1.4}
.design-b .final-cta .button{margin-top:25px;font-size:15px;min-width:0;width:100%}
.design-b .footer{padding:32px 0 27px;display:flex;flex-wrap:wrap;gap:20px}
.design-b .footer>.brand{font-size:21px}
.design-b .footer p{font-size:10px;flex-basis:100%;order:3}
.design-b .footer>a:last-child{margin-left:auto;font-size:12px}
.design-b .breadcrumbs{font-size:11px;margin-top:7px}
.design-b .offer-hero{margin-top:22px;gap:25px}
.design-b .offer-hero h1{font-size:clamp(37px,10.1vw,55px)}
.design-b .offer-hero .hero-text{font-size:16px}
.design-b .offer-visual{height:345px;margin:0 9px 0 0}
.design-b .offer-visual>img{object-position:50% 28%;clip-path:polygon(5% 0,100% 3%,97% 100%,0 95%)}
.design-b .offer-visual .graphic-arrow{right:-9px;top:20px}
.design-b .benefits .steps-grid{gap:24px}
.design-b .benefit{padding:0}
.design-b .benefit-icon{width:48px;height:48px;border-radius:13px;margin-bottom:17px}
.design-b .benefit h2{font-size:25px}
.design-b .benefit p{max-width:100%;font-size:14px}}
@media(max-width:359px){.design-b .page{padding:0 18px}
.design-b .brand{font-size:19px}
.design-b h1{font-size:36px}
.design-b .hero-text{font-size:16px}
.design-b .hero-collage{height:270px}







.design-b .final-cta h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.design-b .button,.design-b .faq-list summary span{transition:none}
.design-b .button:hover{transform:none}}


.design-b{font-family:Arial,"Segoe UI",sans-serif;color:var(--ink);color-scheme:only light}
.design-b .hero{padding-top:0;padding-bottom:0;position:relative}
.design-b .hero-copy{max-width:none}
.design-b .city-choice{display:flex;align-items:center;gap:7px}
.design-b .city-choice select{font:inherit;color:var(--blue);border:0;border-radius:7px;background:#fff;padding:11px 7px;min-height:44px;max-width:185px;cursor:pointer}
.design-b .city-choice select:focus-visible{outline:3px solid #714bff;outline-offset:3px}
.design-b .breadcrumbs{display:flex;gap:10px;color:var(--muted);margin-top:4px;font-size:12px;flex-wrap:wrap}
.design-b .city-headline{white-space:normal}
.prototype-bar{text-align:center;background:#edf2ff;color:#243d87;padding:9px 15px;font-size:12px}
.prototype-documents{text-align:center;font-size:12px;padding:0 0 22px}
.metrica-pixel{position:absolute;left:-9999px;width:1px;height:1px}
@media(max-width:699px){.design-b .city-choice{display:none}.design-b .hero{padding:0}.design-b .city-headline{font-size:.84em}.design-b .offer-hero h1{overflow-wrap:normal}.design-b .hero-copy .underlined{max-width:100%}}

.design-b .mobile-menu nav{display:block}
.design-b .button{border:0;box-shadow:none}


/* Mobile repair: global accessibility, SVG graphics and deliberate card layout. */
.skip-link{position:fixed;left:16px;top:16px;z-index:100;display:block;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:10px;background:#fff;color:#111217;box-shadow:0 4px 24px #11121722;transform:translateY(-180%);text-decoration:none;font:600 14px Arial,sans-serif}
.skip-link:focus{transform:translateY(0);outline:3px solid #1651ff;outline-offset:2px}
.design-b .graphic-arrow{display:grid;place-items:center}
.design-b .graphic-arrow svg{width:43px;height:43px;stroke-width:1.5}
.design-b .details-link,.design-b .footer>a:last-child{display:inline-flex;align-items:center;gap:5px}
.design-b .details-link svg,.design-b .footer>a:last-child svg{width:14px;height:14px;stroke-width:1.8}
.design-b .header{display:block;min-height:0}
.design-b .header-row{display:flex;align-items:center;gap:44px;min-height:102px;width:100%}
.design-b .menu-toggle{display:none}
.design-b .mobile-navigation[hidden]{display:none!important}
.design-b .mobile-navigation{display:none}
.design-b .underlined:before{display:none}
.design-b .underlined:after{bottom:-7px;height:4px;transform:rotate(-2deg)}
.design-b .city-label{display:none}

.design-b .hero-copy{min-width:0}
@media(max-width:999px){.design-b .header-row{gap:24px;min-height:88px}}
@media(max-width:699px){
  .design-b .page{padding:0 22px}
  .design-b .header-row{min-height:76px;gap:18px;justify-content:space-between}
  .design-b .brand{font-size:20px;letter-spacing:-.05em}
  .design-b .brand span{font-size:36px}
  .design-b .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border:0;border-radius:9px;background:transparent;color:#111217;padding:0;cursor:pointer}
  .design-b .menu-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .15s}
  .design-b .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
  .design-b .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .design-b .menu-toggle:focus-visible{outline:3px solid #1651ff;outline-offset:2px}
  .design-b .mobile-navigation{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;padding:4px 0 18px;width:100%;font-size:14px;align-items:stretch}
  .design-b .mobile-navigation a{display:flex;align-items:center;min-height:45px;padding:12px 14px;border-radius:9px;background:#f3f5fa;line-height:1.35;font-size:14px;font-weight:600}
  .design-b .mobile-navigation a:last-child{grid-column:1/-1}
  .design-b .hero{margin:12px 0 32px;gap:22px}
  .design-b .hero-copy>.eyebrow{font-size:10px;margin-bottom:16px}
  .design-b h1{font-size:clamp(35px,10.45vw,51px);font-weight:800;line-height:1.04;letter-spacing:-.06em}
  .design-b .hero-text{font-size:16px;line-height:1.5;margin-top:22px}
  .design-b .hero-button{margin-top:19px;min-height:53px;font-size:15px;border-radius:10px;gap:18px}
  .design-b .hero .action-note{font-size:10px;margin-top:9px}
  .design-b .hero-collage{height:246px;margin-top:3px}
  .design-b .bike-photo{height:96%;width:61%;object-position:50% 22%;border-radius:9px;clip-path:polygon(3% 0,100% 0,97% 93%,0 100%)}
  .design-b .parcel-photo{width:47%;height:72%;object-position:50% 22%;border-radius:9px}
  .design-b .graphic-arrow{width:51px;height:51px;right:21%;top:8px;border-radius:5px;transform:rotate(3deg)}
  .design-b .graphic-arrow svg{width:30px;height:30px}
  .design-b .route-graphic{width:104px;height:69px;top:59px;right:-1px}
  .design-b .services{margin-top:0}
  .design-b .section-heading{margin-bottom:20px}
  .design-b .section-heading h2{font-size:28px;letter-spacing:-.04em;line-height:1.14}
  .design-b .section-heading>p{font-size:12px;margin-top:7px}
  
  
  
  
  
  
  
  
  .design-b .transport,
  
  
  
  
  
  
  
  .design-b .details-link{grid-column:1/-1;grid-row:5;margin:2px 0 0;max-width:100%;font-size:11px;line-height:1.4;opacity:.85}
  .design-b .section{margin-top:44px}
  .design-b .services{margin-top:0}
  .design-b .steps-grid{gap:0;border-top:1px solid #e6e9ef}
  .design-b .step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px 15px;background:transparent;border-radius:0;padding:21px 0;border-bottom:1px solid #e6e9ef}
  .design-b .step-top{grid-column:1;grid-row:1/3;display:block;margin:0}
  .design-b .step-top>svg{display:none}
  .design-b .step-number{width:33px;height:33px;font-size:12px}
  .design-b .step h3{grid-column:2;grid-row:1;margin:2px 0 0;font-size:21px;line-height:1.18;letter-spacing:-.035em}
  .design-b .step p{grid-column:2;grid-row:2;font-size:13px;line-height:1.6;color:#656b78}
  .design-b .faq-heading h2{font-size:32px;letter-spacing:-.045em}
  .design-b .faq-heading>.eyebrow{font-size:9px}
  .design-b .final-cta h2{font-size:29px}
  .design-b .offer-visual{height:300px;margin-top:0}
  .design-b .offer-hero h1{font-size:clamp(34px,10.1vw,49px)}
}
@media(max-width:359px){
  .design-b .page{padding:0 18px}
  .design-b h1{font-size:35px}
  .design-b .hero-collage{height:212px}
  .design-b .hero-text{font-size:15px}
  
  
  
  
  
  
  .design-b .section-heading h2{font-size:26px}
  .design-b .offer-hero h1{font-size:33px}
}

/* Geography and useful search landing pages. */
.design-b [hidden]{display:none!important}
.design-b .city-trigger{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:#1651ff;font-size:14px;font-weight:600;min-height:44px;max-width:240px;line-height:1.3}
.design-b .city-trigger svg{width:20px;height:20px;flex-shrink:0}
.design-b .city-trigger span{overflow-wrap:anywhere}
.design-b .city-picker{width:min(640px,calc(100vw - 36px));max-height:80vh;max-height:80dvh;padding:26px;border:0;border-radius:20px;background:white;color:#111217;box-shadow:0 24px 80px #11121730;overflow:auto;margin:auto}
.design-b .city-picker::backdrop{background:#11121777;backdrop-filter:blur(3px)}
.design-b .city-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.design-b .city-picker-head h2{font-size:27px;line-height:1.1;letter-spacing:-.04em}
.design-b .city-picker-close{flex-shrink:0;width:40px;height:40px;border:0;border-radius:50%;font-size:28px;line-height:1;background:#f3f5fa;cursor:pointer;color:#111217}
.design-b .city-search-label{display:block;font-size:12px;margin:0 0 8px;color:#656b78}
.design-b .city-search{width:100%;border:1px solid #dde1eb;background:#f7f8fb;color:#111217;border-radius:10px;min-height:49px;padding:12px 14px;font:400 16px Arial,sans-serif;appearance:none}
.design-b .city-search:focus,.design-b .city-service-filter:focus{outline:3px solid #1651ff44;border-color:#1651ff;outline-offset:1px}
.design-b .city-search-status{font-size:12px;color:#656b78;margin:12px 0 16px;min-height:16px}
.design-b .city-picker-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.design-b .city-link{display:flex;flex-direction:column;gap:6px;border:1px solid #e8eaf1;border-radius:10px;padding:14px 16px;min-width:0;font-size:15px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.design-b .city-link:hover{border-color:#1651ff;background:#f5f7ff}
.design-b .city-link small{font-size:10px;font-weight:400;color:#656b78;line-height:1.5}
.design-b .city-picker-note{font-size:12px;line-height:1.6;margin-top:20px;color:#656b78}
.design-b .city-picker-note a,.design-b .directory-explanation a,.design-b .local-source a{color:#1651ff;text-decoration:underline;text-underline-offset:3px}
.design-b .directory-hero{max-width:850px;margin:48px 0 42px}
.design-b .directory-hero h1{font-size:clamp(48px,6vw,78px);line-height:1.05}
.design-b .directory-hero>p:last-child{max-width:650px;font-size:20px;line-height:1.6;margin-top:25px;color:#656b78}
.design-b .directory-controls{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;max-width:900px}
.design-b .directory-controls label>span{display:block;font-size:12px;color:#656b78;margin-bottom:9px}
.design-b .city-service-filter{width:100%;min-height:49px;padding:12px 14px;border:1px solid #dde1eb;border-radius:10px;background:#f7f8fb;color:#111217;font:400 16px Arial,sans-serif}
.design-b .cities-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.design-b .directory-explanation{max-width:860px;margin-bottom:65px}
.design-b .directory-explanation h2,.design-b .local-context h2{font-size:32px;letter-spacing:-.04em;line-height:1.2}
.design-b .directory-explanation p,.design-b .local-context>p{font-size:16px;line-height:1.75;color:#656b78;margin-top:18px}
.design-b .city-chips{display:flex;flex-wrap:wrap;gap:10px}
.design-b .city-chips a{display:inline-flex;align-items:center;gap:12px;background:#f3f5fa;padding:13px 17px;border-radius:9px;font-size:14px;line-height:1.4}
.design-b .city-chips .city-all{color:#1651ff}
.design-b .city-chips svg{width:17px;height:17px}
.design-b .guide-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.design-b .guide-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px;border:1px solid #e6e9ef;border-radius:12px;font-size:16px;line-height:1.5}
.design-b .guide-links span{color:#1651ff;flex-shrink:0}
.design-b .guide-teaser{margin-bottom:64px}
.design-b .guide-article{max-width:850px;margin:50px auto 0}
.design-b .guide-hero h1{font-size:clamp(42px,5.4vw,70px);line-height:1.08;letter-spacing:-.055em}
.design-b .guide-lead{font-size:21px;line-height:1.6;color:#656b78;margin:22px 0}
.design-b .partner-disclosure{margin:18px 0 0;color:#656b78;font-size:14px;line-height:1.55}
.design-b .guide-copy{max-width:760px;margin-top:44px}
.design-b .guide-copy section{margin-top:34px}
.design-b .guide-copy h2{font-size:29px;line-height:1.2;letter-spacing:-.035em;margin-bottom:14px}
.design-b .guide-copy p{font-size:17px;line-height:1.85;color:#535966}
.design-b .local-hero h1{font-size:clamp(42px,4.5vw,62px);line-height:1.1;overflow-wrap:anywhere}
.design-b .local-advice{display:grid;gap:13px;padding-left:23px;max-width:870px;font-size:16px;line-height:1.75;color:#535966}
.design-b .local-source{max-width:870px;margin-top:26px;padding:23px 26px;background:#f5f7fb;border-radius:12px;font-size:14px;line-height:1.75;color:#535966}
.design-b .local-source p+p{margin-top:12px}
.design-b .local-source .source-date{font-size:11px;color:#626b7d}
.design-b .single-service-collage .bike-photo{width:83%;left:5%}
@media(max-width:999px){.design-b .desktop-nav a:nth-child(n+3){display:none}.design-b .header-row{gap:24px}.design-b .city-trigger{font-size:12px;max-width:190px}.design-b .cities-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){
 .design-b .header-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0 12px;padding:18px 0 10px}
 .design-b .brand{grid-column:1;grid-row:1;width:max-content}
 .design-b .menu-toggle{grid-column:2;grid-row:1}
 .design-b .city-trigger{grid-column:1/-1;grid-row:2;width:max-content;max-width:100%;margin:9px 0 0;min-height:36px;font-size:13px}
 .design-b .city-trigger svg{width:17px;height:17px}
 .design-b .city-picker{width:calc(100vw - 16px);max-height:82vh;max-height:82dvh;margin:auto auto 0;padding:22px 18px;border-radius:18px 18px 0 0}
 .design-b .city-picker-head h2{font-size:24px}
 .design-b .city-picker-list{grid-template-columns:1fr;gap:7px}
 .design-b .city-picker-list .city-link{flex-direction:row;align-items:center;justify-content:space-between;padding:13px 12px;gap:12px}
 .design-b .city-picker-list .city-link small{max-width:93px;text-align:right;font-size:9px}
 .design-b .directory-hero{margin:25px 0 28px}
 .design-b .directory-hero h1{font-size:45px}
 .design-b .directory-hero>p:last-child{font-size:16px;margin-top:22px;line-height:1.6}
 .design-b .directory-controls{grid-template-columns:1fr;gap:15px}
 .design-b .cities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .design-b .city-link{padding:14px 12px;font-size:14px}
 .design-b .directory-explanation h2,.design-b .local-context h2{font-size:27px}
 .design-b .directory-explanation p,.design-b .local-context>p{font-size:14px;line-height:1.75}
 .design-b .city-chips{gap:8px}
 .design-b .city-chips a{font-size:12px;padding:11px 13px}
 .design-b .guide-links{grid-template-columns:1fr;gap:9px}
 .design-b .guide-links a{padding:16px;font-size:14px}
 .design-b .guide-teaser{margin-bottom:40px}
 .design-b .guide-article{margin-top:26px}
 .design-b .guide-hero h1{font-size:clamp(33px,9.5vw,43px)}
 .design-b .guide-lead{font-size:16px;line-height:1.65;margin:20px 0}
 .design-b .guide-copy{margin-top:32px}
 .design-b .guide-copy section{margin-top:28px}
 .design-b .guide-copy h2{font-size:24px}
 .design-b .guide-copy p{font-size:15px;line-height:1.85}
 .design-b .local-hero h1{font-size:clamp(30px,8.5vw,39px)}
 .design-b .local-advice{padding-left:20px;font-size:14px;line-height:1.75;gap:12px}
 .design-b .local-source{padding:18px;font-size:13px}
}
.design-b .service-local-copy>section{max-width:820px;margin-top:25px}
.design-b .service-local-copy h3{font-size:23px;line-height:1.25;margin-bottom:12px}
.design-b .service-local-copy p{font-size:16px;line-height:1.8;color:#535966}
.design-b .local-related{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.design-b .local-related a{background:#f2f5fc;border-radius:9px;padding:12px 16px;font-size:14px}
.design-b .guide-sources{padding:25px 28px;background:#f5f7fb;border-radius:14px;margin-top:38px;font-size:14px;line-height:1.7}
.design-b .guide-sources h2{font-size:21px;margin-bottom:14px}
.design-b .guide-sources ul{padding-left:18px}.design-b .guide-sources p{margin-top:16px;color:#656b78;font-size:12px}
.design-b .income-calculator{background:#11151e;color:white;border-radius:18px;padding:30px;margin:32px 0}
.design-b .income-calculator h2{font-size:30px;line-height:1.15;margin-bottom:14px}
.design-b .income-calculator>p{line-height:1.6;color:#c9d0df}
.design-b .income-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}
.design-b .income-fields label{font-size:13px;line-height:1.5}
.design-b .income-fields input{width:100%;min-height:48px;background:white;color:#11151e;border:2px solid transparent;border-radius:8px;padding:10px;margin-top:9px;font:inherit;font-size:18px}
.design-b .income-fields input:focus-visible{outline:3px solid #d8ff3e;outline-offset:3px}
.design-b .income-calculator .income-result{color:#d8ff3e;font-size:21px;line-height:1.5;font-weight:700;margin-top:25px}
.design-b .income-calculator .income-note{font-size:12px;margin-top:18px}
@media(max-width:699px){.design-b .service-local-copy h3{font-size:20px}.design-b .service-local-copy p{font-size:15px}.design-b .income-calculator{padding:22px 18px}.design-b .income-calculator h2{font-size:26px}.design-b .income-fields{grid-template-columns:1fr;gap:18px}.design-b .income-calculator .income-result{font-size:18px}.design-b .guide-sources{padding:22px 18px}}

/* Guide library and actionable article layouts. */
.design-b .guide-all{display:inline-block;color:#1651ff;margin-top:22px;font-size:15px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.design-b .library-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}
.design-b .library-nav a{padding:12px 16px;border-radius:9px;background:#f3f5fa;line-height:1.5;font-size:14px}
.design-b .guide-toc{max-width:760px;border:1px solid #e2e6ef;background:#f8faff;border-radius:14px;padding:24px 28px;margin-top:30px}
.design-b .guide-toc p{font-size:15px;font-weight:700;margin-bottom:14px}
.design-b .guide-toc ol{padding-left:22px;display:grid;gap:10px;font-size:14px;line-height:1.6}
.design-b .guide-toc a{color:#1651ff;text-decoration:underline;text-underline-offset:3px}
.design-b .guide-checklist{padding-left:23px;margin-top:20px;display:grid;gap:11px;font-size:16px;line-height:1.75;color:#535966}
.design-b .guide-table-wrap{overflow-x:auto;max-width:100%;margin-top:22px;border:1px solid #e2e6ef;border-radius:12px}
.design-b .guide-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65;text-align:left}
.design-b .guide-table th,.design-b .guide-table td{padding:14px 16px;vertical-align:top;border-bottom:1px solid #e2e6ef;min-width:120px}
.design-b .guide-table thead{background:#f3f5fa}.design-b .guide-table tbody th{font-weight:600}.design-b .guide-table tr:last-child>*{border-bottom:0}
.design-b .guide-copy section,.design-b .library-group{scroll-margin-top:20px}
.design-b .guide-sources a{color:#1651ff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:699px){.design-b .guide-toc{padding:22px 18px}.design-b .guide-checklist{font-size:15px}.design-b .guide-table th,.design-b .guide-table td{padding:12px;min-width:112px}.design-b .library-nav a{padding:11px 13px;font-size:12px}}

.design-b .guide-faq{max-width:760px;margin-top:42px}.design-b .guide-faq h2{font-size:29px;line-height:1.2;margin-bottom:20px}.design-b .guide-faq details{border-top:1px solid #e2e6ef;padding:19px 0}.design-b .guide-faq summary{font-size:16px;font-weight:600;line-height:1.6;cursor:pointer}.design-b .guide-faq p{font-size:15px;line-height:1.8;color:#535966;margin-top:14px}@media(max-width:699px){.design-b .guide-faq h2{font-size:25px}.design-b .guide-faq summary{font-size:15px}}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/onest-cyrillic-20261007.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/onest-latin-20261007.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Typography system: shared tokens and explicit registration-card grid. */
:root {
  --font-ui: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --type-body: 16px;
  --type-action: 16px;
  --weight-body: 400;
  --weight-label: 500;
  --weight-action: 600;
  --weight-heading: 650;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
}
.design-b {font-family:var(--font-ui);font-size:var(--type-body);font-weight:400}
.design-b button,.design-b input,.design-b select {font-family:inherit}
.design-b h1 {font-weight:700;line-height:1.1;letter-spacing:-.04em}
.design-b h2 {font-weight:650;line-height:1.15;letter-spacing:-.035em}
.design-b h3 {font-weight:600;line-height:1.25;letter-spacing:-.025em}
.design-b .brand {font-weight:700;line-height:1.05;letter-spacing:-.035em}
.design-b .eyebrow {font-weight:600;line-height:1.5}
.design-b .button {font-family:inherit;font-size:var(--type-action);font-weight:600;line-height:1.4;letter-spacing:0;gap:16px;min-width:0;min-height:52px;white-space:normal;text-align:left}
.design-b .button svg {width:22px;height:22px;flex:0 0 22px}
.design-b .hero-button {min-width:0}
.design-b .service-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.design-b .service-card {display:grid;grid-template-columns:minmax(0,1fr) clamp(88px,25%,144px);grid-template-rows:auto auto 1fr auto auto;gap:12px 24px;padding:28px;border-radius:20px;overflow:visible;min-height:0;min-width:0}
.design-b .service-content {display:contents}
.design-b .service-title {grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:12px;min-width:0}
.design-b .service-title h3 {font-size:clamp(24px,2.4vw,30px);font-weight:650;line-height:1.2;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere;min-width:0}
.design-b .service-icon {display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--ink);background:#f4db43;flex:0 0 40px}
.design-b .service-icon svg {width:25px;height:25px}
.design-b .service-subtitle {grid-column:1;grid-row:2;margin:4px 0 0;font-size:16px;line-height:1.5;font-weight:400;min-width:0}
.design-b .transport {grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;align-content:start;align-items:start;gap:10px 14px;margin:6px 0 0;max-width:none;font-size:13px;line-height:1.5;font-weight:500;min-width:0}
.design-b .transport span {display:inline-flex;align-items:center;gap:6px;min-width:0}
.design-b .transport svg {width:20px;height:20px;flex:0 0 20px}
.design-b .order-choice {grid-column:1;grid-row:3;display:flex;align-items:flex-start;gap:10px;margin:6px 0 0;font-size:15px;line-height:1.5;min-width:0}
.design-b .order-choice svg {width:22px;height:22px;flex:0 0 22px;margin-top:2px}
.design-b .service-photo {grid-column:2;grid-row:2/4;position:static;align-self:start;width:100%;height:132px;min-height:0;object-fit:cover;object-position:50% 26%;clip-path:none;border-radius:12px;opacity:1;margin:4px 0 0}
.design-b .service-content .button {grid-column:1/-1;grid-row:4;position:static;width:100%;max-width:none;min-width:0;min-height:54px;padding:15px 18px;margin:12px 0 0;justify-content:space-between;gap:12px;white-space:normal;font-size:16px;font-weight:600;line-height:1.4;border-radius:12px}
.design-b .details-link {grid-column:1/-1;grid-row:5;display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:0;min-height:32px;font-size:13px;line-height:1.5;opacity:1}
.design-b .card-eda .details-link {color:#fff}
.design-b .step h3 {font-weight:600;line-height:1.25;letter-spacing:-.025em}
.design-b .step p,.design-b .benefit p {font-size:16px;line-height:1.65}
.design-b .final-cta {flex-wrap:wrap;gap:24px;padding:32px}
.design-b .final-cta>div {flex:1 1 320px;min-width:0}
.design-b .final-cta h2 {line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.design-b .final-cta .button {flex:0 1 auto;min-width:0;min-height:54px}
.design-b .city-search,.design-b .city-service-filter {font-family:inherit}
.design-b .city-picker {font-family:var(--font-ui)}
.design-b .city-picker-head h2 {font-weight:600;line-height:1.25;letter-spacing:-.025em}
.design-b .city-picker-list .city-link {line-height:1.5}
.design-b .city-picker-list .city-link small {font-size:11px;line-height:1.5}
.design-b .breadcrumbs {flex-wrap:wrap;line-height:1.6}
@media(max-width:999px) {
 .design-b .header-row {gap:20px}
 .design-b .desktop-nav {gap:18px}
}
@media(max-width:899.98px) {
 .design-b .service-grid {display:grid;grid-template-columns:1fr}
 .design-b .service-card {grid-template-columns:minmax(0,1fr) 132px}
}
@media(max-width:699px) {
 .design-b .button {font-size:15px;min-height:52px}
 .design-b .service-grid {gap:16px}
 .design-b .service-card {grid-template-columns:minmax(0,1fr) 96px;padding:24px;gap:12px 16px;border-radius:18px}
 .design-b .service-title h3 {font-size:27px;line-height:1.25}
 .design-b .service-photo {height:120px}
 .design-b .service-subtitle {font-size:15px}
 .design-b .transport {font-size:13px;gap:10px 12px}
 .design-b .order-choice {font-size:14px}
 .design-b .service-content .button {min-height:52px;padding:14px 16px;font-size:15px;margin-top:8px}
 .design-b .details-link {font-size:13px}
 .design-b .section-heading {align-items:flex-start;gap:12px;flex-wrap:wrap}
 .design-b .section-heading h2 {line-height:1.2;letter-spacing:-.03em}
 .design-b .step h3 {line-height:1.3;font-size:21px}
 .design-b .step p,.design-b .benefit p {font-size:15px}
 .design-b .final-cta {padding:26px 24px}
 .design-b .final-cta .button {width:100%;margin-top:22px}
 .design-b .city-picker-list .city-link {flex-wrap:wrap}
 .design-b .city-picker-list .city-link small {max-width:none;text-align:left}
}
@media(max-width:359px) {
 .design-b .service-card {grid-template-columns:minmax(0,1fr) 76px;padding:20px;gap:12px}
 .design-b .service-title h3 {font-size:24px}
 .design-b .service-icon {width:36px;height:36px;flex-basis:36px}
 .design-b .service-photo {height:100px}
 .design-b .service-subtitle {font-size:14px}
 .design-b .transport,.design-b .order-choice {font-size:12px}
 .design-b .service-content .button {font-size:14px;padding:14px}
}

.design-b .guide-hero h1,.design-b .local-hero h1{font-weight:700;letter-spacing:-.035em}

/* Regional directory profiles share the established Cyrillic font and spacing. */
.design-b .regional-profile{background:#f7f9fc;border:1px solid #e3e8f0;border-radius:20px;padding:32px;min-width:0}
.design-b .regional-profile h2{font-weight:var(--weight-title,650);overflow-wrap:anywhere}
.design-b .regional-profile h3{font-size:23px;line-height:1.35;font-weight:var(--weight-title,650);margin:24px 0 12px}
.design-b .regional-profile p,.design-b .regional-profile li{font-size:16px;line-height:1.75;color:#535966}
.design-b .regional-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.design-b .regional-facts>div{min-width:0;padding:16px 18px;background:#fff;border-radius:12px}
.design-b .regional-facts dt{font-size:13px;line-height:1.5;color:#626b7d;margin-bottom:8px}
.design-b .regional-facts dd{font-size:18px;line-height:1.5;font-weight:600;margin:0;overflow-wrap:anywhere}
.design-b .regional-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.design-b .regional-map-link{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:52px;border:1px solid #1651ff;border-radius:12px;padding:14px 18px;font-size:16px;line-height:1.5;font-weight:600;color:#1651ff;overflow-wrap:anywhere}
.design-b .regional-map-link:focus-visible,.design-b .regional-questions summary:focus-visible{outline:3px solid #1651ff;outline-offset:4px}
.design-b .regional-checklist ol{padding-left:24px;display:grid;gap:12px}
.design-b .regional-questions details{border-top:1px solid #dce3ec;padding:16px 0}
.design-b .regional-questions summary{font-size:17px;line-height:1.6;font-weight:600;cursor:pointer}
.design-b .regional-questions p{margin-top:12px}
.design-b .regional-profile .regional-small,.design-b .regional-sources{font-size:13px;line-height:1.75;color:#626b7d;margin-top:18px}
.design-b .regional-questions a,.design-b .regional-sources a{color:#1651ff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:699px){.design-b .regional-profile{padding:24px 20px;border-radius:16px}.design-b .regional-facts,.design-b .regional-map{grid-template-columns:minmax(0,1fr);gap:14px}.design-b .regional-profile h3{font-size:20px}.design-b .regional-profile p,.design-b .regional-profile li{font-size:15px}.design-b .regional-facts dd{font-size:17px}.design-b .regional-map-link{font-size:15px}.design-b .regional-questions summary{font-size:16px}}
/* Local comparison and time planning use the same font and responsive spacing. */
.design-b .regional-neighbor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.design-b .regional-neighbor{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border:1px solid #e3e8f0;border-radius:12px;min-width:0}
.design-b .regional-neighbor a{font-size:17px;font-weight:var(--weight-action,600);line-height:1.5;color:#1651ff;overflow-wrap:anywhere}
.design-b .regional-neighbor span,.design-b .regional-neighbor small{font-size:14px;line-height:1.6;color:#535966;overflow-wrap:anywhere}
.design-b .regional-neighbor .regional-route-link{font-size:14px;min-height:44px;display:flex;align-items:center;margin-top:auto}
.design-b .regional-planner{padding:24px;background:#fff;border-radius:14px;margin:28px 0;border:1px solid #e3e8f0;min-width:0}
.design-b .regional-planner h3{margin-top:0}
.design-b .regional-planner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.design-b .regional-planner-fields label{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:15px;line-height:1.5;font-weight:var(--weight-label,500);color:var(--ink)}
.design-b .regional-planner-fields input{width:100%;min-width:0;box-sizing:border-box;min-height:48px;padding:12px 14px;border:1px solid #bdc8d8;border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.design-b .regional-plan-result{border-left:3px solid #1651ff;padding:12px 16px;background:#f3f6ff;font-weight:var(--weight-label,500);border-radius:0 8px 8px 0;overflow-wrap:anywhere}
.design-b .regional-profile input:focus-visible,.design-b .regional-profile a:focus-visible{outline:3px solid #1651ff;outline-offset:3px}
@media(max-width:699px){.design-b .regional-neighbor-grid,.design-b .regional-planner-fields{grid-template-columns:minmax(0,1fr)}.design-b .regional-planner{padding:20px 16px}.design-b .regional-neighbor{padding:16px}.design-b .regional-neighbor a{font-size:16px}}

/* Attributed experience uses the established Cyrillic font and layout tokens. */
.design-b .experience-lead{max-width:78ch;line-height:1.7;color:#535966}
.design-b .experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.design-b .experience-story{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #e3e8f0;border-radius:16px;background:#fff;gap:14px;overflow-wrap:anywhere}
.design-b .experience-story h3{margin:0;font-weight:var(--weight-section,650);font-size:24px;line-height:1.35}
.design-b .experience-story p{margin:0;line-height:1.7}
.design-b .experience-attribution,.design-b .experience-context{font-size:14px;color:#535966}
.design-b .experience-context{padding:14px 16px;background:#f3f6ff;border-radius:10px}
.design-b .experience-source{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:auto;color:#1651ff;font-weight:var(--weight-action,600);line-height:1.6}
.design-b .experience-takeaway{padding:24px;background:#f5f6fa;border-radius:14px;overflow-wrap:anywhere}
.design-b .experience-takeaway h3{margin-top:0;line-height:1.4}
.design-b .courier-experience a:focus-visible{outline:3px solid #1651ff;outline-offset:3px}
@media(max-width:899.98px){.design-b .experience-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:699px){.design-b .experience-story,.design-b .experience-takeaway{padding:20px}.design-b .experience-story h3{font-size:21px}.design-b .experience-grid{gap:16px;margin:22px 0}}

.design-b .courier-experience{min-width:0;overflow-wrap:anywhere}
.design-b .courier-experience .section-heading h2{min-width:0;max-width:100%;line-height:1.25}

/* Review navigation and personal tools keep text in normal document flow. */
.design-b .review-method,.design-b .review-hero,.design-b .review-teaser{overflow-wrap:anywhere;min-width:0}
.design-b .review-method p,.design-b .review-teaser p{max-width:78ch;line-height:1.7;color:#535966}
.design-b .review-all-cities summary{cursor:pointer;min-height:44px;line-height:1.6;font-weight:var(--weight-action,600);padding:12px 0}
.design-b .review-all-cities .cities-grid{margin-top:20px}
.design-b .experience-context h4{font-size:16px;line-height:1.5;margin:0 0 8px;font-weight:var(--weight-action,600)}
.design-b .guide-utility{min-width:0;padding:28px;background:#f5f6fa;border-radius:16px;margin:32px 0;overflow-wrap:anywhere}
.design-b .guide-utility h2{margin-top:0}
.design-b .utility-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.design-b .utility-fields label{display:flex;flex-direction:column;gap:10px;min-width:0;line-height:1.5;font-weight:var(--weight-label,500)}
.design-b .utility-fields input{width:100%;min-width:0;box-sizing:border-box;min-height:48px;padding:12px;border:1px solid #bdc8d8;border-radius:10px;background:white;color:var(--ink);font:inherit}
.design-b .utility-result{padding:18px;background:#fff;border-left:3px solid #1651ff;line-height:1.7;border-radius:0 10px 10px 0}
.design-b .utility-actions{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}
.design-b .utility-actions button{white-space:normal}
.design-b .guide-utility a:focus-visible,.design-b .guide-utility input:focus-visible,.design-b .guide-utility button:focus-visible,.design-b .review-all-cities summary:focus-visible{outline:3px solid #1651ff;outline-offset:3px}
.design-b .shift-entries{list-style:none;margin:24px 0;padding:0;display:grid;gap:14px}
.design-b .shift-entries li{padding:16px;background:#fff;border-radius:10px;line-height:1.7}
@media(max-width:699px){.design-b .utility-fields{grid-template-columns:minmax(0,1fr)}.design-b .guide-utility{padding:20px 16px}.design-b .utility-actions{flex-direction:column}.design-b .utility-actions button{width:100%}}

.design-b .review-hero h1,.design-b .guide-hero h1{overflow-wrap:anywhere;min-width:0}
.design-b .review-hero .underlined{white-space:normal;border-bottom:4px solid var(--lime);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.design-b .review-hero .underlined:before,.design-b .review-hero .underlined:after{content:none}
.design-b .guide-article{min-width:0;overflow-wrap:anywhere}

/* Regional scenarios: data disclosure stays beside calculations. */
.regional-opportunities{min-width:0;overflow-wrap:anywhere}.local-topic-sections{display:grid;gap:12px}.local-topic{border:1px solid #e3e5ec;border-radius:16px;padding:16px 20px;background:#fff;min-width:0}.local-topic summary{cursor:pointer;font:650 18px/1.4 var(--font-ui);list-style-position:outside;margin-left:18px}.local-topic p{line-height:1.65;color:#515665}.local-topic .local-related{margin-top:18px}.regional-scenario{margin:32px 0 0;min-width:0}.regional-scenario h3{font:650 clamp(22px,3vw,32px)/1.2 var(--font-ui)}.scenario-disclosure{border-left:4px solid #174aff;padding:12px 16px;background:#eef2ff;border-radius:0 12px 12px 0}.scenario-table-wrap{max-width:100%;overflow-x:auto}.scenario-table{width:100%;border-collapse:collapse;font:400 15px/1.5 var(--font-ui);table-layout:fixed}.scenario-table caption{text-align:left;padding:10px 0;font-weight:600}.scenario-table th,.scenario-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #dce1ed;overflow-wrap:anywhere}.scenario-table th{font-weight:600}.design-b .regional-scenario .utility-fields{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}

.skip-link:not(:focus){clip-path:inset(50%)}

@media(max-width:699px){.design-b .regional-scenario .utility-fields{grid-template-columns:minmax(0,1fr)}}

.design-b .regional-scenario .utility-fields label{justify-content:space-between}

/* Enlarged text remains inside local preparation cards. */
.design-b .eda-local-start{min-width:0;overflow-wrap:anywhere}
.design-b .eda-local-start summary,.design-b .eda-local-start p{overflow-wrap:anywhere}

.design-b .content-credit,.design-b .footer-project{font:400 14px/1.65 var(--font-ui);overflow-wrap:anywhere;margin:24px 0;color:#535966}
.design-b .footer-project a{display:inline-flex;align-items:center;min-height:44px}

/* Local verified office cards and personal order planning. */
.design-b .local-practical,.design-b .guide-practical { min-width:0; }
.design-b .local-practical h2,.design-b .guide-practical h2 { overflow-wrap:anywhere; }
.design-b .local-practical h3,.design-b .guide-practical h3 { font-size:clamp(22px,3vw,30px);line-height:1.25;font-weight:650;margin:0 0 16px;overflow-wrap:anywhere; }
.design-b .local-practical p,.design-b .guide-practical p { line-height:1.6; }
.design-b .local-office-section {padding:clamp(20px,4vw,36px);background:#f3f5fa;border-radius:24px;margin:24px 0;}
.design-b .office-list {padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;}
.design-b .office-list li {min-width:0;padding:22px;background:white;border:1px solid #dce1ec;border-radius:18px;}
.design-b .office-list h4 {font-size:20px;line-height:1.35;font-weight:600;margin:12px 0;overflow-wrap:anywhere;}
.design-b .office-kind {font-size:14px;font-weight:600;color:#1642a6;}
.design-b .office-purpose,.design-b .local-evidence-note,.design-b .order-fit-note {font-size:15px;color:#505966;}
.design-b .office-list a,.design-b .local-evidence-note a,.design-b .office-neighbor a {overflow-wrap:anywhere;}
.design-b .office-neighbor {border-left:3px solid #1753ff;padding:8px 0 8px 20px;margin:22px 0;}
.design-b .office-neighbor h4 {font-size:20px;line-height:1.4;margin:0 0 12px;}
.design-b .practical-detail {margin:14px 0;border:1px solid #dce1ec;border-radius:18px;background:white;min-width:0;}
.design-b .practical-detail summary {padding:20px 24px;font-size:19px;line-height:1.4;font-weight:600;cursor:pointer;overflow-wrap:anywhere;}
.design-b .practical-detail summary:focus-visible {outline:3px solid #1753ff;outline-offset:3px;border-radius:18px;}
.design-b .practical-answer {padding:0 24px 14px;}
.design-b .practical-answer p {margin-top:0;}
.design-b .order-fit {padding:clamp(18px,4vw,32px);background:#f3f5fa;border-radius:22px;margin:24px 0;min-width:0;}
.design-b .order-fit-details .order-fit {margin:0;background:#f3f5fa;border-radius:0 0 18px 18px;}
.design-b .order-fit fieldset {border:0;padding:0;margin:24px 0;min-width:0;}
.design-b .order-fit legend {font-size:19px;line-height:1.4;font-weight:600;padding:0;margin:0 0 16px;}
.design-b .order-fit-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.design-b .order-fit-fields label {display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.45;min-width:0;overflow-wrap:anywhere;}
.design-b .order-fit-fields input {font:inherit;width:100%;box-sizing:border-box;min-width:0;border:1px solid #b8c1d1;border-radius:12px;padding:12px;background:white;color:#111318;}
.design-b .order-fit-fields input:focus-visible {outline:3px solid #1753ff;outline-offset:2px;}
.design-b .order-fit-result {padding:18px;border-radius:14px;background:white;font-weight:500;overflow-wrap:anywhere;}
.design-b .practical-illustrations {margin:32px 0;}
.design-b .practical-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;}
.design-b .practical-steps figure {margin:0;min-width:0;background:#f3f5fa;border-radius:20px;overflow:hidden;}
.design-b .practical-steps img {display:block;width:100%;height:auto;}
.design-b .practical-steps figcaption {font-size:16px;line-height:1.6;padding:20px;overflow-wrap:anywhere;}
.design-b .practical-steps figcaption strong {display:block;font-size:20px;line-height:1.35;font-weight:600;margin-bottom:10px;}
.design-b .practical-guide-link {margin:24px 0;}
.design-b .guide-practical {margin:32px 0;}
.design-b .practical-video {margin:32px 0;}
.design-b .practical-video video {display:block;width:100%;height:auto;max-height:700px;border-radius:20px;background:#f3f5fa;}
.design-b .practical-video ol {padding:0 28px 20px 44px;line-height:1.7;}
@media(max-width:899.98px){.design-b .practical-steps {grid-template-columns:1fr;}.design-b .practical-steps figure {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;}.design-b .order-fit-fields {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:699px){.design-b .office-list,.design-b .order-fit-fields,.design-b .practical-steps figure {grid-template-columns:1fr;}.design-b .practical-detail summary {padding:18px;}.design-b .practical-answer {padding:0 18px 14px;}.design-b .office-list li {padding:18px;}}

.design-b .local-practical a,.design-b .guide-practical a {color:#1753ff;text-decoration:underline;text-underline-offset:3px;}

.design-b .local-practical a,.design-b .guide-practical a {overflow-wrap:anywhere;}

.design-b .local-practical p,.design-b .guide-practical p {overflow-wrap:anywhere;}

/* Registration actions keep a native partner link and wrap at narrow widths. */
.design-b .office-list li {display:flex;flex-direction:column;}
.design-b .office-actions {margin-top:auto;}
.design-b .eda-registration-action {min-width:0;margin:18px 0 10px;}
.design-b a.eda-registration-button {color:#fff;text-decoration:none;width:100%;min-width:0;padding:14px 16px;justify-content:space-between;gap:12px;font-weight:var(--weight-action,600);white-space:normal;}
.design-b .eda-registration-button span {min-width:0;overflow-wrap:anywhere;}
.design-b .eda-registration-button svg {flex:0 0 22px;}
.design-b .eda-registration-note {margin:10px 0 0;font-size:14px;font-weight:400;line-height:1.5;color:#505966;overflow-wrap:anywhere;}
.design-b .office-map {margin:12px 0 0;}

/* Local hiring plans use the existing typography and native wrapping. */
.design-b .hiring-topic-article h1 {font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.12;overflow-wrap:anywhere;}
.design-b .hiring-topic-article h2,.design-b .hiring-topic-article h3,.design-b .hiring-topic-article h4,.design-b .hiring-topic-article p,.design-b .hiring-topic-article a {overflow-wrap:anywhere;}
.design-b .hiring-neighbors {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;}
.design-b .hiring-neighbors>div {padding:20px;border:1px solid #dce0e9;border-radius:18px;min-width:0;}
.design-b .hiring-check {display:flex;align-items:flex-start;gap:12px;padding:14px 0;line-height:1.6;min-width:0;}
.design-b .hiring-check input {flex:0 0 22px;width:22px;height:22px;margin-top:3px;}
.design-b .hiring-check span {min-width:0;overflow-wrap:anywhere;}
.design-b .hiring-planner .utility-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.design-b .hiring-planner .utility-fields label {min-width:0;line-height:1.5;}
.design-b .hiring-planner input[type=number] {display:block;width:100%;box-sizing:border-box;margin-top:8px;min-height:48px;font:inherit;}
@media(max-width:699px){.design-b .hiring-neighbors,.design-b .hiring-planner .utility-fields {grid-template-columns:1fr;}}

/* Readable office-directory cards, including long locality and region names. */
.design-b .office-city-directory .city-link {flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;font-size:16px;line-height:1.5;text-decoration:none;}
.design-b .office-city-directory .city-link small {max-width:none;text-align:left;font-size:14px;line-height:1.5;}
.design-b .office-city-directory .city-picker-list {margin-top:16px;}

/* Keep the resume download legible inside the practical guide link styling. */
.design-b .resume-template a.button {color:white;text-decoration:none;}