.onboarding-page{background:#f6f8fb;min-height:100vh}.onboarding-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:relative;z-index:3}.header-help{display:flex;align-items:center;gap:12px;font-size:12px;color:#7a8492}.header-help>a{color:var(--blue);font-weight:700}.help-chip{margin-left:17px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:7px 12px;color:#536074;font-weight:700}.onboarding-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:390px 1fr}.onboarding-aside{background:var(--navy);color:#fff;padding:58px 54px;display:flex;flex-direction:column;position:relative;overflow:hidden}.onboarding-aside:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.06);border-radius:50%;bottom:-210px;left:-180px;box-shadow:0 0 0 65px rgba(255,255,255,.02)}.free-pill{display:inline-block;color:#93bdff;background:rgba(91,151,244,.12);border:1px solid rgba(127,174,246,.2);padding:7px 10px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:1px}.onboarding-aside h1{font-size:34px;letter-spacing:-1.4px;line-height:1.15;margin:24px 0 15px}.onboarding-aside h1 span{color:#79aaff}.onboarding-aside>div>p{color:#b8c5d5;font-size:13px;line-height:1.65}.progress-list{list-style:none;padding:0;margin:40px 0}.progress-list li{display:flex;align-items:center;gap:13px;position:relative;padding-bottom:25px;color:#77899f}.progress-list li:not(:last-child):after{content:"";position:absolute;height:22px;border-left:1px dashed #53667e;left:15px;top:35px}.progress-list li>span{width:31px;height:31px;border:1px solid #53667e;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#183757}.progress-list strong,.progress-list small{display:block}.progress-list strong{font-size:12px}.progress-list small{font-size:9px;margin-top:2px}.progress-list li.active,.progress-list li.done{color:#fff}.progress-list li.active>span{background:var(--blue);border-color:#74a5ef;box-shadow:0 0 0 5px rgba(70,130,224,.14)}.progress-list li.done>span{background:#1a9a70;border-color:#47c39a;font-size:0}.progress-list li.done>span:after{content:"✓";font-size:11px}.aside-proof{margin-top:auto;padding:19px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:10px;position:relative;z-index:1}.proof-stars{color:#ffb13b;font-size:10px;letter-spacing:1px}.aside-proof>p{font-size:10px!important;font-style:italic;color:#c6d0de!important;margin:8px 0 14px}.proof-person{display:flex;align-items:center;gap:9px}.proof-person>span{width:29px;height:29px;display:grid;place-items:center;background:#e3c19f;color:#5b4026;border-radius:50%;font-size:8px;font-weight:700}.proof-person strong,.proof-person small{display:block}.proof-person strong{font-size:9px}.proof-person small{color:#7f91a7;font-size:8px}.onboarding-content{padding:55px 7vw 25px;max-width:900px;width:100%;margin:auto}.form-step{display:none}.form-step.active{display:block;animation:stepIn .25s ease}@keyframes stepIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.step-kicker{font-size:9px;font-weight:800;letter-spacing:1.3px;color:var(--blue);margin-bottom:8px}.form-step h2{font-size:29px;letter-spacing:-1px;margin-bottom:7px}.step-lead{color:#727e8e;font-size:12px;margin:0 0 27px}.social-register{display:grid;grid-template-columns:1fr;gap:11px;text-align:center;margin-bottom:19px}.social-register button{height:45px;border:1px solid var(--line);background:#fff;border-radius:8px;font-weight:700;color:#445064}.social-register button b{color:#4285f4;font-size:16px;margin-right:8px}.social-register span{font-size:9px;color:#96a0ad;display:flex;align-items:center;gap:12px}.social-register span:before,.social-register span:after{content:"";height:1px;background:var(--line);flex:1}.form-grid{display:grid;gap:17px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid .span-2{grid-column:1/-1}.form-grid label,.route-field label{font-size:10px;font-weight:700;color:#435065}.form-grid em,.route-field em,fieldset em{color:#e75454;font-style:normal}.form-grid input,.form-grid textarea,.route-field input,.route-field select{width:100%;border:1px solid #cfd7e2;border-radius:8px;background:#fff;outline:0;margin-top:7px;padding:0 13px;color:var(--ink);font-weight:600}.form-grid input,.route-field input,.route-field select{height:47px}.form-grid textarea{height:100px;resize:vertical;padding-top:12px}.form-grid input:focus,.form-grid textarea:focus,.route-field input:focus,.route-field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,86,216,.08)}.form-grid input.invalid,.form-grid textarea.invalid,.route-field input.invalid,.route-field select.invalid{border-color:#df5252;background:#fffafa}.form-grid label>small{display:block;color:#909aa7;font-size:8px;font-weight:400;margin:5px 2px}.password-wrap{position:relative}.password-wrap input{padding-right:42px}.show-password{position:absolute;right:8px;top:15px;border:0;background:none;color:#85909f;cursor:pointer}.check-row{display:flex;align-items:flex-start;gap:9px;margin-top:20px;font-size:9px;color:#697587}.check-row input{accent-color:var(--blue);margin-top:1px}.check-row a{color:var(--blue);text-decoration:underline}.security-note{display:flex;gap:10px;align-items:center;background:#eef5ff;border-radius:8px;padding:12px 14px;margin-top:20px;color:var(--blue)}.security-note p{margin:0}.security-note strong,.security-note small{display:block;font-size:9px}.security-note small{color:#73839a;margin-top:2px}.company-logo-row{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.logo-upload{width:55px;height:55px;border-radius:12px;background:var(--navy);color:#7caafa;display:grid;place-items:center;font:800 17px Manrope}.company-logo-row strong{font-size:11px}.company-logo-row p{margin:4px 0 0;color:#87919e;font-size:9px}.char-count{text-align:right}.route-builder{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.route-field{display:grid;grid-template-columns:20px 1fr 1fr;gap:12px}.route-field:first-child{grid-template-columns:20px 1fr}.route-pin{font-size:10px;margin-top:35px}.route-pin.blue{color:var(--blue)}.route-pin.orange{color:var(--orange)}.route-connector{height:18px;border-left:1px dashed #bbc7d5;margin-left:4px}.route-field select{appearance:none}fieldset{border:0;padding:0;margin:24px 0 0}fieldset legend{font-size:10px;font-weight:700;margin-bottom:11px}.choice-grid{display:grid;gap:8px}.choice-grid.days{grid-template-columns:repeat(7,1fr)}.choice-grid label input{position:absolute;opacity:0}.choice-grid label span{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:42px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#566276;cursor:pointer}.choice-grid label input:checked+span{border-color:var(--blue);background:#edf4ff;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.choice-grid.services{grid-template-columns:repeat(3,1fr)}.choice-grid.services span{flex-direction:column;gap:5px;padding:10px 6px;font-size:16px}.choice-grid.services b{font-size:8px}.field-error{display:none;color:#d64a4a;font-size:8px;margin-top:7px}.field-error.show{display:block}.listing-preview{background:#fff;border:1px solid #cfd9e7;border-radius:11px;box-shadow:0 12px 30px rgba(32,57,91,.07)}.preview-top{height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.preview-top span{font-size:7px;font-weight:800;letter-spacing:.8px;color:#8894a4}.preview-top button,.preview-route button{border:0;background:none;color:var(--blue);font-size:8px;font-weight:700}.preview-main{padding:20px;display:grid;grid-template-columns:55px 1fr 125px;gap:14px}.preview-logo{width:53px;height:53px;border-radius:10px;background:var(--navy);display:grid;place-items:center;color:#79aaff;font:800 15px Manrope}.preview-title{display:flex;align-items:center;gap:8px}.preview-title h3{font-size:14px;margin:0}.preview-title span{font-size:7px;color:#c4811e;background:#fff6df;padding:3px 5px;border-radius:8px}.preview-rating{font-size:8px;color:#8994a3;margin:4px 0}.preview-info>p{font-size:9px;color:#6b7788;line-height:1.45;margin:8px 0}.preview-tags{display:flex;gap:4px;flex-wrap:wrap}.preview-tags span{font-size:7px;padding:4px 5px;border-radius:4px;background:#f2f5f8}.preview-side{border-left:1px solid var(--line);padding-left:13px;display:flex;flex-direction:column}.preview-side small{font-size:7px;color:#8c97a5}.preview-side strong{font-size:9px;margin-top:3px}.preview-side button{margin-top:auto;border:1px solid #9cb9e6;border-radius:6px;background:#fff;color:var(--blue);height:31px;font-size:8px;font-weight:700}.preview-route,.publish-box{margin-top:13px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between}.preview-route small,.preview-route strong{display:block}.preview-route small{font-size:7px;color:#8a95a4}.preview-route strong{font-size:10px;margin-top:4px}.preview-route strong b{color:var(--orange);margin:0 7px}.publish-box{background:#eef8f4;border-color:#c9e8dc;justify-content:flex-start;gap:11px}.publish-box>span{width:29px;height:29px;border-radius:50%;background:#24a477;color:#fff;display:grid;place-items:center}.publish-box strong{font-size:9px}.publish-box p{font-size:8px;color:#6d857a;margin:3px 0 0}.form-actions{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;align-items:center}.back-button{display:none;border:0;background:none;color:#657284;font-weight:700;font-size:10px}.autosave{margin-left:auto;margin-right:18px;font-size:8px;color:#30906e}.next-button,.publish-button{height:44px;border:0;border-radius:8px;padding:0 22px;color:#fff;background:var(--blue);font-weight:800;font-size:11px;box-shadow:0 8px 18px rgba(18,86,216,.18)}.next-button span,.publish-button span{margin-left:30px}.publish-button{display:none;background:#13835d}.form-footnote{display:flex;justify-content:center;gap:22px;color:#9ba4b0;font-size:7px;margin-top:19px}.mobile-progress{display:none}
@media(max-width:850px){.onboarding-header{padding:0 20px}.header-help>span,.header-help>a{display:none}.onboarding-shell{grid-template-columns:1fr}.onboarding-aside{display:none}.onboarding-content{padding:35px 24px}.mobile-progress{display:block;font-size:9px;color:#738094;font-weight:700;margin-bottom:27px}.mobile-progress>div{height:4px;background:#e2e7ed;border-radius:4px;margin-top:8px}.mobile-progress i{display:block;width:25%;height:100%;background:var(--blue);border-radius:4px;transition:.2s}.form-footnote{flex-wrap:wrap}}@media(max-width:560px){.onboarding-header{height:64px}.header-help{gap:0}.help-chip span{display:none}.onboarding-content{padding:29px 16px}.form-step h2{font-size:25px}.form-grid.two{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.route-field,.route-field:first-child{grid-template-columns:18px 1fr}.route-field label+label{grid-column:2}.choice-grid.days{grid-template-columns:repeat(4,1fr)}.choice-grid.services{grid-template-columns:repeat(2,1fr)}.preview-main{grid-template-columns:45px 1fr}.preview-logo{width:43px;height:43px}.preview-side{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:11px 0 0;display:grid;grid-template-columns:1fr 1fr;align-items:center}.preview-side button{margin:0}.autosave{display:none}.back-button{margin-right:auto}.next-button span,.publish-button span{margin-left:13px}.form-footnote span:last-child{display:none}}

.area-builder{display:grid;grid-template-columns:1fr 26px 1fr;align-items:start}.area-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;min-width:0}.area-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:15px}.area-number{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:800}.area-number.blue{background:#eaf2ff;color:var(--blue)}.area-number.orange{background:#fff0e9;color:var(--orange)}.area-panel-head span{font-size:7px;letter-spacing:.8px;color:#929ca9;font-weight:800}.area-panel-head h3{font-size:12px;margin:2px 0 0}.country-fixed,.active-country-bar{height:54px;border:1px solid #d7dee8;background:#f9fafc;border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:9px}.country-symbol{display:grid;place-items:center}.country-fixed strong,.country-fixed small{display:block}.country-fixed strong{font-size:10px}.country-fixed small{font-size:7px;color:#8792a1;margin-top:2px}.whole-toggle{margin-left:auto;border:1px solid #b6c9e7;background:#fff;color:var(--blue);border-radius:6px;padding:7px 9px;font-size:7px;font-weight:800;cursor:pointer}.whole-toggle.selected{background:var(--blue);border-color:var(--blue);color:#fff}.area-search{height:39px;border:1px solid #d7dee8;border-radius:7px;display:flex;align-items:center;margin:11px 0;padding-left:9px;color:#8b96a4}.area-search input{border:0;background:transparent;outline:0;min-width:0;width:100%;font-size:8px;padding:0 7px;color:var(--ink)}.area-search button{align-self:stretch;border:0;border-left:1px solid var(--line);background:#f6f8fb;color:var(--blue);font-size:7px;font-weight:800;padding:0 9px}.area-caption{display:flex;justify-content:space-between;align-items:center;margin:12px 1px 8px}.area-caption span{font-size:7px;color:#929ca9;font-weight:800;letter-spacing:.6px}.area-caption button{border:0;background:none;color:#8a95a3;font-size:7px}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:151px;overflow:auto;padding-right:3px}.region-grid button{min-height:31px;border:1px solid var(--line);border-radius:6px;background:#fff;text-align:left;padding:6px 7px;color:#5f6b7c;font-size:7px;line-height:1.2;cursor:pointer}.region-grid button:before{content:"";display:inline-block;width:8px;height:8px;border:1px solid #c5cfda;border-radius:2px;margin-right:5px;vertical-align:-1px}.region-grid button.selected{border-color:#8bb0ea;background:#edf4ff;color:var(--blue);font-weight:700}.region-grid button.selected:before{content:"✓";background:var(--blue);border-color:var(--blue);color:#fff;font-size:6px;text-align:center}.selected-areas{display:flex;flex-wrap:wrap;gap:4px;min-height:26px;border-top:1px solid var(--line);margin-top:12px;padding-top:9px}.selected-areas small{font-size:7px;color:#9aa4b1}.selected-areas button{border:0;border-radius:10px;background:#eef3f8;color:#536173;padding:4px 7px;font-size:7px}.selected-areas button span{margin-left:4px;color:#8995a3}.area-direction{display:grid;place-items:center;padding-top:155px}.area-direction span{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--orange);font-size:10px;position:relative;z-index:1}.country-tabs{display:flex;gap:4px;overflow:auto;margin-bottom:8px;padding-bottom:2px}.country-tabs button,.country-tabs select{flex:0 0 auto;min-height:32px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:4px 7px;font-size:7px;color:#5c697a}.country-tabs button{display:inline-flex;align-items:center;gap:5px}.country-tabs button .pa-country-badge{width:23px;height:18px;font-size:7px}.country-tabs button.active{border-color:var(--blue);background:#edf4ff;color:var(--blue);font-weight:800}.country-tabs select{max-width:105px;outline:0}.active-country-bar>div{display:flex;align-items:center;gap:7px}.active-country-bar strong{font-size:10px}.active-country-bar .pa-country-badge{width:27px;height:21px;font-size:8px}.area-summary{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;background:#f0f6ff;border:1px solid #cfdef3;border-radius:10px;padding:13px 15px;margin-top:12px}.summary-route-icon{width:32px;height:32px;border-radius:8px;background:#fff;color:var(--blue);display:grid;place-items:center}.area-summary small{font-size:7px;color:#7f8fa3}.area-summary p{margin:4px 0 0;display:flex;align-items:center;gap:7px;font-size:8px}.area-summary p span{color:var(--orange)}.area-summary p strong{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-count{text-align:center;padding-left:13px;border-left:1px solid #cbdaf0}.summary-count strong,.summary-count small{display:block}.summary-count strong{font:800 15px Manrope;color:var(--blue)}
@media(max-width:1150px) and (min-width:851px){.area-builder{grid-template-columns:1fr}.area-direction{padding:6px}.area-direction span{transform:rotate(90deg)}}@media(max-width:680px){.area-builder{grid-template-columns:1fr}.area-direction{padding:6px}.area-direction span{transform:rotate(90deg)}.area-summary{grid-template-columns:30px 1fr}.summary-count{display:none}.area-summary p{align-items:flex-start;flex-direction:column;gap:3px}.area-summary p span{transform:rotate(90deg);margin-left:4px}.area-summary p strong{max-width:250px}.country-tabs button span{display:none}}
.onboarding-content #onboarding-form.is-registration-complete{display:none}
.publish-button.is-submitting{opacity:.72;cursor:wait}
.preview-side strong+small{margin-top:9px}
.form-footnote span{display:inline-flex;align-items:center;gap:5px}.form-footnote .panel-nav-icon{width:12px;height:12px}
@media(max-width:560px){.form-grid label>small{font-size:9px;line-height:1.45}.check-row{font-size:10px;line-height:1.45}.security-note strong,.security-note small{font-size:9px;line-height:1.4}.form-footnote{font-size:9px;line-height:1.4;gap:14px}.form-actions{align-items:flex-end}.next-button,.publish-button{min-height:48px}}

/*
 * Mobile onboarding readability.
 * The original desktop mock-up used a deliberately compact scale. On a real
 * phone that made labels, summaries and selectable areas too small to read or
 * tap reliably. These rules preserve the structure while bringing controls to
 * a practical mobile scale.
 */
@media(max-width:560px){
  .onboarding-content{padding:30px 16px 26px}
  .mobile-progress{margin-bottom:26px;font-size:12px;line-height:1.4}
  .step-kicker{font-size:11px;line-height:1.4;letter-spacing:1.2px}
  .form-step h2{font-size:27px;line-height:1.16;letter-spacing:-.7px}
  .step-lead{margin-bottom:24px;font-size:14px;line-height:1.55}
  .social-register button{min-height:52px;height:auto;padding:12px 14px;font-size:14px;line-height:1.35}
  .social-register span{font-size:11px;line-height:1.4}
  .form-grid{gap:18px}
  .form-grid label,.route-field label,fieldset legend{font-size:13px;line-height:1.45}
  .form-grid input,.form-grid textarea,.route-field input,.route-field select{margin-top:8px;border-radius:11px;font-size:16px}
  .form-grid input,.route-field input,.route-field select{min-height:52px;height:52px}
  .form-grid textarea{min-height:132px;height:auto;padding:13px 14px;font-size:16px;line-height:1.5}
  .form-grid label>small{font-size:11px;line-height:1.45}
  .show-password{top:19px;right:10px;min-width:44px;min-height:44px}
  .check-row{gap:12px;margin-top:22px;font-size:13px;line-height:1.55}
  .check-row input{flex:0 0 20px;width:20px;height:20px;margin-top:0}
  .security-note{padding:15px;border-radius:11px}
  .security-note strong,.security-note small{font-size:12px;line-height:1.45}
  .company-logo-row{gap:14px;padding:16px}
  .company-logo-row strong{font-size:14px}
  .company-logo-row p{font-size:11px;line-height:1.45}
  .logo-upload{flex:0 0 60px;width:60px;height:60px;font-size:18px}
  .char-count{font-size:11px}
  .route-builder{padding:16px}
  fieldset{margin-top:26px}
  .choice-grid label span{min-height:46px;font-size:12px}
  .choice-grid.services span{min-height:66px;padding:10px 6px;font-size:18px}
  .choice-grid.services b{font-size:11px;line-height:1.3}
  .field-error.show{font-size:12px}
  .form-actions{margin-top:28px;padding-top:18px;gap:10px}
  .back-button{min-height:48px;padding:0 8px;font-size:13px}
  .next-button,.publish-button{min-height:52px;height:52px;padding:0 20px;font-size:14px}
  .form-footnote{gap:12px 18px;margin-top:18px;font-size:11px;line-height:1.45}
  .registration-error{font-size:13px;line-height:1.5}
  .registration-verification p{font-size:13px}
  .verification-resend label{font-size:13px}

  .listing-preview{border-radius:14px}
  .preview-top{min-height:46px;height:auto;padding:9px 14px}
  .preview-top span{font-size:10px}
  .preview-top button,.preview-route button{min-height:44px;padding:0 8px;font-size:12px}
  .preview-main{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:16px}
  .preview-logo{width:52px;height:52px;font-size:16px}
  .preview-title{align-items:flex-start;flex-wrap:wrap}
  .preview-title h3{font-size:17px;line-height:1.25}
  .preview-title span{font-size:10px;line-height:1.3}
  .preview-rating{font-size:11px;line-height:1.4}
  .preview-info>p{font-size:12px;line-height:1.55}
  .preview-tags{gap:6px}
  .preview-tags span{padding:6px 7px;font-size:10px;line-height:1.3}
  .preview-side{gap:9px;padding-top:14px}
  .preview-side small{font-size:10px;line-height:1.4}
  .preview-side strong{font-size:12px;line-height:1.4}
  .preview-side button{min-height:44px;height:44px;font-size:12px}
  .preview-route,.publish-box{padding:14px 15px}
  .preview-route small{font-size:10px}
  .preview-route strong{font-size:13px;line-height:1.4}
  .publish-box strong{font-size:12px;line-height:1.4}
  .publish-box p{font-size:11px;line-height:1.45}
}

/* Tablet portrait and a phone rotated to landscape keep the wider layout, but
 * must not fall back to the miniature desktop-mock-up typography. */
@media(min-width:561px) and (max-width:900px){
  .mobile-progress{font-size:12px;line-height:1.4}
  .step-kicker{font-size:11px;line-height:1.4}
  .step-lead{font-size:14px;line-height:1.5}
  .social-register button{min-height:50px;height:auto;font-size:14px}
  .social-register span{font-size:11px}
  .form-grid label,.route-field label,fieldset legend{font-size:13px;line-height:1.4}
  .form-grid input,.form-grid textarea,.route-field input,.route-field select{font-size:15px}
  .form-grid input,.route-field input,.route-field select{min-height:50px;height:50px}
  .form-grid textarea{min-height:126px;height:auto;font-size:15px;line-height:1.5}
  .form-grid label>small{font-size:11px;line-height:1.45}
  .check-row{gap:11px;font-size:13px;line-height:1.5}
  .check-row input{flex:0 0 19px;width:19px;height:19px}
  .security-note strong,.security-note small{font-size:12px;line-height:1.45}
  .company-logo-row strong{font-size:13px}
  .company-logo-row p{font-size:11px;line-height:1.45}
  .choice-grid label span{min-height:44px;font-size:12px}
  .choice-grid.services b{font-size:11px}
  .back-button{min-height:46px;font-size:13px}
  .next-button,.publish-button{min-height:50px;height:50px;font-size:14px}
  .form-footnote{font-size:10px;line-height:1.45}
  .preview-top{min-height:44px;height:auto}
  .preview-top span{font-size:10px}
  .preview-top button,.preview-route button{min-height:44px;font-size:12px}
  .preview-title h3{font-size:16px}
  .preview-title span{font-size:10px}
  .preview-rating{font-size:11px}
  .preview-info>p{font-size:12px;line-height:1.5}
  .preview-tags span{font-size:10px}
  .preview-side small{font-size:10px}
  .preview-side strong{font-size:12px}
  .preview-side button{min-height:44px;height:44px;font-size:12px}
  .preview-route small{font-size:10px}
  .preview-route strong{font-size:13px}
  .publish-box strong{font-size:12px}
  .publish-box p{font-size:11px;line-height:1.45}
}

.step-validation-summary{margin:0 0 20px;padding:14px 16px;border:1px solid #efaaaa;border-left:4px solid #c93434;border-radius:10px;background:#fff4f4;color:#7d2020;font-size:12px;line-height:1.5}
.step-validation-summary[hidden]{display:none}
.step-validation-summary strong{display:block;margin-bottom:5px;font-size:13px}
.step-validation-summary ul{margin:0;padding-left:18px}
.step-validation-summary:focus{outline:3px solid rgba(201,52,52,.2);outline-offset:2px}
.description-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 2px 0}.description-meta small{font-size:9px;font-weight:600;line-height:1.4}.description-guidance{color:#65758a}.char-count{flex:0 0 auto;color:#7e8b9d;text-align:right}.char-count strong{font:800 10px Manrope}.description-field.is-valid .description-guidance,.description-field.is-valid .char-count{color:#16845e}.description-field.is-near-limit .description-guidance,.description-field.is-near-limit .char-count{color:#a76600}.description-field.is-warning .description-guidance,.description-field.is-error .description-guidance,.description-field.is-error .char-count{color:#c93434}.description-field.is-error textarea,.description-field.is-warning textarea:focus{border-color:#df5252}@media(max-width:560px){.description-meta{align-items:flex-start;flex-direction:column;gap:3px}.char-count{text-align:left}}
.field-error.show{font-size:11px;line-height:1.45}
.choice-grid label input:focus-visible+span{outline:3px solid rgba(18,86,216,.22);outline-offset:2px}
.show-password .panel-nav-icon{width:19px;height:19px}.security-note>span .panel-nav-icon{width:18px;height:18px}.summary-route-icon .panel-nav-icon{width:18px;height:18px}.choice-grid.services .panel-nav-icon{width:23px;height:23px}.preview-title span{display:inline-flex;align-items:center;gap:3px}.preview-title span .panel-nav-icon{width:10px;height:10px}.preview-rating{display:flex;align-items:center;gap:4px}.preview-rating .panel-nav-icon{width:12px;height:12px;color:#f3a526}.publish-box>span .panel-nav-icon{width:16px;height:16px}
.show-password[aria-pressed=true]{color:var(--blue)}.coverage-map-disclosure summary b i{display:inline-grid;place-items:center}.coverage-map-disclosure summary b i .panel-nav-icon{width:13px;height:13px;transition:transform .2s}.coverage-map-disclosure[open] summary b i .panel-nav-icon{transform:rotate(180deg)}
.reset-draft-button{border:0;background:transparent;color:#66758a;font-size:9px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:10px 12px;cursor:pointer}.reset-draft-button:hover{color:#c23c3c}.reset-draft-button:focus-visible{outline:3px solid rgba(18,86,216,.2);outline-offset:2px;border-radius:6px}.reset-draft-button[hidden]{display:none}