/* VNN tables in stories and pages (Newsroom 2.9.3). Uses the theme's colours and type, with fallbacks. */
.vnn-table,.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain){
  --t-ink:var(--ink,#0b1b33);--t-ink2:var(--ink-2,#12284a);--t-line:var(--line,#dbe2ec);--t-line2:var(--line-2,#e9eef5);
  --t-soft:var(--surface-2,#f7f9fc);--t-muted:var(--muted,#53647c);--t-accent:var(--accent,#d4123c);
  --t-font:var(--sans,"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif)}

/* The card */
.vnn-table{position:relative;margin:1.7em 0 1.9em;border:1px solid var(--t-line);border-radius:14px;background:#fff;overflow:hidden;
  box-shadow:0 1px 2px rgba(11,27,51,.05),0 10px 28px -16px rgba(11,27,51,.28)}
figure.wp-block-table.vnn-table{overflow:hidden}
.vnn-table__title{display:flex;align-items:center;gap:10px;padding:14px 18px 13px;border-bottom:1px solid var(--t-line2);
  font:700 calc(15.5px * var(--vnn-text,1))/1.3 var(--t-font);color:var(--t-ink);letter-spacing:-.005em}
.vnn-table__title::before{content:"";flex:none;width:4px;height:17px;border-radius:2px;background:var(--t-accent)}
.vnn-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--t-line) transparent}
.vnn-table__scroll:focus-visible{outline:2px solid var(--t-ink3,#2c5b9c);outline-offset:-2px}
.vnn-table__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* The table */
table.vnn-tbl,.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;
  font:400 calc(15px * var(--vnn-text,1))/1.45 var(--t-font);color:#1b2a41;font-variant-numeric:tabular-nums lining-nums;font-variation-settings:normal}
table.vnn-tbl th,table.vnn-tbl td,.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) :is(th,td){padding:11px 18px;border:0;text-align:left;vertical-align:top}
table.vnn-tbl thead th,table.vnn-tbl thead td,.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) thead :is(th,td){
  background:linear-gradient(180deg,var(--t-ink2) 0%,var(--t-ink) 100%);color:#fff;vertical-align:bottom;white-space:nowrap;
  font:700 calc(12px * var(--vnn-text,1))/1.25 var(--t-font);letter-spacing:.07em;text-transform:uppercase;padding-top:13px;padding-bottom:12px}
table.vnn-tbl thead th+th{box-shadow:inset 1px 0 0 rgba(255,255,255,.08)}
table.vnn-tbl tbody td,table.vnn-tbl tbody th,.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) tbody :is(th,td){border-top:1px solid var(--t-line2);background:#fff}
table.vnn-tbl tbody tr:first-child>*{border-top:0}
table.vnn-tbl tbody tr:nth-child(even)>*,.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) tbody tr:nth-child(even)>*{background:var(--t-soft)}
table.vnn-tbl tbody tr{transition:background-color .15s}
table.vnn-tbl tbody tr:hover>*{background:#eef4fd}
table.vnn-tbl tbody>tr>:first-child,.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) tbody tr>:first-child{font-weight:650;color:var(--t-ink)}
table.vnn-tbl tbody th{font-weight:650;color:var(--t-ink)}
table.vnn-tbl .is-num{text-align:right;white-space:nowrap}
table.vnn-tbl a{color:inherit;text-decoration:underline;text-decoration-color:rgba(11,27,51,.35);text-underline-offset:3px}
table.vnn-tbl strong{font-weight:750}
table.vnn-tbl tfoot td,table.vnn-tbl tfoot th{border-top:2px solid var(--t-ink);font-weight:700;background:#fff}
/* The Table block's own stripes and borders give way to the card. */
.vnn-table.is-style-stripes tbody tr:nth-child(odd),.vnn-table table.vnn-tbl{background:none}
.vnn-table table.vnn-tbl.has-fixed-layout{table-layout:fixed}

/* The source line (the Table block's caption) */
.vnn-table .vnn-table__note,.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) figcaption{margin:0;padding:10px 18px 12px;border-top:1px solid var(--t-line2);background:#fff;
  font:400 calc(13px * var(--vnn-text,1))/1.5 var(--t-font);color:var(--t-muted);text-align:left}

/* Wide tables: held first column, fade and hint while there is more to the right */
.vnn-table.is-wide table.vnn-tbl{width:max-content;min-width:100%}
/* The first column is lifted on every table: a raised panel with a soft shadow along its right edge, so the
   rest of each row looks as if it slides out from underneath it (and on a wide table, slides back under it). */
table.vnn-tbl tr>:first-child{position:sticky;left:0;z-index:2}
table.vnn-tbl thead tr>:first-child{z-index:3;background:linear-gradient(180deg,#1a3a66 0%,var(--t-ink2) 100%);
  box-shadow:1px 0 0 rgba(255,255,255,.14),14px 0 20px -8px rgba(0,0,0,.6)}
table.vnn-tbl tbody tr>:first-child{background:#fff;box-shadow:1px 0 0 #cfd8e6,14px 0 22px -10px rgba(11,27,51,.5)}
table.vnn-tbl tbody tr:nth-child(even)>:first-child{background:#fdfdff}
table.vnn-tbl tbody tr:hover>:first-child{background:#f3f7fe}
/* The other cells sit a touch lower, on the page's own tint, so the lifted column stands out. */
table.vnn-tbl tbody tr>:not(:first-child){background:var(--t-soft)}
table.vnn-tbl tbody tr:nth-child(even)>:not(:first-child){background:#eef2f8}
table.vnn-tbl tbody tr:hover>:not(:first-child){background:#e6eefa}
table.vnn-tbl td:nth-child(2),table.vnn-tbl th:nth-child(2){padding-left:26px}
/* Shade where the row meets the lifted column, so it reads as coming out from underneath it. */
table.vnn-tbl tbody td:nth-child(2){box-shadow:inset 12px 0 14px -10px rgba(11,27,51,.22)}
.vnn-table.is-scrolled table.vnn-tbl tbody tr>:first-child{box-shadow:1px 0 0 #cfd8e6,16px 0 24px -9px rgba(11,27,51,.58)}
.vnn-table__hint{display:none}
.vnn-table.has-more .vnn-table__scroll{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.vnn-table.has-more .vnn-table__hint{display:block;padding:7px 18px;border-top:1px solid var(--t-line2);background:var(--t-soft);
  font:600 calc(12px * var(--vnn-text,1))/1.2 var(--t-font);color:var(--t-muted);letter-spacing:.02em;text-align:right}

@media (max-width:640px){
  .vnn-table{margin:1.4em 0 1.6em;border-radius:12px}
  table.vnn-tbl th,table.vnn-tbl td{padding:10px 13px;min-width:6.5em} /* columns keep a readable width and slide under the first */
  table.vnn-tbl tr>:first-child{min-width:7.5em;max-width:11em}
  table.vnn-tbl{font-size:calc(14px * var(--vnn-text,1))}
  .vnn-table__title,.vnn-table .vnn-table__note{padding-left:14px;padding-right:14px}
}
@media (prefers-reduced-motion:reduce){table.vnn-tbl tbody tr{transition:none}}
@media print{
  .vnn-table{box-shadow:none;border-color:#999;break-inside:avoid}
  .vnn-table__scroll{overflow:visible;-webkit-mask-image:none;mask-image:none}
  .vnn-table__hint{display:none!important}
  table.vnn-tbl thead th{background:#0b1b33!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) tr>:first-child{position:relative;z-index:1}
.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) tbody tr>:first-child{background:#fff;box-shadow:1px 0 0 #cfd8e6,14px 0 22px -10px rgba(11,27,51,.5)}
.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) tbody td:nth-child(2){box-shadow:inset 12px 0 14px -10px rgba(11,27,51,.22)}
.editor-styles-wrapper .wp-block-table:not(.vnn-table-plain) tbody tr>:not(:first-child){background:var(--t-soft)}