/* Global opportunity verticals · 2026-08-29 */
.global-hub-page {
  --hub-ink: #102f29;
  --hub-sea: #0d6670;
  --hub-paper: #fbfaf6;
  --hub-mist: #edf3ef;
  --hub-gold: #d7a84a;
  background: var(--hub-paper);
}

.global-hub-page main {
  overflow: clip;
}

.global-hub-hero {
  background: #fbfaf6;
  padding: clamp(2.1rem, 5vw, 4.4rem) 0 clamp(2rem, 4vw, 3.5rem);
}

.travel-hub-page .global-hub-hero {
  background: #fff9eb;
}

.global-hub-hero-dark {
  background: var(--hub-ink);
  color: #fffdf8;
}

.global-hub-hero-dark .breadcrumb,
.global-hub-hero-dark .breadcrumb a,
.global-hub-hero-dark p,
.global-hub-hero-dark figcaption {
  color: #dce9e4;
}

.global-hub-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(24rem, .97fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
}

.global-hub-hero h1 {
  max-width: 12ch;
  margin: .75rem 0 1.15rem;
  font-size: clamp(2.35rem, 4.75vw, 4.7rem);
  line-height: 1.02;
  letter-spacing: -.04em;
  text-wrap: balance;
  hyphens: auto;
}

.global-hub-hero p {
  max-width: 66ch;
  margin: 0;
  color: var(--ink-soft);
  font-size: clamp(1.05rem, 1.5vw, 1.23rem);
}

.global-hub-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.5rem;
}

.global-hub-hero-dark .button-secondary.dark {
  border-color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

.global-hub-hero-dark .button-secondary.dark:hover,
.global-hub-hero-dark .button-secondary.dark:focus-visible {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--brand);
}

.global-hub-figure {
  margin: 0;
}

.global-hub-figure img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 24px 38px rgba(16, 47, 41, .15));
}

.global-hub-figure figcaption {
  margin-top: .75rem;
  color: var(--muted);
  font-size: .88rem;
  text-align: center;
}

.global-topic-rail {
  background: var(--hub-ink);
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: #fffdf8;
}

.global-topic-rail .shell {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding-top: 0;
  padding-bottom: 0;
}

.global-topic-rail a {
  min-height: 76px;
  padding: .9rem .8rem;
  border-right: 1px solid rgba(255, 255, 255, .16);
  color: #fffdf8;
  text-decoration: none;
}

.global-topic-rail a:first-child {
  border-left: 1px solid rgba(255, 255, 255, .16);
}

.global-topic-rail a:hover,
.global-topic-rail a[aria-current="page"] {
  background: #fffdf8;
  color: var(--hub-ink);
}

.global-topic-rail strong,
.global-topic-rail span {
  display: block;
}

.global-topic-rail strong {
  font-size: .98rem;
}

.global-topic-rail span {
  margin-top: .22rem;
  color: inherit;
  font-size: .75rem;
}

.compliance-stop {
  background: #0c575e;
  color: #fffdf8;
  padding: clamp(2rem, 4vw, 3rem) 0;
}

.compliance-stop-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(28rem, .85fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}

.compliance-stop h2,
.source-ledger-layout h2,
.active-dossier-shelf h2,
.travel-evidence h2,
.backup-file h2 {
  color: #fffdf8;
}

.compliance-stop p {
  max-width: 68ch;
  color: #d7ece8;
}

.compliance-stop dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, .3);
}

.compliance-stop dl div {
  padding: .9rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.compliance-stop dl div:nth-child(odd) {
  padding-right: 1rem;
}

.compliance-stop dt {
  margin-bottom: .25rem;
  color: #f6dd9d;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.compliance-stop dd {
  margin: 0;
  color: #fffdf8;
  overflow-wrap: break-word;
}

.finance-boundary {
  background: #263f3a;
}

.hub-answer .narrow {
  display: grid;
  grid-template-columns: minmax(12rem, .42fr) minmax(0, 1fr);
  column-gap: clamp(2rem, 6vw, 6rem);
}

.hub-answer h2 {
  grid-row: 1 / span 2;
  margin-top: 0;
}

.hub-answer p {
  max-width: 72ch;
  margin-top: 0;
}

.hub-answer p + p {
  margin-top: 1rem;
}

.hub-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}

.hub-section-head > div {
  max-width: 54rem;
}

.hub-section-head h2,
.hub-section-head p {
  margin-bottom: 0;
}

.review-stamp {
  flex: 0 0 auto;
  padding: .6rem .75rem;
  border: 1px solid var(--hub-sea);
  color: var(--hub-sea);
  font-size: .78rem;
  font-weight: 800;
}

.decision-file {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(20rem, .65fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}

.decision-spine,
.software-lifecycle ol,
.finance-cost-stack ol,
.travel-route-ledger,
.recovery-runbook ol,
.backup-file ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: hub-step;
}

