/* Articles and Tools are part of the Workbench page, so header links can
   scroll to them without sending visitors to another page. */
.home-articles, .home-tools { scroll-margin-top: 30px; }
/* Match the numbered headings already used for Case Files, Profile and Contact. */
#home-articles-title, #home-tools-title { font-family: var(--font-mono, monospace); font-size: 1.05rem; line-height: 1.5; letter-spacing: .12em; margin: 0 0 12px; }
.home-section-note { color: #b5c8bd; }
.home-article-card {
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr);
  gap: 24px;
  align-items: center;
  padding: 24px;
  border: 1px solid #315044;
  border-radius: 8px;
  background: #10231b;
}
.home-article-card h3, .home-workspace-heading h3 { margin: 4px 0 10px; }
.home-article-image {
  display: grid;
  place-items: center;
  min-height: 160px;
  padding: 18px;
  color: #c2d3c8;
  background: #0b1913;
  border: 1px dashed #6a9180;
  text-align: center;
}
.home-placeholder-label {
  color: #8edeb0;
  font: .8rem/1.5 ui-monospace, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home-workspace-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  padding: 16px 0;
}
.home-workspace-frame {
  display: block;
  width: 100%;
  height: 1100px;
  border: 1px solid #315044;
  border-radius: 8px;
  background: #091310;
}
.home-workspace-frame[hidden] { display: none; }
.home-workspace-open { margin: 0 0 1rem; }
.home-workspace-open[hidden] { display: none; }
@media (max-width: 680px) {
  .home-article-card { grid-template-columns: 1fr; padding: 18px; }
  .home-article-image { min-height: 120px; }
  .home-workspace-frame { height: 1200px; }
}