.course-header-label { margin: 0; text-align: center; color: var(--ink-soft); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.agent-course-hero { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(3rem,8vw,8rem); align-items: end; padding: clamp(4rem,9vw,8rem) clamp(1.25rem,5vw,5.5rem); background: var(--forest-deep); color: var(--white); }
.agent-course-hero h1 { max-width: 900px; font-size: clamp(3.3rem,7vw,7.5rem); }
.agent-course-hero .module-intro { color: #dfe5d8; }
.agent-course-hero .module-meta span { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.24); }
.agent-course-hero .button { margin-top: 2rem; background: var(--paper); color: var(--ink); }
.course-header-actions { justify-self: end; display: flex; align-items: center; gap: 1rem; }
.course-header-actions .back-link { justify-self: auto; }
.header-aula-link { padding: .45rem .75rem; border: 1px solid var(--ink); font-size: .82rem; font-weight: 700; text-decoration: none; }
.header-aula-link:hover, .header-aula-link:focus-visible { background: var(--ink); color: var(--white); }
.agent-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.agent-course-hero .button-aula { background: transparent; color: var(--white); border-color: rgba(255,255,255,.7); }
.agent-course-hero .button-aula:hover, .agent-course-hero .button-aula:focus-visible { background: var(--white); color: var(--ink); }
.access-summary { max-width: 720px; margin: 1.1rem 0 0; color: #bfcab9; font-size: .92rem; }
.platform-update-public { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem,6vw,6rem); padding: clamp(2.4rem,5vw,4rem) clamp(1.25rem,5vw,5.5rem); border-block: 1px solid var(--line); border-top: 4px solid #b8914f; background: #eee6d7; }
.platform-update-public h2 { max-width: 660px; margin: .45rem 0 0; color: #2e3230; font-size: clamp(2rem,3.5vw,3.2rem); line-height: 1.08; }
.platform-update-public > div:last-child > p { max-width: 720px; margin: 0; color: #505854; }
.platform-update-links { display: flex; flex-wrap: wrap; gap: .9rem 1.3rem; align-items: center; margin-top: 1.4rem; }
.platform-update-links .button { margin: 0; }
.platform-update-links .text-link { color: #173d32; font-weight: 750; text-underline-offset: .25rem; }
.agent-thesis { padding: clamp(1.7rem,4vw,3rem); border: 1px solid rgba(255,255,255,.25); }
.agent-thesis blockquote { margin: 1.4rem 0; font-family: var(--serif); font-size: clamp(1.8rem,3.2vw,3rem); line-height: 1.2; }
.agent-thesis > p:last-child { color: #bfcab9; }
.section-tight { padding: clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,5.5rem); }
.course-principle { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(3rem,7vw,7rem); background: #e8e5dc; }
.course-principle h2, .routes-section h2, .source-panel h2 { font-size: clamp(2.4rem,4.5vw,4.8rem); }
.three-roles { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.three-roles article { min-height: 220px; padding: 1.5rem; background: var(--paper); }
.three-roles span { font-family: var(--serif); font-size: 1.45rem; }
.three-roles p { color: var(--ink-soft); }
.three-roles .active-role { background: var(--forest-deep); color: var(--white); }
.three-roles .active-role p { color: #dfe5d8; }
.roadmap-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0; padding: 1px; background: var(--line); list-style: none; }
.roadmap-grid li { display: grid; grid-template-columns: 56px 1fr; gap: 1rem; min-height: 245px; padding: 1.6rem; background: var(--paper); }
.roadmap-grid li > span { font-family: var(--serif); font-size: 1.8rem; color: var(--sage); }
.roadmap-grid small { color: var(--ink-soft); font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.roadmap-grid h3 { margin: 1.1rem 0 .7rem; font-size: clamp(1.45rem,2.4vw,2.15rem); }
.roadmap-grid p { color: var(--ink-soft); }
.roadmap-grid a { color: inherit; font-weight: 700; text-underline-offset: .3rem; }
.roadmap-grid .available { background: #dfe5d8; border-top: 4px solid var(--forest); }
.roadmap-grid .paid-module { background: var(--cream); }
.roadmap-grid .paid-module small { color: var(--forest); }
.roadmap-grid .available-private { background: #edf0e9; border-top: 4px solid var(--forest); }
.agent-access { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem,7vw,7rem); background: #e8e5dc; }
.agent-access h2 { font-size: clamp(2.4rem,4.5vw,4.8rem); }
.access-options { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.access-options article { min-height: 340px; display: flex; flex-direction: column; padding: clamp(1.5rem,3vw,2.5rem); background: var(--paper); }
.access-options article > span { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.access-options h3 { margin: 1.4rem 0 1rem; font-size: clamp(1.8rem,3vw,2.6rem); }
.access-options p { color: var(--ink-soft); }
.access-options a { align-self: flex-start; margin-top: auto; }
.access-options .access-paid { background: var(--forest-deep); color: var(--white); }
.access-options .access-paid p { color: #dfe5d8; }
.route-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.route-grid article { min-height: 260px; display: flex; flex-direction: column; padding: 1.7rem; background: var(--cream); border-top: 4px solid var(--forest); }
.route-grid span { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.route-grid h3 { margin: 1.3rem 0 .7rem; font-size: 1.8rem; }
.route-grid p { color: var(--ink-soft); }
.route-grid small { margin-top: auto; font-weight: 700; }
.source-panel { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem,7vw,7rem); background: var(--forest-deep); color: var(--white); }
.source-panel > div > p:last-child { color: #dfe5d8; }
.source-panel ul { margin: 0; padding: 0; list-style: none; }
.source-panel li { border-top: 1px solid rgba(255,255,255,.2); }
.source-panel a { display: block; padding: .9rem 0; color: inherit; text-underline-offset: .3rem; }
.agent-module-hero { background: #dfe5d8; }
.behavior-test { margin: 2.5rem 0; padding: 2rem; border: 1px solid var(--line); }
.behavior-test ol { margin-bottom: 0; padding-left: 1.25rem; }
.behavior-test li + li { margin-top: .8rem; }
.system-comparison { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 3rem 0; background: var(--line); border: 1px solid var(--line); }
.system-comparison article { min-height: 380px; display: flex; flex-direction: column; padding: 1.5rem; background: var(--paper); }
.system-comparison span { color: var(--ink-soft); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.system-comparison h3 { margin: 1.5rem 0 1rem; font-size: 1.7rem; }
.system-comparison p { color: var(--ink-soft); }
.system-comparison strong { margin-top: auto; font-family: var(--serif); font-size: 1.2rem; font-weight: 400; }
.system-comparison small { margin-top: .4rem; color: var(--ink-soft); }
.system-comparison .agent-system { background: var(--forest-deep); color: var(--white); }
.system-comparison .agent-system p, .system-comparison .agent-system small, .system-comparison .agent-system span { color: #dfe5d8; }
.agent-loop { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: .7rem; align-items: center; margin: 3rem 0; }
.agent-loop article { min-height: 190px; padding: 1.2rem; background: var(--cream); border-top: 3px solid var(--forest); }
.agent-loop span, .agent-loop strong { display: block; }
.agent-loop span { margin-bottom: 1rem; font-family: var(--serif); color: var(--sage); }
.agent-loop p { color: var(--ink-soft); font-size: .9rem; }
.agent-loop b { color: var(--ink-soft); font-weight: 400; }
.approval-gate { display: grid; grid-template-columns: 180px 1fr; gap: 1.5rem; align-items: center; margin: 2rem 0; padding: 1.5rem; background: #dfe5d8; border-left: 4px solid var(--forest); }
.approval-gate span { font-family: var(--serif); font-size: 1.35rem; }
.approval-gate p { margin: 0; color: var(--ink-soft); }
.autonomy-ladder { margin: 3rem 0; padding: 0; list-style: none; }
.autonomy-ladder li { display: grid; grid-template-columns: 48px 1fr; gap: 1rem; padding: 1.2rem; border-top: 1px solid var(--line); }
.autonomy-ladder li:nth-child(4), .autonomy-ladder li:nth-child(5) { background: var(--cream); }
.autonomy-ladder span { font-family: var(--serif); font-size: 1.8rem; color: var(--sage); }
.autonomy-ladder strong { font-family: var(--serif); font-size: 1.45rem; font-weight: 400; }
.autonomy-ladder p { margin: .35rem 0 0; color: var(--ink-soft); }
.platform-map { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin: 3rem 0; }
.platform-map article { min-height: 230px; padding: 1.5rem; background: var(--cream); border-top: 3px solid var(--forest); }
.platform-map h3 { font-size: 1.5rem; }
.platform-map p { color: var(--ink-soft); }
.agent-diagnostic { display: grid; gap: 0; margin: 2.5rem 0; padding: clamp(1.5rem,4vw,3rem); background: #e8e5dc; }
.agent-diagnostic label { display: grid; grid-template-columns: 1fr minmax(180px,.55fr); gap: 1rem; align-items: center; padding: 1rem 0; border-top: 1px solid var(--line); font-weight: 700; }
.agent-diagnostic select { min-height: 46px; padding: .7rem; border: 1px solid var(--line); border-radius: 0; background: var(--white); color: var(--ink); font: inherit; }
.agent-diagnostic .button { justify-self: start; margin-top: 1.4rem; }
.diagnostic-result { min-height: 190px; padding: 1.8rem; background: var(--forest-deep); color: var(--white); }
.diagnostic-result span { color: #bfcab9; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.diagnostic-result h3 { margin: 1rem 0 .6rem; font-size: 2rem; }
.diagnostic-result p { color: #dfe5d8; }
.scenario-lab { margin: 2rem 0; padding: 2rem; border: 1px solid var(--line); }
.scenario-lab h3 { font-size: 1.7rem; }
.opportunity-builder { margin: 2.5rem 0; padding: clamp(1.5rem,4vw,3rem); background: #dfe5d8; }
.opportunity-builder .builder-fields { margin-bottom: 1.5rem; }
.opportunity-output { min-height: 220px; margin-top: 1.2rem; padding: 1.5rem; white-space: pre-wrap; background: var(--forest-deep); color: var(--white); }
.next-module-note { align-self: center; color: var(--ink-soft); font-weight: 700; }

@media (max-width: 900px) {
  .agent-course-hero, .platform-update-public, .course-principle, .source-panel, .agent-access { grid-template-columns: 1fr; }
  .three-roles, .route-grid, .system-comparison, .platform-map { grid-template-columns: 1fr; }
  .access-options { grid-template-columns: 1fr; }
  .roadmap-grid { grid-template-columns: 1fr; }
  .agent-loop { grid-template-columns: 1fr; }
  .agent-loop b { transform: rotate(90deg); justify-self: center; }
}
@media (max-width: 650px) {
  .agent-header { grid-template-columns: 1fr auto; }
  .course-header-label { display: none; }
  .course-header-actions .back-link { display: none; }
  .agent-diagnostic label, .approval-gate { grid-template-columns: 1fr; }
}
