/* Checklist flow. Black, white, Arial. No decoration. */
body.flow{padding-top:var(--bar);background:#fff;color:#000;font-family:Calibri,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
body.flow .menu-drop > button{min-height:36px;padding:6px 12px}
body.flow a[aria-current="page"]{text-decoration:underline}

body.flow main{max-width:1120px;margin:0 auto;padding:16px 16px 64px;display:grid;grid-template-columns:1fr;align-items:start}
body.flow .stage{display:contents}
body.flow #question{order:1}
body.flow .stage > .row-actions{order:2}
body.flow #paper{order:3}
body.flow .list{order:4;margin-top:28px;border:1px solid #e6e6e6;background:#fff}
body.flow .disclaimer{order:5;margin:36px 0 8px;padding-bottom:8px;color:#777;font-size:13px;line-height:1.5}
body.flow .logic{position:fixed;right:12px;bottom:12px;z-index:15;width:min(28rem,calc(100vw - 24px));background:#fff;border:1px solid #000}
body.flow .logic details{margin:0;border:0;padding:0}
body.flow .logic summary{display:flex;align-items:center;gap:8px;min-height:0;padding:0 12px 0 0}
body.flow .logic summary img{height:44px;width:auto;flex:none;display:block;margin:0}
body.flow .logic pre{margin:0;max-height:220px;overflow:auto;padding:8px 12px;border-top:1px solid #000;font:12px/1.4 ui-monospace,monospace;white-space:pre-wrap}
body.flow .list h2{position:sticky;top:var(--bar);z-index:4;margin:0;padding:12px;font-size:16px;font-weight:normal;background:#fff;border-bottom:1px solid #e6e6e6}
body.flow #list-body{position:relative}
body.flow .toc-sec{margin:0;padding:10px 12px 4px;color:#000;font-style:italic}
body.flow .list .toc-item{display:block;width:100%;margin:0;padding:8px 12px;border:0;border-top:1px solid #e6e6e6;background:#fff;color:#000;text-align:left;font:inherit;min-height:0;cursor:pointer;box-sizing:border-box}
body.flow .list .toc-t{display:block}
body.flow .list .toc-s{display:block;font-size:13px;color:#444}
body.flow .list .toc-s.wait{color:#777}
body.flow .list .toc-item[aria-current="true"]{background:#b12725;color:#fff}
body.flow .list .toc-item[aria-current="true"] .toc-s,
body.flow .list .toc-item[aria-current="true"] .toc-s.wait{color:#fff}
@media (min-width:860px){
  body.flow main{grid-template-columns:300px minmax(0,1fr);column-gap:28px}
  body.flow .list{order:0;grid-column:1;grid-row:1 / span 4;margin-top:0;position:sticky;top:calc(var(--bar) + 12px);max-height:calc(100vh - var(--bar) - 28px);display:flex;flex-direction:column;overflow:hidden}
  body.flow .list h2{top:0;flex:none}
  body.flow #list-body{overflow:auto;min-height:0}
  body.flow #question,body.flow .stage > .row-actions,body.flow #paper,body.flow .disclaimer{grid-column:2}
}

body.flow #question{margin:0 0 16px}
body.flow .qbox{border:1px solid #cfcfcf;padding:20px 20px 16px}
body.flow .logorow{display:flex;align-items:flex-start;gap:8px;margin:0 0 18px}
body.flow .qlogo{display:block;width:148px;height:auto;margin:0}
body.flow .qbox .qmark.sm{width:22px;height:22px;min-height:22px;font-size:13px;line-height:22px}
body.flow .logorow .pop{right:auto;left:0}
body.flow .qhead{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px}
body.flow .qbox h2{flex:1;margin:0;font-size:22px;font-weight:normal;color:#444;line-height:1.35}
body.flow .refrow{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px}
body.flow .refrow .sq{margin-top:4px}
body.flow .refrow details{flex:1;margin:0;border:0;padding:0}
body.flow .refrow summary{min-height:28px;padding:0}
body.flow .sq{flex:none;width:16px;height:16px;background:#b12725}
body.flow .qhead .sq{margin-top:3px}
body.flow .qhelp{position:relative;flex:none}
body.flow .qbox .qmark{width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:#b12725;color:#fff;font-size:16px;line-height:28px;cursor:pointer}
body.flow .qbox .pop{display:block;position:absolute;top:calc(100% + 8px);right:0;width:min(34rem,70vw);max-height:280px;overflow:auto;z-index:5;margin:0;padding:12px;border:1px solid #cfcfcf;background:#fff;color:#000}
body.flow .qbox .pop[hidden]{display:none}
body.flow .atom{margin:0 0 12px}
body.flow .atom:last-child{margin:0}
body.flow .atom-ref{display:block}
body.flow .choices{margin:0 0 8px;padding:0;border:0}
body.flow .choices label{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:10px 12px;border:1px solid #cfcfcf;min-height:44px;box-sizing:border-box;cursor:pointer;color:#000}
body.flow .choices input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
body.flow .num{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
body.flow .num input{width:6rem;height:44px;border:1px solid #cfcfcf;padding:0 8px;font:inherit}
body.flow .srcrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
body.flow .srcpill{background:#b12725;color:#fff;padding:6px 12px}
body.flow .srcrow a,body.flow .srcrow a:visited{color:#0000ee;text-decoration:underline}
body.flow .qbox details{margin:12px 0 0;border-top:1px solid #cfcfcf;padding-top:8px}
body.flow .num{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body.flow .num input{width:6rem;height:44px;border:1px solid #000;padding:0 8px;font:inherit}
body.flow button{font:inherit;background:#fff;color:#000;border:1px solid #000;min-height:44px;padding:8px 12px;cursor:pointer}
body.flow .menu-drop > button{min-height:36px;padding:6px 12px}
body.flow button:disabled{color:#666;border-color:#666;cursor:default}
body.flow .assume{margin-top:8px}
body.flow .row-actions{display:flex;flex-wrap:wrap;gap:8px}
body.flow table{width:100%;margin:12px 0;font-size:14px}
body.flow details{margin:16px 0;border-top:1px solid #000;padding-top:8px}
body.flow summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
body.flow #doc{white-space:pre-wrap;font-family:Calibri,"Segoe UI",sans-serif;font-size:14px;border:1px solid #000;padding:12px}
body.flow .work h3{font-size:16px;margin:16px 0 8px}
body.flow .work ul{margin:0;padding-left:20px}
body.flow .work li{margin:4px 0}
body.flow .done{margin:16px 0;padding-top:16px;border-top:1px solid #000}

@media print{
  body.flow{padding-top:0}
  body.flow .topbar,body.flow .row-actions,body.flow #question,body.flow summary,body.flow .logic{display:none}
  body.flow details{border:0}
  body.flow #doc{border:0;padding:0}
}