.decision-spine li,
.software-lifecycle li,
.finance-cost-stack li,
.travel-route-ledger li,
.recovery-runbook li,
.backup-file li {
  position: relative;
  display: grid;
  grid-template-columns: 3rem minmax(9rem, .45fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: baseline;
  padding: 1rem 0;
  border-bottom: 1px solid #bdccc6;
  counter-increment: hub-step;
}

.decision-spine li::before,
.software-lifecycle li::before,
.finance-cost-stack li::before,
.travel-route-ledger li::before,
.recovery-runbook li::before,
.backup-file li::before {
  content: counter(hub-step, decimal-leading-zero);
  color: var(--hub-sea);
  font-weight: 900;
}

.decision-spine span,
.software-lifecycle li span,
.finance-cost-stack li span,
.travel-route-ledger li span,
.recovery-runbook li span,
.backup-file li span {
  color: var(--muted);
}

.decision-aside {
  padding: 1.4rem;
  background: #fffdf8;
  box-shadow: 0 20px 55px rgba(16, 33, 29, .1);
}

.decision-aside h3 {
  margin-top: 0;
}

.decision-aside dl,
.security-control-ledger dl,
.travel-evidence dl {
  margin: 0;
}

.decision-aside dl div,
.security-control-ledger dl div,
.travel-evidence dl div {
  padding: .85rem 0;
  border-top: 1px solid var(--line);
}

.decision-aside dt,
.security-control-ledger dt,
.travel-evidence dt {
  font-weight: 850;
}

.decision-aside dd,
.security-control-ledger dd,
.travel-evidence dd {
  margin: .25rem 0 0;
  color: var(--muted);
}

.comparison-reader {
  display: grid;
  grid-template-columns: minmax(11rem, .68fr) minmax(0, 2fr) minmax(13rem, .85fr);
  background: #fffdf8;
  box-shadow: 0 28px 72px rgba(16, 47, 41, .14);
}

.comparison-reader > * {
  padding: clamp(1.2rem, 2.4vw, 2rem);
}

.comparison-reader > * + * {
  border-left: 1px solid #bdccc6;
}

.reader-index {
  background: var(--hub-ink);
  color: #fffdf8;
}

.reader-index h2 {
  margin-top: 0;
  color: #fffdf8;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.reader-index p,
.reader-index span {
  color: #d7e7e2;
}

.reader-index a {
  display: inline-block;
  min-height: 44px;
  margin-top: 1rem;
  color: #f6dd9d;
}

.comparison-specimen h3,
.source-mini h3 {
  margin-top: 0;
}

.comparison-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 1.5rem;
  margin: 0;
}

.comparison-fields div {
  min-width: 0;
  padding: .7rem 0;
  border-top: 1px solid var(--line);
}

.comparison-fields dt {
  font-size: .84rem;
  font-weight: 850;
}

.comparison-fields dd {
  margin: .2rem 0 0;
  color: var(--muted);
  font-size: .88rem;
  overflow-wrap: break-word;
}

.source-mini {
  background: #f5e8c5;
}

.source-mini p {
  color: #30443e;
}

.source-mini span,
.source-mini a {
  display: block;
  margin-top: 1rem;
  color: var(--hub-ink);
  font-size: .82rem;
  font-weight: 800;
}

.control-ledger,
.mistake-ledger,
.operating-file,
.risk-control-map {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(2rem, 6vw, 6rem);
  margin-top: 2rem;
}

.control-ledger article,
.mistake-ledger article,
.operating-file article,
.risk-control-map article {
  padding: 1.2rem 0;
  border-top: 1px solid var(--line-strong);
}

.control-ledger h3,
.mistake-ledger h3,
.operating-file h3,
.risk-control-map h3,
.control-ledger p,
.mistake-ledger p,
.operating-file p,
.risk-control-map p {
  margin-bottom: 0;
}

.crypto-security-file,
.finance-operations,
.security-context {
  background: #fffdf8;
}

.source-ledger-layout {
  display: grid;
  grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(2rem, 6vw, 6rem);
}

.source-ledger-layout > div:first-child p {
  color: #d7e7e2;
}

.official-source-list {
  border-top: 1px solid rgba(255, 255, 255, .32);
}

.official-source-list a {
  display: grid;
  grid-template-columns: minmax(11rem, .42fr) minmax(0, 1fr);
  gap: 1rem;
  min-height: 58px;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, .32);
  color: #fffdf8;
  text-decoration: none;
}

.official-source-list a:hover strong {
  color: #f6dd9d;
}

.official-source-list span {
  color: #cce0da;
}

.hub-next {
  background: #f5e8c5;
}

.hub-next .shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}

.hub-next .shell > div:first-child {
  max-width: 52rem;
}

.hub-next-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.insurance-lines,
.software-rows {
  border-top: 2px solid var(--hub-ink);
}

.insurance-lines article,
.software-rows article {
  display: grid;
  grid-template-columns: minmax(12rem, .4fr) minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: baseline;
  padding: 1rem 0;
  border-bottom: 1px solid #bdccc6;
}

.insurance-lines article {
  grid-template-columns: minmax(12rem, .38fr) minmax(0, 1fr);
}

.insurance-lines h3,
.software-rows h3,
.insurance-lines p,
.software-rows p {
  margin: 0;
}

.software-rows a {
  min-height: 44px;
  color: var(--hub-sea);
  font-weight: 800;
}

.insurance-file-layout {
  display: grid;
  grid-template-columns: minmax(15rem, .6fr) minmax(0, 1.4fr);
  gap: clamp(2rem, 7vw, 7rem);
}

.insurance-file-layout aside {
  align-self: start;
  padding-top: 1rem;
  border-top: 8px solid var(--hub-gold);
}

.policy-registers {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fffdf8;
  box-shadow: 0 22px 58px rgba(16, 33, 29, .1);
}

.policy-registers li {
  display: grid;
  grid-template-columns: minmax(12rem, .42fr) minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--line);
}

.policy-registers span {
  color: var(--muted);
}

.finance-scenario-ledger,
.creator-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 2px solid var(--hub-ink);
  border-bottom: 1px solid var(--hub-ink);
}

.finance-scenario-ledger article,
.creator-columns article {
  padding: 1.35rem;
  border-right: 1px solid #bdccc6;
  border-bottom: 1px solid #bdccc6;
}

.finance-scenario-ledger article:nth-child(3n),
.creator-columns article:last-child {
  border-right: 0;
}

.finance-scenario-ledger h3,
.creator-columns h3 {
  margin-top: 0;
}

.finance-scenario-ledger a,
.creator-columns a,
.creator-columns span {
  color: var(--hub-sea);
  font-weight: 800;
}

.finance-cost-stack .shell,
.software-lifecycle .shell,
.recovery-runbook,
.backup-file {
  display: grid;
  grid-template-columns: minmax(15rem, .55fr) minmax(0, 1.45fr);
  gap: clamp(2rem, 7vw, 7rem);
}

