/* Animate only the contents of the existing feature-card screenshot windows. */
ella-action-demo { display: block; height: 100%; }
ella-action-demo.lad-ready > img, ella-action-demo.lad-ready > picture { display: none; }
.lad { position: absolute; inset: 0 0 24px; container-type: inline-size; background: #fffdf8; color: #16241f; font: 11px/1.3 "Geist", Arial, sans-serif; text-align: left; }
.gm-feat-window .lad { bottom: 16px; }
.lad *, .lad *::before, .lad *::after { box-sizing: border-box; }
.lad-display { height: calc(100% - 29px); overflow: hidden; }
.lad-controls { height: 29px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #e3dfd2; padding: 0 6px 0 12px; background: #fffdf8; }
.lad-status { font: 9px/1.2 "Geist", Arial, sans-serif; color: #657357; }
.lad-controls button { appearance: none; border: 0; border-radius: 3px; background: transparent; color: #16241f; font: 10px/1.2 "Geist", Arial, sans-serif; padding: 6px; min-width: 44px; cursor: pointer; }
.lad-controls button:focus-visible { outline: 2px solid #4a641f; outline-offset: -2px; }
.lad-fiction { display: block; font: 7px/1.3 "Geist", Arial, sans-serif; color: #7c8071; }
.lad-chat { padding: 12px 20px; }
.lad-upload { width: max-content; max-width: 100%; margin-left: auto; font-size: 11px; background: #ece8db; padding: 7px 10px; border-radius: 9px; opacity: 0; transform: translateY(6px); transition: opacity .3s, transform .3s; }
.lad-upload > span { font: 9px monospace; padding: 4px; background: #edf2df; color: #4a641f; border-radius: 4px; margin-right: 5px; }
.lad-question { background: #241d15; color: #f6efe3; border-radius: 14px 14px 4px 14px; padding: 10px 13px; max-width: 95%; margin: 10px 0 0 auto; font: 13px/1.35 "Geist", Arial, sans-serif; opacity: 0; transform: translateY(5px); transition: opacity .3s, transform .3s; }
.lad-thinking { font-size: 9px; color: #77796e; margin-top: 12px; opacity: 0; transition: opacity .2s; }
.lad-answer { font: 12px/1.45 "Newsreader", Georgia, serif; margin-top: 10px; opacity: 0; transition: opacity .25s; }
.lad-finding { display: flex; align-items: center; gap: 7px; font: 8px "Geist", Arial, sans-serif; color: #77796e; margin-top: 8px; opacity: 0; transition: opacity .3s; }
.lad-finding strong { font-weight: 400; background: #edf2df; color: #4a641f; padding: 4px 6px; border-radius: 4px; }
.lad-chat > .lad-fiction { margin-top: 7px; }
.lad-toolbar { height: 28px; display: flex; justify-content: space-between; align-items: center; padding: 5px 9px; font: 9px "Newsreader", Georgia, serif; border-bottom: 1px solid #e3dfd2; }
.lad-download { font: 8px "Geist", Arial, sans-serif; background: #ece8db; padding: 4px 6px; border-radius: 4px; color: #8a877a; transition: background .3s, color .3s; }
.lad-document { padding: 9px 12px; background: #fff; margin: 6px 8px; box-shadow: 0 2px 8px #16241f18; }
.lad-document h4 { font: 600 11px/1.15 "Newsreader", Georgia, serif; text-align: center; margin: 0 0 7px; color: #16241f; }
.lad-court { font: 7px/1.3 "Newsreader", Georgia, serif; margin: 0 0 5px; }
.lad-draft-body { font: 9px/1.3 "Newsreader", Georgia, serif; min-height: 24px; }
.lad-signature { font: 8px/1.3 "Newsreader", Georgia, serif; margin-top: 5px; opacity: 0; transition: opacity .3s; }
.lad-document > .lad-fiction { margin-top: 4px; }
.lad-tabs { height: 28px; display: flex; align-items: center; gap: 15px; padding: 0 12px; font: 10px "Geist", Arial, sans-serif; color: #77796e; border-bottom: 1px solid #e3dfd2; }
.lad-tabs strong { font-weight: 400; color: #16241f; align-self: stretch; display: flex; align-items: center; border-bottom: 2px solid #ba8c4b; }
.lad-tabs .lad-fiction { margin-left: auto; }
.lad-contract-body { padding: 8px 12px; font: 10px/1.3 "Geist", Arial, sans-serif; }
.lad-contract-body h4 { font: 500 10px/1.2 "Geist", Arial, sans-serif; margin: 0 0 6px; color: #16241f; }
.lad-clause-heading { font: 500 9px "Geist", Arial, sans-serif; border-top: 1px solid #e3dfd2; padding: 5px 0; display: flex; justify-content: space-between; }
.lad-clause-heading span { color: #77796e; font-weight: 400; }
.lad-clause { padding: 6px 8px; background: #ece8db; border-radius: 7px; }
.lad-clause small { font: 500 8px "Geist", Arial, sans-serif; }
.lad-clause p { font: 10px/1.35 "Geist", Arial, sans-serif; margin: 3px 0 0; }
.lad-delete { position: relative; }
.lad-delete::after { content: ""; height: 1px; position: absolute; inset: 50% 0 auto; background: #b56a54; transform: scaleX(0); transform-origin: left; transition: transform .4s; }
.lad-insert { display: none; background: #edf2df; color: #4a641f; }
.lad-rationale { margin-top: 6px; display: grid; gap: 2px; font: 8px/1.3 "Geist", Arial, sans-serif; opacity: 0; transition: opacity .3s; }
.lad-rationale strong { font-weight: 500; }
.lad-source-tabs { height: 28px; display: flex; align-items: center; gap: 15px; font: 7px "Geist Mono", monospace; letter-spacing: .7px; padding: 0 11px; border-bottom: 1px solid #e3dfd2; color: #77796e; }
.lad-source-tabs strong { font-weight: 500; color: #16241f; }
.lad-source-tabs strong span { padding: 2px 4px; background: #ece8db; color: #ba8c4b; border-radius: 3px; }
.lad-case-body { padding: 7px 11px; font: 9px/1.2 "Geist", Arial, sans-serif; }
.lad-case-body h4 { font: italic 18px/1.1 "Newsreader", Georgia, serif; margin: 5px 0 7px; color: #16241f; }
.lad-case-tabs { display: flex; gap: 14px; font: 8px "Geist", Arial, sans-serif; border-bottom: 1px solid #e3dfd2; }
.lad-case-tabs strong { font-weight: 400; padding-bottom: 5px; border-bottom: 2px solid #ba8c4b; transform: scaleX(0); transform-origin: left; transition: transform .3s; }
.lad-case-row { display: flex; justify-content: space-between; gap: 6px; padding: 4px 0; font: 8px "Geist", Arial, sans-serif; border-bottom: 1px solid #e3dfd2; opacity: 0; transform: translateY(4px); transition: opacity .3s, transform .3s; }
.lad-case-row b { font-weight: 400; color: #4a641f; background: #edf2df; padding: 1px 4px; border-radius: 3px; }
.lad-case-excerpt { max-height: 0; overflow: hidden; opacity: 0; transition: max-height .35s, opacity .3s; font: 8px/1.3 "Geist", Arial, sans-serif; }
.lad-case-excerpt > small { font-size: 7px; color: #77796e; display: block; margin-top: 5px; }
.lad-case-excerpt p { margin: 3px 0 0; background: #edf2df; padding: 3px 5px; }
.lad.phase-upload .lad-upload, .lad.phase-question .lad-question { opacity: 1; transform: none; }
.lad.phase-thinking .lad-thinking { opacity: 1; }
.lad.phase-answer .lad-thinking { display: none; }
.lad.phase-answer .lad-answer, .lad.phase-finding .lad-finding { opacity: 1; }
.lad.phase-done .lad-signature { opacity: 1; }
.lad.phase-done .lad-download { background: #4a641f; color: #fffdf8; }
.lad.phase-strike .lad-delete { color: #b56a54; background: #fae9e0; text-decoration: line-through; text-decoration-color: #b56a54; }
.lad.phase-insert .lad-insert { display: inline; }
.lad.phase-rationale .lad-rationale { opacity: 1; }
.lad.phase-tab .lad-case-tabs strong { transform: scaleX(1); }
.lad.phase-rows .lad-case-row { opacity: 1; transform: none; }
.lad.phase-rows .lad-case-row:nth-child(2) { transition-delay: .15s; }
.lad.phase-excerpt .lad-case-excerpt { max-height: 60px; opacity: 1; }
@container (max-width: 480px) {
  .lad-chat { padding: 8px 12px; }
  .lad-question { font-size: 11px; padding: 8px 10px; margin-top: 8px; }
  .lad-answer { font-size: 12px; line-height: 1.3; margin-top: 8px; }
  .lad-upload { font-size: 10px; padding: 6px 8px; }
  .lad-finding { margin-top: 6px; }
}
@container (max-width: 380px) {
  .lad-chat { padding: 6px 10px; }
  .lad-question { max-width: 100%; font-size: 10px; line-height: 1.3; padding: 7px 9px; }
  .lad-answer { font-size: 12px; }
  .lad-chat > .lad-fiction { margin-top: 4px; }
}
@media (pointer: coarse) {
  .lad-display { height: calc(100% - 44px); }
  .lad-controls { height: 44px; }
  .lad-controls button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .lad * { transition: none !important; } }

/* Long pages continue beneath the fixed preview edge. */
.lad-drafting .lad-toolbar { height: 36px; }
.lad-drafting .lad-document { min-height: 440px; padding: 12px 16px; }
.lad-drafting .lad-document h4 { font-size: 13px; line-height: 1.15; margin-bottom: 10px; }
.lad-drafting .lad-court { font-size: 9px; line-height: 1.35; margin-bottom: 10px; }
.lad-caption { font: 9px/1.3 "Newsreader", Georgia, serif; margin-bottom: 10px; }
.lad-drafting .lad-draft-body, .lad-draft-continuation { font: 12px/1.5 "Newsreader", Georgia, serif; }
.lad-draft-continuation { margin: 12px 0; }
.lad-rail-collapse { margin-left: auto; }
.lad-case-back { display: flex; justify-content: space-between; color: #77796e; font-size: 8px; margin: 0 0 8px; }
.lad-case-breadcrumb { font-size: 7px; color: #77796e; }
.lad-case-body h4 { font-size: 17px; margin: 5px 0; }
.lad-case-body h4 span { font: 9px "Geist", Arial, sans-serif; color: #77796e; }
.lad-case-meta { color: #77796e; font-size: 7px; margin-bottom: 8px; }
.lad-case-tabs { justify-content: space-between; gap: 5px; font-size: 7px; white-space: nowrap; }
.lad-case-tabs > span { padding-bottom: 5px; }
.lad-case-columns { display: grid; grid-template-columns: 72px 1fr; gap: 8px; padding: 5px 0; color: #77796e; font-size: 7px; border-bottom: 1px solid #e3dfd2; }
.lad-case-row { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 8px; padding: 6px 0; }
.lad-treatment { display: grid; align-content: start; justify-items: start; gap: 3px; }
.lad-treatment b { font-size: 7px; }
.lad-depth { font: 11px/1 monospace; color: #77796e; letter-spacing: 1px; }
.lad-depth i { font-style: normal; color: #dedbd0; }
.lad-treatment small, .lad-case-detail > small { font-size: 6px; color: #77796e; }
.lad-case-detail h5 { margin: 0 0 3px; font: 500 9px/1.2 "Geist", Arial, sans-serif; }
.lad-case-excerpt p { background: transparent; border-left: 2px solid #d9d4c6; padding: 1px 0 1px 5px; font-size: 7px; color: #77796e; }

/* Match the reader's calm panel fade; rows and underline never slide or grow. */
.lad-cases .lad-case-tabs > span { border-bottom: 2px solid transparent; }
.lad-cases .lad-case-tabs > .is-active { border-bottom-color: #ba8c4b; color: #16241f; }
.lad-case-panels { position: relative; min-height: 180px; }
.lad-case-panel { position: absolute; inset: 0; opacity: 0; visibility: hidden; }
.lad-cases .lad-case-row { opacity: 1; transform: none; transition: none; }
.lad-cases .lad-case-excerpt { max-height: none; opacity: 1; transition: none; }
.lad-summary-meta { display: grid; grid-template-columns: 62px minmax(0,1fr); gap: 0 7px; font: 7px/1.4 "Geist", Arial, sans-serif; padding-top: 4px; }
.lad-summary-meta > * { padding-block: 4px; border-bottom: 1px solid #e3dfd2; }
.lad-summary-meta span { color: #77796e; }
.lad-summary-meta b { font-weight: 400; }
.lad-brief-heading { font: 500 9px/1.2 "Geist", Arial, sans-serif; margin: 8px 0 4px; }
.lad-brief-text { font: 8px/1.4 "Geist", Arial, sans-serif; margin: 0; color: #77796e; }