/* Career Plan pages (/pathway/career-plan/, /pathway/plan-carriere/, /pathway/plan-carrera/). Uses the tokens of perfil.css. */
.lang a{font:500 .75rem/1 var(--mono);letter-spacing:.1em;color:var(--muted);text-decoration:none;padding:11px 11px}
.lang a[aria-current="page"]{background:var(--ink);color:var(--ground)}
.lang a:hover{color:var(--ink)}
.lang a[aria-current="page"]:hover{color:var(--ground)}
.lang a:focus-visible{outline-offset:-3px}
.hero .price{margin:0}
.hero .price-note{margin-top:-8px}
.text-link{color:var(--link);font-weight:500}
.inc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);border-top:1px solid var(--line)}
.inc li{padding-block:20px;border-bottom:1px solid var(--line);min-width:0}
.inc h3{font-size:1.0625rem;margin:0 0 6px}
.inc p{margin:0;color:var(--muted)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tier{display:flex;flex-direction:column;gap:14px;padding:clamp(20px,2.6vw,30px);background:var(--surface);border:1px solid var(--line);border-radius:2px;min-width:0}
.tier.featured{border-color:var(--amber)}
.tier p{margin:0;color:var(--muted)}
.tier .eyebrow{color:var(--ink)}
.tier-price{font:800 1.75rem/1.1 var(--display);font-stretch:110%;color:var(--ink)!important}
.tier .btn{margin-top:auto;align-self:stretch}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.honest{margin-top:28px;max-width:46em;color:var(--ink);border-left:3px solid var(--amber);padding-left:16px}
.faq .other{margin-top:0}
.faq .other + .other{border-top:0}
#plan{max-width:860px}
@media (max-width:760px){
  .inc,.tiers{grid-template-columns:minmax(0,1fr)}
}
.intl{margin-top:14px}
.agency-links{margin-top:24px}
.hero .actions .btn-ghost{background:transparent}
.hero h1{font-size:min(clamp(2.1rem,6.8vw,5.4rem),10.4cqw)}
/* Career Plan hero: show the whole landscape photo, no crop */
.hero .photo.full img{aspect-ratio:auto;object-fit:contain;height:auto}
.manage{margin-top:24px}