/* Dawg Intel — delt topp-chrome (statisk lenket i , gjelder før første maling — ingen flimring) */ /* harmonisering av masthead + nav */ .mh-name .dot,.colophon .nm .dot,.brand .mh .dot,.mh .dot{display:none!important;} .dateline-in .right{display:none!important;} .nav-in{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;} .nav-in::-webkit-scrollbar{display:none;} .nav a{padding-left:12px!important;padding-right:12px!important;white-space:nowrap;} .nav{border-bottom:none!important;} /* ── Kanonisk masthead: identisk på alle sider (overstyrer per-side inline via kilderekkefølge) ── */ .masthead{padding:22px 0 0;} .mh-rule{margin-bottom:12px;} .mh-rule.bottom{margin:10px 0 0;} .mh-name{font-size:clamp(38px,6vw,64px);letter-spacing:-.01em;} .mh-sub{gap:14px;margin-top:10px;font-size:10px;} @media(max-width:1024px){.wrap{padding-left:24px;padding-right:24px;}} @media(max-width:680px){ body{padding-bottom:62px;} .wrap{padding-left:15px!important;padding-right:15px!important;} .dateline-in{height:auto;flex-wrap:wrap;gap:4px 10px;padding:7px 0;font-size:9.5px;letter-spacing:.06em;} .masthead{padding-top:14px!important;} .mh-rule{margin-bottom:8px;} .mh-sub{flex-wrap:wrap;gap:6px 10px;font-size:8.5px;letter-spacing:.14em;} .nav{position:static!important;} .nav-in{justify-content:flex-start!important;overflow-x:auto;-webkit-overflow-scrolling:touch;} .nav-in::-webkit-scrollbar{display:none;} .nav a{padding:11px 12px;font-size:12px;} #bpRibbon .wrap{font-size:9.5px;} #bpRibbon .wrap>span{padding:6px 10px!important;gap:5px!important;} .cols,.ed-grid,.mgrid,.split,.ana,.fin,.filters-grid,.lead-cols,.grid{grid-template-columns:1fr!important;} .tbl-wrap,.pf-wrap,.tt-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;} table.scr,table.pf,table.tt-tab{min-width:680px;} } @media(max-width:560px){ .kpis,.levels,.tech-grid,.scn,.ind,.calib,.indrow,.stats{grid-template-columns:1fr 1fr!important;} .cycle,.phases{grid-template-columns:1fr!important;} #bpMob span{font-size:8.5px;} } @media(max-width:420px){#bpRibbon .wrap>span{padding:5px 8px!important;}.mh-sub{display:none;}} /* markedsbånd-rutenett */ #bpRibTrack>span:nth-child(7n){border-right:none;} @media(max-width:1024px){#bpRibTrack{grid-template-columns:repeat(4,1fr)!important;}} @media(max-width:760px){#bpRibTrack{grid-template-columns:repeat(3,1fr)!important;}} @media(max-width:440px){#bpRibTrack{grid-template-columns:repeat(2,1fr)!important;}} /* ── Myk sideovergang: avishodet (dateline + masthead + nav + markedsbånd) står stille mens innholdet under krysstoner. Krever moderne nettleser; degraderer pent til vanlig navigasjon ellers. ── */ @view-transition{ navigation:auto; } .dateline{ view-transition-name:bp-dateline; } .masthead{ view-transition-name:bp-masthead; } .nav{ view-transition-name:bp-nav; } #bpRibbon{ view-transition-name:bp-ribbon; } /* mykere overgang: gammelt innhold toner rolig ut, nytt glir mildt opp og inn */ ::view-transition-old(root){ animation:bp-vt-out .34s ease both; } ::view-transition-new(root){ animation:bp-vt-in .58s cubic-bezier(.22,1,.36,1) both; } @keyframes bp-vt-out{ to{ opacity:0; } } @keyframes bp-vt-in{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:translateY(0); } } /* avishodets myke kryssoning (dateline-tekst + aktiv fane) */ ::view-transition-group(bp-dateline),::view-transition-group(bp-nav){ animation-duration:.5s; animation-timing-function:cubic-bezier(.22,1,.36,1); } @media (prefers-reduced-motion: reduce){ ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){ animation:none!important; } } /* konto-/innloggings-chip i datelinen */ .dateline{position:relative; z-index:200;} #bpAccount{position:relative;margin-left:auto;} .bp-acct-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid var(--rule);color:var(--ink-2);font-family:var(--label,sans-serif);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;cursor:pointer;transition:.14s;} .bp-acct-btn:hover{border-color:var(--accent);color:var(--accent);} .bp-acct-btn .bp-ava{display:inline-grid;place-items:center;width:18px;height:18px;background:var(--accent);color:#fff;font-size:9px;border-radius:50%;} .bp-acct-menu{position:absolute;right:0;top:calc(100% + 6px);width:252px;background:var(--paper);border:1px solid var(--ink-2);box-shadow:0 14px 34px rgba(28,24,19,.18);z-index:250;} .bp-acct-menu[hidden]{display:none;} .bp-acct-h{padding:12px 14px;border-bottom:1px solid var(--rule-soft);display:flex;flex-direction:column;gap:2px;} .bp-acct-h b{font-family:var(--display,serif);font-size:15px;color:var(--ink);text-transform:none;letter-spacing:0;} .bp-acct-h span{font-family:var(--label,sans-serif);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);} .bp-acct-note{padding:11px 14px;font-family:var(--label,sans-serif);font-size:11px;line-height:1.55;letter-spacing:0;text-transform:none;color:var(--ink-2);} .bp-acct-act{display:block;width:100%;text-align:left;padding:11px 14px;border:none;border-top:1px solid var(--rule-soft);background:none;font-family:var(--label,sans-serif);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink);cursor:pointer;} .bp-acct-act:hover{background:var(--paper-2);color:var(--accent);} .bp-acct-act.primary{background:var(--ink);color:var(--paper);} .bp-acct-act.primary:hover{background:var(--accent);color:#fff;} .bp-acct-soon{padding:11px 14px;border-top:1px solid var(--rule-soft);background:var(--paper-2);font-family:var(--label,sans-serif);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);} @media(max-width:680px){ .bp-acct-name{display:none;} .bp-acct-menu{width:218px;} } /* login-dytt (toast) for utloggede brukere */ #bpNudge{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);z-index:300;display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--paper);padding:11px 14px 11px 18px;box-shadow:0 14px 34px rgba(28,24,19,.28);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;font-family:var(--label,sans-serif);font-size:12.5px;line-height:1.3;max-width:calc(100vw - 32px);} #bpNudge.show{opacity:1;transform:translate(-50%,0);pointer-events:auto;} #bpNudge button{background:var(--paper);color:var(--ink);border:none;font-family:var(--label,sans-serif);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:6px 12px;cursor:pointer;white-space:nowrap;flex-shrink:0;} #bpNudge button:hover{background:var(--accent);color:#fff;} @media(max-width:680px){ #bpNudge{left:14px;right:14px;bottom:74px;transform:translateY(16px);max-width:none;} #bpNudge.show{transform:translateY(0);} } /* delte UI-tilstander (lasting / feil / tom) */ .bp-empty,.bp-error{text-align:center;padding:52px 24px;font-family:var(--label,sans-serif);} .bp-empty .ic,.bp-error .ic{font-size:30px;line-height:1;color:var(--accent);margin-bottom:12px;} .bp-empty .t,.bp-error .t{font-family:var(--display,serif);font-size:20px;color:var(--ink);margin-bottom:6px;} .bp-empty .h,.bp-error .h{font-size:13px;line-height:1.55;color:var(--ink-faint);max-width:42ch;margin:0 auto;} .bp-error .retry{margin-top:16px;background:var(--ink);color:var(--paper);border:none;font-family:var(--label,sans-serif);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;cursor:pointer;} .bp-error .retry:hover{background:var(--accent);} @keyframes bpShimmer{0%{background-position:-450px 0}100%{background-position:450px 0}} .bp-skel{display:inline-block;height:12px;border-radius:2px;background:linear-gradient(90deg,var(--paper-2) 25%,var(--paper-3) 37%,var(--paper-2) 63%);background-size:900px 100%;animation:bpShimmer 1.25s linear infinite;} .skelrow td{padding:11px 10px;border-bottom:1px solid var(--rule-soft);} @media(prefers-reduced-motion:reduce){.bp-skel{animation:none;}} /* mobil bunn-nav (kun ≤680px) */ #bpMob{display:none;} @media(max-width:680px){ #bpMob{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:200; background:rgba(244,239,227,.97);backdrop-filter:blur(8px);border-top:1px solid var(--rule); padding:6px 4px calc(6px + env(safe-area-inset-bottom));} #bpMob a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0;color:var(--ink-faint);text-decoration:none;} #bpMob a[data-on]{color:var(--accent);} #bpMob span{font-family:var(--label,sans-serif);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;} }