/* Task and reference pages: the established ivory/forest editorial system. */
body:is([data-page="tools"], [data-page="compare"], [data-page="medications"], [data-page="editorial"], [data-page="glossary"], [data-page="about"], [data-page="research"]) {
  --workspace-control-border: #778570;
  --workspace-section-space: clamp(2rem, 4vw, 3.5rem);
}

body:is([data-page="tools"], [data-page="compare"], [data-page="medications"], [data-page="editorial"], [data-page="glossary"], [data-page="about"]) main > .panel > p,
body[data-page="about"] #about .note {
  max-inline-size: 72ch;
}

body:is([data-page="tools"], [data-page="compare"], [data-page="editorial"], [data-page="research"]) :is(.editorial-draft-form, .editorial-draft-library, .workspace-actions, .protocol-lab-controls, .comparison-controls, .editorial-queue-controls, .pulse-controls) :is(input, select, textarea) {
  min-inline-size: 0;
  max-inline-size: 100%;
  min-block-size: 44px;
  padding: .7rem .8rem;
  border: 1px solid var(--workspace-control-border);
  border-radius: 3px;
  background: var(--panel);
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.5;
}

body:is([data-page="tools"], [data-page="editorial"], [data-page="research"]) :is(.editorial-draft-form, .pulse-controls) :is(input, textarea)::placeholder {
  color: var(--muted);
  opacity: 1;
}

body:is([data-page="tools"], [data-page="editorial"]) :is(.editorial-draft-form, .editorial-draft-fields, .protocol-lab-controls) > label {
  min-inline-size: 0;
  gap: .5rem;
  color: var(--ink);
  font-size: .9375rem;
}

