/* Directory styles are scoped to its content; shared site chrome uses global.css. */
#main-content .country-expansion{
  margin-bottom: 28px;
  border: 1px solid var(--sc-border);
  border-radius: var(--sc-radius-lg);
  background: var(--sc-bg-subtle);
  overflow: hidden;
}
#main-content .country-expansion__intro{ padding: 28px 28px 24px; }
#main-content .country-expansion__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--sc-fg-link);
  font-family: var(--sc-font-mono);
  font-size: 10px;
}
#main-content .country-expansion__eyebrow > span{ font-size: 20px; line-height: 1; }
#main-content .country-expansion h3{ font-size: 28px; max-width: 30ch; }
#main-content .country-expansion__intro > p{ margin-top: 14px; max-width: 70ch; font-size: 13px; color: var(--sc-fg-muted); }
#main-content .country-expansion__options{ display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--sc-border); }
#main-content .country-expansion__option{ min-width: 0; padding: 28px; background: var(--sc-bg-canvas); }
#main-content .country-expansion__option + .country-expansion__option{ border-left: 1px solid var(--sc-border); }
#main-content .country-expansion__option-heading{ display: flex; gap: 12px; align-items: baseline; }
#main-content .country-expansion__number{ flex-shrink: 0; color: var(--sc-fg-link); font: 11px var(--sc-font-mono); }
#main-content .country-expansion h4{ font-size: 21px; line-height: 1.35; }
#main-content .country-expansion__option > p{ margin-block: 12px 20px; font-size: 12px; color: var(--sc-fg-muted); }
#main-content .country-expansion .field{ margin-bottom: 16px; }
#main-content .country-expansion .optional{ color: var(--sc-fg-muted); font-weight: 400; }
#main-content .country-expansion .btn{ width: 100%; min-height: 48px; padding-inline: 14px; font-size: 12px; }
#main-content .country-expansion__option .country-expansion__note{ margin: 12px 0 0; font-size: 11px; line-height: 1.7; color: var(--sc-fg-muted); }
#main-content .country-expansion__option--join{ display: flex; flex-direction: column; align-items: stretch; }
#main-content .country-expansion__join-detail{ flex: 1; display: flex; align-items: center; gap: 16px; padding: 22px 0 30px; color: var(--sc-fg-link); }
#main-content .country-expansion__join-detail > p{ max-width: 22ch; font-size: 13px; color: var(--sc-fg-muted); }
#main-content .country-expansion__option .country-expansion__status{ margin: 12px 0 0; font-size: 11px; color: var(--sc-fg-muted); }
#main-content .country-expansion__status:empty{ display: none; }
#main-content #agency-invite-mailto{ display: inline-block; margin-top: 12px; color: var(--sc-fg-link); text-decoration: underline; text-underline-offset: 3px; font-size: 12px; }
@media (max-width: 1023px) and (min-width: 768px), (max-width: 559px){#main-content .country-expansion__options{ grid-template-columns: 1fr; }
#main-content .country-expansion__option + .country-expansion__option{ border-left: 0; border-top: 1px solid var(--sc-border); }
#main-content .country-expansion__join-detail{ padding-block: 6px 24px; }

}
@media (max-width: 767px){#main-content .country-expansion__intro, #main-content .country-expansion__option{ padding: 24px; }
#main-content .country-expansion h3{ font-size: 25px; }
#main-content .country-expansion h4{ font-size: 20px; }

}
@media (max-width: 359px){#main-content .country-expansion__intro, #main-content .country-expansion__option{ padding: 20px; }
#main-content .country-expansion h3{ font-size: 23px; }

}