.qa-tabs,.qa-actions,.qa-pagination,.qa-detail-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qa-tabs{margin:8px 0 14px}.qa-tabs button[aria-pressed=true]{background:var(--green,#24714c);color:#fff}.qa-notice{padding:12px 15px;background:#eef6f1;border:1px solid #cee1d5;border-radius:10px;line-height:1.7;font-size:13px}.qa-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}.qa-filters label,.qa-editor>label{display:grid;gap:6px;font-size:13px}.qa-filters input,.qa-filters select,.qa-editor input:not([type=checkbox]),.qa-editor textarea{padding:9px 10px;border:1px solid #ccd8d0;border-radius:7px;font:inherit;background:var(--surface,#fff);color:inherit;min-width:0;max-width:100%}.qa-search{flex:1;min-width:180px}.qa-table-scroll{overflow-x:auto;max-width:100%}.qa-table-scroll table{width:100%;min-width:680px}.qa-table-scroll td{vertical-align:top;max-width:350px;overflow-wrap:anywhere}.qa-title{border:0;background:none;color:var(--green,#24714c);text-align:left;cursor:pointer;font-weight:650;line-height:1.6}.qa-reason{font-size:12px;white-space:pre-wrap;margin:5px 0;color:#66766b}.qa-pagination{justify-content:flex-end;margin:14px 0}.qa-detail-heading{justify-content:space-between;margin:26px 0 14px}.qa-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.qa-original,.qa-editor{min-width:0;padding:20px;border:1px solid #d6e2da;border-radius:12px;background:var(--surface,#fff)}.qa-original{background:var(--surface-soft,#f8fbf9)}.qa-original a,.qa-editor>a{display:block;margin:8px 0;overflow-wrap:anywhere}.qa-original h3{font-size:14px;margin:22px 0 8px}.qa-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85}.qa-editor{display:grid;align-content:start;gap:16px}.qa-editor textarea{width:100%;resize:vertical;line-height:1.7}.qa-editor .qa-rights{display:flex;align-items:flex-start;line-height:1.7}.qa-rights input{margin-top:5px;flex-shrink:0}.qa-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:650px;overflow:auto;padding:18px;background:#f4f7f5;border:1px solid #d5dfd8;border-radius:8px;font:13px/1.8 inherit}.qa-actions button{padding:9px 12px}.qa-actions button[data-qa-publish]{background:var(--green,#24714c);color:#fff}.qa-actions button:disabled{opacity:.5;cursor:not-allowed}[data-qa-status]{min-height:24px;line-height:1.7}[data-qa-status].is-error,.qa-editor .is-error{color:#a63c33}body[data-theme=dark] .qa-notice,body[data-theme=dark] .qa-preview{background:#23392d;color:#e0ece4}body[data-theme=dark] .qa-original,body[data-theme=dark] .qa-editor{background:#172a20;color:#e0ece4}@media(max-width:900px){.qa-detail-grid{grid-template-columns:minmax(0,1fr)}.qa-filters label{flex:1 1 140px}.qa-search{flex-basis:100%}.qa-original,.qa-editor{padding:14px}.qa-actions{gap:8px}.qa-actions button{flex:1 1 130px}}

[data-qa-detail] h2{scroll-margin-top:100px}[data-qa-detail] h2:focus{outline:2px solid var(--green,#24714c);outline-offset:5px}.qa-title[aria-expanded=true]{text-decoration:underline;text-underline-offset:4px}

/* Keep the review page scrollable inside the admin shell. Each desktop panel
   owns its long content; mobile uses the normal single page scroll. */
@media(min-width:901px){
  .view[data-view="qa-reviews"]:not([hidden]){display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .qa-detail-grid{align-items:start}
  .qa-original,.qa-editor{min-height:0;max-height:calc(var(--ui-layout-height-dvh,100dvh) - 200px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
}

/* Use the same fixed outer frame while preserving the two review scroll panels. */
.view[data-view="qa-reviews"]:not([hidden]) { display: flex; flex-direction: column; overflow: hidden; scrollbar-gutter: auto; }
#qa-reviews-root { flex: 1; min-height: 0; min-width: 0; display: flex; flex-direction: column; }
#qa-reviews-root > .page-toolbar { flex: none; }
.qa-workspace { flex: 1; min-height: 0; min-width: 0; padding: 16px; overflow: auto; overscroll-behavior: contain; }
@media(min-width:901px) { .qa-workspace :is(.qa-original,.qa-editor) { max-height: calc(var(--ui-layout-height-dvh,100dvh) - 260px); } }
@media(max-width:900px) { .qa-workspace { padding: 12px; } }

/* Markdown is rendered only in read-only content; editors retain source text. */
.qa-markdown { white-space: normal; overflow-wrap: anywhere; line-height: 1.85; }
.qa-markdown > :first-child { margin-top: 0; }
.qa-markdown > :last-child { margin-bottom: 0; }
.qa-markdown p { margin: .65em 0; }
.qa-markdown :is(h3,h4,h5,h6) { margin: 1.1em 0 .45em; line-height: 1.5; }
.qa-markdown h3 { font-size: 1.12em; }
.qa-markdown :is(h4,h5,h6) { font-size: 1em; }
.qa-markdown :is(ul,ol) { margin: .65em 0; padding-left: 1.6em; }
.qa-markdown li + li { margin-top: .3em; }
.qa-markdown blockquote { margin: .75em 0; padding: .4em .9em; border-left: 3px solid var(--green,#24714c); color: inherit; }
.qa-markdown a { display: inline; margin: 0; overflow-wrap: anywhere; }
.qa-markdown code { font-family: ui-monospace,monospace; font-size: .92em; }
.qa-markdown pre { max-width: 100%; padding: 12px; overflow-x: auto; white-space: pre; border: 1px solid var(--line,#d5dfd8); border-radius: 8px; }
.qa-markdown hr { margin: 1em 0; border: 0; border-top: 1px solid var(--line,#d5dfd8); }

.qa-question-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0 8px; }
.qa-question-heading h3 { margin: 0; }
.qa-original .qa-question-forward { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; border: 1px solid var(--line,#d5dfd8); border-radius: 8px; color: var(--green,#24714c); text-decoration: none; }
.qa-question-forward:hover { background: var(--surface-soft,#eef6f1); }
.qa-question-forward:focus-visible { outline: 3px solid var(--green,#24714c); outline-offset: 2px; }

/* 回答快取勾選欄 */
.qa-table-scroll td.qa-pin{width:72px;text-align:center}.qa-pin input{width:18px;height:18px;cursor:pointer}.qa-pin input:disabled{cursor:not-allowed}.qa-pin-note{display:block;margin-top:4px;font-size:12px;color:#66766b}