/* The field guide extends the existing Urban Atlas identity. */
.guide-section-nav {display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:14px 0 0;}
.guide-section-nav a {min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border-radius:24px;border:1px solid var(--line);font-size:12px;font-weight:600;}
.guide-section-nav a[aria-current] {background:var(--ink);border-color:var(--ink);color:var(--white);}
.guide-section-nav a>span {font-size:10px;border-radius:12px;padding:3px 6px;background:var(--atlas-lime);color:var(--ink);min-width:22px;text-align:center;}
.guide-resource-plan {border:0;border-top:1px solid var(--line);padding:14px 0 0;background:none;color:var(--ink);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;text-align:start;}
#guide-plan {scroll-margin-top:150px;}
.guide-hero {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.72fr) minmax(245px,.72fr);gap:0;margin:24px 0 54px;align-items:stretch;}
.guide-hero-copy {padding:28px 28px 28px 0;align-self:center;}
[dir="rtl"] .guide-hero-copy {padding:28px 0 28px 28px;}
.guide-hero .eyebrow {font-size:10px;letter-spacing:.12em;}
.guide-hero h1 {font-size:clamp(38px,3.7vw,58px);letter-spacing:-.055em;line-height:1.06;margin:24px 0;max-width:11em;}
.guide-hero h1 em {font-style:normal;color:#577056;}
.guide-hero-copy>p {font-size:14px;line-height:1.8;max-width:38em;margin:0 0 24px;color:var(--muted);}
.guide-hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:16px;}
.guide-hero-actions .button {padding:14px 18px;}
.guide-hero-visual {position:relative;min-height:350px;margin:0 22px 0 0;isolation:isolate;}
[dir="rtl"] .guide-hero-visual {margin:0 0 0 22px;}
.guide-hero-visual img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:55% center;border-radius:120px 120px 12px 12px;}
.guide-visual-index {position:absolute;top:22px;inset-inline-start:24px;background:var(--atlas-lime);padding:8px 12px;font:600 11px/1.2 monospace;transform:rotate(-5deg);border-radius:3px;direction:ltr;}
.guide-visual-caption {position:absolute;bottom:12px;inset-inline:12px;color:white;font-size:9px;padding:6px 10px;background:#142f36c7;backdrop-filter:blur(8px);border-radius:4px;width:fit-content;max-width:calc(100% - 24px);}
.guide-route-mark {position:absolute;width:100px;height:100px;bottom:36px;inset-inline-end:-20px;color:var(--atlas-coral);filter:drop-shadow(0 2px 0 var(--paper));}
[dir="rtl"] .guide-route-mark {transform:scaleX(-1);}
.guide-next {background:var(--ink);color:var(--white);border-radius:16px;padding:24px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;}
.guide-next-label {display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.12em;font-weight:700;}
.guide-status-dot {width:7px;height:7px;flex:0 0 7px;background:var(--atlas-lime);border-radius:50%;}
.guide-next-context {color:#c9d4c8;font-size:11px;display:block;margin:28px 0 9px;}
.guide-next-user-title {overflow-wrap:anywhere;}
.guide-next h2 {font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:0 0 16px;color:var(--white);}
.guide-next p {font-size:12px;line-height:1.8;color:#dbe3de;margin:0 0 24px;}
.guide-next .guide-step-link {color:var(--atlas-lime);}
.guide-preferences-link {margin-top:26px;padding:17px 0 0;border:0;border-top:1px solid #ffffff38;background:none;color:var(--white);font-size:11px;display:flex;justify-content:space-between;gap:12px;text-align:start;}
.guide-section-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px;}
.guide-section-heading h2 {font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:10px 0;}
.guide-section-heading p {font-size:13px;line-height:1.8;color:var(--muted);max-width:640px;margin:0;}
.guide-progress {flex:0 0 150px;display:grid;grid-template-columns:1fr;gap:5px;text-align:end;}
.guide-progress strong {font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums;}
.guide-progress strong span {font-size:16px;color:var(--muted);}
.guide-progress>span {font-size:11px;color:var(--muted);}
.guide-progress progress {height:5px;margin-top:9px;}
.guide-business-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);border-radius:12px;overflow:hidden;}
.guide-business-step {background:var(--white);padding:24px;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px 16px;align-content:start;}
.guide-business-step.is-done {background:#edf2e4;}
.guide-step-number {font:500 11px/1.6 monospace;border-bottom:2px solid var(--atlas-coral);height:22px;direction:ltr;}
.guide-business-step h3 {font-size:17px;line-height:1.4;font-weight:650;margin:0 0 10px;letter-spacing:-.025em;}
.guide-business-step p {font-size:12px;line-height:1.7;color:var(--muted);margin:0;}
.guide-step-footer {grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;}
.guide-step-link {font-size:12px;color:var(--ink);font-weight:650;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;text-decoration:none;background:none;border:0;padding:0;text-align:start;}
.guide-done {display:flex;align-items:center;gap:7px;min-height:44px;font-size:11px;cursor:pointer;}
.guide-done input,.guide-checks input {width:17px;height:17px;min-height:17px;flex:0 0 17px;padding:0;accent-color:var(--ink);margin:0;}
.guide-footnote {font-size:11px;color:var(--muted);margin:12px 0 0;}
.guide-preferences {border-block:1px solid var(--line);margin:30px 0 48px;scroll-margin-top:150px;}
.guide-preferences summary {list-style:none;padding:22px 2px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;font-weight:600;cursor:pointer;}
.guide-preferences summary::-webkit-details-marker {display:none;}
.guide-preferences[open] summary>span:last-child {transform:rotate(45deg);}
.guide-preferences form {border-top:1px solid var(--line);padding:24px 0 12px;}
.guide-preferences form>p {color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 22px;}
.guide-form-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;}
.guide-form-grid label {display:flex;flex-direction:column;gap:9px;font-size:12px;min-width:0;}
.guide-form-grid input,.guide-form-grid select {width:100%;min-width:0;min-height:46px;}
.guide-choice-set {border:0;padding:0;margin:24px 0;min-width:0;}
.guide-choice-set legend {font-size:12px;margin-bottom:12px;font-weight:600;}
.guide-choice-set>div {display:flex;flex-wrap:wrap;gap:8px;}
.guide-choice-set label {position:relative;cursor:pointer;}
.guide-choice-set input {position:absolute;opacity:0;width:1px;height:1px;}
.guide-choice-set label span {display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:30px;background:var(--white);font-size:12px;}
.guide-choice-set label span:before {content:'+';font-size:16px;}
.guide-choice-set input:checked+span {background:var(--ink);border-color:var(--ink);color:var(--white);}
.guide-choice-set input:checked+span:before {content:'✓';}
.guide-choice-set input:focus-visible+span {outline:3px solid var(--atlas-blue);outline-offset:3px;}
.guide-form-footer {display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:24px 0 8px;}
.guide-explore {scroll-margin-top:155px;}
.guide-category-tabs {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-block:1px solid var(--line);gap:0;margin-bottom:28px;}
.guide-category-tabs button {position:relative;background:none;border:0;border-inline-end:1px solid var(--line);padding:20px 13px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:start;min-width:0;color:var(--ink);}
.guide-category-tabs button:last-child {border-inline-end:0;}
.guide-category-tabs svg {width:24px;height:24px;}
.guide-category-tabs button>span {font-size:12px;line-height:1.4;font-weight:600;min-height:34px;}
.guide-category-tabs small {position:absolute;top:21px;inset-inline-end:13px;color:var(--muted);font:10px/1.5 monospace;}
.guide-category-tabs button[aria-pressed="true"] {background:var(--atlas-lime);box-shadow:inset 0 -3px var(--ink);}
.guide-tools {display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:30px;}
.guide-tools label {display:flex;flex-direction:column;gap:8px;font-size:11px;min-width:0;}
.guide-tools input,.guide-tools select {min-width:0;width:100%;min-height:46px;}
.guide-saved-filter {border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px;font-size:12px;padding:12px 16px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;}
.guide-saved-filter>span {border-radius:12px;background:var(--sand);padding:3px 7px;font-size:10px;}
.guide-saved-filter[aria-pressed="true"] {background:var(--ink);color:var(--white);}
.guide-saved-filter[aria-pressed="true"]>span {color:var(--ink);background:var(--atlas-lime);}
.guide-category-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:40px;align-items:start;margin:0 0 26px;}
.guide-category-intro:has(>div:only-child) {grid-template-columns:1fr;}
.guide-category-intro h3,.guide-category-heading h3 {font-size:28px;letter-spacing:-.03em;margin:10px 0 12px;}
.guide-category-intro p,.guide-category-heading p {font-size:13px;color:var(--muted);line-height:1.8;max-width:720px;}
.guide-category-intro .text-button {margin-top:5px;}
.guide-criteria {display:flex;gap:18px 32px;flex-wrap:wrap;margin:24px 0 0;}
.guide-criteria>div {min-width:0;}
.guide-criteria dt {font-size:10px;color:var(--muted);margin-bottom:7px;}
.guide-criteria dd {font-size:13px;font-weight:600;margin:0;max-width:36em;overflow-wrap:anywhere;}
.guide-checks {background:#eceee5;border-radius:10px;padding:20px 24px;}
.guide-checks h3 {font-size:14px;letter-spacing:0;margin:0 0 10px;}
.guide-checks label {display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;padding:9px 0;cursor:pointer;}
.guide-checks input {margin-top:2px;}
.guide-checks label:has(:checked) span {color:var(--muted);text-decoration:line-through;}
.guide-result-count {font-size:11px;color:var(--muted);margin:25px 0 12px;}
.guide-search-actions {display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--line);padding:18px 0;margin:20px 0;}
.guide-search-actions p {font-size:12px;color:var(--muted);line-height:1.7;margin:0;max-width:660px;}
.guide-search-actions>button {flex-shrink:0;min-height:44px;}
.guide-search-actions small {font-size:10px;color:var(--muted);}
.guide-map-links {display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;}
.guide-map-links a {border:1px solid var(--line);background:var(--white);border-radius:24px;padding:12px 15px;font-size:12px;min-height:44px;}
.guide-resource-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.guide-resource {display:flex;flex-direction:column;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:22px;transition:border-color .2s;}
.guide-resource:focus-within {border-color:var(--ink);}
.guide-resource-top {display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;}
.guide-resource-top>span {font-size:10px;color:var(--muted);}
.guide-save {background:none;border:0;color:var(--ink);font-size:10px;display:flex;align-items:center;gap:5px;min-height:44px;padding:0;text-align:end;}
.guide-save>span:first-child {font-size:18px;}
.guide-save[aria-pressed="true"] {color:#42612d;}
.guide-resource h4 {font-size:20px;line-height:1.4;letter-spacing:-.03em;font-weight:600;margin:16px 0 12px;overflow-wrap:anywhere;}
.guide-resource p {font-size:12px;line-height:1.8;margin:0 0 18px;color:var(--muted);}
.guide-match {font-size:10px;color:#385425;padding:6px 10px;background:#edf2e4;border-radius:4px;align-self:flex-start;margin-bottom:18px;}
.guide-resource-footer {margin-top:auto;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:16px;}
.guide-resource-source {font-size:10px;color:var(--muted);overflow-wrap:anywhere;}
.guide-resource-footer a {font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;}
.guide-empty {grid-column:1/-1;padding:36px;background:var(--white);border:1px dashed var(--line);text-align:center;border-radius:10px;}
.guide-empty h3 {font-size:20px;margin-bottom:10px;}
.guide-empty p {font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:20px;}
.guide-source-note {font-size:11px;line-height:1.8;color:var(--muted);margin:22px 0;}
.guide-final-note,.guide-teaser {display:flex;align-items:center;justify-content:space-between;gap:28px;margin:36px 0 16px;padding:30px;background:#e8eddd;border-radius:12px;}
.guide-final-note p,.guide-teaser p {font-size:12px;line-height:1.8;color:var(--muted);margin:9px 0 0;max-width:660px;}
.guide-final-note .button,.guide-teaser .button {flex-shrink:0;}
.guide-note-mark {font-size:50px;font-weight:300;}
.guide-teaser h2 {font-size:28px;letter-spacing:-.04em;margin:12px 0 0;}
[dir="rtl"] .guide-hero h1 {font-size:clamp(38px,3.7vw,58px);line-height:1.35;letter-spacing:0;}
[dir="rtl"] .guide-hero .eyebrow,[dir="rtl"] .guide-next-label {letter-spacing:0;}
[dir="rtl"] .guide-section-heading h2,[dir="rtl"] .guide-next h2,[dir="rtl"] .guide-resource h4 {line-height:1.5;letter-spacing:0;}
@media (max-width:1100px){
  .guide-hero {grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);row-gap:24px;margin-bottom:40px;}
  .guide-hero-visual,[dir="rtl"] .guide-hero-visual {margin:0;min-height:310px;}
  .guide-next {grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 28px;padding:24px 28px;}
  .guide-next-label {grid-column:1;}.guide-next-context {grid-column:1;margin:5px 0;}.guide-next h2 {grid-column:1;margin:0;}
  .guide-next p {grid-column:2;grid-row:2/4;margin:0;}.guide-next>.guide-step-link {grid-column:1;}.guide-preferences-link {grid-column:2;margin-top:0;align-self:end;}
  .guide-business-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .guide-category-tabs {grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;}
  .guide-category-tabs button {border-bottom:1px solid var(--line);}
  .guide-category-tabs button:nth-child(4) {border-inline-end:0;}.guide-category-tabs button:nth-child(n+5) {border-bottom:0;}
  .guide-category-tabs button:last-child {grid-column:3/5;}
  .guide-category-tabs button>span {min-height:0;}
  .guide-tools {grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);}
  .guide-saved-filter {grid-column:1/-1;justify-self:start;}
  .guide-resource-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .guide-form-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:800px){
  #guide-plan {scroll-margin-top:86px;}
  .guide-search-actions {flex-direction:column;align-items:flex-start;gap:10px;}
  .guide-hero h1,[dir="rtl"] .guide-hero h1 {font-size:42px;}.guide-hero-copy {padding-inline-end:22px;}
  .guide-hero .eyebrow {font-size:9px;}.guide-route-mark {inset-inline-end:-8px;width:80px;height:80px;}
  .guide-category-intro {grid-template-columns:1fr;gap:24px;}
  .guide-preferences,.guide-explore {scroll-margin-top:86px;}
  .guide-section-heading {gap:20px;}.guide-section-heading h2 {font-size:27px;}
  .guide-progress {flex-basis:115px;}
  .guide-business-step {padding:20px;gap:12px;}
  .guide-form-grid input,.guide-form-grid select,.guide-tools input,.guide-tools select {font-size:16px;}
  .guide-final-note {flex-wrap:wrap;}.guide-final-note>div {flex:1;}.guide-final-note .button {margin-inline-start:auto;}
}
@media (max-width:620px){
  .guide-section-nav {display:grid;grid-template-columns:1fr 1fr;gap:7px;}
  .guide-section-nav a {padding:10px 12px;font-size:11px;}
  .guide-section-nav a:last-child {justify-content:space-between;}
  .guide-hero {grid-template-columns:1fr;gap:20px;margin:0 0 36px;}
  .guide-hero-copy,[dir="rtl"] .guide-hero-copy {padding:20px 0 0;}.guide-hero h1,[dir="rtl"] .guide-hero h1 {font-size:clamp(38px,10vw,44px);margin:20px 0;}
  .guide-hero-copy>p {font-size:13px;}.guide-hero-actions {display:grid;grid-template-columns:1fr;gap:10px;}.guide-hero-actions .button {width:100%;justify-content:space-between;}.guide-hero-actions>.text-button {justify-self:start;min-height:44px;}
  .guide-hero-visual,[dir="rtl"] .guide-hero-visual {min-height:195px;grid-row:2;}.guide-hero-visual img {border-radius:70px 8px 70px 8px;object-position:center 48%;}
  .guide-visual-index {inset-inline-start:28px;top:14px;}.guide-route-mark {width:90px;height:90px;bottom:20px;inset-inline-end:8px;}
  .guide-next {display:flex;padding:24px;}.guide-next-context {margin:16px 0 0;}.guide-next h2 {font-size:25px;}.guide-next p {margin:4px 0 0;}
  .guide-next>.guide-step-link {justify-content:flex-start;}.guide-preferences-link {align-self:stretch;margin-top:8px;}
  .guide-section-heading {flex-direction:column;align-items:flex-start;gap:18px;}.guide-section-heading h2 {font-size:28px;}.guide-section-heading p {font-size:12px;}
  .guide-progress {display:grid;grid-template-columns:auto 1fr;align-items:center;flex-basis:auto;width:100%;text-align:start;gap:8px 14px;}.guide-progress strong {font-size:25px;}.guide-progress progress {grid-column:1/-1;margin:0;}
  .guide-business-grid {grid-template-columns:1fr;}.guide-business-step {padding:20px;grid-template-columns:24px 1fr;}
  .guide-business-step h3 {font-size:18px;}.guide-step-footer {grid-column:2;flex-wrap:wrap;}
  .guide-preferences {margin:24px 0 34px;}.guide-preferences summary {font-size:14px;}
  .guide-form-grid {grid-template-columns:1fr;}.guide-form-footer {gap:14px;}.guide-form-footer>.button {width:100%;justify-content:space-between;}
  .guide-category-tabs {grid-template-columns:repeat(2,minmax(0,1fr));}.guide-category-tabs button {padding:17px 14px;flex-direction:row;align-items:center;gap:10px;min-height:72px;}
  .guide-category-tabs button svg {width:21px;height:21px;flex-shrink:0;}.guide-category-tabs small {display:none;}.guide-category-tabs button>span {font-size:12px;}
  .guide-category-tabs button:nth-child(2n) {border-inline-end:0;}.guide-category-tabs button:nth-child(n+5) {border-bottom:1px solid var(--line);}.guide-category-tabs button:last-child {grid-column:1/-1;border-bottom:0;}
  .guide-tools {grid-template-columns:1fr;gap:16px;}.guide-saved-filter {justify-self:stretch;justify-content:space-between;}
  .guide-resource-grid {grid-template-columns:1fr;}.guide-resource {padding:20px;}.guide-resource h4 {font-size:22px;}
  .guide-resource-footer a {min-height:44px;}.guide-checks {padding:20px;}.guide-checks label {padding-block:11px;}
  .guide-criteria {gap:20px;}.guide-criteria>div {flex:1 1 110px;}
  .guide-final-note,.guide-teaser {padding:24px;gap:18px;}.guide-note-mark {display:none;}.guide-final-note {flex-direction:column;align-items:flex-start;}.guide-final-note .button {margin:0;width:100%;justify-content:space-between;}
  .guide-teaser {flex-direction:column;align-items:flex-start;}.guide-teaser .button {width:100%;justify-content:space-between;}
  .guide-teaser h2 {font-size:27px;}
}
@media (prefers-reduced-motion:no-preference){.guide-save:hover,.guide-step-link:hover {text-decoration:underline;text-underline-offset:4px;}}