/* BRIEF-315: the sign-up sheet (and the peek strip, off by default: bordu.js REGEL). Light and dark; the page keeps scrolling under the dim (no scroll lock), and there is no close cross - only "Nej tak, jeg kigger bare". */
.bd-dim { position:fixed; inset:0; background:rgba(20,30,24,.45); z-index:9000; pointer-events:none; }
.bd-ark { position:fixed; left:0; right:0; bottom:0; z-index:9001; max-height:92vh; overflow:auto; background:#fff; color:#1f2a22; border-radius:18px 18px 0 0; padding:10px 18px 22px; box-shadow:0 -8px 30px rgba(0,0,0,.2); font-family:"Source Sans 3",system-ui,sans-serif; }
@media (min-width:700px) { .bd-ark { left:auto; right:24px; bottom:24px; width:420px; border-radius:18px; } .bd-dim { display:none; } }
.bd-greb { width:40px; height:4px; border-radius:2px; background:#d5ddd8; margin:0 auto 10px; }
.bd-tabs { display:flex; gap:6px; margin:4px 0 12px; }
.bd-tabs button { flex:1; font:inherit; font-size:14.5px; padding:7px 4px; border-radius:999px; border:1.5px solid #cfdcd3; background:#fff; color:#4d5d53; white-space:nowrap; cursor:pointer; }
.bd-tabs button.on { background:#1f6b3a; border-color:#1f6b3a; color:#fff; font-weight:700; }
.bd-h { font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif; font-size:25px; line-height:1.15; margin:0 0 6px; }
.bd-s { font-size:16px; color:#4d5d53; margin:0 0 10px; line-height:1.3; }
.bd-note { font-size:12.5px; color:#5b6b61; margin:0 0 10px; line-height:1.35; }
.bd-mail { border:1px solid #d9e2dc; border-radius:12px; padding:10px 12px; background:#fafcfb; margin:0 0 12px; }
.bd-mail .fra { font-size:12.5px; color:#5b6b61; } .bd-mail .emne { font-weight:700; font-size:15.5px; margin:2px 0 6px; }
.bd-mail .rk { display:flex; justify-content:space-between; gap:10px; font-size:14.5px; padding:4px 0; border-top:1px solid #edf2ee; } .bd-mail .rk b { white-space:nowrap; }
.bd-form { display:flex; flex-direction:column; gap:8px; }
.bd-form input { font:inherit; font-size:17px; padding:13px; border:1.5px solid #9fb5a6; border-radius:10px; background:#fff; color:inherit; }
.bd-form button { font:inherit; font-size:19px; font-weight:700; padding:14px; border:0; border-radius:12px; background:#1f6b3a; color:#fff; cursor:pointer; }
.bd-form button:disabled { opacity:.6; }
.bd-svar { min-height:1.2em; font-size:14.5px; margin:6px 0 0; color:#1f6b3a; font-weight:600; }
.bd-fine { font-size:13.5px; color:#5b6b61; text-align:center; margin:6px 0 0; }
.bd-nej { display:block; text-align:center; font-size:14.5px; color:#5b6b61; text-decoration:underline; margin-top:8px; }
@media (prefers-color-scheme: dark) {
  .bd-ark { background:#1b221d; color:#e7efe9; box-shadow:0 -8px 30px rgba(0,0,0,.6); }
  .bd-greb { background:#3a4a3f; }
  .bd-tabs button { background:#232c26; border-color:#3a4a3f; color:#b8c6bc; }
  .bd-tabs button.on { background:#2e8f55; border-color:#2e8f55; color:#fff; }
  .bd-s, .bd-note, .bd-fine, .bd-nej, .bd-mail .fra { color:#a9b8ae; }
  .bd-mail { background:#232c26; border-color:#3a4a3f; } .bd-mail .rk { border-color:#34423a; }
  .bd-form input { background:#232c26; border-color:#4a5d50; color:#e7efe9; }
  .bd-form button { background:#2e8f55; }
  .bd-svar { color:#7fd09c; }
}

.bd-stribe { position:fixed; left:8px; right:8px; bottom:64px; z-index:8990; display:flex; align-items:center; gap:10px; background:#fff; color:#1f2a22; border:1.5px solid #1f6b3a; border-radius:12px; padding:10px 14px; font:inherit; font-size:15.5px; text-align:left; box-shadow:0 4px 16px rgba(0,0,0,.18); cursor:pointer; }
.bd-stribe b { margin-left:auto; font-size:22px; color:#1f6b3a; }
.bd-valg { display:block; width:100%; text-align:left; font:inherit; font-size:18px; font-weight:700; padding:14px 16px; margin:0 0 8px; border:1.5px solid #cfdcd3; border-radius:12px; background:#f6faf7; color:inherit; cursor:pointer; }
@media (prefers-color-scheme: dark) { .bd-stribe { background:#1b221d; color:#e7efe9; border-color:#2e8f55; } .bd-stribe b { color:#7fd09c; } .bd-valg { background:#232c26; border-color:#3a4a3f; } }