/* Öppna bolag. One calm column like a printed report: the name, four
   numbers, then the figures, the filed reports, the people and the register
   facts, each a plain section under a heading. */
@font-face{font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/public-sans.7f90af2cd9.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url(/static/schibsted-grotesk.8b9c604cab.woff2) format("woff2")}
:root{
  --bg:#ffffff; --ink:#141414; --ink-2:#4a4a4a; --muted:#6e6e6e; --rule:#e4e4e2; --rule-2:#f0f0ee;
  --mark:#ffe04a; --bar:#cfcfcb; --bar-now:#141414; --soft:#f6f6f4; --warn:#b3261e;
  --f-display:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --f-body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#121212; --ink:#ededeb; --ink-2:#c2c2be; --muted:#9a9a96; --rule:#2c2c2a; --rule-2:#1f1f1e;
    --mark:#8f7612; --bar:#4a4a47; --bar-now:#ededeb; --soft:#1b1b1a; --warn:#ff8a80;
  }
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;margin:0;-webkit-font-smoothing:antialiased}
.wrap{max-width:960px;margin-inline:auto;padding-inline:24px}
@media (max-width:520px){.wrap{padding-inline:16px}}
h1,h2,h3{font-family:var(--f-display);margin:0;line-height:1.1;text-wrap:balance}
h2{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}
p{margin:0}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
button{font:inherit;color:inherit}
code{font-family:var(--f-mono)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header and footer */
/* the view transition's name makes the header a stacking context, which
   without a z-index of its own paints under anything positioned after it
   (the copy buttons, sticky cells), and its search list with it */
.head{position:relative;z-index:20;border-bottom:1px solid var(--rule)}
.head .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-block:14px}
.brand{display:block;line-height:0}
.brand img{display:block;width:auto;height:28px}
.head nav{display:flex;flex-wrap:wrap;gap:4px 20px;margin-left:auto;font-size:14px}
.head nav a{text-decoration:none;color:var(--ink-2);white-space:nowrap}
.head nav a:hover{color:var(--ink);text-decoration:underline}
.head .search{flex:1 1 220px;max-width:320px}
/* too narrow for one row: the menu beside the logo, the search under them;
   on a phone the menu gets a row of its own */
@media (max-width:860px){.head nav{order:1}.head .search{order:2;flex-basis:100%;max-width:none}}
@media (max-width:600px){.head nav{margin-left:0;flex-basis:100%;max-width:26rem;justify-content:space-between;gap:4px 12px}}
.foot{border-top:1px solid var(--rule);margin-top:56px}
.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-block:24px 40px;font-size:13px;color:var(--muted)}
.foot p{max-width:60ch}
.foot nav{display:flex;gap:16px;flex-wrap:wrap}
.foot a{color:var(--muted)}