body:is([data-page="tools"], [data-page="compare"], [data-page="medications"], [data-page="editorial"]) :is(.btn-mini, .comparison-controls button) {
  min-block-size: 44px;
  max-inline-size: 100%;
  margin-top: 0;
  font-size: .9375rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

body[data-page="tools"] :is(.workspace-panel, .protocol-lab, .planner-saved),
body[data-page="editorial"] :is(.editorial-template, .editorial-queue, .editorial-draft-workbench),
body[data-page="medications"] .matrix-panel {
  margin-top: var(--workspace-section-space);
  padding-top: 1.5rem;
  scroll-margin-top: 2rem;
}

body[data-page="tools"] :is(.workspace-panel, .protocol-lab) > p,
body[data-page="editorial"] :is(.editorial-queue, .editorial-draft-workbench) > p,
body[data-page="medications"] .matrix-panel > p {
  max-inline-size: 72ch;
}

body:is([data-page="tools"], [data-page="editorial"], [data-page="about"]) .tiles {
  gap: 1.5rem 2.5rem;
  margin-top: 1.5rem;
}

body:is([data-page="tools"], [data-page="editorial"], [data-page="about"]) .tile {
  padding: 1.25rem 0 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

body:is([data-page="tools"], [data-page="editorial"], [data-page="about"]) .tile h3 {
  margin: 0 0 .75rem;
}

body:is([data-page="tools"], [data-page="editorial"], [data-page="about"]) .tile p {
  max-inline-size: 65ch;
  margin: 0;
  color: var(--muted);
}

body[data-page="tools"] .workspace-health {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-block: 1.5rem;
  border-block: 1px solid var(--line);
}

body[data-page="tools"] .workspace-health-item {
  min-inline-size: 0;
  padding: 1rem .75rem;
  gap: .35rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow-wrap: anywhere;
}

body[data-page="tools"] .workspace-health-item strong {
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}

body[data-page="tools"] :is(.workspace-actions, .protocol-lab-controls) {
  gap: .75rem;
}

body[data-page="tools"] :is(.planner-brief, .planner-source-row, .planner-saved-row),
body[data-page="editorial"] :is(.editorial-draft-card, .editorial-queue-card),
body[data-page="compare"] .comparison-card {
  min-inline-size: 0;
  border-radius: 4px;
  overflow-wrap: anywhere;
}

body[data-page="tools"] .planner-brief {
  padding: clamp(1rem, 2.5vw, 2rem);
  background: var(--panel);
}

body[data-page="tools"] .planner-brief-stats {
  gap: .75rem;
  margin-block: 1.25rem;
}

body[data-page="tools"] .planner-brief-stats > div,
body[data-page="compare"] .comparison-metric {
  min-inline-size: 0;
  padding: .75rem 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

body[data-page="tools"] .planner-brief-stats strong,
body[data-page="compare"] .comparison-metric strong {
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}

body[data-page="tools"] .planner-brief-section {
  margin-top: 1.5rem;
  padding-top: 1rem;
}

body[data-page="tools"] .planner-brief-section h5 {
  font-size: 1rem;
  margin-bottom: .65rem;
}

body[data-page="tools"] .planner-brief-section li {
  max-inline-size: 72ch;
  margin-block: .45rem;
}

body[data-page="tools"] :is(.planner-source-row, .planner-saved-row) {
  padding: .8rem 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  gap: .75rem;
}

body[data-page="tools"] :is(.planner-source-row, .planner-saved-row) > span {
  flex: 1 1 18rem;
  min-inline-size: 0;
}

body[data-page="editorial"] .editorial-flow {
  justify-content: flex-start;
  padding: 1.25rem 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  gap: .65rem;
}

body[data-page="editorial"] .editorial-template {
  padding: clamp(1rem, 2.5vw, 2rem);
  border: 0;
  border-radius: 4px;
}

body[data-page="editorial"] .editorial-template pre {
  padding: 1rem 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1.9;
  overflow-wrap: anywhere;
}

body[data-page="editorial"] .editorial-queue-list {
  gap: 0;
  margin-top: 1.25rem;
}

body[data-page="editorial"] .editorial-queue-card {
  padding: 1.25rem 0;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
}

body[data-page="editorial"] .editorial-queue-card h4 {
  font-size: 1.125rem;
}

body[data-page="editorial"] :is(.editorial-draft-card, .editorial-queue-card) p {
  max-inline-size: 75ch;
  margin-block: .6rem;
}

body[data-page="editorial"] .editorial-draft-workbench {
  padding: clamp(1rem, 2.5vw, 2rem);
  border: 1px solid var(--line);
  border-radius: 4px;
}

body[data-page="editorial"] :is(.editorial-draft-form, .editorial-draft-fields) {
  gap: 1.25rem;
}

body[data-page="editorial"] .editorial-draft-form {
  margin-top: 1.5rem;
}

body[data-page="editorial"] .editorial-draft-form textarea {
  min-block-size: 7rem;
}

body[data-page="editorial"] .editorial-draft-library {
  margin-top: 2rem;
  padding-top: 1.5rem;
}

body[data-page="editorial"] :is(.editorial-draft-list, .editorial-draft-card-actions, .editorial-draft-library-actions, .editorial-queue-actions) {
  gap: .75rem;
}

body[data-page="editorial"] .editorial-draft-card {
  padding: 1.25rem;
}

body[data-page="compare"] .comparison-controls {
  gap: .75rem;
  margin-block: 1.5rem;
}

body[data-page="compare"] .comparison-output {
  background: transparent;
}

body[data-page="compare"] .comparison-grid {
  gap: 1.5rem;
  align-items: start;
}

body[data-page="compare"] :is(.comparison-card, .comparison-insight) {
  padding: clamp(1rem, 2.5vw, 2rem);
  background: var(--panel);
  border-color: var(--line);
  border-radius: 4px;
}

body[data-page="compare"] .comparison-card h3 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  margin-bottom: 1.25rem;
}

body[data-page="compare"] .comparison-metrics {
  gap: .25rem 1.25rem;
}

body[data-page="compare"] .comparison-insight {
  margin-top: 1.5rem;
  background: var(--panel-soft);
}

body[data-page="compare"] :is(.comparison-card, .comparison-insight) p {
  max-inline-size: 72ch;
}

body[data-page="compare"] .comparison-actions {
  padding-top: 1rem;
  gap: .75rem;
}

body:is([data-page="medications"], [data-page="glossary"]) .frontier-list {
  gap: 0;
  margin-top: 1.5rem;
}

body:is([data-page="medications"], [data-page="glossary"]) .frontier-item {
  min-inline-size: 0;
  padding: 1.5rem 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  overflow-wrap: anywhere;
}

body:is([data-page="medications"], [data-page="glossary"]) .frontier-item h3 {
  margin: 0 0 .75rem;
}

body:is([data-page="medications"], [data-page="glossary"]) .frontier-item p {
  max-inline-size: 72ch;
  margin-block: .65rem;
}

body[data-page="medications"] .frontier-item p.warning {
  color: var(--warning);
}

body[data-page="medications"] .matrix-panel {
  background: transparent;
}

body[data-page="medications"] .medication-matrix-grid {
  gap: 1.5rem;
}

body[data-page="medications"] .medication-matrix-card {
  min-inline-size: 0;
  padding: clamp(1rem, 2.5vw, 1.75rem);
  gap: 1.25rem;
  overflow-wrap: anywhere;
}

body[data-page="medications"] .medication-matrix-card-head {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: .75rem;
}

body[data-page="medications"] .medication-matrix-card h4 {
  font-size: .875rem;
  line-height: 1.5;
  letter-spacing: .015em;
  text-transform: none;
  margin-bottom: .4rem;
}

body[data-page="medications"] .medication-matrix-actions {
  gap: .65rem;
  padding-top: 1rem;
  align-self: end;
}

body[data-page="about"] .note {
  margin-block: 1.5rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--notice-line);
  border-radius: 3px;
  background: var(--notice-bg);
  color: var(--ink);
}

body[data-page="about"] #roadmap li {
  max-inline-size: 72ch;
  margin-block: .8rem;
  padding-left: .35rem;
}