.software-lifecycle {
  background: #fffdf8;
}

.active-dossier-shelf,
.travel-evidence,
.backup-file {
  background: var(--hub-ink);
  color: #fffdf8;
}

.active-dossier-shelf .hub-section-head p,
.travel-evidence p,
.backup-file p {
  color: #d7e7e2;
}

.active-dossier-lines {
  border-top: 1px solid rgba(255, 255, 255, .3);
}

.active-dossier-lines article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.active-dossier-lines article > div {
  max-width: 50rem;
}

.active-dossier-lines span {
  color: #f6dd9d;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.active-dossier-lines h3,
.active-dossier-lines p {
  color: #fffdf8;
  margin-bottom: .25rem;
}

.commercial-context {
  max-width: 72ch;
  margin: 1.2rem 0 0;
  color: #cce0da;
  font-size: .88rem;
}

.candidate-status-ledger {
  margin-top: 2rem;
  border-top: 2px solid var(--hub-ink);
}

.candidate-status-ledger div {
  display: grid;
  grid-template-columns: minmax(13rem, .4fr) minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--line);
}

.candidate-status-ledger span {
  color: var(--muted);
  overflow-wrap: break-word;
}

.travel-route-ledger {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 2px solid var(--hub-ink);
  border-bottom: 1px solid var(--hub-ink);
}

.travel-route-ledger li {
  display: block;
  padding: 1.25rem;
  border-right: 1px solid #bdccc6;
  border-bottom: 0;
}

.travel-route-ledger li:last-child {
  border-right: 0;
}

.travel-route-ledger li::before {
  display: block;
  margin-bottom: .75rem;
}

.travel-route-ledger strong,
.travel-route-ledger span {
  display: block;
}

.travel-route-ledger span {
  margin-top: .45rem;
}

.travel-control-grid .shell {
  display: grid;
  grid-template-columns: minmax(16rem, .55fr) minmax(0, 1.45fr);
  gap: clamp(2rem, 7vw, 7rem);
}

.travel-choice-table {
  border-top: 2px solid var(--hub-ink);
}

.travel-choice-table div {
  display: grid;
  grid-template-columns: minmax(8rem, .3fr) minmax(12rem, .42fr) minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--line);
}

.travel-choice-table span,
.travel-choice-table p {
  margin: 0;
  color: var(--muted);
}

.travel-evidence {
  display: block;
}

.travel-evidence .shell {
  display: grid;
  grid-template-columns: minmax(15rem, .6fr) minmax(0, 1.4fr);
  gap: clamp(2rem, 7vw, 7rem);
}

.travel-evidence dl div {
  border-color: rgba(255, 255, 255, .25);
}

.travel-evidence dd {
  color: #d7e7e2;
}

.travel-path-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.travel-path-pair article {
  padding: clamp(1.4rem, 3vw, 2.3rem);
  background: #fffdf8;
  box-shadow: 0 20px 50px rgba(16, 33, 29, .09);
}