/* search */
.search{position:relative}
.search input{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:6px;height:40px;padding:0 12px}
.search input::placeholder{color:var(--muted)}
.search input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--mark)}
.search.big input{height:56px;font-size:18px;padding:0 18px;border:1.5px solid var(--ink);border-radius:8px}
.sug{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px 0;list-style:none;background:var(--bg);border:1px solid var(--ink);border-radius:6px;container-type:inline-size}
.sug a{display:flex;justify-content:space-between;gap:16px;padding:8px 14px;text-decoration:none}
.sug li[aria-selected="true"] a,.sug a:hover{background:var(--soft)}
.sug .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sug .m{color:var(--muted);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
/* the header's box is small, so its list opens wider, over the menu */
@media (min-width:861px){.head .sug{right:auto;width:34rem}}
/* a narrow list puts the town and orgnr under the name, which wraps */
@container (max-width:500px){.sug a{flex-direction:column;gap:0}.sug .n,.sug .m{white-space:normal;overflow-wrap:break-word}}

/* start, search and plain pages */
.hero{padding-block:72px 56px;display:flex;flex-direction:column;gap:14px}
.hero h1{font-size:clamp(28px,4.4vw,40px);font-weight:700;letter-spacing:-.025em}
.hero p{color:var(--ink-2);font-size:14px}
.sec{padding-block:40px;border-top:1px solid var(--rule)}
.sec>h2{margin-bottom:6px}
.about{max-width:62ch;color:var(--ink-2);font-size:14px}
.ai p{max-width:60ch;color:var(--ink-2)}
.ai .field{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.ai code{font-size:14px;background:var(--soft);border:1px solid var(--rule);border-radius:6px;padding:7px 12px;overflow-wrap:anywhere}
.ai .more{margin-top:14px;font-size:14px}
.ai .more code{padding:2px 6px;font-size:13px;white-space:nowrap}
.results{padding-block:40px 0;display:flex;flex-direction:column;gap:16px}
.results h1{font-size:clamp(24px,3.6vw,32px);font-weight:700;letter-spacing:-.02em}
.results .sub{color:var(--muted);font-size:14px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}
@media (max-width:720px){.two{grid-template-columns:minmax(0,1fr)}}
.two>div{min-width:0}
.two h2{margin-bottom:4px}
.two .sub{color:var(--muted);font-size:14px;margin-bottom:12px}
.places{list-style:none;margin:0;padding:0;columns:3 200px;column-gap:48px}
.places li{break-inside:avoid;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-bottom:1px solid var(--rule-2)}
.places a{text-decoration:none}
.places a:hover{text-decoration:underline}
.places span{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}
.inds li{align-items:flex-start}
.inds .n{color:inherit;font-size:inherit;font-variant-numeric:normal;min-width:0}
.inds small{display:block;margin-top:2px;color:var(--muted);font-size:13px;line-height:1.35}
.sec>.sub{color:var(--muted);font-size:14px;margin-bottom:12px}
.crumbs{padding-top:24px;font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.hero.place{padding-block:24px 32px}
.weeknav{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px}
.placesrc{padding-block:0 48px}
.all{margin-top:12px;font-size:14px}

/* industries */
.ind .code{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.ind .scb{color:var(--muted)}
.list.cols{columns:2 280px;column-gap:48px}
.list.cols li{break-inside:avoid}
.list.cols li:first-child{border-top:0}
.dist{list-style:none;margin:0;padding:0}
.dist li{display:grid;grid-template-columns:8.5em minmax(0,1fr) 7.5em;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--rule-2);font-size:14px}
.dist li:first-child{border-top:1px solid var(--rule-2)}
.dist .b{height:8px;background:var(--soft);border-radius:2px;overflow:hidden}
.dist i{display:block;height:100%;background:var(--bar)}
.dist .v{text-align:right;font-variant-numeric:tabular-nums}
.dist small{margin-left:8px;color:var(--muted);font-size:13px}
.dist .w0{width:0%}.dist .w1{width:5%}.dist .w2{width:10%}.dist .w3{width:15%}.dist .w4{width:20%}.dist .w5{width:25%}.dist .w6{width:30%}.dist .w7{width:35%}.dist .w8{width:40%}.dist .w9{width:45%}.dist .w10{width:50%}.dist .w11{width:55%}.dist .w12{width:60%}.dist .w13{width:65%}.dist .w14{width:70%}.dist .w15{width:75%}.dist .w16{width:80%}.dist .w17{width:85%}.dist .w18{width:90%}.dist .w19{width:95%}.dist .w20{width:100%}

/* changes */
.filters.week{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
@media (max-width:480px){.filters.week{grid-template-columns:minmax(0,1fr)}}
.filters.week .more{grid-column:auto;align-self:end;min-height:40px;font-size:14px}
.tally{padding-bottom:32px}
.tally ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px;color:var(--ink-2)}
.tally b{font-family:var(--f-display);font-size:1.25rem;color:var(--ink);font-variant-numeric:tabular-nums}
.sec h2 small{font-size:.75em;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}
.chg{list-style:none;margin:12px 0 0;padding:0}
.chg li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr);gap:2px 20px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--rule-2);font-size:14px}
.chg li:first-child{border-top:1px solid var(--rule-2)}
.chg a{text-decoration:none;overflow-wrap:anywhere}
.chg a:hover{text-decoration:underline}
.chg .p{color:var(--muted)}
.chg .d{color:var(--ink-2)}
@media (max-width:620px){.chg li{grid-template-columns:minmax(0,1fr) auto}.chg .d{grid-column:1/-1}}

/* lists */
.filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:14px 16px;padding-bottom:28px}
@media (max-width:820px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.filters>label:nth-child(-n+2){grid-column:1/-1}}
.filters label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);min-width:0}
/* iOS Safari cuts a select's long text at its edge but counts all of it in
   the page's width, so a long industry made the page zoom out; its label
   clips it, with room for the focus ring */
