/* nissebreve.css - sidelaget for /nissebreve/. Skallen er /assets/polyatic.css, scenen med papiret
   på skærematten er /letter-from-santa/santa.css; her er kun dagsvælgeren, listen med de 24 dage og
   redigeringen. Papiret beholder sine egne farver i begge temaer: det er en ting på måtten. */
.nb-head .sub a{white-space:nowrap}
.nb-paper{max-width:17.5rem}
.nb-paper canvas{background:#fff}
.nb-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:20rem;margin:0 auto .5rem}
.nb-daylabel{flex:1;text-align:center;font-weight:650;font-size:.9375rem;color:var(--mat-ink)}
.nb-arrow{width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--mat-ink);font:inherit;font-size:1.375rem;line-height:1;cursor:pointer}
.nb-arrow:disabled{opacity:.35;cursor:default}
.nb-arrow:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.ls-tabs button[aria-pressed="true"]{background:var(--mat-ink);color:var(--mat);border-color:var(--mat-ink)}
.ls-form .modes button small{display:block;font-weight:500;font-size:.6875rem;opacity:.8}
.nb-paperbtns{max-width:16rem}

/* ---------- de 24 dage ---------- */
.nb-days{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:.625rem;overflow:hidden}
.nb-day+.nb-day{border-top:1px solid var(--line)}
.nb-dayhead{display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.75rem;padding:.375rem .75rem;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.9375rem;text-align:left;cursor:pointer}
.nb-dayhead:hover{background:var(--surface-2)}
.nb-dayhead:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nb-day.open .nb-dayhead{background:var(--surface-2);font-weight:650}
.nb-num{flex:0 0 2rem;font-family:var(--mono);font-size:.8125rem;color:var(--muted)}
.nb-title{flex:1 1 auto;min-width:0}
.nb-tag{flex:0 0 auto;font-size:.6875rem;font-weight:650;letter-spacing:.02em;padding:.125rem .4375rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.nb-own{background:var(--surface-2);color:var(--muted);border:1px solid var(--line-2)}
.nb-edit{padding:.625rem .75rem .875rem;background:var(--surface-2);border-top:1px dashed var(--line-2)}
.nb-edit .k{display:block;margin:0 0 .3125rem}
.nb-swaprow{margin-bottom:.625rem}
.nb-swapctl{display:flex;gap:.5rem}
.nb-swapctl select{flex:1 1 auto;min-width:0}
.nb-swapctl .btn{flex:0 0 auto}
.nb-dayshint{margin:0 0 .5rem}
.nb-edit textarea{font-family:var(--sans);min-height:7.5rem;resize:vertical;line-height:1.45}
.nb-reset{margin-top:.5rem}
.nb-reset[hidden]{display:none}
.nb-tip{margin:.625rem 0 0;padding:.5rem .625rem;border-left:.1875rem solid var(--accent);background:var(--surface);border-radius:.375rem;font-size:.8125rem;line-height:1.45;color:var(--ink-2)}
.ls-store [hidden]{display:none}
.nb-faq h3{margin-top:1.25rem}
@media(min-width:920px){.nb-paper{max-width:23rem}}