body[data-page="tools"] :is(#import-workspace, #reset-plan),
body[data-page="editorial"] :is(#copy-editorial-template, #clear-editorial-draft, #import-editorial-drafts, .editorial-queue-actions .btn-mini:not(:first-child)),
body[data-page="compare"] .comparison-actions .btn-mini + .btn-mini,
body[data-page="medications"] .medication-matrix-actions .citation-chip {
  color: var(--accent);
  background: var(--panel);
  border-color: var(--workspace-control-border);
}

body[data-page="tools"] :is(#import-workspace, #reset-plan):hover,
body[data-page="editorial"] :is(#copy-editorial-template, #clear-editorial-draft, #import-editorial-drafts, .editorial-queue-actions .btn-mini:not(:first-child)):hover,
body[data-page="compare"] .comparison-actions .btn-mini + .btn-mini:hover,
body[data-page="medications"] .medication-matrix-actions .citation-chip:hover {
  background: var(--panel-soft);
  border-color: var(--accent);
}

body[data-page="research"] .pulse-controls {
  gap: .75rem;
}

body[data-page="research"] .pulse-controls button {
  min-block-size: 44px;
}

body[data-page="research"] .pulse-actions a.btn-mini {
  color: var(--inverse-ink);
}

body[data-page="research"] .pulse-actions a.btn-mini:hover {
  color: var(--inverse-ink);
}

@media (min-width: 900px) {
  body[data-page="glossary"] #glossary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3rem;
  }
}

@media (max-width: 1100px) {
  body[data-page="editorial"] .editorial-draft-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body[data-page="tools"] .workspace-health {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body[data-page="tools"] .planner-brief-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  body[data-page="tools"] .workspace-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
  body[data-page="tools"] .workspace-actions label {
    margin-top: .5rem;
  }
  body[data-page="tools"] .protocol-lab-controls,
  body[data-page="editorial"] .editorial-draft-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-page="editorial"] .editorial-draft-workbench {
    padding: 1rem;
  }
  body[data-page="editorial"] .editorial-draft-library-head {
    align-items: flex-start;
    gap: 1rem;
  }
  body[data-page="compare"] .comparison-controls {
    grid-template-columns: minmax(0, 1fr);
    gap: .5rem;
  }
  body[data-page="compare"] .comparison-controls label:not(:first-child) {
    margin-top: .5rem;
  }
  body[data-page="compare"] .comparison-controls button {
    margin-top: .5rem;
  }
}