.risk-control-map {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.security-control-ledger .shell {
  display: grid;
  grid-template-columns: minmax(15rem, .55fr) minmax(0, 1.45fr);
  gap: clamp(2rem, 7vw, 7rem);
}

.backup-file {
  background: none;
}

.backup-file li {
  border-color: rgba(255, 255, 255, .28);
}

.backup-file li::before {
  color: #f6dd9d;
}

.backup-file li span {
  color: #d7e7e2;
}

.context-paths {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 2px solid var(--hub-ink);
}

.context-paths a {
  display: block;
  min-height: 110px;
  padding: 1.2rem;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: var(--hub-ink);
  text-decoration: none;
}

.context-paths a:nth-child(2n) {
  border-right: 0;
}

.context-paths strong,
.context-paths span {
  display: block;
}

.context-paths span {
  margin-top: .4rem;
  color: var(--muted);
}

@media (max-width: 1100px) {
  .global-hub-hero-grid,
  .compliance-stop-grid,
  .decision-file,
  .source-ledger-layout,
  .insurance-file-layout,
  .finance-cost-stack .shell,
  .software-lifecycle .shell,
  .travel-control-grid .shell,
  .travel-evidence .shell,
  .security-control-ledger .shell,
  .recovery-runbook,
  .backup-file {
    grid-template-columns: 1fr;
  }

  .global-hub-hero {
    background: #fbfaf6;
  }

  .global-hub-hero-dark {
    background: var(--hub-ink);
  }

  .global-hub-hero-figure {
    max-width: 42rem;
  }

  .global-topic-rail .shell {
    overflow-x: auto;
    grid-template-columns: repeat(6, minmax(9.5rem, 1fr));
    scrollbar-width: thin;
  }

  .comparison-reader {
    grid-template-columns: minmax(11rem, .55fr) minmax(0, 1.45fr);
  }

  .comparison-reader .source-mini {
    grid-column: 1 / -1;
    border-top: 1px solid #bdccc6;
    border-left: 0;
  }

  .travel-route-ledger {
    grid-template-columns: 1fr 1fr;
  }

  .travel-route-ledger li:nth-child(2n) {
    border-right: 0;
  }

  .travel-route-ledger li:last-child {
    grid-column: 1 / -1;
    border-top: 1px solid #bdccc6;
  }

  .risk-control-map {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .global-hub-hero {
    padding-top: 1.5rem;
  }

  .global-hub-hero h1 {
    max-width: none;
    font-size: clamp(2.15rem, 11.5vw, 3.55rem);
    letter-spacing: -.035em;
  }

  .global-hub-figure {
    max-width: 32rem;
  }

  .global-hub-actions > a,
  .hub-next-actions > a {
    width: 100%;
  }

  .global-topic-rail a {
    min-height: 66px;
  }

  .compliance-stop dl,
  .comparison-fields,
  .control-ledger,
  .mistake-ledger,
  .operating-file,
  .risk-control-map,
  .finance-scenario-ledger,
  .creator-columns,
  .travel-path-pair,
  .context-paths {
    grid-template-columns: 1fr;
  }

  .hub-answer .narrow {
    display: block;
  }

  .hub-section-head,
  .hub-next .shell,
  .active-dossier-lines article {
    align-items: flex-start;
    flex-direction: column;
  }

  .review-stamp {
    align-self: flex-start;
  }

  .decision-spine li,
  .software-lifecycle li,
  .finance-cost-stack li,
  .recovery-runbook li,
  .backup-file li {
    grid-template-columns: 2.4rem minmax(0, 1fr);
  }

  .decision-spine li span,
  .software-lifecycle li span,
  .finance-cost-stack li span,
  .recovery-runbook li span,
  .backup-file li span {
    grid-column: 2;
  }

  .comparison-reader {
    display: block;
  }

  .comparison-reader > * + * {
    border-top: 1px solid #bdccc6;
    border-left: 0;
  }

  .comparison-fields div {
    display: grid;
    grid-template-columns: minmax(8rem, .4fr) minmax(0, 1fr);
    gap: 1rem;
  }

  .comparison-fields dd {
    margin: 0;
  }

  .insurance-lines article,
  .software-rows article,
  .policy-registers li,
  .candidate-status-ledger div,
  .travel-choice-table div,
  .official-source-list a {
    grid-template-columns: 1fr;
    gap: .4rem;
  }

  .software-rows a {
    margin-top: .25rem;
  }

  .finance-scenario-ledger article,
  .creator-columns article {
    border-right: 0;
  }

  .travel-route-ledger {
    display: block;
  }

  .travel-route-ledger li,
  .travel-route-ledger li:nth-child(2n),
  .travel-route-ledger li:last-child {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #bdccc6;
  }

  .travel-route-ledger li::before {
    grid-row: 1 / span 2;
    margin: 0;
  }

  .travel-route-ledger li span {
    grid-column: 2;
  }

  .context-paths a {
    border-right: 0;
  }
}

@media (max-width: 520px) {
  .global-hub-hero h1 {
    font-size: clamp(2.05rem, 10.8vw, 3.2rem);
  }

  .compliance-stop dl {
    display: block;
  }

  .comparison-fields div {
    display: block;
  }

  .comparison-fields dd {
    margin-top: .25rem;
  }
}

.global-world-directory {
  background: #fffdf8;
}

.global-world-intro {
  display: grid;
  grid-template-columns: minmax(16rem, .6fr) minmax(0, 1.4fr);
  gap: clamp(2rem, 7vw, 7rem);
  margin-bottom: 2rem;
}

.global-world-intro h2,
.global-world-intro p {
  margin: 0;
}

.global-world-lines,
.partner-vertical-lines {
  border-top: 2px solid var(--brand);
}

.global-world-lines a,
.partner-vertical-lines div {
  display: grid;
  grid-template-columns: minmax(12rem, .34fr) minmax(0, 1fr) minmax(10rem, auto);
  gap: 1.5rem;
  align-items: baseline;
  min-height: 72px;
  padding: 1rem 0;
  border-bottom: 1px solid var(--line-strong);
  color: var(--ink);
  text-decoration: none;
}

.global-world-lines a:hover strong {
  color: var(--brand-3);
}

.global-world-lines span,
.partner-vertical-lines span {
  color: var(--muted);
}

.global-world-lines b {
  color: var(--brand-2);
  font-size: .76rem;
  letter-spacing: .04em;
  text-align: right;
  overflow-wrap: break-word;
}

.global-entry-ribbon {
  background: var(--brand);
  color: var(--paper);
}

.global-entry-ribbon .shell {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-top: 0;
  padding-bottom: 0;
}

.business-hub-board + .global-entry-ribbon .shell,
.global-entry-ribbon .shell:has(> a:nth-child(3):last-child) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.global-entry-ribbon a {
  min-height: 94px;
  padding: 1.1rem;
  border-right: 1px solid rgba(255, 255, 255, .2);
  color: var(--paper);
  text-decoration: none;
}

.global-entry-ribbon a:first-child {
  border-left: 1px solid rgba(255, 255, 255, .2);
}

.global-entry-ribbon a:hover {
  background: var(--paper);
  color: var(--brand);
}

.global-entry-ribbon strong,
.global-entry-ribbon span {
  display: block;
}

.global-entry-ribbon span {
  margin-top: .35rem;
  color: inherit;
  font-size: .82rem;
}

.context-backlink {
  background: #edf3ef;
  border-bottom: 1px solid var(--line-strong);
}

.context-backlink .shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 52px;
  padding-top: 0;
  padding-bottom: 0;
}

.context-backlink a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--brand);
  font-weight: 800;
}

.context-backlink span {
  color: var(--muted);
  font-size: .85rem;
}

.partner-vertical-lines div {
  grid-template-columns: minmax(15rem, .42fr) minmax(0, 1fr);
}

.monetization-architecture ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 2px solid var(--brand);
  list-style: none;
  counter-reset: revenue-model;
}

.monetization-architecture li {
  min-height: 150px;
  padding: 1.2rem;
  border-right: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
  counter-increment: revenue-model;
}

.monetization-architecture li:nth-child(3n) {
  border-right: 0;
}

.monetization-architecture li::before {
  content: counter(revenue-model, decimal-leading-zero);
  display: block;
  margin-bottom: .75rem;
  color: var(--brand-3);
  font-weight: 900;
}

.monetization-architecture strong,
.monetization-architecture span {
  display: block;
}

.monetization-architecture span {
  margin-top: .35rem;
  color: var(--muted);
}

