/* The charter: the crew's articles and who signed them, as plain type on a quiet sky. A new member joins by signing. */
html,body{min-height:100%}
body{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:84px var(--gut) 56px;background:#020308}
.doc{position:relative;z-index:1;width:min(560px,100%)}
.doc h1{margin:0 0 28px;font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.arts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.arts li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:baseline;font-size:18px;line-height:1.4;color:var(--ink)}
.arts li b{font-weight:400;font-size:12px;letter-spacing:.08em;color:var(--faint)}
.crew{margin:44px 0 0;padding:0 0 0 44px;list-style:none;display:flex;flex-direction:column;gap:8px}
.crew li{display:grid;grid-template-columns:110px auto;align-items:baseline;font-size:14px;color:var(--body)}
.crew li span:last-child{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}
.crew .sign{display:block;margin-top:10px}
.crew .sign button{font-size:14px;color:var(--dim);border-bottom:1px dotted rgba(206,222,240,.35);padding-bottom:2px;transition:color .15s}
.crew .sign button:hover,.crew .sign button:focus-visible{color:var(--ink)}
@media (max-width:560px){
  body{padding:76px 20px 40px}
  .arts{gap:12px}
  .arts li{grid-template-columns:34px minmax(0,1fr);font-size:15px}
  .crew{padding-left:34px;margin-top:36px}
  .crew li{grid-template-columns:96px auto}
}