/* Replica additions; original visuals stay in original.css. */
.replica-note { padding:8px 14px; font-size:10px; color:var(--p-ink-soft); background:var(--p-paper-2); border-top:1px solid var(--p-ink-soft); }

/* The transparent CRT is the shared Tapehouse masthead on every route. */
.sidebar .brand {
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:12px 14px 11px;
}
.sidebar .brand .brand-computer {
  display:block;
  width:172px;
  height:144px;
  max-width:100%;
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 3px 1px #3c2c1c22);
}
.sidebar .brand-wordmark {
  display:flex;
  align-items:center;
  font-size:11px;
  line-height:1.4;
  letter-spacing:3px;
}
.sidebar .brand-wordmark::before {
  content:"";
  width:5px;
  height:5px;
  margin-right:8px;
  background:#c5f13c;
  box-shadow:0 0 0 1px #3c2c1c, 0 0 6px #c5f13c60;
}
.sidebar .brand .brand-wordmark b { color:#2d753e; }
.sidebar .brand:focus-visible { outline:2px solid #2d753e; outline-offset:-7px; }
.sidebar .brand-resource-links { gap:5px; padding:8px 10px; }
.sidebar .brand-resource-links a:not(.brand) {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:5px 3px;
  border:1px solid var(--bp-ink-soft);
  font-size:8px;
  letter-spacing:.2px;
  white-space:nowrap;
}
.sidebar .brand-resource-links a:not(.brand):hover,
.sidebar .brand-resource-links a:not(.brand):focus-visible {
  background:var(--bp-ink);
  color:var(--bp-paper);
}
.tapehouse-otc-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.tapehouse-otc-heading > div { min-width:0; }
.tapehouse-otc-heading p { margin:8px 0 0; font-size:12px; }
.tapehouse-otc-heading img { display:block; width:128px; height:128px; object-fit:contain; flex-shrink:0; }

.content .home-welcome {
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:12px 20px;
  min-height:230px;
  padding:26px 30px !important;
}
.content .home-welcome h1 { grid-column:1; grid-row:1; align-self:end; }
.content .home-welcome .sub { grid-column:1; grid-row:2; margin:0; }
.content .home-welcome .home-actions { grid-column:1; grid-row:3; margin-top:4px; gap:8px; }
.content .home-welcome .home-machine {
  display:block;
  position:static;
  grid-column:2;
  grid-row:1 / 4;
  align-self:center;
  justify-self:center;
  width:190px;
  height:192px;
  max-width:100%;
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 5px 2px #3c2c1c26);
}
.content .home-welcome .cursor { background:#c5f13c; box-shadow:0 0 7px #c5f13c50; }
.content .home-welcome .home-actions > .btn:first-child {
  background:var(--p-ink);
  color:var(--p-paper);
  box-shadow:inset 0 -3px 0 #c5f13c;
}
.content .home-welcome .home-actions > .btn:first-child:hover { background:#274b2e; }

@media (max-width: 780px) {
  .tapehouse-otc-heading { gap:10px; }
  .tapehouse-otc-heading h1 { font-size:24px; letter-spacing:1px; }
  .tapehouse-otc-heading img { width:82px; height:92px; }
  .codeblock-title { min-width:0; white-space:normal; overflow-wrap:anywhere; }
  .codeblock-copy { flex-shrink:0; }
  .sidebar .brand { padding:10px 12px 9px; }
  .sidebar .brand .brand-computer { width:156px; height:128px; }
  .content .home-welcome {
    grid-template-columns:minmax(0,1fr) 84px;
    gap:12px;
    min-height:0;
    padding:20px !important;
  }
  .content .home-welcome h1 {
    align-self:center;
    font-size:clamp(20px,6vw,26px);
    letter-spacing:2px;
  }
  .content .home-welcome .cursor { width:9px; height:18px; margin-left:6px; }
  .content .home-welcome .home-machine { grid-row:1; width:84px; height:84px; }
  .content .home-welcome .sub { grid-column:1 / -1; }
  .content .home-welcome .home-actions { grid-column:1 / -1; }
}
@media (max-height: 700px) {
  .sidebar .brand .brand-computer { width:132px; height:104px; }
}