/* nikolaus.css - page layer for /brief-vom-nikolaus/ on top of /assets/polyatic.css, the stage of
   /letter-from-santa/santa.css and the controls of /brief-vom-weihnachtsmann/brief.css: the golden-book
   checklist (ticked deeds carry their order number), the poem picker and the form sections per mode. */
.nk-cat{margin:.75rem 0 .375rem;font-size:.75rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.nk-cat:first-child{margin-top:.25rem}
.nk-deeds{display:grid;grid-template-columns:1fr;gap:.3125rem}
@media (min-width:40rem){.nk-deeds{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nk-deed{display:flex;align-items:flex-start;gap:.5rem;width:100%;min-height:2.75rem;padding:.4375rem .625rem;border:1px solid var(--line);border-radius:.625rem;
  background:var(--surface);color:var(--ink);font:inherit;font-size:.875rem;line-height:1.3;text-align:left;cursor:pointer}
.nk-deed:hover{border-color:var(--accent)}
.nk-deed:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nk-deed.on{border-color:var(--accent);background:var(--accent-soft)}
.nk-deed>span:not(.nk-num){flex:1 1 auto}
.nk-deed small{flex:0 0 auto;color:var(--muted);font-size:.6875rem;white-space:nowrap;padding-top:.125rem}
.nk-num{flex:0 0 1.375rem;height:1.375rem;border-radius:999px;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;
  font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}
.nk-deed.on .nk-num{background:var(--accent);border-color:var(--accent);color:var(--surface)}
.nk-count{margin:.5rem 0 0;font-size:.8125rem;color:var(--muted)}
.nk-check{display:flex;align-items:center;gap:.5rem;margin:.125rem 0 .25rem;font-size:.875rem;color:var(--muted)}
.nk-check input{width:1.125rem;height:1.125rem;accent-color:var(--accent)}
.nk-poems{display:grid;grid-template-columns:1fr;gap:.3125rem}
@media (min-width:40rem){.nk-poems{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nk-poem{display:block;width:100%;padding:.5rem .625rem;border:1px solid var(--line);border-radius:.625rem;background:var(--surface);color:var(--ink);
  font:inherit;text-align:left;cursor:pointer;line-height:1.3}
.nk-poem b{display:block;font-size:.9375rem}
.nk-poem small{display:block;color:var(--muted);font-size:.75rem;margin-top:.125rem}
.nk-poem.active{border-color:var(--accent);background:var(--accent-soft)}
.nk-poem:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ls-form select{width:100%;min-height:2.75rem;padding:.375rem .5rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);color:var(--ink);font:inherit;font-size:.9375rem}
.ls-form input.nk-second{margin-top:.375rem}
.explainer .nk-poemlist{columns:2 14rem;column-gap:1.5rem}