/* The agent view (templates/agent.html): the landing page's text in
   columns as wide as the window allows, so that a desktop browser shows it
   whole; a narrow one gets a single column. */
* { box-sizing: border-box; }
body { margin: 0; background: #F5F4F0; color: #262622; }
.ag-text { column-width: 340px; column-gap: 40px; column-rule: 1px solid #E4E2DB; padding: 12px 48px 24px; }
.ag-text pre {
  margin: 0 0 12px; white-space: pre-wrap; overflow-wrap: anywhere; break-inside: avoid;
  font: 13px/1.5 "JetBrains Mono", ui-monospace, Menlo, monospace;
}
@media (max-width: 700px) {
  .ag-text { padding: 12px 16px 32px; }
}