.filters>label{overflow:hidden;padding:3px;margin:-3px}
.filters select{font:inherit;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:6px;height:40px;padding:0 8px;width:100%;min-width:0}
.filters select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--mark)}
.filters .more{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}
.filters .inline{flex-direction:row;align-items:center;gap:10px}
.filters .inline select{width:auto}
.filters .check{flex-direction:row;align-items:center;gap:8px;font-size:14px;color:var(--ink);cursor:pointer}
.filters input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--ink)}
.orders{display:flex;flex-wrap:wrap;gap:6px 20px;padding-bottom:20px;font-weight:600;font-size:14px}
.orders a{padding:2px 0;color:var(--muted);text-decoration:none;background:linear-gradient(transparent 60%,var(--mark) 60%,var(--mark) 92%,transparent 92%) no-repeat 0 0/0 100%}
.orders a:hover{color:var(--ink)}
.orders a[aria-current]{color:var(--ink);background-size:100% 100%}
.listed{border-top:1px solid var(--rule);padding-top:20px}
.count{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:16px}
.count>p:first-child{color:var(--ink-2);font-variant-numeric:tabular-nums}
.get{display:flex;align-items:center;gap:16px;font-size:14px}
.rows td{vertical-align:top}
.rows td:first-child a{text-decoration:none}
.rows td:first-child a:hover{text-decoration:underline}
.rows td small{display:block;font-size:12px;color:var(--muted)}
.rows td small span{white-space:nowrap}
.rows .ind{text-align:left;white-space:normal;min-width:10em;max-width:18em;color:var(--ink-2);font-size:13px}
@media (max-width:620px){.rows .ind{display:none}.rows td+td,.rows th+th{padding-left:12px}.rows thead th{font-size:13px}.rows thead th small{display:none}.rows th:first-child,.rows td:first-child{min-width:9em}}
.pager{display:flex;gap:24px;justify-content:flex-end;padding-top:16px;font-size:14px}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;border-bottom:1px solid var(--rule-2)}
.list li:first-child{border-top:1px solid var(--rule-2)}
.list a{text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list a:hover{text-decoration:underline}
.list span{color:var(--muted);font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:620px){.hits li{flex-direction:column;gap:0}.hits a{white-space:normal}}
.weeks li>:first-child{flex:none}
.weeks li span:last-child{text-align:right;white-space:normal;min-width:0}
@media (max-width:620px){.weeks li{flex-direction:column;gap:0}.weeks li span:last-child{text-align:left}}
.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--ink);border-radius:6px;background:var(--bg);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{background:var(--soft)}

