.assistance { margin: 22px 0; border-top: 1px solid #d9ddcf; padding-top: 20px; }
.assistance[hidden], .words[hidden] { display: none; }
.assist-entry { display: flex; gap: 10px; flex-wrap: wrap; }
.assistance button, .words button { min-height: 46px; border: 1px solid #cbd4c6; border-radius: 13px; padding: 12px 17px; background: #fdfcf7; color: #314c38; font: inherit; font-size: 15px; cursor: pointer; }
.assistance button.primary, .words button { background: #35553c; color: #fffef5; border-color: #35553c; }
.assistance button:disabled, .words button:disabled { opacity: .5; cursor: default; }
.assistance button:focus-visible, .words button:focus-visible, .assistance summary:focus-visible, .words summary:focus-visible { outline: 2px solid #55795b; outline-offset: 3px; }
.assistance h2 { font: 400 29px/1.15 Georgia,serif; margin: 14px 0; color: #293d30; }
.assist-help, .assist-status { font-size: 14px; line-height: 1.6; color: #65705f; }
.assist-question { font: 400 25px/1.3 Georgia,serif; margin: 22px 0; overflow-wrap: anywhere; }
.assist-choices { display: grid; gap: 10px; }
.assist-choices button { text-align: left; line-height: 1.5; width: 100%; }
.assistance .assist-back, .assistance .assist-other, .assistance .assist-done, .assistance .assist-again { background: transparent; border-color: transparent; padding-left: 0; text-decoration: underline; text-underline-offset: 4px; }
.assist-proposal { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.75; font-size: 17px; }
.assist-caveat { border-left: 2px solid #b79c68; padding: 10px 15px; color: #6e6046; font-size: 14px; line-height: 1.6; }
.assist-privacy, .words p { font-size: 12px; line-height: 1.6; color: #6b7565; }
.assist-history, .assist-source { margin: 20px 0; font-size: 14px; line-height: 1.6; }
.assistance summary, .words summary { padding: 10px 0; cursor: pointer; color: #5b705a; }
.assist-chosen { border-left: 2px solid #638466; padding-left: 14px; }
.words { margin-top: 6px; color: #63705f; font-size: 12px; }
.words textarea, .assistance textarea { width: 100%; box-sizing: border-box; display: block; margin: 8px 0 14px; padding: 14px; border: 1px solid #cbd4c6; border-radius: 12px; background: #fdfcf7; color: #293b31; font: inherit; font-size: 16px; line-height: 1.6; resize: vertical; }
.words textarea:focus-visible, .assistance textarea:focus-visible { outline: 2px solid #55795b; outline-offset: 2px; }
dialog.is-guiding { max-height: calc(100dvh - 24px); overflow-y: auto; }
dialog.is-guiding .transcript, dialog.is-guiding audio, dialog.is-guiding .detail-text, dialog.is-guiding .detail-state, dialog.is-guiding .delete { display: none; }
dialog.is-guiding .assistance { border: none; padding-top: 0; }
@media (max-width:420px) { .assist-entry button { flex: 1 1 140px; } dialog.is-guiding { padding: 22px 20px; } .assist-question { font-size: 24px; } }