/* Polaris v7 — tillägg 28/10: det som artiklarnas brödtext, academy-formulären och korpen i sidfoten
   behöver men som v7-mallarna inte hade (tabeller, listor, rutor, inline-kod, formulär). */
.fot .bygg img{width:22px;height:22px;flex:none}

.brodtext a{color:var(--guld-ljus);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.brodtext a:hover{color:var(--elfenben)}
.brodtext strong,.brodtext b{font-weight:600;color:var(--elfenben)}
.brodtext :not(pre)>code{font:400 .82em/1 var(--mono);background:rgba(238,235,225,.07);border:1px solid var(--linje-svag);padding:.12em .36em;border-radius:3px;color:var(--elfenben)}
.brodtext ul,.brodtext ol.lista{margin:0 0 1.2em;padding-left:1.3em}
.brodtext ul{list-style:none;padding-left:0}
.brodtext ul>li{position:relative;padding-left:1.25em;margin:0 0 .45em}
.brodtext ul>li::before{content:"";position:absolute;left:.2em;top:.68em;width:6px;height:6px;background:var(--guld);transform:rotate(45deg)}
.brodtext ol.lista{list-style:decimal}
.brodtext ol.lista>li{margin:0 0 .45em;padding-left:.2em}
.brodtext ol.lista>li::marker{font:700 .78em var(--mono);color:var(--guld)}
.brodtext blockquote cite{display:block;margin-top:10px;font:400 13px/1.4 var(--mono);font-style:normal;letter-spacing:.04em;color:var(--elfenben-3)}
.brodtext blockquote cite::before{content:"— "}

.brodtext .tabell{margin:1.4em 0 1.6em;overflow-x:auto;border:1px solid var(--kantlinje);background:#03130b}
.brodtext table{width:100%;border-collapse:collapse;font:400 15px/1.45 var(--sans);color:var(--elfenben-2)}
.brodtext th{text-align:left;font:700 11.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--guld);padding:12px 14px;border-bottom:1px solid var(--linje);white-space:nowrap}
.brodtext td{padding:11px 14px;border-bottom:1px solid var(--linje-svag);vertical-align:top}
.brodtext tr:last-child td{border-bottom:0}
.brodtext tr.summa td{font-weight:600;color:var(--elfenben)}

.brodtext .ruta{margin:1.4em 0 1.6em;padding:18px 20px;border:1px solid var(--linje);border-left:2px solid var(--guld);background:rgba(225,183,103,.05);font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--elfenben-2)}
.brodtext .ruta>*:last-child{margin-bottom:0}
.brodtext .ruta strong:first-child{display:block;margin-bottom:6px;font:700 12px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--guld)}
.brodtext .ruta ul>li{margin-bottom:.3em}

