.logo{color:#000}.side{inset:16px auto 16px 14px;width:210px;border:1px solid #ecece8;border-radius:30px;padding:28px 20px 24px;background:#fff;box-shadow:0 20px 45px rgba(17,17,17,.13),0 6px 16px rgba(17,17,17,.08)}.side nav a.active{box-shadow:0 7px 18px rgba(17,17,17,.1)}main{margin-left:238px}.account-button{position:fixed;z-index:20;top:26px;right:32px;padding:14px 18px;border:1px solid #111;border-radius:999px;background:#fff;color:#111;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 8px 0 #111,0 13px 24px rgba(17,17,17,.16);transition:transform .16s ease,box-shadow .16s ease}.account-button b{color:var(--red);margin-left:12px}.account-button:hover{transform:translateY(3px);box-shadow:0 5px 0 #111,0 9px 18px rgba(17,17,17,.13)}.account-button:active{transform:translateY(7px);box-shadow:0 1px 0 #111}.statement,.issue,.agenda-list article,.method li{box-shadow:0 11px 28px rgba(17,17,17,.09),0 2px 6px rgba(17,17,17,.05)}.agenda-list article:hover{box-shadow:0 16px 34px rgba(17,17,17,.12),0 3px 8px rgba(17,17,17,.06)}@media(max-width:980px){.account-button{display:none}.topbar .logo{color:#000}.topbar>a:last-child{padding:9px 14px;border:1px solid #111;border-radius:999px;background:#fff;color:#111;text-decoration:none;font-weight:800;box-shadow:0 4px 0 #111}main{margin-left:0}}

@media (max-width: 600px) {
  html, body, main { background: #fff; }
  .statement {
    background: #fff;
    color: #333;
    border: 1px solid var(--line);
  }
  .statement > span, .statement small { color: #666; }
  .statement > div { border-top-color: var(--line); }
  .archive { background: #fff; color: #333; }
  .archive p { color: #666; }
}