/* /workspace/ — presentation-only additions; the shared clay system stays in tool-lab.css. */
.workspace-lab__hero p{ max-width:760px; margin-inline:auto; }

.workspace-lab__privacy{
  margin-bottom:18px;
  border-inline-start:5px solid var(--lab-gold);
  background:rgba(233,163,35,.12);
  color:var(--lab-navy);
  line-height:1.8;
}

.workspace-form,
.workspace-output-panel{ margin-top:18px; }

.workspace-form__intro{ margin-bottom:16px; }
.workspace-form__intro h2{ margin:0 0 5px; }
.workspace-form__intro p{ margin:0; }

.workspace-output-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

.workspace-output{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:16px;
  border:2px solid rgba(13,148,136,.18);
  border-radius:17px;
  background:#f6fffd;
}

.workspace-output h3{
  margin:0 0 9px;
  color:var(--lab-navy);
  font-size:1rem;
  line-height:1.55;
}

.workspace-output pre{
  min-height:190px;
  flex:1;
  margin:0;
  padding:13px;
  overflow:auto;
  border-radius:11px;
  background:var(--lab-cream);
  color:var(--lab-ink);
  white-space:pre-wrap;
  font:inherit;
  font-size:.88rem;
  line-height:1.75;
  direction:rtl;
  text-align:start;
}

.workspace-output .workspace-copy{ margin-top:11px; }

@media (max-width:700px){
  .workspace-output-grid{ grid-template-columns:1fr; }
  .workspace-output pre{ min-height:150px; }
}

@media print{
  .workspace-lab__privacy,
  .workspace-form,
  .workspace-copy{ display:none; }
  .workspace-output-grid{ grid-template-columns:1fr; }
  .workspace-output{ break-inside:avoid; }
}