/* Second Opinion, Agents only page. Own dark developer look. */
body.ag-page { background: #0B0D12; color: #E6E8EE; font-family: Inter, system-ui, sans-serif; line-height: 1.5; }
.ag-page a { color: #E2B865; }
.ag-page a:hover { color: #FFFFFF; }
.ag-page :focus-visible { outline: 3px solid #E2B865; outline-offset: 2px; }

.ag-hero { background: #0B0D12; color: #FFFFFF; border-bottom: 1px solid #262A35; }
.ag-hero-inner { max-width: 1040px; margin: 0 auto; padding: 56px 32px 48px; display: flex; flex-direction: column; gap: 16px; }
.ag-eyebrow { font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: #E2B865; font-weight: 600; }
.ag-h1 { margin: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 500; font-size: 38px; line-height: 1.25; color: #FFFFFF; }
.ag-lede { margin: 0; font-size: 19px; line-height: 1.55; color: #B4BAC8; max-width: 760px; }
.ag-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.ag-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 18px; border-radius: 10px; font-weight: 600; text-decoration: none; border: 2px solid #C8922A; color: #FFFFFF; }
.ag-page a.ag-btn { color: #FFFFFF; }
.ag-page a.ag-btn--solid { background: #C8922A; color: #0A0F23; }
.ag-page a.ag-btn:hover { filter: brightness(1.12); color: inherit; }
.ag-page a.ag-btn--solid:hover { color: #0A0F23; }

.ag-main { max-width: 1040px; margin: 0 auto; padding: 48px 32px 80px; display: flex; flex-direction: column; gap: 48px; }
.ag-section { display: flex; flex-direction: column; gap: 16px; }
.ag-section--rule { gap: 8px; border-top: 1px solid #262A35; padding-top: 24px; }
.ag-h2 { margin: 0; font-size: 28px; font-weight: 600; color: #FFFFFF; font-family: Inter, system-ui, sans-serif; }
.ag-h3 { margin: 0; font-size: 18px; font-weight: 600; color: #FFFFFF; }
.ag-text { margin: 0; font-size: 17px; line-height: 1.6; color: #C9CDD8; }
.ag-note { margin: 0; font-size: 15px; color: #9AA0AE; }
.ag-step { display: flex; flex-direction: column; gap: 8px; }

.ag-mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }

.ag-table-wrap { overflow-x: auto; background: #12151C; border: 1px solid #262A35; border-radius: 12px; }
.ag-table { width: 100%; border-collapse: collapse; font-size: 16px; }
.ag-table--sm { font-size: 15px; }
.ag-table th, .ag-table td { text-align: left; padding: 14px 18px; vertical-align: top; color: #E6E8EE; border-bottom: 1px solid #20242E; }
.ag-table--sm th, .ag-table--sm td { padding: 12px 16px; }
.ag-table tbody tr:last-child > * { border-bottom: 0; }
.ag-table thead tr { background: #171A22; }
.ag-table tbody th { width: 220px; font-weight: 600; color: #FFFFFF; }
.ag-table thead th { border-bottom: 1px solid #262A35; color: #FFFFFF; }
.ag-table--grid tbody td, .ag-table--grid tbody th { border-top: 1px solid #20242E; border-bottom: 0; }

.ag-pre { margin: 0; padding: 20px; border-radius: 12px; background: #12151C; border: 1px solid #262A35; color: #E8EAF2; font: 14px/1.6 'JetBrains Mono', ui-monospace, monospace; overflow-x: auto; white-space: pre; }
.ag-ul { margin: 0; padding-left: 22px; font-size: 17px; line-height: 1.7; color: #C9CDD8; }

@media (max-width: 640px) {
  .ag-hero-inner { padding: 36px 16px 32px; }
  .ag-main { padding: 32px 16px 56px; gap: 36px; }
  .ag-h1 { font-size: 24px; }
  .ag-lede { font-size: 17px; }
  .ag-h2 { font-size: 24px; }
  .ag-table tbody th { width: auto; }
  .ag-table th, .ag-table td { padding: 12px 14px; }
  .ag-pre { padding: 14px; font-size: 13px; }
}