.max-intro { max-width: 52rem; }
.max-intro > p { max-width: 65ch; }
.max-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 1fr); gap: 2.5rem; align-items: start; margin-bottom: 3rem; }
.max-layout > * { min-width: 0; }
.max-layout [hidden] { display: none !important; }
.max-conversation { border-top: .125rem solid var(--pine); padding-top: 1.5rem; }
.max-conversation h2, .max-membership h2 { font-size: 2rem; line-height: 1.2; margin-block: .75rem 1rem; }
.max-conversation > p, .max-membership p, .max-membership li, .max-reader-line > p, .max-understanding > p { font-size: 1.125rem; line-height: 1.7; }
.max-prompts { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 1.5rem 1rem; }
.max-layout button { min-width: 2.75rem; min-height: 2.75rem; font: inherit; font-size: 1rem; line-height: 1.5; cursor: pointer; padding: .75rem 1rem; border: .0625rem solid var(--pine); background: transparent; color: var(--pine); text-align: left; white-space: normal; }
.max-layout button.primary-link { background: var(--pine); color: var(--paper); }
.max-layout button:disabled { cursor: default; color: #526048; border-color: #77816d; background: #e5e9dc; }
.max-prompts button { font-size: 1rem; }
.max-conversation > .max-sample-note { font-size: .875rem; line-height: 1.7; }
.max-conversation > .max-answer-limit, .max-reader-line > .max-answer-limit { font-size: 1.125rem; line-height: 1.7; }
.max-messages { display: grid; gap: 1rem; margin-block: 1.5rem; }
.max-message { padding: 1.25rem; border: .0625rem solid var(--rule); background: #faf8f1; }
.max-message p { font-size: 1.125rem; line-height: 1.7; margin-block: .5rem; white-space: pre-wrap; }
.max-message h3 { font-size: 1.125rem; }
.max-message li { font-size: 1.125rem; line-height: 1.7; }
.max-message li a { display: inline-flex; min-height: 2.75rem; align-items: center; }
.max-message .max-source-limit { font-size: .875rem; white-space: normal; }
.max-membership { background: var(--soft); padding: 1.75rem; }
.max-membership .max-price { font-family: var(--font-display, Georgia, serif); font-size: 3rem; line-height: 1.2; margin: 1rem 0 .25rem; }
.max-price span { font-family: inherit; font-size: 1.125rem; }
.max-membership ul { padding-left: 1.25rem; }
.max-membership details { border-block: .0625rem solid #a6b29a; margin-block: 1.5rem; padding-block: .5rem; }
.max-membership summary { display: flex; align-items: center; min-height: 2.75rem; cursor: pointer; font-size: 1rem; font-weight: 600; }
.max-membership summary::after { content: '+'; margin-left: auto; padding-left: .5rem; }
.max-membership details[open] summary::after { content: '−'; }
.max-sign-in h3 { font-size: 1.25rem; }
.max-layout form { display: grid; gap: .75rem; margin-block: 1rem; }
.max-layout input, .max-layout textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 2.75rem; padding: .75rem; background: #faf8f1; color: var(--ink); font: inherit; font-size: 1rem; border: .0625rem solid #77816d; border-radius: 0; }
.max-layout textarea { resize: vertical; font-size: 1.125rem; }
.max-layout label, #max-chat-status, #max-account-status { font-size: 1rem; line-height: 1.7; }
.max-layout .max-consent { display: grid; grid-template-columns: 2.75rem minmax(0,1fr); gap: .75rem; align-items: start; }
.max-layout .max-consent input { width: 2.75rem; height: 2.75rem; margin: 0; accent-color: var(--pine); }
#max-error { color: #8a3028; }
#max-account button { margin-block: .25rem; width: 100%; }
.max-evidence-path { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); padding: 0; gap: 1rem; list-style: none; counter-reset: evidence; }
.max-evidence-path li { border-top: .125rem solid var(--pine); padding-block: 1rem; font-size: 1.125rem; line-height: 1.7; counter-increment: evidence; }
.max-evidence-path li::before { content: '0' counter(evidence); display: block; color: #526048; font-size: .875rem; margin-bottom: .5rem; }
.max-evidence-path b, .max-evidence-path span { display: block; }
.max-evidence-path b { margin-bottom: .5rem; }
.max-reader-line { border-top: .0625rem solid var(--rule); }
@media (max-width: 850px) { .max-layout { grid-template-columns: minmax(0,1fr); gap: 1.5rem; } .max-evidence-path { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 500px) { .max-membership { padding: 1.25rem; } .max-evidence-path { grid-template-columns: minmax(0,1fr); } .max-prompts { display: grid; } }