:root{font-family:Arial,sans-serif;line-height:1.5;color:#171717;background:#f7f7f7}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:2px solid #222}button,input,textarea,select{font:inherit}button{min-height:44px;padding:.55rem .85rem;border:2px solid #222;background:#fff;border-radius:.35rem;cursor:pointer}button:hover{background:#eee}button:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:4px solid #005fcc;outline-offset:3px}.primary{background:#124a8a;color:#fff}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:1rem;z-index:99}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}main{padding:1rem}.card{background:#fff;padding:2rem;border:1px solid #bbb;border-radius:.5rem}.narrow{max-width:32rem;margin:3rem auto}label{display:block;margin:.8rem 0}input,textarea{width:100%;padding:.7rem;border:2px solid #555;border-radius:.3rem}.layout{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:1rem}nav,.content{background:#fff;padding:1rem;border:1px solid #bbb}nav ul{list-style:none;padding:0}nav li button{width:100%;text-align:start;border:0}.toolbar,.bulk,.actions,.editor-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end}.search{display:flex;gap:.4rem;align-items:end;margin:0;flex:1}.message-list{border-top:1px solid #aaa;margin-top:1rem}.message-row{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;padding:.8rem;border-bottom:1px solid #bbb}.message-row.unread{font-weight:bold}.message-row button{border:0;text-align:start;padding:0;min-height:auto}.message-body{padding:1rem;border:1px solid #bbb;overflow-wrap:anywhere}.message-body iframe{width:100%;min-height:25rem;border:0}.editor-label{font-weight:bold;margin-top:1rem}#editor{min-height:16rem;border:2px solid #555;padding:.8rem}.editor-toolbar button{min-height:36px}fieldset{margin:1rem 0;border:2px solid #777}dt{font-weight:bold}dd{margin-bottom:.6rem}@media(max-width:800px){.layout{grid-template-columns:1fr}header{padding:1rem}.message-row{grid-template-columns:auto 1fr}.message-row time{grid-column:2}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}[dir=rtl] .message-row button,[dir=rtl] nav li button{text-align:right}

.site-header{display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-link img{width:64px;height:48px;object-fit:contain}.link-button{background:none;border:0;text-decoration:underline;cursor:pointer}footer{margin-top:2rem;padding:1.25rem;border-top:1px solid currentColor;text-align:center}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}

/* Accessible folder links and message selection */
#folders {
  list-style: none;
  margin: 0;
  padding: 0;
}

#folders li {
  margin: 0.25rem 0;
}

#folders a[data-folder] {
  display: block;
  padding: 0.65rem 0.75rem;
  border: 1px solid currentColor;
  border-radius: 0.35rem;
  text-decoration: none;
}

#folders a[data-folder]:hover,
#folders a[data-folder]:focus-visible {
  text-decoration: underline;
}

#folders a[data-folder][aria-current="page"] {
  font-weight: 700;
  border-width: 3px;
}

.message-selection-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin: 0.75rem 0;
}

.message-select-wrap {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem;
}

.message-select-wrap input {
  width: 1.25rem;
  height: 1.25rem;
}

.message-list [data-uid],
.message-list [data-id] {
  position: relative;
}

.bulk button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}