/* The two pages outside an org: the operator panel (/operator) and the public sign-up (/signup). Same tokens and paper as the app. */
body.plat{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.plat-h{display:flex;align-items:center;gap:10px;padding:16px 28px;flex-wrap:wrap}
.plat-h .brand-m{display:inline-flex}
.plat-brand{font:600 22px/1 var(--serif);font-variation-settings:"SOFT" 100,"WONK" 1;letter-spacing:-.02em;margin-right:6px}
.plat-who{text-transform:none;letter-spacing:0;font-size:12px}
.plat-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:8px 28px 48px;display:flex;flex-direction:column}
.plat-intro h1{font-size:clamp(30px,3.4vw,42px)}
.plat-intro .lede{margin-top:10px}
.plat-flash{margin-top:18px}
.plat-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:22px;margin-top:26px;align-items:start}
.plat-col{display:grid;gap:22px;min-width:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r3);padding:22px 24px;box-shadow:var(--lift);min-width:0}
.card h2{font-size:24px}
.plat-sub{color:var(--ink-2);font-size:14px;margin-top:6px}
.plat-cardh{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.plat-form{display:grid;gap:14px;margin-top:16px}
.plat-form .formerr:empty{display:none}
.plat-h3{display:flex;align-items:center;gap:10px;font:600 15px/1.3 var(--sans);margin-top:20px}
.plat-modes{margin-top:14px}
.plat-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.plat-req,.plat-org{border:1px solid var(--line);border-radius:var(--r2);padding:14px 16px;background:var(--paper);display:grid;gap:6px}
.plat-req{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--terra-wash);border-color:#EDC6B2}
.plat-req.old{background:var(--paper);border-color:var(--line);grid-template-columns:1fr}
.plat-req b,.plat-org b{font:500 18px/1.2 var(--serif);font-variation-settings:"SOFT" 100;overflow-wrap:anywhere}
.plat-req div:first-child{display:grid;gap:2px;min-width:0}
.plat-req span,.plat-org p{color:var(--ink-2);font-size:13.5px;overflow-wrap:anywhere}
.plat-req small,.plat-org small{color:var(--ink-3);font-size:12.5px}
.plat-org-t{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.plat-org.paused{background:var(--paper-2)}
.plat-org .acts,.plat-req .acts,.plat-link .acts,.su-done .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.plat-more{margin-top:14px}
.plat-more summary{cursor:pointer;font:600 13.5px/1.3 var(--sans);color:var(--ink-2)}
.plat-link{display:flex;gap:16px;align-items:flex-start;background:var(--sage-wash);border-color:#CFDCC6}
.plat-link>.m{width:64px;height:64px;flex:none}
.plat-link>div{min-width:0;flex:1}
.plat-link p{color:var(--ink-2);font-size:14px;margin-top:6px}
.plat-link .linkbox{background:var(--card);margin-bottom:10px}
.plat-log{list-style:none;margin:12px 0 0;padding:0;display:grid;max-height:520px;overflow:auto}
.plat-log li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.plat-log li:first-child{border-top:0}
.plat-log .mono{text-transform:none;letter-spacing:0;padding-top:3px}
.plat-log div{display:grid;gap:2px;min-width:0}
.plat-log b{font:600 14px/1.3 var(--sans)}
.plat-log span{color:var(--ink-2);font-size:13.5px;overflow-wrap:anywhere}
.plat-log small{color:var(--ink-3);font-size:12px;overflow-wrap:anywhere}
.plat-empty{flex:1}
.plat-empty .mark.big{width:72px;height:72px}
/* Sign-up. */
.plat-main.su{max-width:560px;justify-content:center}
.su-card{padding:30px 32px;display:flex;flex-direction:column}
.su-card .su-m{width:92px;height:92px;margin:-6px 0 6px -6px}
.su-card h1{font-size:clamp(30px,4vw,40px)}
.su-card .lede{margin-top:10px}
.su-go{width:100%;height:46px;font-size:15px}
.su-have{padding:14px 0 0;text-align:center}
.su-done .linkbox{margin:16px 0 12px}
@media (max-width:980px){.plat-grid{grid-template-columns:1fr}}
@media (max-width:620px){
  .plat-h{padding:12px 16px}
  .plat-who{order:9;flex-basis:100%}
  .plat-main{padding:4px 16px 32px}
  .card{padding:18px 16px;border-radius:var(--r2)}
  .plat-modes.choices{grid-template-columns:1fr}
  .plat-req{grid-template-columns:1fr}
  .plat-log li{grid-template-columns:1fr;gap:2px}
  .plat-link{flex-direction:column}
  .su-card{padding:24px 20px}
}