.vllk-m,.vllk-p,.vllk-t,.vllk-c,.vllk-rad,.vllk-lista{--k-ink:#16201a;--k-mut:#5b665e;--k-line:#e4e7e2;--k-teg:#b5541c;--k-acc:#9a4f1a;--k-g:#1f6b45;font-family:var(--vl-sans,"Source Sans 3",system-ui,sans-serif);box-sizing:border-box}
.vllk-m *,.vllk-p *,.vllk-t *,.vllk-c *,.vllk-rad *{box-sizing:border-box}
.vllk-m{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;margin:0;padding:0 14px 0 10px;border-radius:99px;background:#fff4e8;border:1px solid #f0d2b3;color:var(--k-acc);font:inherit;font-size:15px;font-weight:800;cursor:pointer;line-height:1;white-space:nowrap}
.vllk-m:hover{background:#ffecd8}
.vllk-m.is-meny{width:100%;justify-content:center;min-height:50px;border-radius:12px;font-size:16px}
.vllk-m.is-meny .vllk-m-t{display:inline!important}
.vllk-m.is-mini{min-height:36px;font-size:14px}
.vllk-m.is-ny{background:#fff;border-color:#e3c9b1;color:var(--k-ink)}
.vllk-m.is-ny svg{color:var(--k-teg)}
.vllk-m-dot{position:absolute;top:5px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--k-teg)}
.vllk-m.is-puls{animation:vllkPuls 1.6s ease-out 2}
@keyframes vllkPuls{0%{box-shadow:0 0 0 0 rgba(181,84,28,.45)}100%{box-shadow:0 0 0 12px rgba(181,84,28,0)}}
.vllk-val{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;cursor:pointer}
.vllk-val input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--k-g)}
.vllk-rad2{display:flex;gap:8px;flex-wrap:wrap}
.vllk-rad2 .vllk-btn{flex:1}
.vllk-m svg{display:block;flex:none;width:18px!important;height:18px!important;max-width:none!important;margin:0!important}
.vlhd .vllk-m{min-height:44px;padding:0 15px 0 13px;font-size:15px;font-weight:700;line-height:1;letter-spacing:normal;text-transform:none;box-shadow:none}
.vlhd .vllk-m.is-mini{min-height:38px;padding:0 12px}
.vlhd-drawer .vllk-m.is-meny{min-height:50px}
.vllk-m.is-flyt{position:fixed;right:16px;bottom:16px;z-index:99990;box-shadow:0 8px 24px rgba(17,26,21,.18)}
.vllk-m:focus-visible,.vllk-p button:focus-visible,.vllk-p a:focus-visible,.vllk-c button:focus-visible{outline:3px solid rgba(31,107,69,.45);outline-offset:2px}
.vllk-p{position:fixed;right:24px;top:84px;z-index:99995;width:460px;max-width:calc(100vw - 32px);max-height:calc(100vh - 110px);overflow:auto;display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--k-line);box-shadow:0 20px 50px rgba(17,26,21,.2);color:var(--k-ink)}
.vllk-p[hidden],.vllk-c[hidden],.vllk-t[hidden]{display:none!important}
.vllk-eb{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--k-mut)}
.vllk-eb.is-t{color:var(--k-acc)}
.vllk-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.vllk-x{border:0;background:none;padding:4px;cursor:pointer;color:var(--k-mut);line-height:0;border-radius:8px}
.vllk-hus{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:#fbf6f1}
.vllk-hus svg{flex:none}
.vllk-hus b.n{font-family:var(--vl-serif,Georgia,serif);font-size:34px;line-height:1}
.vllk-hus span{font-size:14.5px;line-height:1.4}
.vllk-hus small{display:block;font-size:13px;color:var(--k-mut)}
.vllk-bar{display:block;height:10px;border-radius:99px;background:#ecefea;overflow:hidden}
.vllk-bar i{display:block;height:100%;border-radius:99px;background:var(--k-teg)}
.vllk-sk{display:flex;justify-content:space-between;gap:4px;margin-top:8px}
.vllk-sk span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#9aa39c;text-align:center}
.vllk-sk span.on{color:var(--k-ink)}
.vllk-sk i{width:10px;height:10px;border-radius:50%;border:2px solid #d5d9d4;background:#fff}
.vllk-sk .on i{background:var(--k-teg);border-color:var(--k-teg)}
.vllk-kamp{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#fdf1e6;border:1px solid #f2d9c2}
.vllk-kamp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.vllk-kamp-p{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--k-mut);text-transform:uppercase}
.vllk-kamp b.h{font-family:var(--vl-serif,Georgia,serif);font-size:20px;line-height:1.2}
.vllk-rutor{display:flex;gap:6px}
.vllk-rutor span{flex:1;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;background:#fff;border:1.5px dashed #e3bfa0;color:#b0896b}
.vllk-rutor span.on{background:var(--k-teg);border:0;color:#fff}
.vllk-kamp p{margin:0;font-size:14px;line-height:1.45;color:#5c4636}
.vllk-kamp a{font-size:13.5px;font-weight:700;color:var(--k-acc)!important;text-decoration:none}
.vllk-int{display:flex;flex-direction:column;gap:10px}
.vllk-int-r{display:grid;grid-template-columns:150px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:14px}
.vllk-int-r b{font-weight:700}
.vllk-int-r em{font-style:normal;text-align:right;color:var(--k-mut)}
.vllk-not{margin:0;font-size:12.5px;line-height:1.45;color:var(--k-mut)}
.vllk-lnk{border:0;background:none;padding:0;font:inherit;font-size:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.vllk-earn{display:flex;flex-direction:column;gap:10px}
.vllk-earn span:not(.vllk-eb){display:flex;align-items:center;gap:10px;font-size:14.5px}
.vllk-earn b{margin-left:auto;color:var(--k-acc)}
.vllk-folj{display:flex;flex-direction:column;gap:10px}
.vllk-folj-r{display:flex;gap:8px}
.vllk-folj-b{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;background:#f2f5fb;border:1px solid #dfe5f1;color:var(--k-ink)!important;font-size:14.5px;font-weight:700;text-decoration:none!important}
.vllk-folj-b b{color:var(--k-acc)}
.vllk-folj-b.is-klar{background:#f1f8f4;border-color:#d3e4d9}
.vllk-folj-b.is-klar b,.vllk-earn .is-klar b{color:var(--k-g)}
.vllk-earn .is-klar{color:var(--k-mut)}
.vllk-forman{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#eef5f0;font-size:14px;line-height:1.4}
.vllk-mejl{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:#f6f7f5}
.vllk-mejl form{display:flex;gap:8px}
.vllk-mejl input{flex:1;min-width:0;min-height:44px;border:1px solid #cfd5cf;border-radius:10px;padding:0 12px;font:inherit;font-size:16px;margin:0}
.vllk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;border:0;background:var(--k-g);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}
.vllk-btn.is-l{background:#fff;color:var(--k-ink);border:1px solid var(--k-line)}
.vllk-msg{font-size:13.5px;font-weight:700;color:var(--k-g)}
.vllk-msg.is-err{color:#b3261e}
.vllk-fot{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--k-mut)}
.vllk-c{position:fixed;left:24px;bottom:24px;z-index:99990;width:400px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--k-line);box-shadow:0 16px 40px rgba(17,26,21,.18);color:var(--k-ink)}
.vllk-c b.h{font-family:var(--vl-serif,Georgia,serif);font-size:19px;line-height:1.2}
.vllk-c p{margin:0;font-size:14.5px;line-height:1.5;color:#3c4640}
.vllk-c label{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;cursor:pointer}
.vllk-c label input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--k-g)}
.vllk-c .rad{display:flex;gap:8px}
.vllk-c .rad .vllk-btn{flex:1}
.vllk-c small{font-size:12px;color:var(--k-mut)}
.vllk-t{position:fixed;left:50%;bottom:24px;z-index:99996;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;border-radius:99px;background:var(--k-ink);color:#fff;font-size:15px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.25);animation:vllkIn .3s ease-out;max-width:calc(100vw - 32px)}
.vllk-t i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff4e8;color:var(--k-acc);flex:none}
.vllk-t em{font-style:normal;font-weight:400;color:#c9d1ca}
@keyframes vllkIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
.vllk-rad{display:flex;align-items:center;gap:12px;margin:1rem 0 1.5rem;padding:12px 14px;border-radius:14px;background:#fff6ec;border:1px solid #f2d9c2;color:var(--k-ink)}
.vllk-rad span.t{flex:1;font-size:14.5px;line-height:1.4}
.vllk-rad small{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--k-mut);text-transform:uppercase}
@media (max-width:640px){
.vllk-p{left:0;right:0;bottom:auto;width:100%;max-width:100%;max-height:80vh;border-radius:0 0 22px 22px;border-top:0;padding:18px 16px 22px}
.vllk-m{min-height:36px;padding:0 10px}
.vllk-m-t{display:none}
.vllk-int-r{grid-template-columns:120px minmax(0,1fr) 36px}
.vllk-c{left:8px;right:8px;bottom:8px;width:auto}
.vllk-mejl form{flex-direction:column}
.vllk-rad{flex-wrap:wrap}
.vllk-m.is-flyt{right:12px;bottom:12px}
}
@media (prefers-reduced-motion:reduce){.vllk-t{animation:none}}
@media print{.vllk-m,.vllk-p,.vllk-c,.vllk-t,.vllk-rad{display:none!important}}

.vllk-mal{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:#fff6ec;border:1px solid #f2d9c2}
.vllk-mal p{margin:0;font-size:14px;line-height:1.45;color:var(--k-ink)}
.vllk-mal.is-inne{background:#eef5f0;border-color:#cfe3d6}
.vllk-mal.is-inne .vllk-eb{color:var(--k-g)}

.vllk-m-n.is-tom{display:inline-block;width:1.6em;height:.8em;border-radius:4px;background:rgba(154,79,26,.18)}
/* Månadens checklista, i rutan och med [vl_checklista] */
.vllk-lista *{box-sizing:border-box}
.vllk-lista{margin:0 0 32px;padding:22px 24px;border:1px solid var(--k-line);border-radius:14px;background:#fffaf4;color:var(--k-ink)}
.vllk-lista-top h2{margin:6px 0 4px;font-family:var(--vl-serif,Georgia,serif);font-size:24px;line-height:1.2;color:var(--k-ink)}
.vllk-lista-top p{margin:0 0 14px;font-size:15px;color:var(--k-mut)}
.vllk-lista ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}
.vllk-lista li{display:flex;align-items:center;gap:10px;margin:0;padding:6px 0;border-bottom:1px solid var(--k-line)}
.vllk-lista-b{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:44px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:16px;text-align:left;cursor:pointer}
.vllk-lista-r{flex:none;width:24px;height:24px;border:2px solid #c9b8a6;border-radius:7px;background:#fff;position:relative}
.vllk-lista-b.is-klar{color:var(--k-mut);cursor:default}
.vllk-lista-b.is-klar>span:last-child{text-decoration:line-through}
.vllk-lista-b.is-klar .vllk-lista-r{background:var(--k-g);border-color:var(--k-g)}
.vllk-lista-b.is-klar .vllk-lista-r:after{content:"";position:absolute;left:6px;top:2px;width:7px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.vllk-lista-b:not(.is-klar):hover .vllk-lista-r{border-color:var(--k-teg)}
.vllk-lista-b:focus-visible{outline:2px solid var(--k-teg);outline-offset:3px;border-radius:6px}
.vllk-lista a,.vllk-plista a{flex:none;font-size:14px;font-weight:700;color:var(--k-acc)!important;text-decoration:underline;text-underline-offset:2px}
.vllk-lista-msg{margin:12px 0 0;min-height:1em;font-size:14px;font-weight:700;color:var(--k-g)}
.vllk-plista{display:flex;flex-direction:column;gap:2px}
.vllk-plista .vllk-eb em{font-style:normal;margin-left:6px;color:var(--k-g)}
.vllk-plista-r{display:flex;align-items:center;gap:10px}
.vllk-plista .vllk-lista-b{font-size:14.5px;min-height:40px}
.vllk-plista .vllk-lista-r{width:20px;height:20px;border-radius:6px}
.vllk-plista .vllk-lista-b.is-klar .vllk-lista-r:after{left:5px;top:1px;width:6px;height:11px}
@media (max-width:640px){
.vllk-lista{padding:18px 16px;border-radius:12px}
.vllk-lista-top h2{font-size:21px}
.vllk-lista ul{grid-template-columns:1fr;gap:0}
}
.vllk-fler{margin:2px 0 0}
.vllk-fler summary{display:flex;align-items:center;min-height:40px;font-size:14px;font-weight:700;color:var(--k-acc);cursor:pointer;list-style:none}
.vllk-fler summary::-webkit-details-marker{display:none}
.vllk-fler summary::after{content:"";width:7px;height:7px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.vllk-fler[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.vllk-fler>.vllk-earn{padding-top:6px}

/* 1.13.0: kortare ruta. Status i ett kort, en lista för att få tegel, resten ihopfällt. */
.vllk-p{gap:14px}
.vllk-s{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:#fbf6f1}
.vllk-s-top{display:flex;align-items:center;gap:14px}
.vllk-s-top svg{flex:none}
.vllk-s-top>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.vllk-s-n{font-size:14.5px;color:var(--k-mut)}
.vllk-s-n b.n{font-family:var(--vl-serif,Georgia,serif);font-size:32px;line-height:1;color:var(--k-ink);margin-right:4px}
.vllk-s-t{font-size:14px;line-height:1.4}
.vllk-s-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}
.vllk-s-bar span{display:block;height:8px;border-radius:99px;background:#e8e2da;overflow:hidden}
.vllk-s-bar i{display:block;height:100%;background:var(--k-teg)}
.vllk-s .vllk-sk{margin-top:-4px}
.vllk-s .vllk-sk span{flex:1;display:block;font-size:11.5px;text-align:center}
.vllk-s .vllk-sk span:first-child{text-align:left}
.vllk-s .vllk-sk span:last-child{text-align:right}
.vllk-s-mal{margin:0;padding-top:10px;border-top:1px solid #efe4d8;font-size:13.5px;line-height:1.45}
.vllk-s-mal.is-inne b{color:var(--k-g)}
.vllk-s-f{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;line-height:1.4;color:var(--k-mut)}
.vllk-s-f svg{flex:none;width:18px;height:18px}
.vllk-mejl span:first-child{font-size:14px;line-height:1.45}
.vllk-earn .vllk-e-r{display:flex;align-items:center;gap:10px;min-height:36px;font-size:14.5px;color:var(--k-ink)!important;text-decoration:none!important}
.vllk-earn a.vllk-e-r:hover{text-decoration:underline!important;text-underline-offset:3px}
.vllk-earn .vllk-e-r.is-klar{color:var(--k-mut)!important}
.vllk-earn .vllk-e-r.is-klar b{color:var(--k-g)}
.vllk-earn{gap:2px}
.vllk-earn>.vllk-eb{margin-bottom:6px}
.vllk-mer{border-top:1px solid var(--k-line);padding-top:4px}
.vllk-mer summary{color:var(--k-ink)}
.vllk-mer-in{display:flex;flex-direction:column;gap:12px;padding:6px 0 4px}
.vllk-fot{flex-direction:column;gap:4px}
@media (max-width:640px){.vllk-s-top svg{width:72px;height:auto}.vllk-s-n b.n{font-size:28px}}
.vllk-earn .vllk-e-r>span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.vllk-earn .vllk-e-r small{font-size:12px;color:var(--k-mut)}
.vllk-earn .vllk-e-r{padding:3px 0}
/* 1.15.1: Så får du mer tegel. Texten och hur ofta står vänsterställda under varandra,
   teglet till höger, och raderna skiljs åt med en tunn linje. */
.vllk-earn .vllk-e-r{align-items:center;gap:12px;min-height:44px;padding:8px 0!important;border-top:1px solid var(--k-line,#eee6dc)}
.vllk-earn>.vllk-eb+.vllk-e-r,.vllk-fler>.vllk-earn>.vllk-e-r:first-child{border-top:0}
.vllk-earn .vllk-e-r>span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:1px;flex:1 1 auto;min-width:0;text-align:left!important;line-height:1.3}
.vllk-earn .vllk-e-r small{display:block;margin:0;font-size:12.5px;line-height:1.3;color:var(--k-mut);text-align:left}
.vllk-earn .vllk-e-r>b{flex:none;margin-left:auto;min-width:3.2em;text-align:right;font-size:14.5px;font-variant-numeric:tabular-nums}
.vllk-fler>summary{min-height:44px;display:flex;align-items:center}