/* Academy: uppgiftsrättning och väntelista */
.ak-form{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:16px}
.ak-form input[type=email],.ak-form input[inputmode]{flex:1 1 220px;min-width:0;height:46px;padding:0 14px;background:#03130b;border:1px solid var(--kantlinje);color:var(--elfenben);font:400 16px var(--sans);border-radius:0}
.ak-form input[inputmode]{flex:0 1 140px}
.ak-form input:focus-visible{outline:2px solid var(--guld);outline-offset:2px}
.ak-form .knp{cursor:pointer;font:inherit}
.ak-check{display:flex;gap:10px;align-items:flex-start;flex-basis:100%;font-size:15px;line-height:1.45;color:var(--elfenben-2)}
.ak-check input{margin-top:3px;accent-color:var(--guld);width:17px;height:17px;flex:none}
.ak-lista .meta{flex-basis:100%;margin:0}
.ak-lista .meta a{color:var(--guld-ljus);text-decoration:underline}
.ak-status:empty,.ak-res-rad:empty{display:none}
.ak-status{flex-basis:100%;margin:0;color:var(--ljus)}
.ak-res-rad{margin:10px 0 0;font:700 13px/1.5 var(--mono)}
.ak-res.pass{color:var(--ljus)}
.ak-res.fail{color:var(--guld-ljus)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Breda tabeller får rulla i sin ruta, inte trycka ut spalten */
.las .kol,.las .kol>div{min-width:0}
.brodtext .tabell{max-width:100%}
/* Mobil: .las är flex-kolumn med align-items:start, så spalterna måste sträckas själva */
@media (max-width:760px){.las>.kol{align-self:stretch;width:100%}}
/* Inre sidor utan sidospalt: ingen tom 360 px-kolumn till höger */
.interior .interior-layout:not(:has(>.interior-aside)),.interior .interior-layout:has(>.interior-aside:empty){grid-template-columns:minmax(0,1fr)}
/* Promptrutor är löptext: bryt rad, tryck aldrig ut spalten */
.brodtext figure.kod{max-width:100%;min-width:0}
.brodtext figure.kod pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.brodtext>pre,.brodtext li pre,.brodtext .ruta pre{margin:1.2em 0 1.4em;padding:14px;border:1px solid var(--kantlinje);background:#03130b;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font:400 13.5px/1.6 var(--mono);color:var(--elfenben-2)}
.brodtext pre code{white-space:inherit;font:inherit;background:none;border:0;padding:0}
.brodtext :not(.tabell)>table,.brodtext>table{display:block;overflow-x:auto;max-width:100%}
/* G7 28/10: knappen i «Next step» glödde som en mall; dämpad i sidospalten, heron orörd */
.nasta .knp{box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.nasta .knp:hover{box-shadow:0 0 14px rgba(70,200,110,.25),inset 0 1px 0 rgba(255,255,255,.3)}
/* Overheard 28/10: underrubrikerna tappade hierarkin; Newsreader som h2 men mindre */
.brodtext h3{font:400 23px/1.25 "Newsreader",Georgia,serif;letter-spacing:-.005em;color:var(--elfenben)}
@media (max-width:760px){.brodtext h3{font-size:20px}}
/* Tabeller bryter rad i cellerna på dator i stället för att klippas */
@media (min-width:761px){.brodtext .tabell{overflow-x:visible}.brodtext th{white-space:normal}.brodtext td{overflow-wrap:break-word}}
/* Bilder som laddas sent syns som mörkgrön yta, inte svart hål */
figure img[loading=lazy],.kort img[loading=lazy]{background:#0a2416}
/* G7 28/10: sidospalterna tog slut halvvägs och lämnade tom luft. På dator följer de med vid scroll;
   en spalt högre än fönstret rullar till sitt slut och stannar där (top räknas i sidfotens skript). */
@media (min-width:1201px){
  .sida>.vanster,.sida>.hoger,.las>.hoger{position:sticky;top:var(--klistra,20px);align-self:start}
}
/* On a phone each table row becomes a small card with the column name above each value */
@media (max-width:760px){
.brodtext .tabell{border:0;background:none;overflow-x:visible}
.brodtext .tabell table,.brodtext .tabell tbody,.brodtext .tabell tr,.brodtext .tabell td{display:block;width:auto}
.brodtext .tabell thead{display:none}
.brodtext .tabell tr{padding:12px 14px;border:1px solid var(--kantlinje);background:#03130b;margin-bottom:8px}
.brodtext .tabell td{border:0;padding:3px 0;overflow-wrap:break-word}
.brodtext .tabell td:first-child{color:var(--elfenben);font-weight:500}
.brodtext .tabell td:not(:first-child):not([data-label]){display:none}
.brodtext .tabell td:not(:first-child)::before{content:attr(data-label);display:block;font:400 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--elfenben-3);margin-bottom:1px}
}
/* An odd last news card fills the row instead of leaving an empty slot */
.news-grid>.news-card:last-child:nth-child(odd){grid-column:1/-1}
.home .list-row.news-row .v9-meta{color:#909ba7}