.dialogue-page{--dialogue-accent:var(--sm-terra-text);--dialogue-soft:#f4e9e1;--dialogue-line:#ded5ca;--dialogue-paper:#fffdf9;--dialogue-sand:#f2eee6;--dialogue-sage:#eaf0e5;--dialogue-sage-text:#36522d}.dialogue-page :is(section,div,figure,article){min-width:0}.dialogue-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:2rem}.dialogue-hero h1{font-size:clamp(2.5rem,5vw,4.6rem)}.dialogue-hero .page-lead{margin-top:1.75rem}.dialogue-hero-art{margin:0}.dialogue-hero-art img{display:block;width:100%;height:auto}.dialogue-hero-art figcaption{color:var(--dialogue-accent);font-size:.8125rem;text-align:center;margin-top:.5rem}.dialogue-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem}.dialogue-access{margin-top:1rem;color:var(--sm-muted);font-size:.875rem;line-height:1.7}#engine>.page-note{margin-top:1.5rem}.dialogue-activity{scroll-margin-top:2rem}.dialogue-intro{max-width:760px;margin-bottom:2.25rem}.dialogue-format{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:600;margin-bottom:1.25rem}.dialogue-format>span{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--dialogue-soft);color:var(--dialogue-accent);font-size:.75rem}.dialogue-intro h2{font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.2;letter-spacing:-.035em}.dialogue-scene-lead,.dialogue-setup-intro{color:var(--sm-muted);font-size:1rem;line-height:1.85;margin-top:1.25rem}.dialogue-intro>.text-link{margin-top:1.25rem}.dialogue-example{margin:0;padding:clamp(.75rem,2.2vw,1.75rem);border:1px solid var(--dialogue-line);border-radius:12px;background:var(--dialogue-sand)}.dialogue-label{font-size:.8125rem;font-weight:600;line-height:1.6;color:var(--dialogue-accent)}.dialogue-brief{padding:1.25rem 1.5rem;border:1px solid var(--dialogue-line);border-radius:9px;background:var(--dialogue-paper)}.dialogue-qa-example .dialogue-brief{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.5rem 2.5rem}.dialogue-question{margin-top:.4rem;font-size:1.125rem;font-weight:600;line-height:1.55}.dialogue-prompt-hint{color:var(--sm-muted);font-size:.875rem;line-height:1.6}.dialogue-prompt{margin-top:.6rem;padding:.9rem 1rem;border:1px solid var(--dialogue-line);border-radius:7px;background:#fbf8f3;font-size:.9375rem;line-height:1.7}.dialogue-settings-label{margin-top:1.25rem}.dialogue-setting{margin-top:.35rem;font-size:.9375rem;line-height:1.65}.dialogue-setting>span{font-weight:600}.dialogue-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0 0;padding:0;list-style:none}.dialogue-answers>li{display:flex;flex-direction:column;padding:1.1rem;border:1px solid var(--dialogue-line);border-radius:9px;background:var(--dialogue-paper)}.dialogue-answer-kind{align-self:flex-start;justify-self:start;padding:.15rem .6rem;border-radius:999px;background:var(--dialogue-soft);color:var(--dialogue-accent);font-size:.8125rem;font-weight:600;line-height:1.6}.dialogue-answers blockquote{margin:.8rem 0 0;font-size:.9375rem;line-height:1.65}.dialogue-feedback{flex:1;margin-top:1rem;padding:1rem;border-radius:7px;background:var(--dialogue-sage)}.dialogue-feedback .dialogue-label{color:var(--dialogue-sage-text)}.dialogue-feedback>p:last-child{margin-top:.4rem;font-size:.9375rem;line-height:1.65}.dialogue-chat-example{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}.dialogue-chat-example>.dialogue-brief{position:sticky;top:2rem}.dialogue-conversation{border:1px solid var(--dialogue-line);border-radius:9px;overflow:hidden;background:var(--dialogue-paper)}.dialogue-transcript{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:1.25rem;list-style:none}.dialogue-message{align-self:flex-start;max-width:88%;padding:.8rem 1rem;border-radius:9px 9px 9px 2px;background:#f0eee7;font-size:.9375rem;line-height:1.6}.dialogue-message>span{display:block;font-weight:600;font-size:.8125rem;margin-bottom:.25rem;color:#615a51}.dialogue-message-learner{align-self:flex-end;border-radius:9px 9px 2px;background:#e7eee1}.dialogue-message-learner>span{color:var(--dialogue-sage-text)}.dialogue-message-note{margin-top:.55rem;padding-top:.5rem;border-top:1px dashed #cfc4b8;color:var(--dialogue-accent);font-size:.8125rem;font-weight:600;line-height:1.55}.dialogue-closing{padding:1.1rem 1.25rem;border-top:1px solid var(--dialogue-line);background:#f5efe6}.dialogue-closing>p:last-child{margin-top:.3rem;font-size:.9375rem;line-height:1.6}.dialogue-setup-intro{max-width:780px;margin-bottom:2rem}.dialogue-page .integration-methods .text-link{margin-top:1.25rem}.dialogue-memory{display:grid;grid-template-columns:1fr 1.5fr;gap:2.5rem;margin-top:3rem;padding:2rem;border-left:3px solid #8ca17e;border-radius:0 8px 8px 0;background:#edf1e8}.dialogue-memory .page-eyebrow{margin-bottom:.75rem;font-size:.8125rem}.dialogue-memory h3{font-size:1.5rem;line-height:1.4}.dialogue-memory>div>p:not(.page-eyebrow){font-size:.9375rem;line-height:1.85;color:var(--sm-muted)}.dialogue-memory .text-link{margin-top:1rem}.dialogue-faq{max-width:900px;margin-left:auto}.dialogue-page :is(a,summary):focus-visible{outline:3px solid var(--dialogue-accent);outline-offset:4px}@media(max-width:980px){.dialogue-answers{grid-template-columns:1fr}.dialogue-answers>li{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto 1fr;column-gap:1.25rem}.dialogue-answers>li>:not(.dialogue-feedback){grid-column:1}.dialogue-answers .dialogue-feedback{grid-column:2;grid-row:1 / span 2;margin-top:0}.dialogue-chat-example{grid-template-columns:1fr}.dialogue-chat-example>.dialogue-brief{position:static}}@media(max-width:620px){.dialogue-answers>li{display:flex}.dialogue-answers .dialogue-feedback{margin-top:1rem}}@media(max-width:760px){.dialogue-hero{grid-template-columns:1fr;gap:1rem}.dialogue-hero h1{font-size:clamp(2.15rem,7.7vw,3.8rem)}.dialogue-hero-art{max-width:360px;justify-self:center}.dialogue-memory{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem}.dialogue-qa-example .dialogue-brief{grid-template-columns:1fr}}@media(max-width:560px){.dialogue-brief{padding:1.1rem}.dialogue-transcript{padding:.85rem}.dialogue-message{padding:.65rem .8rem;max-width:94%}}
