/* Small shared page styles (the LAN landing page, misc). */
.lanpage .panel{ max-width:560px; }
.lanpage h1{ margin:.2rem 0 .6rem; font-size:2rem; }
.lead{ font-size:1.25rem; font-weight:600; margin:.2rem 0 .6rem; }
a.btn{ display:inline-block; text-decoration:none; color:var(--ink); border:2px solid var(--line); border-radius:.5rem; padding:.6rem 1rem; min-height:44px; font-weight:700; margin:.2rem; }
a.btn.primary{ background:var(--accent); color:var(--accent-ink); border-color:var(--accent); }
a.btn:hover,a.btn:focus-visible{ border-color:var(--accent); }

/* The privacy notice and other plain document pages. */
.docpage{ background:var(--bg); }
.docpage .stage{ padding:1rem; justify-content:flex-start; display:block; }   /* a long document flows from the top; never centred and clipped */
.doc{ max-width:720px; margin:0 auto; line-height:1.55; }
.doc h1{ margin:.2rem 0 0; font-size:1.8rem; }
.doc h2{ font-size:1.15rem; margin:1.4rem 0 .4rem; }
.doc li{ margin:.35rem 0; }
.doc .small{ font-size:.85rem; }
/* the tools catalogues */
.catalogue h2{ font-size:1.1rem; margin:1.2rem 0 .4rem; }
.cat-list{ list-style:none; margin:0; padding:0; }
.cat-list li{ display:flex; justify-content:space-between; align-items:center; gap:.8rem; padding:.6rem 0; border-bottom:1px solid var(--line); }
.cat-list li p{ margin:.15rem 0 0; } .cat-list .small{ font-size:.85rem; }
.cat-list a.btn{ flex:0 0 auto; }

/* The tool viewer: a tool runs inside AllIn's frame with a bar that leads back to the catalogue. Before this, a tool
   opened in a bare tab of its own and there was no way back to the list except finding the old tab (John, 8 Sep). */
body.toolview{ background:var(--bg); margin:0; display:flex; flex-direction:column; height:100dvh; }
.tvbar{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; padding:.5rem .8rem; background:var(--panel); border-bottom:2px solid var(--line); }
.tvbar .tvtitle{ font-weight:700; margin:0 auto 0 0; padding-right:.5rem; }
.tvbar a.btn{ margin:0; padding:.45rem .8rem; }
.tvframe{ flex:1 1 auto; min-height:0; border:0; width:100%; background:#fff; }
.tvmsg{ padding:1.2rem; max-width:40rem; }