/* company */
.title{padding-block:48px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:start}
@media (max-width:720px){.title{grid-template-columns:minmax(0,1fr);padding-top:32px}}
.title h1{font-size:clamp(30px,5vw,48px);font-weight:800;letter-spacing:-.03em;overflow-wrap:anywhere}
.title .meta{margin-top:12px;color:var(--ink-2);font-size:15px;font-variant-numeric:tabular-nums}
.title .warn{color:var(--warn);font-weight:600}
.publ{display:inline-block;vertical-align:.5em;margin-left:.2em;padding:.32em .6em .28em;border:1px solid var(--rule);border-radius:999px;font:600 13px/1 var(--f-body);letter-spacing:.02em;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.title .was{margin-top:4px;color:var(--muted);font-size:14px}
.copy{position:relative;display:flex}
.copy .btn{border-radius:6px 0 0 6px}
.copy details{position:relative}
.copy summary{list-style:none;height:36px;width:34px;display:grid;place-items:center;border:1px solid var(--ink);border-left:0;border-radius:0 6px 6px 0;cursor:pointer}
.copy summary::-webkit-details-marker{display:none}
.copy summary:hover{background:var(--soft)}
.menu{position:absolute;right:0;top:calc(100% + 4px);z-index:15;min-width:220px;background:var(--bg);border:1px solid var(--ink);border-radius:6px;padding:4px 0;display:flex;flex-direction:column}
@media (max-width:720px){.menu{right:auto;left:-120px}}
.menu a{padding:8px 14px;font-size:14px;text-decoration:none}
.menu a:hover{background:var(--soft)}
.pick{position:absolute;opacity:0;pointer-events:none}
#scope-group:checked~.scope-company,#scope-company:checked~.scope-group{display:none}
.keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:32px 12px}
@media (max-width:720px){.keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}
.key{display:flex;flex-direction:column;gap:2px;min-width:0}
.key .l{font-size:13px;color:var(--muted)}
.key .v{font-family:var(--f-display);font-size:clamp(24px,3vw,30px);font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.scopeline{font-size:13px;color:var(--muted);padding-bottom:8px}
.toggle{display:inline-flex;gap:12px;font-family:var(--f-body);font-weight:600;font-size:13px}
.toggle label{padding:2px 0;cursor:pointer;color:var(--muted);background:linear-gradient(transparent 60%,var(--mark) 60%,var(--mark) 92%,transparent 92%) no-repeat 0 0/0 100%}
.toggle label:hover{color:var(--ink)}
#scope-group:checked~.scope label[for=scope-group],#scope-company:checked~.scope label[for=scope-company]{color:var(--ink);background-size:100% 100%}
.pick:focus-visible~.scope .toggle{outline:2px solid var(--ink);outline-offset:4px}
.block{padding-block:40px 8px}
.block>h2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:16px}
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
th,td{padding:7px 0 7px 20px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--rule-2)}
/* the row labels stay as the table scrolls, above the linked numbers, which are positioned */
th:first-child,td:first-child{text-align:left;padding-left:0;position:sticky;left:0;z-index:1;background:var(--bg);white-space:normal;min-width:11em;font-weight:400}
thead th{font-family:var(--f-display);font-weight:700;font-size:15px;border-bottom:1px solid var(--ink);vertical-align:bottom}
td .fig{position:relative;color:inherit;text-decoration:none;border-bottom:1px dotted transparent}
td .fig::before{content:"↗";position:absolute;right:100%;margin-right:3px;font-size:12px;line-height:1.5;color:var(--muted);opacity:.75}
td .fig:hover,td .fig:focus-visible{border-bottom-color:var(--muted)}
td .fig:hover::before,td .fig:focus-visible::before{opacity:1;color:var(--ink)}
thead th .srclink{margin-left:4px;font-family:var(--f-body);font-weight:400;font-size:12px;color:var(--muted);text-decoration:none}
thead th .srclink:hover,thead th .srclink:focus-visible{color:var(--ink);text-decoration:underline}
thead th small{display:block;font-family:var(--f-body);font-weight:400;font-size:12px;color:var(--muted)}
tr.sep>*{border-top:1px solid var(--rule);padding-top:14px}
td.e{color:var(--muted)}
sup{font-size:10px;margin-left:2px;color:var(--muted)}
.src{margin-top:12px;font-size:13px;color:var(--muted);max-width:75ch}
.src p+p{margin-top:4px}
.none{color:var(--ink-2);font-size:14px;max-width:62ch}
.reps{list-style:none;margin:0;padding:0}
.reps li{display:grid;grid-template-columns:6.5em minmax(0,1fr) auto;gap:4px 20px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule-2)}
.reps li:first-child{border-top:1px solid var(--rule-2)}
@media (max-width:620px){.reps li{grid-template-columns:6.5em minmax(0,1fr)}.reps .d{grid-column:2}}
.reps .y{font-family:var(--f-display);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.reps .i{color:var(--ink-2);font-size:14px}
.reps .d{display:flex;gap:16px;font-size:14px;flex-wrap:wrap}
.reps li.gap .y,.reps li.gap .i{color:var(--muted);font-weight:400}
.reps li.gap .y{white-space:normal}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
@media (max-width:720px){.cols2{grid-template-columns:minmax(0,1fr)}}
.cols2>section,.one>section{min-width:0}
.one>section{max-width:640px}
.events{list-style:none;margin:0;padding:0}
.events li{display:grid;grid-template-columns:10em minmax(0,1fr);gap:4px 20px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--rule-2);font-size:14px}
.events li:first-child{border-top:1px solid var(--rule-2)}
.events .w{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:620px){.events li{grid-template-columns:1fr;gap:0}}
.older>summary{cursor:pointer;width:max-content;padding:8px 0;font-size:14px;color:var(--ink-2)}
.older .events li:first-child{border-top:0}
.tree{list-style:none;margin:0;padding:0}
.tree li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;border-bottom:1px solid var(--rule-2);font-size:14px}
.tree li:first-child{border-top:1px solid var(--rule-2)}
.older .tree li:first-child{border-top:0}
.tree .n{position:relative;min-width:0;overflow-wrap:anywhere}
.tree li:not(.d0) .n::before{content:"";position:absolute;top:.2em;width:9px;height:.5em;border-left:1px solid var(--bar);border-bottom:1px solid var(--bar)}
.tree .d1 .n{padding-left:20px}.tree .d1 .n::before{left:5px}
.tree .d2 .n{padding-left:40px}.tree .d2 .n::before{left:25px}
.tree .d3 .n{padding-left:60px}.tree .d3 .n::before{left:45px}
.tree .d4 .n{padding-left:80px}.tree .d4 .n::before{left:65px}
.tree .d5 .n{padding-left:100px}.tree .d5 .n::before{left:85px}
.tree .d6 .n{padding-left:120px}.tree .d6 .n::before{left:105px}
.tree .cur .n{font-weight:700}
.tree small{color:var(--muted);font-size:13px}
.tree .flag{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid var(--rule);border-radius:4px;color:var(--muted);font-size:12px;line-height:1.5}
.tree .v{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:620px){.tree .flag{margin-left:0;margin-top:2px}}
.ppl{list-style:none;margin:0;padding:0}
.ppl li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--rule-2);font-size:14px}
.ppl li:first-child{border-top:1px solid var(--rule-2)}
.ppl span{color:var(--muted);text-align:right}
dl.facts{margin:0}
dl.facts div{display:grid;grid-template-columns:9em minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--rule-2);font-size:14px}
dl.facts div:first-child{border-top:1px solid var(--rule-2)}
dl.facts dt{color:var(--muted)}
dl.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:9px 14px;border-radius:6px;font-size:14px;z-index:50;max-width:calc(100% - 32px)}

