/* Existing Samfunnsklar character illustrations, presented in DrivingNorway's palette. */
#header-profile{padding:2px;overflow:hidden;cursor:pointer}#header-profile img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.dn-character-dialog{width:min(530px,calc(100% - 26px));max-height:calc(100dvh - 34px);overflow:auto;margin:auto;border:1px solid var(--line);border-radius:24px;padding:25px;background:var(--paper);color:var(--ink);box-shadow:0 24px 70px #14362f35;font:inherit}
.dn-character-dialog::backdrop{background:#132e2ac7;backdrop-filter:blur(3px)}.dn-character-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.dn-character-heading h2{font-size:23px;margin:0}.dn-character-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.dn-character-close{display:grid;place-items:center;width:35px;height:35px;flex:none;background:var(--mint);color:var(--ink);border:0;border-radius:50%;font-size:23px;line-height:1}
.dn-character-current{display:flex;align-items:center;gap:15px;padding:16px;margin:20px 0 17px;background:var(--mint);border-radius:17px}.dn-current-portrait{display:grid;place-items:center;height:72px;width:72px;flex:none;border-radius:19px;overflow:hidden;color:var(--teal);background:var(--paper)}.dn-current-portrait img{height:100%;width:100%;object-fit:cover}.dn-current-portrait svg{width:35px;height:35px}.dn-character-current strong{font-size:16px}.dn-character-current p{font-size:11px;color:var(--muted);margin:5px 0 0}
.dn-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.dn-character-choice{position:relative;padding:5px;border:2px solid transparent;border-radius:20px;background:var(--mint);color:var(--ink);overflow:visible;min-height:0}.dn-character-choice img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:13px}.dn-character-choice[aria-pressed=true]{border-color:var(--copper);background:var(--copper-soft,#f5e8dc)}.dn-character-choice:hover{border-color:var(--teal)}.dn-character-check{position:absolute;top:-2px;inset-inline-end:-2px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--copper);color:var(--paper);font-size:14px;font-weight:bold;box-shadow:0 1px 5px #0003}.dn-character-local{font-size:10px;color:var(--muted);margin:15px 0 12px}.dn-character-account{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:13px;text-decoration:none;background:var(--mint)}.dn-character-account span{font-size:20px;color:var(--copper)}
@media(max-width:450px){.dn-character-dialog{padding:19px}.dn-character-heading h2{font-size:21px}.dn-character-grid{gap:8px}.dn-character-choice{padding:4px;border-radius:16px}.dn-character-choice img{border-radius:10px}.dn-character-current{margin:16px 0;padding:13px}.dn-current-portrait{width:62px;height:62px}.dn-character-local{font-size:10px}}

.dn-character-brand{display:block;font-size:10px;font-weight:bold;letter-spacing:.03em;color:var(--muted);margin-bottom:4px}

.dn-character-dialog{--paper:var(--surface,#fffdf8);--mint:#e9f0e9;--teal:#235b53;--copper:#a7522c;--line:#dbe2da;--ink:var(--text,#243d3d);--muted:var(--text-muted,#68736b)}[data-theme=dark] .dn-character-dialog{--paper:#253432;--ink:#edf3eb;--muted:#bac8be;--line:#40554b;--mint:#243d35;--teal:#83bea4;--copper:#e7b291}
.dn-character-choice:focus-visible,.dn-character-close:focus-visible,.dn-character-account:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
