/* 17.10: restore the reading card after the owner's display:contents grid. */
#how .work-rows {
  min-width:0;
  box-sizing:border-box;
  background:var(--surface-solid);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  padding:22px 24px;
}
#how .work-rows > h3 { margin-top:0; }
#how .work-rows > :last-child { margin-bottom:0; }
/* FAQ and requirements are reading surfaces as well as the existing panels. */
.bg-sections .faq-list,
.bg-sections .needs {
  min-width:0;
  background:var(--surface-solid);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  padding:20px 22px;
}
.bg-sections .rows { overflow-wrap:anywhere; }
@media(max-width:540px) {
  #how .work-rows,
  .bg-sections .faq-list,
  .bg-sections .needs { padding:18px; }
}
/* Keep the existing menu and theme controls inside a 320px viewport. */
@media(max-width:360px) {
  .topbar { padding-inline:8px; gap:4px; }
}