/* charts: a key figure picks the chart under the four of them */
label.key{cursor:pointer}
label.key .l span{text-decoration:underline 1px var(--rule);text-underline-offset:4px;background:linear-gradient(transparent 60%,var(--mark) 60%,var(--mark) 92%,transparent 92%) no-repeat 0 0/0 100%}
label.key:hover .l span{color:var(--ink);text-decoration-color:var(--ink)}
.f0:checked~.keys>.f0 .l span,.f1:checked~.keys>.f1 .l span,.f2:checked~.keys>.f2 .l span,.f3:checked~.keys>.f3 .l span{color:var(--ink);text-decoration-color:transparent;background-size:100% 100%}
.f0:focus-visible~.keys>.f0,.f1:focus-visible~.keys>.f1,.f2:focus-visible~.keys>.f2,.f3:focus-visible~.keys>.f3{outline:2px solid var(--ink);outline-offset:6px}
.charts{padding-top:16px}
.charts>.chart{display:none;margin:0}
.f0:checked~.charts>.f0,.f1:checked~.charts>.f1,.f2:checked~.charts>.f2,.f3:checked~.charts>.f3{display:block}
.chart{min-height:226px}
.chart figcaption{font-size:13px;line-height:20px;height:20px;margin-bottom:4px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv{display:flex}
.cv .ax{flex:none}
.cv .pl{flex:1;min-width:0;overflow:visible}
.ax text{font-size:12px;fill:var(--muted);text-anchor:end;dominant-baseline:middle;font-variant-numeric:tabular-nums}
.gl{stroke:var(--rule-2);stroke-width:1;shape-rendering:crispEdges}
.gl.z{stroke:var(--rule)}
.hit{fill:transparent}
.bar{fill:var(--bar)}
.now .bar{fill:var(--bar-now)}
.col:hover .bar,.col.on .bar{fill:var(--muted)}
.col.now:hover .bar,.col.now.on .bar{fill:var(--bar-now)}
.pl text{font-size:12px;text-anchor:middle;font-variant-numeric:tabular-nums}
.pl .v{fill:var(--ink);font-weight:600;opacity:0}
.pl .now .v{opacity:1}
.pl:hover .now .v,.pl:has(.on) .now .v{opacity:0}
.pl .col:hover .v,.pl .col.on .v{opacity:1}
.pl .yr,.pl .na{fill:var(--muted)}
.col:hover .yr,.col.on .yr,.now .yr{fill:var(--ink)}

/* motion: small and quick, on what changes, and none for those who ask
   for less. Nothing waits for it: every element is in place without it. */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-group(root){animation-duration:.2s}
  .head{view-transition-name:head}
  .orders a,.toggle label,label.key .l span{transition:background-size .35s cubic-bezier(.2,.8,.2,1),color .15s,text-decoration-color .15s}
  .bar{transform-box:fill-box;transform-origin:50% 100%;animation:rise .6s cubic-bezier(.2,.8,.2,1) backwards}
  .bar.neg{transform-origin:50% 0}
  .col:nth-of-type(2) .bar{animation-delay:.04s}
  .col:nth-of-type(3) .bar{animation-delay:.08s}
  .col:nth-of-type(4) .bar{animation-delay:.12s}
  .col:nth-of-type(5) .bar{animation-delay:.16s}
  .col:nth-of-type(6) .bar{animation-delay:.2s}
  .col:nth-of-type(7) .bar{animation-delay:.24s}
  .col:nth-of-type(8) .bar{animation-delay:.28s}
  .col:nth-of-type(9) .bar{animation-delay:.32s}
  .col:nth-of-type(10) .bar{animation-delay:.36s}
  .pl .now .v{animation:fade .3s .45s backwards}
  .bar,.pl .yr{transition:fill .15s}
  .pl .v{transition:opacity .15s}
  .menu,.sug{transform-origin:top;animation:pop .16s cubic-bezier(.2,.8,.2,1)}
  .toast{animation:toast .22s cubic-bezier(.2,.8,.2,1)}
  .btn,.copy summary,.search input{transition:background-color .15s,border-color .15s,box-shadow .15s}
}
@keyframes rise{from{transform:scaleY(0)}}
@keyframes fade{from{opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(-4px) scale(.98)}}
@keyframes toast{from{opacity:0;transform:translate(-50%,8px)}}

