/* Webbkrysset «Rutnätet» – tidningskrysset: tidningspapper, svart tryck, pilrutor och en signalorange penna. */
:root{
	--papper:#F3EFE6;--papper2:#FBF9F3;--svart:#141414;--grafit:#3A3A3A;--gra:#6B6862;--linje:#CFC8B8;--linje2:#E4DED1;
	--pil:#DCE3EA;--pil2:#C7D2DD;--orange:#F26B1D;--orange-t:#B3440A;--orange2:#FFE3D1;--gron:#2F7D4F;
	--rubrik:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--brod:"Newsreader",Georgia,"Times New Roman",serif;
	--w:1140px;--r:6px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--papper);color:var(--svart);font:400 18px/1.6 var(--brod)}
body>main{flex:1 0 auto;width:100%;min-width:0;box-sizing:border-box}
.tab-w,.tema,.bred,.huvudspalt{min-width:0;max-width:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--svart);text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--orange-t)}
h1,h2,h3{font-family:var(--rubrik);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 .45em}
h1{font-size:clamp(30px,6vw,48px)}h2{font-size:clamp(21px,3.4vw,27px)}h3{font-size:18px;font-weight:700}
p{margin:0 0 1em}
.w{max-width:var(--w);margin:0 auto;padding:0 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hoppa{position:absolute;left:-999px}.hoppa:focus{left:16px;top:8px;z-index:9;background:#fff;padding:8px}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}

/* Topp */
.topp{background:var(--papper2);border-bottom:3px solid var(--svart)}
.topp-in{display:flex;align-items:center;gap:14px;height:64px}
.mark{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--svart);margin:0}
.mark-rutor{display:flex}
.mark-rutor span{width:26px;height:28px;border:2px solid var(--svart);margin-left:-2px;display:grid;place-items:center;font:800 16px/1 var(--rubrik);background:#fff}
.mark-rutor span:first-child{margin-left:0;background:var(--svart);color:#fff}
.mark-ord{font:800 25px/1 var(--rubrik);letter-spacing:-.03em}
.mark-t{font:600 12px/1.2 var(--rubrik);text-transform:uppercase;letter-spacing:.1em;color:var(--gra);margin-right:auto;max-width:15ch}
.topp-sok{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--svart);background:var(--orange);color:#fff}
.topp-sok:hover{background:var(--svart);color:#fff}
.meny{background:var(--svart)}
.meny ul{list-style:none;display:flex;gap:2px;margin:0 auto;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.meny ul::-webkit-scrollbar{display:none}
.meny a{display:block;white-space:nowrap;padding:11px 12px;color:#fff;text-decoration:none;font:700 15px/1 var(--rubrik)}
.meny a:hover,.meny a[aria-current]{background:var(--orange);color:#fff}

/* Brödsmulor */
.smula{font:500 13px/1.4 var(--rubrik);color:var(--gra);margin:16px 0 10px;display:flex;flex-wrap:wrap;gap:6px}
.smula a{color:var(--gra)}

/* Layout */
.sida{padding-bottom:34px}
.spalter{display:grid;gap:30px}
.huvudspalt,.smal,.arkiv{max-width:760px}
.bred{max-width:var(--w)}
.sidospalt{display:none}
@media (min-width:1040px){.spalter{grid-template-columns:minmax(0,760px) 300px}.sidospalt{display:block}.sidospalt-in{position:sticky;top:16px}}
.spalt-h{font:800 13px/1 var(--rubrik);text-transform:uppercase;letter-spacing:.08em;margin:6px 0 10px}

/* Byline */
.sign{display:flex;align-items:center;gap:10px;font:500 15px/1.3 var(--rubrik);color:var(--gra);margin:0 0 16px}
.sign a{color:var(--svart);font-weight:700}
.sign-bild{width:34px;height:34px;object-fit:cover;object-position:50% 20%;border:2px solid var(--svart);flex:none}
.sign-d{white-space:nowrap}

/* Svarsrutan: pilruta + huvudsvar i rutor */
.svarsruta{background:#fff;border:3px solid var(--svart);margin:0 0 26px;box-shadow:6px 6px 0 var(--svart)}
.pilruta{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;background:var(--pil);border-bottom:3px solid var(--svart);padding:12px 44px 12px 16px}
.pilruta-t{font:700 11.5px/1 var(--rubrik);text-transform:uppercase;letter-spacing:.12em;color:var(--grafit)}
.pilruta-q{font:800 clamp(20px,4.6vw,26px)/1.15 var(--rubrik);flex-basis:100%}
.pilruta-n{font:700 13px/1 var(--rubrik);background:var(--svart);color:#fff;padding:4px 7px}
.pil{position:absolute;right:14px;bottom:-14px;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:13px solid var(--svart)}
.svarsruta-guide .pilruta{padding-right:16px}
.huvud{padding:20px 16px 4px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.rutor{display:inline-flex;flex-wrap:wrap}
.ruta{position:relative;width:clamp(36px,9vw,48px);height:clamp(40px,10vw,52px);border:2.5px solid var(--svart);margin:0 -2.5px -2.5px 0;display:grid;place-items:center;font:800 clamp(20px,5vw,28px)/1 var(--rubrik);background:#fff}
.ruta-1{background:var(--orange2)}
.rutor-l{font:700 14px/1 var(--rubrik);color:var(--gra)}
.svar-txt{padding:12px 16px 0;margin:0 0 12px;font-size:18.5px}
.svar-m{margin:0;padding:10px 16px;border-top:1px dashed var(--linje);font:500 13px/1.4 var(--rubrik);color:var(--gra)}

/* Svar efter längd */
.langder{margin:0 0 28px}
.langd-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.langd-nav a,.langd-nav button{display:grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border:2px solid var(--svart);background:#fff;font:800 16px/1 var(--rubrik);text-decoration:none;color:var(--svart);cursor:pointer}
.langd-nav .pa{background:var(--svart);color:#fff}
.langd-nav small{font-weight:600;font-size:11px;margin-left:3px;color:inherit;opacity:.75}
.langd{border-top:2px solid var(--svart);padding:10px 0 6px}
.langd h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 8px}
.langd h3 span{display:grid;place-items:center;width:30px;height:30px;background:var(--svart);color:#fff}
.langd-pa h3 span{background:var(--orange)}
.langd ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.langd li{font:700 16px/1 var(--rubrik);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;background:#fff;border:1.5px solid var(--linje)}
.langd li a{text-decoration:none}
.langd li.k-synlex{border-color:var(--svart)}
.langd li.k-saldo{border-style:dashed;border-color:var(--grafit)}
.langd li.k-forslag{background:var(--orange2);border-color:var(--orange)}
.teckenf{display:flex;flex-wrap:wrap;gap:8px;font:500 12.5px/1 var(--rubrik);color:var(--gra);margin:10px 0 0}
.teckenf span{padding:5px 7px;background:#fff;border:1.5px solid var(--linje)}
.teckenf .k-synlex{border-color:var(--svart)}.teckenf .k-saldo{border-style:dashed}.teckenf .k-forslag{background:var(--orange2);border-color:var(--orange)}

/* Lösare och sök */
.losare,.verktyg-stort{background:var(--pil);border:3px solid var(--svart);padding:16px;margin:0 0 26px}
.losare h2,.verktyg-stort h2{font-size:20px;margin-bottom:10px}
.los-f,.sok{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.los-f input,.sok input{flex:1 1 220px;min-width:0;font:700 19px/1.2 var(--rubrik);letter-spacing:.06em;padding:12px;border:2.5px solid var(--svart);background:#fff;color:var(--svart);border-radius:0}
.sok input{letter-spacing:0;font-weight:600}
.los-f button,.sok button{font:800 16px/1 var(--rubrik);background:var(--svart);color:#fff;border:0;padding:0 18px;cursor:pointer;min-height:48px}
.los-f button:hover,.sok button:hover{background:var(--orange)}
.los-tips{font:500 13.5px/1.4 var(--rubrik);color:var(--grafit);margin:8px 0 0}
.los-ut{margin-top:12px}
.los-ut p{margin:0 0 8px;font:600 15.5px/1.6 var(--rubrik);overflow-wrap:anywhere}
.los-ut b{display:inline-block;background:var(--svart);color:#fff;padding:1px 6px;margin-right:6px;font-size:13px}
.sok-ut{flex-basis:100%}
.sok-ut ul{list-style:none;margin:6px 0 0;padding:0;background:#fff;border:2.5px solid var(--svart)}
.sok-ut li a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--linje2);text-decoration:none;font:600 16px/1.3 var(--rubrik)}
.sok-ut li a span{font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--orange-t)}
.sok-ut li a:hover{background:var(--orange2)}
.sok-ut .tom{padding:10px 12px;font:500 14.5px var(--rubrik)}
.sidospalt .sok input{flex-basis:100%}

/* Temalista */
.lista-hd{display:grid;gap:4px;margin-bottom:14px}
.lista-tal{font:600 14px var(--rubrik);color:var(--gra)}
.tab-w{overflow-x:auto;border:3px solid var(--svart);background:#fff}
.tab{width:100%;border-collapse:collapse;font:500 16px/1.35 var(--rubrik)}
.tab th{text-align:left;font:800 12px/1 var(--rubrik);text-transform:uppercase;letter-spacing:.08em;background:var(--svart);color:#fff;padding:10px}
.tab td{padding:9px 10px;border-bottom:1px solid var(--linje2)}
.tab td:first-child{font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.tab .tal{font-weight:800;color:var(--orange-t)}
.tab tr[hidden]{display:none}
.filter{position:sticky;top:0;z-index:2;background:var(--papper);padding:8px 0}

/* Faktablad, text, frågor, källor */
.blad{margin:0 0 26px;border-top:3px solid var(--svart)}
.blad>div{display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--linje)}
.blad dt{font:700 15.5px/1.35 var(--rubrik)}.blad dd{margin:0}
.st-g{white-space:nowrap}
.st{font:700 10.5px/1 var(--rubrik);text-transform:uppercase;letter-spacing:.06em;padding:3px 5px;border:1.5px solid var(--linje);margin-left:4px;text-decoration:none;color:var(--grafit);vertical-align:2px}
.fn{font:700 11px var(--rubrik);margin-left:2px}.fn a{text-decoration:none}
.text h2{margin-top:1.4em}
.text ul,.text ol{padding-left:1.3em}
.text table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:15.5px}
.text td,.text th{border-bottom:1px solid var(--linje);padding:6px 8px;text-align:left}
.text *{max-width:100%}
.ingress{font-size:clamp(18px,2.4vw,21px);color:var(--grafit);max-width:58ch}
.fragor{margin:26px 0}.fragor details{border-bottom:1.5px solid var(--linje);padding:12px 0}
.fragor summary{cursor:pointer;font:700 17px/1.3 var(--rubrik);list-style:none;display:flex;justify-content:space-between;gap:10px}
.fragor summary::-webkit-details-marker{display:none}.fragor summary::after{content:"+";font-weight:800;color:var(--orange-t)}
.fragor details[open] summary::after{content:"–"}.fragor p{margin:8px 0 0}
.kallor{margin:26px 0;font-size:16px;border-top:3px solid var(--svart);padding-top:12px}
.kallor h2{font-size:19px}.kallor ol{padding-left:1.3em}.kallor li{margin-bottom:6px;overflow-wrap:anywhere}
.k-m{color:var(--grafit);font-size:15.5px}
.ver summary{cursor:pointer;font:700 14px var(--rubrik)}.ver ul{list-style:none;padding:0}.ver time{font:600 12.5px var(--rubrik);color:var(--gra);margin-right:8px}
.pbox{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px solid var(--svart);padding:12px;margin:22px 0}
.pbox-bild{width:64px;height:80px;object-fit:cover;flex:none}
.pbox p{margin:0 0 4px;font-size:15.5px}.pbox-n a{font:800 17px var(--rubrik);text-decoration:none}

/* Lappar (kort) */
.lappar{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.lapp a{display:flex;flex-direction:column;justify-content:space-between;gap:8px;height:100%;padding:12px;background:#fff;border:2px solid var(--svart);text-decoration:none;transition:transform .1s,box-shadow .1s}
.lapp a:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--orange)}
.lapp-t{font:700 16.5px/1.25 var(--rubrik)}
.lapp-h{font:800 15px/1 var(--rubrik);letter-spacing:.08em;color:var(--orange-t)}
.lapp-h small{color:var(--gra);font-weight:700;letter-spacing:0}
.lapp-s{font-size:15px;color:var(--grafit)}
.lappar-stora .lapp a{min-height:96px}
.grannar{margin:8px 0 10px}
.mer{font:800 16px var(--rubrik);text-decoration:none}

/* Startsida */
.start{padding:26px 0 10px;border-bottom:3px solid var(--svart);background:linear-gradient(var(--papper2),var(--papper))}
.start-in{display:grid;gap:22px}
.overrad{font:800 12.5px/1 var(--rubrik);text-transform:uppercase;letter-spacing:.14em;color:var(--orange-t);margin:0 0 10px}
.start h1{font-size:clamp(34px,7vw,58px);max-width:15ch}
.start-ex{font:500 15px var(--rubrik);color:var(--grafit);margin-top:10px}
.start-bild{position:relative}
.start-bild img{mix-blend-mode:multiply;border:3px solid var(--svart)}
.minikryss{position:absolute;right:-8px;bottom:-18px;display:grid;background:var(--svart);border:3px solid var(--svart);box-shadow:5px 5px 0 var(--orange);transform:rotate(2deg)}
.minikryss div{display:flex}
.minikryss span{position:relative;width:24px;height:24px;background:#fff;margin:0 1px 1px 0}
.minikryss span.svart{background:var(--svart)}
.minikryss i{position:absolute;left:2px;top:1px;font:700 8px var(--rubrik);font-style:normal}
.sektioner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin:30px auto}
.sektion{display:flex;flex-direction:column;background:#fff;border:2.5px solid var(--svart);text-decoration:none}
.sektion:hover{box-shadow:5px 5px 0 var(--orange)}
.sektion-bild img{aspect-ratio:16/9;object-fit:cover;width:100%;mix-blend-mode:multiply;border-bottom:2.5px solid var(--svart)}
.sektion-n{font:800 19px var(--rubrik);padding:10px 12px 2px}.sektion-k{font-size:15px;color:var(--grafit);padding:0 12px 12px}
.block{margin:28px auto}.block-h{font-size:clamp(22px,3.4vw,28px)}
.duo{display:grid;gap:24px;margin:30px auto}
.steg{padding-left:1.3em}.steg li{margin-bottom:8px}
.logg{list-style:none;padding:0;margin:0 0 10px}
.logg li{padding:8px 0;border-bottom:1px solid var(--linje2);font-size:16px}
.logg li a{font:700 16px var(--rubrik)}.logg li span{display:block;color:var(--grafit);font-size:14.5px}
.logg .logg-d{font:800 12px var(--rubrik);text-transform:uppercase;letter-spacing:.1em;color:var(--orange-t);border:0;padding:14px 0 2px}
.skribent-rad{display:flex;gap:18px;align-items:center;background:#fff;border:2.5px solid var(--svart);padding:18px;margin:10px auto 36px}
.skr-bild{width:110px;height:138px;object-fit:cover;flex:none;border:2px solid var(--svart)}
.skribent-rad h2 a{text-decoration:none}

/* Sidor */
.sid-hd{display:grid;gap:18px;margin:0 0 20px}
.sid-bild img{border:3px solid var(--svart);mix-blend-mode:multiply}
.az-nav{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}
.az-nav a{min-width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--svart);background:#fff;font:800 15px var(--rubrik);text-decoration:none}
.az ul{list-style:none;padding:0;columns:3 230px;gap:22px}
.az li{break-inside:avoid;padding:3px 0;font:600 15.5px/1.35 var(--rubrik)}.az li span{color:var(--orange-t);font-weight:800;letter-spacing:.05em;font-size:13px}
.brickor{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bricka{position:relative;display:grid;place-items:center;width:44px;height:44px;background:#F7E7C6;border:2px solid var(--svart);font:800 21px var(--rubrik)}
.bricka sub{position:absolute;right:3px;bottom:2px;font-size:10px}
.skr-hd{display:grid;gap:18px;align-items:center;margin:0 0 20px}
.skr-stor{width:100%;max-width:300px;aspect-ratio:4/5;object-fit:cover;border:3px solid var(--svart);box-shadow:8px 8px 0 var(--orange)}
.skr-fakta{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;font:600 15.5px var(--rubrik)}
.arkiv-d{font:500 14px var(--rubrik);color:var(--gra)}
.arkiv-tips{max-width:760px;margin-top:26px}

/* Fot */
.fot{background:var(--svart);color:#E7E3DA;margin-top:30px;padding:30px 0 14px;font-size:16px}
.fot a{color:#fff}
.fot-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.fot-om{grid-column:1/-1}
.mark-fot .mark-rutor span{background:var(--svart);color:#fff;border-color:#fff}.mark-fot .mark-rutor span:first-child{background:var(--orange)}
.mark-fot .mark-ord{color:#fff}
.fot-nisch{font-size:18px;max-width:52ch;margin-top:10px;color:#fff}
.fot-tal{font:500 14px var(--rubrik);color:#BDB7AA}.fot-tal b{color:var(--orange)}.fot-tal span{white-space:nowrap}
.fot-p{display:flex;align-items:center;gap:10px;font:500 15px var(--rubrik)}
.fot-h{font:800 12.5px var(--rubrik);text-transform:uppercase;letter-spacing:.12em;color:var(--orange);margin-bottom:8px}
.fot ul{list-style:none;padding:0;margin:0}.fot li{margin-bottom:6px;font:500 15.5px var(--rubrik)}
.fot-fot{border-top:1px solid #3A3A3A;margin-top:22px;padding-top:12px;font:500 13px/1.5 var(--rubrik);color:#A9A396}

@media (min-width:760px){
	.start-in{grid-template-columns:1.15fr .85fr;align-items:center}
	.duo{grid-template-columns:1fr 1fr}
	.sid-hd-hub{grid-template-columns:1.3fr .7fr;align-items:center}
	.skr-hd{grid-template-columns:300px 1fr}
	.fot-om{grid-column:auto}.fot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
}
@media (max-width:480px){
	body{font-size:17px}
	.mark-t{display:none}
	.mark-rutor span{width:23px;height:25px;font-size:14px}.mark-ord{font-size:22px}
	.blad>div{grid-template-columns:1fr;gap:2px}
	.skribent-rad{flex-direction:column;align-items:flex-start}
	.minikryss{right:6px;bottom:-14px}.minikryss span{width:18px;height:18px}
	.svarsruta{box-shadow:4px 4px 0 var(--svart)}
}

/* v1.1 – Opus runda 2 */
.ruta-1{background:#fff}
.mark-t{max-width:none;white-space:nowrap}
.teckenf{margin:0 0 14px}
.langd li a{text-decoration:underline;text-decoration-color:var(--orange-t);text-decoration-thickness:2px;text-underline-offset:3px}
.dagens{font:500 14.5px/1.55 var(--rubrik);color:var(--grafit);margin:12px 0 0}
.dagens b{color:var(--svart)}
.dagens a{white-space:nowrap}
.vanligast{border:3px solid var(--svart);background:#fff;padding:12px 14px 14px;margin:4px 0 18px}
.vanligast h2{font:800 15px/1.2 var(--rubrik);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
.vanligast ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.vanligast li{font:800 14.5px/1 var(--rubrik);text-transform:uppercase;letter-spacing:.05em;border:1.5px solid var(--svart);padding:6px 8px;background:var(--papper)}
.vanligast li small{color:var(--gra);font-weight:700;letter-spacing:0;margin-left:5px}
.tab-x{display:none}
@media (max-width:600px){
	.tab th:nth-child(n+3),.tab td:nth-child(n+3){display:none}
	.tab-x{display:block;font:500 12.5px/1.3 var(--rubrik);color:var(--gra);text-transform:none;letter-spacing:0;margin-top:3px}
	.start-bild{display:none}
	.sektioner{grid-template-columns:1fr;gap:8px;margin:20px auto}
	.sektion{display:grid;grid-template-columns:64px 1fr;align-items:center}
	.sektion-bild{grid-row:1/3;align-self:stretch;border-right:2.5px solid var(--svart);overflow:hidden}
	.sektion-bild img{aspect-ratio:auto;height:100%;width:64px;object-fit:cover;border-bottom:0}
	.sektion-n{font-size:17px;padding:8px 10px 0}
	.sektion-k{font-size:13.5px;padding:0 10px 8px}
	.meny ul{flex-wrap:wrap;-webkit-mask-image:none;mask-image:none;padding:0 8px}
	.meny a{padding:10px 8px;font-size:14.5px}
}