/* Scheme 10 only. Independently copied from scheme 6; its paper style is preserved. */
:root { --sidebar-w: 400px; --vermilion: #b5372b; --vermilion-line: #ce8c7b; }
.message-body .highlight { color: var(--vermilion); border-bottom: 1px solid var(--vermilion-line); }
.message-body .highlight:hover, .message-body .highlight.is-open { border-bottom-color: var(--vermilion); background: #fbefe9; }
.inline-mark { color: var(--vermilion); background: #fbede6; border-color: #e4b4a6; }
.message-body .inline-ask p { color: var(--vermilion); }
.inline-ask-meta { color: #a76a59; }
.sidebar { padding: 18px 20px 24px 8px; }
.note-sheet { background: transparent; border: 0; box-shadow: none; }
.note-sheet-head { padding: 0 2px 12px; border: 0; }
.note-kicker { color: #99917d; font-size: 12px; font-weight: 400; }
.intent-card { position: relative; overflow: hidden; border: 1px solid #e6dfcb; border-radius: 8px; background: #fffdf5; color: #575440; box-shadow: 0 8px 25px #78624208; }
.intent-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; background: #ac5a43; }
.intent-inner { padding: 24px; }
.intent-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 11px; color: #a49a81; margin-bottom: 20px; }
.intent-state { color: #a44435; white-space: nowrap; }
.intent-state::before { content: '●'; font-size: 9px; margin-right: 6px; }
.intent-card h2 { margin: 0; font: 500 27px/1.5 'Songti SC', 'STSong', Georgia, serif; letter-spacing: .4px; color: #514e3e; }
.intent-caption { font-size: 11px; line-height: 1.8; color: #a69a80; margin: 10px 0 0; }
.intent-section { border-top: 1px solid #eae4d4; margin-top: 26px; padding-top: 22px; }
.intent-eyebrow { font-size: 11px; color: #9c947e; margin-bottom: 13px; }
.intent-eyebrow i { font-family: Georgia, serif; color: #b2a78c; margin-right: 8px; }
.intent-goal { font-size: 15px; line-height: 1.9; margin: 0; }
.intent-context { display: inline-block; border: 0; background: none; cursor: pointer; padding: 0; margin-top: 16px; color: #a1957c; font-size: 11px; }
.intent-standards { display: grid; grid-template-columns: 38px 1fr; gap: 12px 14px; font-size: 12px; line-height: 1.8; margin: 0; }
.intent-standards dt { color: #a29a83; }
.intent-standards dd { margin: 0; color: #66614c; }
.intent-prefs { font-size: 10px; line-height: 1.8; color: #a39578; margin: 16px 0 0; }
.intent-decision { margin-top: 24px; padding: 17px 15px; background: #f6f0e1; border: 1px solid #eae0c8; border-radius: 6px; }
.intent-decision > strong { font-size: 12px; color: #6e634c; }
.intent-decision p { font-size: 11px; color: #a29477; line-height: 1.8; margin: 10px 0 14px; }
.intent-choice { display: flex; align-items: center; gap: 9px; width: 100%; padding: 12px 10px; border: 1px solid transparent; border-radius: 4px; background: transparent; font-size: 11px; text-align: left; color: #8f8269; cursor: pointer; }
.intent-choice[aria-pressed=true] { background: #fffdf7; border-color: #c7b798; color: #685b42; }
.intent-radio { display: grid; place-items: center; flex: 0 0 13px; height: 13px; border: 1px solid #b8ad92; border-radius: 50%; }
[aria-pressed=true] .intent-radio::after { content: ''; height: 6px; width: 6px; border-radius: 50%; background: #a38c63; }
.intent-choice small { margin-left: auto; font-size: 9px; color: #aa9775; }
.intent-actions { padding: 18px 23px 15px; background: #f8f3e7; border-top: 1px solid #e9e0cc; }
.intent-primary { display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; border: 0; border-radius: 6px; padding: 14px; background: #a44435; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; }
.intent-primary:hover { background: #8d362a; }
.intent-primary:disabled { opacity: .65; cursor: default; }
.intent-approve-word { font: 500 26px 'Songti SC', 'STSong', serif; }
.intent-secondary { display: flex; justify-content: center; gap: 24px; margin-top: 13px; }
.intent-secondary button { background: none; border: 0; color: #998c72; font-size: 11px; padding: 5px; cursor: pointer; }
.intent-secondary button:disabled { opacity: .45; cursor: default; }
.intent-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 16px; font-size: 9px; color: #b2a68c; }
.intent-foot button { border: 0; background: none; padding: 0; color: #a69a81; font-size: inherit; cursor: pointer; }
.intent-annotation { border-left: 2px solid #b05f49; padding: 8px 10px; margin-top: 18px; color: var(--vermilion); background: #fbf0e6; font-size: 12px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.intent-progress { padding: 14px; margin-top: 22px; background: #f2f3e8; color: #788266; font-size: 12px; line-height: 1.9; border-radius: 5px; }
.intent-dialog { width: min(530px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); margin: auto; overflow: auto; overscroll-behavior: contain; border: 1px solid #e3ddcc; border-radius: 12px; padding: 27px; background: #fffdf6; color: #514e3e; box-shadow: 0 20px 70px #20261826; }
.intent-dialog::backdrop { background: #29312650; backdrop-filter: blur(3px); }
.intent-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.intent-dialog h2 { margin: 0; font: 500 24px/1.5 'Songti SC', 'STSong', Georgia, serif; color: #514e3e; }
.intent-dialog h2:focus { outline: none; }
.intent-dialog-close { flex: 0 0 32px; width: 32px; height: 32px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 50%; color: #7b8075; background: transparent; font: 300 25px/1 Arial, sans-serif; cursor: pointer; }
.intent-dialog-close:hover { background: #f0eee5; }
.intent-dialog-description { margin: 15px 0 20px; color: #95917f; font-size: 12px; line-height: 1.9; }
.intent-dialog label { display: block; margin: 17px 0 8px; color: #837e6b; font-size: 11px; line-height: 1.5; }
.intent-dialog textarea, .intent-dialog select { width: 100%; padding: 12px; background: #fff; color: #30342f; border: 1px solid #ddd8c9; border-radius: 6px; font: 12px/1.8 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif; }
.intent-dialog textarea { display: block; min-height: 110px; resize: vertical; }
.intent-dialog textarea::placeholder { color: #797a75; opacity: 1; }
.intent-dialog select { height: 42px; padding: 0 12px; }
.intent-chips { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 12px; }
.intent-chips button { padding: 6px 9px; border: 1px solid #e5dcc9; border-radius: 20px; color: #9b8865; background: transparent; font-size: 10px; line-height: 1.5; cursor: pointer; }
.intent-chips button:hover { background: #f6f0e1; border-color: #c7b798; }
.intent-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.intent-fields > div { min-width: 0; }
.intent-dialog-hint { margin: 10px 0 0; color: #a1957c; font-size: 10px; line-height: 1.9; }
.intent-dialog footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 23px; }
.intent-dialog footer button { border: 1px solid #dce0d6; background: transparent; padding: 12px 18px; border-radius: 6px; cursor: pointer; color: #30342f; font-size: 12px; line-height: 1.5; font-weight: 600; }
.intent-dialog footer button:hover { background: #f0eee5; }
.intent-dialog footer .intent-save { background: #a44435; border-color: #a44435; color: #fff; }
.intent-dialog footer .intent-save:hover { background: #8d362a; border-color: #8d362a; }
.intent-evidence { margin-top: 25px; }
.intent-evidence section { border-bottom: 1px solid #e8e5d9; padding: 16px 0; color: #827b65; font-size: 12px; line-height: 1.9; }
.intent-evidence h3 { margin: 0 0 3px; font-size: inherit; font-weight: 600; }
.intent-evidence p { margin: 0; overflow-wrap: anywhere; }
.intent-history { margin: 0; padding-left: 20px; color: #827b65; }
.intent-history li { padding: 12px 0; border-bottom: 1px solid #e8e5d9; line-height: 1.9; font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.intent-dialog button:focus-visible, .intent-dialog textarea:focus-visible, .intent-dialog select:focus-visible { outline: 2px solid #a44435; outline-offset: 3px; }
@media (max-width: 540px) { .intent-dialog { padding: 22px; } .intent-dialog h2 { font-size: 22px; } .intent-dialog textarea, .intent-dialog select { font-size: 16px; } }
@media (max-width: 360px) { .intent-fields { grid-template-columns: 1fr; gap: 0; } .intent-dialog { padding: 18px; } .intent-dialog h2 { font-size: 20px; } }
.intent-card button:focus-visible { outline: 2px solid #a44435; outline-offset: 3px; }
@media (min-width: 1600px) { :root { --sidebar-w: 440px; } .intent-inner { padding: 28px; } }
@media (max-width: 1100px) and (min-width: 901px) { :root { --sidebar-w: 355px; } .intent-inner { padding: 21px; } .intent-card h2 { font-size: 24px; } }
@media (max-width: 900px) { .sidebar { width: min(94vw, 410px); padding: 18px 14px; } }

/* Scheme 10: a short note, with supporting material disclosed on demand. */
.compact-note { overflow: visible; }
.compact-note::before { border-radius: 8px 8px 0 0; height: 2px; }
.compact-note .intent-inner { padding: 24px; }
.compact-note .intent-goal { font-size: 15px; line-height: 1.9; color: #514e3e; }
.compact-section { margin-top: 25px; }
.compact-note .compact-label { margin: 0 0 9px; color: #938770; font: 500 12px/1.6 -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif; letter-spacing: 0; }
.compact-delivery { margin: 0; color: #6c6453; font-size: 12px; line-height: 1.9; }
.compact-decision { margin-top: 25px; padding-top: 21px; border-top: 1px solid #eae4d4; }
.compact-decision p { margin: 0; font-size: 13px; line-height: 1.9; }
.compact-quote, .compact-reason { display: block; }
.compact-reason { color: #968975; margin-top: 3px; }
.compact-choices { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.compact-choice { border: 1px solid #ded4bf; background: transparent; border-radius: 5px; padding: 9px 12px; font-size: 12px; color: #796c55; line-height: 1.5; cursor: pointer; }
.compact-choice.suggested { border-color: #bb6958; color: #a44435; background: #fbefe8; }
.compact-choice:hover { background: #f3ebdc; }
.compact-choice.suggested:hover { background: #f6e2d9; }
.compact-details { margin-top: 25px; }
.compact-details summary { display: flex; align-items: center; gap: 8px; width: fit-content; color: #958770; padding: 4px 0; font-size: 12px; list-style: none; cursor: pointer; }
.compact-details summary::-webkit-details-marker { display: none; }
.compact-details summary span { font-size: 19px; line-height: 16px; transition: transform .15s; }
.compact-details[open] summary span { transform: rotate(90deg); }
.compact-details summary:focus-visible { outline: 2px solid #a44435; outline-offset: 5px; }
.compact-detail-body { margin-top: 19px; border-top: 1px solid #eae4d4; }
.compact-detail-body section { margin-top: 22px; }
.compact-detail-body h3 { margin: 0 0 10px; font-size: 12px; font-weight: 600; color: #75684f; }
.compact-detail-body h4 { margin: 16px 0 5px; color: #94876e; font-size: 11px; font-weight: 500; }
.compact-detail-body p, .compact-detail-body ul, .compact-history { margin: 0; padding: 0; list-style: none; font-size: 12px; line-height: 1.9; color: #887b66; overflow-wrap: anywhere; }
.compact-detail-body ul { margin-top: 7px; }
.compact-detail-body li + li { margin-top: 5px; }
.compact-mail-link, .compact-result, .compact-edit button { border: 0; background: transparent; color: #9a5645; font: inherit; padding: 0; cursor: pointer; }
.compact-history li { white-space: pre-wrap; }
.compact-history li + li { margin-top: 8px; }
.history-time { display: block; color: #b2a68c; font-size: 11px; line-height: 1.6; }
.compact-basis { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.compact-foot { position: relative; margin-top: 25px; }
.compact-foot .compact-details { margin-top: 0; }
.compact-edit-btn { position: absolute; top: 0; right: 0; border: 1px solid #ded4bf; border-radius: 5px; background: transparent; padding: 4px 12px; color: #9a5645; font-size: 12px; line-height: 1.6; cursor: pointer; }
.compact-edit-btn:hover { background: #f3ebdc; }
.compact-edit-btn:disabled { opacity: .5; cursor: default; }
.intent-now { margin: 0 0 14px; padding: 12px 14px; border-radius: 6px; background: #f6f0e1; color: #7d7360; font-size: 12px; line-height: 1.9; }
.intent-now span { display: block; color: #a29477; font-size: 11px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.intent-dialog label.visually-hidden { margin: 0; }
.compact-progress { margin-top: 25px; padding-top: 20px; border-top: 1px solid #eae4d4; font-size: 12px; line-height: 1.9; color: #788266; }
.compact-result { display: inline-block; margin-top: 10px; font-size: 12px; }

/* Annotation → sticky: the left side says where each instruction went; the right side shows what changed. */
.absorbed-link { display: inline-flex; align-items: center; gap: 5px; border: 0; background: none; padding: 0; color: #a76a59; font: inherit; cursor: pointer; }
.absorbed-link span { font-size: 10px; opacity: .7; }
.absorbed-link:hover { color: var(--vermilion); text-decoration: underline; text-underline-offset: 3px; }
.absorbed-link:focus-visible { outline: 2px solid #a44435; outline-offset: 3px; border-radius: 2px; }
.compact-note [data-field] { border-radius: 4px; transition: background-color .5s, box-shadow .5s; }
.compact-note [data-field].is-updated { background: #fbefe8; box-shadow: 0 0 0 8px #fbefe8; }
.sticky-pulse { display: inline-block; margin-left: 8px; padding: 1px 7px; border-radius: 10px; background: #f6e2d9; color: #a44435; font-size: 11px; font-weight: 400; line-height: 1.6; animation: sticky-pulse 1.8s ease forwards; }
[data-field="intent"] > .sticky-pulse { margin: 0 0 6px; }
@keyframes sticky-pulse { 0% { opacity: 0; transform: translateY(2px); } 12%, 80% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .sticky-pulse { animation: none; } .compact-note [data-field] { transition: none; } }
@media (max-width: 1100px) and (min-width: 901px) { .compact-note .intent-inner { padding: 21px; } }
@media (max-width: 360px) { .compact-note .intent-inner { padding: 19px; } .compact-choice { padding: 9px 10px; } }