/* compare: one column per company, the rows of the company page across */
.cmp .title h1{font-size:clamp(28px,4.4vw,40px)}
.copy .cmp-btn{border-radius:6px;margin-right:8px}
.add{max-width:480px;margin-top:20px}
.add-full,.add-msg{margin-top:16px;color:var(--muted);font-size:14px}
.add-hits{margin-top:12px;max-width:640px}
.cmp-t{--l:11em;--c:8em;table-layout:fixed;width:clamp(calc(var(--l) + var(--n,1)*var(--c)),100%,calc(var(--l) + var(--n,1)*18em))}
.n1{--n:1}.n2{--n:2}.n3{--n:3}.n4{--n:4}.n5{--n:5}.n6{--n:6}.n7{--n:7}.n8{--n:8}.n9{--n:9}.n10{--n:10}
.cmp-t col.l{width:var(--l)}
.cmp-t th,.cmp-t td{text-align:left;white-space:normal;vertical-align:top;padding:8px 16px 8px 0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.cmp-t th:first-child,.cmp-t td:first-child{min-width:0;padding-right:16px}
.cmp-t thead th,.cmp-t thead td{vertical-align:bottom;border-bottom:1px solid var(--ink);line-height:1.25}
.cmp-t thead a{text-decoration:none}
.cmp-t thead a:hover{text-decoration:underline}
.cmp-t thead .warn{color:var(--warn);font-weight:600}
.cmp-t .rm{display:inline-block;margin-top:6px;font-family:var(--f-body);font-weight:400;font-size:12px;color:var(--muted);text-decoration:underline}
.cmp-t tr.grp th{font-family:var(--f-display);font-weight:700;font-size:16px;padding-top:28px;border-bottom:1px solid var(--rule)}
.cmp-t tbody th small,.cmp-t td small{display:block;font-size:12px;color:var(--muted)}
.cmp-t td .warn{color:var(--warn);font-weight:600}
.spark{display:block;margin-top:8px}
.spark rect{fill:var(--bar)}
.spark rect.now{fill:var(--bar-now)}
.vchart{display:block;width:100%;height:160px;margin-top:8px}
.vchart rect{fill:var(--bar)}
.vchart rect.now{fill:var(--bar-now)}
.vchart rect.hit{fill:transparent}
.vchart g:hover rect.hit{fill:var(--soft)}
.visited th{overflow-wrap:anywhere}
.vchart-x{display:flex;justify-content:space-between;margin:6px 0 16px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.cmp-t .spark{margin-top:6px}
/* With more companies than fit, the table scrolls in its box and the labels stay. */
.cmp-t tbody th[scope=row],.cmp-t thead tr>:first-child{position:sticky;left:0;z-index:1;background:var(--bg)}
.cmp-t tr.grp span{position:sticky;left:0;display:inline-block}
/* A rule beside the labels once the table has been scrolled, where the browser can tell. */
@supports (animation-timeline:scroll()){.cmp .tw{scroll-timeline:--cmp x}.cmp-t tbody th[scope=row]::after,.cmp-t thead tr>:first-child::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:var(--rule);opacity:0;animation:cmp-edge linear both;animation-timeline:--cmp;animation-range:0 16px}}
@keyframes cmp-edge{to{opacity:1}}
.years{margin-top:24px}
.years>summary{font-family:var(--f-display);font-size:1.3rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;width:max-content}
.years .tw{margin-top:20px}
@media (max-width:520px){.cmp-t{--l:9.5em;--c:7.5em;font-size:13px}.cmp-t th:first-child{padding-right:8px}}