:root{--link:#123b59;--article:1120px;--measure:1120px}
.header{border-bottom:2px solid #263e4b}
.header .brand img{width:48px;height:48px}
.article{padding-top:30px}
.article h1{font-size:34px;margin-bottom:12px}
.article>section:first-of-type{max-width:760px}
[data-group="todo-live"]{display:block;margin:24px 0 18px;border:1px solid #bfc8ca;padding:0}
.byttedag-board{height:630px;min-height:450px}
.byttedag-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:8px 10px;background:#fff;border-bottom:1px solid #bfc8ca;font:13px/1.4 Helvetica,Arial,sans-serif}
.byttedag-toolbar button{border:1px solid #263e4b;background:#fff;color:#263e4b;border-radius:0;padding:5px 9px;cursor:pointer}
.byttedag-toolbar button:hover,.byttedag-toolbar button:focus-visible{background:#263e4b;color:#fff}
.todo{font-family:Helvetica,Arial,sans-serif}
.todo .todo-lane,.todo .todo-card,.todo .todo-save,.todo .todo-switch,.todo .todo-switch button,.todo .todo-new,.todo .todo-form input,.todo .todo-form button,.todo .todo-pane-toggle{border-radius:0}
.todo .todo-card{box-shadow:none;border:1px solid #d5d9e0}
.todo .todo-switch button[aria-pressed="true"]{box-shadow:none;border:1px solid #aeb7c0}
@media(max-width:800px){
  .todo{grid-template-columns:minmax(0,1fr)!important}
  .todo.is-editor-closed .todo-form{display:none}
  .todo-stage,.todo-form{grid-column:1;min-width:0}
  .todo-stage{grid-row:auto;overflow:hidden}
  .todo-bar{flex-wrap:wrap;gap:6px;padding:8px 8px 8px 66px!important}
  .todo-board-title{width:100%}
  .todo-bar-end{margin-left:0}
  .todo-lane{flex:0 0 auto;width:100%;max-width:none;box-sizing:border-box}
}
@media(max-width:650px){.byttedag-board{height:620px}.article h1{font-size:28px}.byttedag-toolbar{flex-wrap:wrap;justify-content:flex-start}}