@media (max-width: 820px) {
  .global-world-intro {
    grid-template-columns: 1fr;
  }

  .global-world-lines a,
  .partner-vertical-lines div {
    grid-template-columns: 1fr;
    gap: .35rem;
  }

  .global-world-lines b {
    text-align: left;
  }

  .global-entry-ribbon .shell,
  .business-hub-board + .global-entry-ribbon .shell,
  .global-entry-ribbon .shell:has(> a:nth-child(3):last-child),
  .monetization-architecture ol {
    grid-template-columns: 1fr 1fr;
  }

  .global-entry-ribbon a:nth-child(odd) {
    border-left: 1px solid rgba(255, 255, 255, .2);
  }

  .monetization-architecture li:nth-child(3n) {
    border-right: 1px solid var(--line-strong);
  }

  .monetization-architecture li:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 560px) {
  .global-entry-ribbon .shell,
  .business-hub-board + .global-entry-ribbon .shell,
  .global-entry-ribbon .shell:has(> a:nth-child(3):last-child),
  .monetization-architecture ol {
    grid-template-columns: 1fr;
  }

  .global-entry-ribbon a,
  .global-entry-ribbon a:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, .2);
    border-left: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
  }

  .context-backlink .shell {
    display: block;
    padding-top: .35rem;
    padding-bottom: .35rem;
  }

  .context-backlink a,
  .context-backlink span {
    display: block;
  }

  .monetization-architecture li,
  .monetization-architecture li:nth-child(2n),
  .monetization-architecture li:nth-child(3n) {
    min-height: 0;
    border-right: 0;
  }
}

/* Deutschland opportunities atlas and business guides */
.opportunities-page,
.business-guide-page {
  --op-ink: #102f29;
  --op-sea: #0d6670;
  --op-gold: #d7a84a;
  --op-paper: #faf8f2;
  --op-mist: #edf3ef;
  background: var(--op-paper);
  color: var(--op-ink);
}

.opportunities-page main,
.business-guide-page main {
  overflow: clip;
}

.opportunities-page h1,
.opportunities-page h2,
.opportunities-page h3,
.business-guide-page h1,
.business-guide-page h2,
.business-guide-page h3 {
  text-wrap: balance;
}

.opportunities-hero,
.business-guide-hero {
  position: relative;
  padding: clamp(4rem, 8vw, 8rem) 0;
  background: #f0eadf;
  border-bottom: 1px solid rgba(18, 55, 47, 0.14);
}

.opportunities-hero::before,
.business-guide-hero::before {
  position: absolute;
  top: 8%;
  bottom: 8%;
  left: 50%;
  width: 1px;
  background: rgba(18, 55, 47, 0.08);
  content: "";
  pointer-events: none;
}

.opportunities-hero-grid,
.business-guide-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(29rem, 1.1fr);
  gap: clamp(3rem, 7vw, 7.5rem);
  align-items: center;
}

.opportunities-hero h1,
.business-guide-hero h1 {
  max-width: 14ch;
  margin: 0.8rem 0 1.5rem;
  color: var(--op-ink);
  font-size: clamp(3rem, 5.6vw, 5.8rem);
  line-height: 0.96;
  letter-spacing: -0.04em;
}

.opportunities-hero-grid > div > p:not(.eyebrow),
.business-guide-hero-grid > div > p:not(.eyebrow) {
  max-width: 65ch;
  color: #40554f;
  font-size: clamp(1.05rem, 1.3vw, 1.2rem);
  line-height: 1.72;
}

.opportunities-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;
}

.opportunities-actions a {
  margin: 0;
  border-radius: 4px;
}

.opportunities-atlas {
  margin: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 24px 60px rgba(16, 47, 41, 0.18);
}

.opportunities-atlas img {
  display: block;
  width: 100%;
  height: clamp(21rem, 34vw, 31rem);
  padding: 1.25rem;
  object-fit: contain;
}

.opportunities-atlas figcaption {
  padding: 1rem 1.3rem;
  background: var(--op-ink);
  color: #d6e2de;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.opportunity-index {
  background: var(--op-ink);
}

.opportunity-index .shell {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.opportunity-index a {
  display: flex;
  min-height: 5.8rem;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem;
  border-left: 1px solid rgba(255, 255, 255, 0.17);
  color: #fff;
  font-size: 0.83rem;
  font-weight: 850;
}

.opportunity-index a:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.17);
}

.opportunity-index span {
  color: var(--op-gold);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
}

.opportunity-field,
.opportunity-method,
.opportunity-close,
.business-guide-page .section {
  padding-top: clamp(4.5rem, 8vw, 8rem);
  padding-bottom: clamp(4.5rem, 8vw, 8rem);
}

