/* Source inspector. It always mounts inside a surface that is already a sheet (the source drawer of a
   research, #workbench-source in the evidence workbench), so it carries no border, fill or radius of its own.
   The tab strip (.article-inspection-tabs) follows the research tabs and is reused by the corpus analysis. */
.article-inspection { min-width:0; color:var(--ink); overflow-wrap:anywhere; }
.article-inspection[hidden], .article-inspection [hidden] { display:none !important; }
/* Opening a source moves focus to the inspector. A pointer open draws no ring; a keyboard open does. */
.article-inspection:focus:not(:focus-visible) { outline:none; }
.article-inspection:focus-visible { outline:2px solid var(--focus); outline-offset:4px; border-radius:var(--radius); }
.article-inspection-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.article-inspection-header h2 { margin:0; font-family:var(--font-display); font-size:16px; font-weight:600; line-height:1.35; color:var(--ink); }
.source-panel .article-inspection-header h2 { font-size:15px; }
.article-inspection-header .secondary { flex-shrink:0; }
.article-inspection h3 { margin:20px 0 8px; font-family:var(--font-display); font-size:14.5px; font-weight:600; line-height:1.4; color:var(--ink); }
.article-inspection h4 { margin:16px 0 6px; font-size:13.5px; font-weight:600; line-height:1.4; color:var(--ink); }
.article-inspection p { font-size:13.5px; line-height:1.65; }
.article-inspection p:not(.notice) { color:var(--ink-2); }
.article-inspection summary { cursor:pointer; font-size:13.5px; font-weight:600; line-height:1.6; color:var(--ink-2); }
.article-inspection details { margin:12px 0; }
.article-inspection dl:not(.article-inspection-ids) { margin:10px 0; font-size:13.5px; line-height:1.6; }
.article-inspection dl:not(.article-inspection-ids) dt { margin-top:10px; font-weight:600; color:var(--ink-2); }
.article-inspection dl:not(.article-inspection-ids) dd { min-width:0; margin:2px 0 0; color:var(--ink-2); }
.article-inspection p[data-inspection-status] { margin:8px 0 0; font-size:12.5px; line-height:1.6; color:var(--muted); }
.article-inspection p[data-inspection-status][role=alert] { color:var(--red); }

/* Tabs: quiet underline strip, like the research tabs. The chosen tab is teal with a 2px rule. */
.article-inspection-tabs { display:flex; flex-wrap:wrap; gap:2px; margin:12px 0 16px; border-bottom:1px solid var(--line); }
.article-inspection-tabs [role=tab] { min-height:36px; margin-bottom:-1px; padding:8px 12px; border:0; border-radius:var(--radius) var(--radius) 0 0; background:transparent; color:var(--muted); font-size:13px; font-weight:500; line-height:1.4; white-space:nowrap; transition:color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out); }
.article-inspection-tabs [role=tab]:hover { color:var(--ink); background:var(--surface-2); }
.article-inspection-tabs [role=tab]:active { background:var(--surface-3); }
.article-inspection-tabs [role=tab][aria-selected=true] { color:var(--green-strong); font-weight:600; box-shadow:inset 0 -2px 0 var(--green); }
.article-inspection-tabs [role=tab]:focus-visible, .article-inspection button:focus-visible, .article-inspection [role=tabpanel]:focus-visible, .article-inspection-material:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.article-inspection [role=tabpanel] { border-radius:var(--radius); }

.article-inspection-ids { display:grid; grid-template-columns:minmax(7rem,auto) minmax(0,1fr); gap:4px 12px; margin:12px 0; font-size:12.5px; }
.article-inspection-ids dt { font-weight:600; color:var(--ink-2); }
.article-inspection-ids dd { margin:0; font-family:ui-monospace, "Cascadia Mono", Consolas, monospace; font-size:12px; color:var(--muted); }
.article-inspection-field { padding:10px 0; border-bottom:1px solid var(--line); font-size:13.5px; line-height:1.6; }
/* Quotes: soft fill and small radius, no side rule. */
.article-inspection blockquote { margin:8px 0; padding:10px 14px; border:0; border-radius:var(--radius); background:var(--green-wash); color:var(--ink-2); font-family:var(--font-read); font-size:13.5px; line-height:1.65; white-space:pre-wrap; }
.article-inspection mark[data-inspection-highlight] { padding:0 1px; border-radius:3px; background:var(--amber-soft); color:var(--amber-ink); box-shadow:0 0 0 1px var(--amber-line); }
.article-inspection-material { max-height:28rem; overflow:auto; padding:12px 14px; border-radius:var(--radius); background:var(--surface-2); color:var(--ink-2); font-family:var(--font-read); font-size:13px; line-height:1.65; white-space:pre-wrap; }
.article-inspection-evidence { margin:12px 0; padding-left:22px; }
.article-inspection-evidence li { margin-bottom:16px; }
.article-inspection-evidence li::marker { color:var(--muted); }
.article-inspection-evidence h3 { margin-top:0; }
.article-inspection-selection { margin-bottom:16px; padding:12px 14px; border-radius:var(--radius-card); background:var(--surface-2); color:var(--ink); }
.article-inspection-selection h4 { margin-top:0; }
.article-inspection-selection blockquote { background:var(--surface); }
.article-inspection iframe { display:block; width:100%; min-height:28rem; margin:16px 0; border:1px solid var(--line-strong); border-radius:var(--radius); background:var(--surface); }
/* Limitations appended under the panels are scope statements, so they read as information, not warnings. */
.article-inspection > .notice { margin-top:10px; border-color:var(--green-line); background:var(--green-wash); color:var(--ink-2); }
/* The evidence workbench styles its own p, blockquote and pre by id (#evidence-workbench-view, style.css),
   which outranks the classes above. Inside #workbench-source the inspector restates its reading sizes and
   quote fills, so it reads the same as in the research source drawer. */
#evidence-workbench-view .article-inspection p { font-size:13.5px; line-height:1.65; }
#evidence-workbench-view .article-inspection p[data-inspection-status] { font-size:12.5px; line-height:1.6; }
#evidence-workbench-view .article-inspection blockquote { margin:8px 0; padding:10px 14px; border-radius:var(--radius); background:var(--green-wash); font-size:13.5px; line-height:1.65; }
#evidence-workbench-view .article-inspection-selection blockquote { background:var(--surface); }
#evidence-workbench-view .article-inspection-material { max-height:28rem; font-size:13px; line-height:1.65; }
#evidence-workbench-view .article-inspection summary { line-height:1.6; }
#evidence-workbench-view .article-inspection details { margin:12px 0; }
@media (pointer:coarse) { .article-inspection-tabs [role=tab] { min-height:44px; } }
@media (max-width:600px) {
  .article-inspection-header { flex-direction:column; }
  .article-inspection-ids { grid-template-columns:1fr; }
  .article-inspection-ids dd { margin-bottom:8px; }
  .article-inspection-tabs { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .article-inspection-tabs [role=tab] { flex:1 0 auto; }
}

.article-study-observations { min-width:0; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); overflow-wrap:anywhere; }
.article-study-observations select { display:block; width:100%; max-width:100%; min-width:0; margin:8px 0; }
.article-study-observations button { max-width:100%; margin:4px 6px 4px 0; white-space:normal; }
.article-study-observations label { display:block; font-size:13px; font-weight:600; color:var(--ink-2); }
.article-study-observations label.check { display:flex; font-weight:400; }
.article-study-observations h5 { margin:10px 0; font-size:14px; font-weight:600; color:var(--ink); }
.article-study-observations-paging { display:flex; flex-wrap:wrap; gap:6px; }