.worksheet-drafts{border:1px solid #cbdcd7;border-radius:12px;background:#f4f8f6;padding:1.1rem;margin:1rem 0;color:#173b35}
.worksheet-drafts h2{font-size:1.1rem;margin:0 0 .65rem}
.worksheet-draft-choice{display:flex;align-items:flex-start;gap:.65rem;font-weight:650;cursor:pointer}
.worksheet-draft-choice input[type=checkbox]{width:1.15rem;height:1.15rem;min-height:0;flex:0 0 1.15rem;margin:.2rem 0 0;accent-color:#12685e}
.worksheet-drafts .help,.worksheet-draft-status{font-size:.88rem;line-height:1.55;margin:.65rem 0;overflow-wrap:anywhere}
.worksheet-draft-actions{display:flex;gap:.65rem;flex-wrap:wrap}
.worksheet-draft-actions button{min-height:44px;white-space:normal}
.worksheet-drafts [hidden],.worksheet-drafts[hidden]{display:none!important}
.saved-worksheet-list{display:grid;gap:.6rem;list-style:none;padding:0}
.saved-worksheet-list a{display:inline-block;min-height:44px;padding:.5rem 0;font-weight:650}
.saved-worksheet-list small{display:block}
@media(max-width:480px){.worksheet-draft-actions{flex-direction:column}.worksheet-draft-actions button{width:100%}}
@media print{.worksheet-drafts{display:none!important}}
.worksheet-draft-container{max-width:1200px;margin:0 auto}

/* Theme. This file loads after styles.css, so the dark half is named here. */
@media screen {
  .worksheet-drafts { background:light-dark(#f4f8f6, #13222a); color:var(--ink); border-color:light-dark(#d8e6df, #24353f); }
  .worksheet-drafts h2, .worksheet-drafts strong, .worksheet-drafts label,
  .worksheet-drafts label strong { color:light-dark(#173a33, #e7eff3); }
  .worksheet-drafts p, .worksheet-drafts small { color:light-dark(#5f6b62, #a3b6c1); }
}