.opportunity-field-head {
  display: grid;
  grid-template-columns: minmax(7rem, 0.25fr) minmax(0, 1.75fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}

.opportunity-field-head > span {
  padding-top: 0.55rem;
  color: var(--op-sea);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.opportunity-field-head h2,
.opportunity-method h2,
.opportunity-close h2,
.business-guide-page .business-guide-head h2,
.business-guide-page .business-guide-split h2,
.official-business-sources h2 {
  margin: 0;
  color: var(--op-ink);
  font-size: clamp(2.2rem, 4.4vw, 4.2rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.opportunity-field-head p,
.business-guide-head > p:last-child,
.business-guide-split > div > p,
.official-business-sources p {
  max-width: 78ch;
  color: #485d57;
  line-height: 1.72;
}

.opportunity-routes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 3rem;
  border-top: 1px solid rgba(18, 55, 47, 0.18);
  border-bottom: 1px solid rgba(18, 55, 47, 0.18);
}

.opportunity-routes article {
  display: flex;
  min-height: 27rem;
  flex-direction: column;
  padding: clamp(1.4rem, 3vw, 2.6rem);
  border-left: 1px solid rgba(18, 55, 47, 0.18);
}

.opportunity-routes article:first-child {
  border-left: 0;
}

.route-number {
  color: var(--op-sea);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.opportunity-routes h3 {
  margin: 3.8rem 0 1rem;
  color: var(--op-ink);
  font-size: clamp(1.45rem, 2.3vw, 2.15rem);
  letter-spacing: -0.035em;
}

.opportunity-routes p {
  color: #4a6059;
  line-height: 1.68;
}

.opportunity-routes a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: auto;
  padding-top: 1.3rem;
  border-top: 1px solid rgba(18, 55, 47, 0.16);
  color: var(--op-ink);
  font-size: 0.84rem;
  font-weight: 850;
}

.opportunity-field-dark {
  background: var(--op-ink);
  color: #fff;
}

.opportunity-field-dark .opportunity-field-head > span,
.opportunity-field-dark .route-number {
  color: var(--op-gold);
}

.opportunity-field-dark .opportunity-field-head h2,
.opportunity-field-dark .opportunity-field-head p,
.opportunity-field-dark .opportunity-routes h3,
.opportunity-field-dark .opportunity-routes p,
.opportunity-field-dark .opportunity-routes a {
  color: #fff;
}

.opportunity-field-dark .opportunity-field-head p,
.opportunity-field-dark .opportunity-routes p {
  color: #c8d8d2;
}

.opportunity-field-dark .opportunity-routes,
.opportunity-field-dark .opportunity-routes article,
.opportunity-field-dark .opportunity-routes a {
  border-color: rgba(255, 255, 255, 0.2);
}

.opportunity-field-sea {
  background: #e3efed;
}

.opportunity-method {
  background: #f0eadf;
}

.opportunity-method-grid {
  display: grid;
  grid-template-columns: minmax(17rem, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
}

.opportunity-method-grid > div > p:last-child {
  color: #485d57;
  line-height: 1.75;
}

.opportunity-method-grid ol {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(18, 55, 47, 0.18);
  list-style: none;
  counter-reset: method-step;
}

.opportunity-method-grid li {
  display: grid;
  grid-template-columns: minmax(10rem, 0.6fr) minmax(0, 1.4fr);
  gap: 1rem;
  padding: 1.2rem 0;
  border-bottom: 1px solid rgba(18, 55, 47, 0.18);
  counter-increment: method-step;
}

.opportunity-method-grid strong::before {
  margin-right: 0.7rem;
  color: var(--op-sea);
  content: "0" counter(method-step);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
}

.opportunity-method-grid span {
  color: #536760;
  line-height: 1.5;
}

.opportunity-close {
  background: var(--op-gold);
}

.opportunity-close > .shell {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 3rem;
}

.opportunity-close h2 {
  max-width: 18ch;
  font-size: clamp(2rem, 4vw, 3.8rem);
}

.opportunity-close .eyebrow {
  color: var(--op-ink);
}

.opportunity-close .button {
  flex: 0 0 auto;
  margin: 0;
}

/* Business guides */
.business-guide-hero-grid {
  align-items: center;
}

.business-guide-hero h1 {
  max-width: 16ch;
  font-size: clamp(2.65rem, 5vw, 5rem);
}

@media (min-width: 1101px) {
  .payments-guide-page .business-guide-hero {
    padding-block: clamp(2.4rem, 4.5vw, 4.2rem);
  }

  .payments-guide-page .business-guide-hero h1 {
    max-width: 20ch;
    font-size: clamp(2.6rem, 4vw, 4rem);
    line-height: 1.02;
  }
}

.payment-flow-visual {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr) 1.5rem) minmax(0, 1fr);
  align-items: center;
  margin: 0;
  padding: clamp(1.4rem, 3vw, 2.5rem);
  background: var(--op-ink);
  box-shadow: 0 22px 58px rgba(16, 47, 41, 0.18);
}

.payment-flow-visual > div {
  display: grid;
  min-height: 10rem;
  align-content: center;
  text-align: center;
}

.payment-flow-visual span,
.payment-flow-visual strong,
.payment-flow-visual small {
  display: block;
}

.payment-flow-visual span {
  color: var(--op-gold);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.payment-flow-visual strong {
  margin-top: 0.65rem;
  color: #fff;
  font-size: 0.82rem;
}

.payment-flow-visual small {
  margin-top: 0.35rem;
  color: #b9cbc5;
  font-size: 0.62rem;
  line-height: 1.4;
}

.payment-flow-visual i {
  height: 1px;
  background: var(--op-gold);
}

.payment-warning,
.operations-principle {
  background: var(--op-ink);
  color: #fff;
}

.payment-warning .shell,
.operations-principle .shell {
  display: grid;
  grid-template-columns: minmax(12rem, 0.35fr) minmax(0, 1.65fr);
  gap: 2rem;
  align-items: center;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.payment-warning strong,
.operations-principle strong {
  color: var(--op-gold);
  font-size: 0.74rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.payment-warning p,
.operations-principle p {
  margin: 0;
  color: #d2dfdb;
  line-height: 1.6;
}

.business-guide-split {
  display: grid;
  grid-template-columns: minmax(17rem, 0.65fr) minmax(0, 1.35fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
}

.business-ledger {
  border-top: 1px solid rgba(18, 55, 47, 0.2);
}

.business-ledger > div {
  display: grid;
  grid-template-columns: minmax(9rem, 0.45fr) minmax(0, 1.55fr);
  gap: 1rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid rgba(18, 55, 47, 0.2);
}

.business-ledger strong {
  color: var(--op-sea);
}

.business-ledger span {
  color: #4c615b;
  line-height: 1.55;
}

.business-guide-dark {
  background: var(--op-ink);
  color: #fff;
}

.business-guide-head {
  max-width: 72rem;
}

.business-guide-dark .business-guide-head h2,
.business-guide-dark .business-guide-head > p:last-child {
  color: #fff;
}

.business-guide-dark .business-guide-head > p:last-child {
  color: #cad9d4;
}

.business-guide-dark .eyebrow {
  color: var(--op-gold);
}

.fee-anatomy,
.operations-chain {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.fee-anatomy article,
.operations-chain article {
  min-height: 17rem;
  padding: 1.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.fee-anatomy article:first-child,
.operations-chain article:first-child {
  border-left: 0;
}

.fee-anatomy span,
.operations-chain span {
  color: var(--op-gold);
  font-size: 0.7rem;
  font-weight: 900;
}

.fee-anatomy h3,
.operations-chain h3 {
  margin-top: 4rem;
  color: #fff;
  font-size: 1.35rem;
}

.fee-anatomy p,
.operations-chain p {
  color: #c5d5cf;
  line-height: 1.62;
}

.provider-check-sequence {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(18, 55, 47, 0.2);
  list-style: none;
  counter-reset: provider-sequence;
}

.provider-check-sequence li {
  display: grid;
  grid-template-columns: minmax(10rem, 0.55fr) minmax(0, 1.45fr);
  gap: 1rem;
  padding: 1.05rem 0;
  border-bottom: 1px solid rgba(18, 55, 47, 0.2);
  counter-increment: provider-sequence;
}

.provider-check-sequence strong::before {
  margin-right: 0.6rem;
  color: var(--op-sea);
  content: "0" counter(provider-sequence);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
}

.provider-check-sequence span {
  color: #50645e;
  line-height: 1.5;
}

.neutral-provider-position {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(17rem, 0.65fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: center;
}

.neutral-provider-position h2 {
  max-width: 22ch;
  margin: 0;
  color: var(--op-ink);
  font-size: clamp(2.1rem, 4vw, 3.8rem);
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.neutral-provider-position p:last-child {
  max-width: 74ch;
  color: #485d57;
  line-height: 1.75;
}

.status-stamp {
  padding: 1.5rem;
  border: 2px solid var(--op-sea);
  color: var(--op-ink);
  transform: rotate(-1deg);
}

.status-stamp span,
.status-stamp strong,
.status-stamp small {
  display: block;
}

.status-stamp span {
  color: var(--op-sea);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.status-stamp strong {
  margin-top: 0.7rem;
  overflow-wrap: anywhere;
  font-size: clamp(1.15rem, 2.2vw, 1.7rem);
}

.status-stamp small {
  margin-top: 1rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(18, 55, 47, 0.2);
  color: #4d625c;
  line-height: 1.45;
}

.payment-checklist,
.thirty-day-plan {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 3rem;
  background: #fff;
  box-shadow: 0 20px 55px rgba(16, 47, 41, 0.11);
}

.payment-checklist section,
.thirty-day-plan section {
  padding: clamp(1.4rem, 3vw, 2.5rem);
  border-left: 1px solid rgba(18, 55, 47, 0.16);
}

.payment-checklist section:first-child,
.thirty-day-plan section:first-child {
  border-left: 0;
}

.payment-checklist h3,
.thirty-day-plan h3 {
  margin: 0;
  color: var(--op-ink);
  font-size: 1.4rem;
}

.payment-checklist ul,
.thirty-day-plan ul {
  display: grid;
  gap: 0.75rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.payment-checklist li,
.thirty-day-plan li {
  position: relative;
  padding-left: 1.4rem;
  color: #4c615a;
  line-height: 1.5;
}

.payment-checklist li::before,
.thirty-day-plan li::before {
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 0.65rem;
  height: 0.65rem;
  border: 2px solid var(--op-sea);
  content: "";
}

.official-business-sources {
  background: #e3efed;
}

.business-source-list {
  border-top: 1px solid rgba(18, 55, 47, 0.2);
}

.business-source-list a {
  display: grid;
  grid-template-columns: minmax(9rem, 0.5fr) minmax(0, 1.5fr) 1.5rem;
  gap: 1rem;
  align-items: center;
  padding: 1.1rem 0;
  border-bottom: 1px solid rgba(18, 55, 47, 0.2);
  color: var(--op-ink);
}

.business-source-list a::after {
  content: "↗";
}

.business-source-list span {
  color: var(--op-sea);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.business-source-list strong {
  font-size: 0.9rem;
}

.operations-file {
  margin: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 22px 58px rgba(16, 47, 41, 0.18);
}

.operations-file-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 1.5rem;
  background: var(--op-ink);
  color: #fff;
}

.operations-file-head strong {
  letter-spacing: 0.08em;
}

.operations-file-head span {
  color: #bdcec8;
  font-size: 0.7rem;
}

.operations-file ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.operations-file li {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
  min-height: 3.55rem;
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid rgba(18, 55, 47, 0.14);
  color: var(--op-ink);
  font-weight: 800;
}

.operations-file li:nth-child(even) {
  background: #edf3ef;
}

.operations-file li span {
  color: var(--op-sea);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
}

.freelancer-hero {
  padding-top: clamp(3rem, 5vw, 5rem);
  padding-bottom: clamp(3rem, 5vw, 5rem);
}

.freelancer-hero h1 {
  font-size: clamp(2.5rem, 4.4vw, 4.4rem);
}

.founder-decision-lines {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 3rem;
  border-top: 1px solid rgba(18, 55, 47, 0.2);
}

.founder-decision-lines article {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 1rem;
  padding: 1.6rem 1.3rem;
  border-bottom: 1px solid rgba(18, 55, 47, 0.2);
}

.founder-decision-lines article:nth-child(even) {
  border-left: 1px solid rgba(18, 55, 47, 0.2);
}

.founder-decision-lines > article > span {
  color: var(--op-sea);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.founder-decision-lines h3 {
  margin: 0;
  color: var(--op-ink);
}

.founder-decision-lines p {
  margin-bottom: 0;
  color: #4c615a;
  line-height: 1.62;
}

.text-link {
  display: inline-block;
  margin-top: 1rem;
  padding-bottom: 0.3rem;
  border-bottom: 2px solid var(--op-sea);
  color: var(--op-ink);
  font-weight: 850;
}

.operations-chain {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.operations-chain article {
  min-height: 18rem;
}

.weekly-rhythm {
  border-top: 1px solid rgba(18, 55, 47, 0.2);
}

.weekly-rhythm > div {
  display: grid;
  grid-template-columns: minmax(6rem, 0.35fr) minmax(11rem, 0.65fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding: 1.05rem 0;
  border-bottom: 1px solid rgba(18, 55, 47, 0.2);
}

.weekly-rhythm span {
  color: var(--op-sea);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.weekly-rhythm small {
  color: #50645e;
}

.tool-role-map {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 3rem;
  background: #fff;
  box-shadow: 0 20px 55px rgba(16, 47, 41, 0.1);
}

.tool-role-map a {
  display: flex;
  min-height: 14rem;
  flex-direction: column;
  padding: 1.5rem;
  border-left: 1px solid rgba(18, 55, 47, 0.16);
  color: var(--op-ink);
}

.tool-role-map a:first-child {
  border-left: 0;
}

.tool-role-map span {
  color: var(--op-sea);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.tool-role-map strong {
  margin-top: auto;
  font-size: 1.25rem;
}

.tool-role-map small {
  margin-top: 0.55rem;
  color: #536760;
  line-height: 1.45;
}

.thirty-day-plan {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.thirty-day-plan > section > span {
  color: var(--op-sea);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.thirty-day-plan h3 {
  margin-top: 1rem;
}

@media (max-width: 1100px) {
  .opportunities-hero-grid,
  .business-guide-hero-grid {
    grid-template-columns: 1fr;
  }

  .opportunities-hero h1,
  .business-guide-hero h1 {
    max-width: 18ch;
  }

  .opportunities-atlas,
  .payment-flow-visual,
  .operations-file {
    max-width: 48rem;
  }

  .opportunity-routes,
  .fee-anatomy,
  .operations-chain,
  .tool-role-map,
  .thirty-day-plan {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .opportunity-routes article:nth-child(3),
  .fee-anatomy article:nth-child(3),
  .operations-chain article:nth-child(3),
  .tool-role-map a:nth-child(3),
  .thirty-day-plan section:nth-child(3) {
    border-left: 0;
  }

  .opportunity-routes article:nth-child(n + 3),
  .fee-anatomy article:nth-child(n + 3),
  .operations-chain article:nth-child(n + 3),
  .tool-role-map a:nth-child(n + 3),
  .thirty-day-plan section:nth-child(n + 3) {
    border-top: 1px solid rgba(18, 55, 47, 0.18);
  }

  .opportunity-field-dark .opportunity-routes article:nth-child(n + 3),
  .business-guide-dark .fee-anatomy article:nth-child(n + 3),
  .business-guide-dark .operations-chain article:nth-child(n + 3) {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .opportunity-routes article:last-child,
  .operations-chain article:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 800px) {
  .opportunities-hero,
  .business-guide-hero {
    padding-top: 3rem;
  }

  .opportunities-hero h1,
  .business-guide-hero h1 {
    font-size: clamp(2.45rem, 11vw, 3.8rem);
  }

  .opportunities-atlas {
    box-shadow: 0 18px 42px rgba(16, 47, 41, 0.16);
  }

  .opportunity-index .shell {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .opportunity-index a:nth-child(odd) {
    border-left: 1px solid rgba(255, 255, 255, 0.17);
  }

  .opportunity-index a:nth-child(n + 3) {
    border-top: 1px solid rgba(255, 255, 255, 0.17);
  }

  .opportunity-field-head,
  .opportunity-method-grid,
  .business-guide-split,
  .neutral-provider-position {
    grid-template-columns: 1fr;
  }

  .payment-flow-visual {
    grid-template-columns: 1fr;
  }

  .payment-flow-visual > div {
    min-height: 5.5rem;
  }

  .payment-flow-visual i {
    width: 1px;
    height: 1.5rem;
    justify-self: center;
  }

  .payment-warning .shell,
  .operations-principle .shell {
    grid-template-columns: 1fr;
    gap: 0.6rem;
  }

  .founder-decision-lines {
    grid-template-columns: 1fr;
  }

  .founder-decision-lines article:nth-child(even) {
    border-left: 0;
  }

  .opportunity-close > .shell {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 600px) {
  .opportunities-actions {
    display: grid;
  }

  .opportunities-actions a {
    width: 100%;
    text-align: center;
  }

  .opportunities-atlas img {
    height: 21rem;
    padding: 0.6rem;
  }

  .opportunity-index .shell,
  .opportunity-routes,
  .fee-anatomy,
  .operations-chain,
  .payment-checklist,
  .tool-role-map,
  .thirty-day-plan {
    grid-template-columns: 1fr;
  }

  .opportunity-routes article,
  .fee-anatomy article,
  .operations-chain article,
  .payment-checklist section,
  .tool-role-map a,
  .thirty-day-plan section,
  .opportunity-routes article:nth-child(3),
  .fee-anatomy article:nth-child(3),
  .operations-chain article:nth-child(3),
  .tool-role-map a:nth-child(3),
  .thirty-day-plan section:nth-child(3) {
    grid-column: auto;
    border-top: 1px solid rgba(18, 55, 47, 0.18);
    border-left: 0;
  }

  .opportunity-routes article:first-child,
  .fee-anatomy article:first-child,
  .operations-chain article:first-child,
  .payment-checklist section:first-child,
  .tool-role-map a:first-child,
  .thirty-day-plan section:first-child {
    border-top: 0;
  }

  .opportunity-field-dark .opportunity-routes article,
  .business-guide-dark .fee-anatomy article,
  .business-guide-dark .operations-chain article {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .opportunity-routes article {
    min-height: 22rem;
  }

  .opportunity-method-grid li,
  .business-ledger > div,
  .provider-check-sequence li,
  .weekly-rhythm > div,
  .business-source-list a {
    grid-template-columns: 1fr;
  }

  .operations-file-head {
    align-items: flex-start;
    flex-direction: column;
  }
}