/* Extend the existing T-Chat palette and components without changing the home hero. */
.knowledge-page { font-size: 1rem; }
.knowledge-page h1 { text-wrap: balance; }
.knowledge-page .page-hero .narrow { margin-inline: auto; }
.knowledge-page .page-hero-lead { max-width: 48rem; }
.knowledge-page p { overflow-wrap: anywhere; }
.knowledge-notice { padding: 1.2rem 1.5rem; border-inline-start: 3px solid var(--green); background: var(--panel-solid); border-radius: 0 14px 14px 0; color: #c4d8ce; font-size: .9375rem; }
.knowledge-notice p { margin: 0; max-width: 72rem; }
.knowledge-feature { border-bottom: 1px solid var(--line); }
.knowledge-feature-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 6vw, 6rem); }
.knowledge-feature-grid h2 { margin-top: 0; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.14; letter-spacing: -.04em; text-wrap: balance; }
.knowledge-feature-grid p, .knowledge-feature-grid li { color: #b4cbc0; }
.knowledge-feature-grid ul { padding-inline-start: 1.2rem; }
.knowledge-feature-grid li { margin-block: .8rem; padding-inline-start: .35rem; }
.knowledge-feature-grid li::marker, .scenario-work li::marker { color: var(--green); }
.knowledge-faq h2 { margin-bottom: 2rem; }
.knowledge-faq details { padding: 1.2rem 0; border-bottom: 1px solid var(--line); }
.knowledge-faq summary { cursor: pointer; font-weight: 650; font-size: 1.05rem; padding: .3rem; }
.knowledge-faq details p { color: #b4cbc0; max-width: 48rem; margin: 1rem 0 .25rem; }
.knowledge-next { margin-top: 2rem; }
.release-card .post-link { display: inline-block; margin-top: 1.2rem; font-size: .9375rem; }
.release-card p { font-size: 1rem; }
.release-card .card-index { font-size: .875rem; }
.blog-grid .post-card h2 { font-size: 1.5rem; line-height: 1.25; letter-spacing: -.03em; }
.roadmap-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; padding: clamp(1.5rem,4vw,3.5rem); border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: linear-gradient(135deg, #123126, #0b1815 75%); }
.roadmap-band h2 { font-size: clamp(1.8rem,3.5vw,3.2rem); line-height: 1.1; letter-spacing: -.045em; margin: .7rem 0; text-wrap: balance; }
.roadmap-band p:not(.section-kicker) { color: #c2d9cd; }
.roadmap-band .button { margin-top: 1rem; }
.usecase-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
.usecase-link { padding: 1.6rem; border-top: 2px solid var(--green); background: var(--panel); border-radius: 0 0 var(--radius-md) var(--radius-md); transition: background .2s; }
.usecase-link:hover { background: #18362a; }
.usecase-link:focus-visible, .scenario-chip:focus-visible, .scenario-related a:focus-visible { outline: 2px solid var(--green); outline-offset: 5px; }
.usecase-link h3 { font-size: 1.3rem; line-height: 1.35; margin: 1.25rem 0 2rem; text-wrap: balance; }
.usecase-link .section-kicker { font-size: .875rem; }
.usecase-arrow { color: var(--green); font-size: 1.5rem; }
.usecase-hero-image { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius-lg); border: 1px solid var(--line); }
.scenario-nav { display: flex; flex-wrap: wrap; gap: .7rem; padding-block: 2rem; }
.scenario-chip { display: inline-flex; align-items: center; gap: .65rem; border: 1px solid var(--line-strong); border-radius: 99px; padding: .7rem 1rem; min-height: 44px; font-size: .9375rem; background: var(--panel); }
.scenario-chip:hover { color: var(--green); border-color: var(--green); }
.scenario { border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.scenario-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(2rem,7vw,7rem); }
.scenario-intro h2 { font-size: clamp(1.85rem,3vw,2.75rem); line-height: 1.15; letter-spacing: -.035em; text-wrap: balance; }
.scenario-intro p:not(.section-kicker), .scenario-work p, .scenario-work li { color: #b4cbc0; }
.scenario-number { display: block; font-size: 3.5rem; line-height: 1; letter-spacing: -.075em; color: var(--green); margin-bottom: 2rem; }
.scenario-work h3 { margin: 1.8rem 0 .6rem; font-size: 1.15rem; }
.scenario-work h3:first-child { margin-top: 0; }
.scenario-work ol { padding-inline-start: 1.5rem; }
.scenario-work li { margin-bottom: 1rem; padding-inline-start: .4rem; }
.scenario-work blockquote { margin: 2rem 0; padding: 1.5rem; border-left: 3px solid var(--green); background: #10291f; border-radius: 0 16px 16px 0; }
.scenario-work blockquote p:last-child { color: var(--text); margin-bottom: 0; }
.scenario-work blockquote .section-kicker { color: var(--green); font-size: .875rem; }
.scenario-limit { font-size: .9375rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.scenario-related { padding-top: 1rem; }
.scenario-related h3 { font-size: .9375rem; color: #b4cbc0; }
.scenario-related a { display: block; color: var(--green); margin-top: .7rem; }
.mega-menu { max-height: calc(100svh - 110px); overflow-y: auto; overscroll-behavior: contain; }
@media (max-width: 850px) {
  .knowledge-feature-grid, .scenario-grid, .roadmap-band { grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
  .usecase-grid { grid-template-columns: minmax(0,1fr); }
  .usecase-link h3 { margin-bottom: 1rem; }
  .scenario-related { padding-bottom: 1.5rem; }
  .scenario-number { font-size: 2.8rem; margin-bottom: 1.5rem; }
  .knowledge-notice { padding: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .usecase-link { transition: none; } }