/* Atvinnugrein (Atvinnugrein.dc.html) and Staður (Staður.dc.html). */

/* ---------- Heading ---------- */

.gs-lp-head {
	padding-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.gs-lp-head__intro {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-bottom: 24px;
	border-bottom: var(--gs-frame) solid var(--gs-ink);
}

.gs-lp-kicker {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.gs-lp-title {
	font-size: 80px;
	font-weight: 900;
	line-height: .9;
	font-stretch: 62%;
	text-transform: uppercase;
	text-wrap: balance;
}

.gs-lp-lead {
	max-width: 760px;
	font-size: 18px;
	line-height: 1.5;
	text-wrap: pretty;
}

.gs-lp-editorial {
	max-width: 760px;
	padding-left: 14px;
	border-left: 3px solid var(--gs-yellow);
	font-size: 15px;
	line-height: 1.55;
	color: var(--gs-muted);
}

.gs-lp-editorial > * + * {
	margin-top: .8em;
}

/* Stat tiles */

.gs-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	border: 2px solid var(--gs-ink);
	background: var(--gs-surface);
}

.gs-stats--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gs-stats__tile {
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.gs-stats--3 .gs-stats__tile {
	padding: 14px;
	gap: 2px;
}

.gs-stats__tile + .gs-stats__tile {
	border-left: 1px solid var(--gs-ink);
}

.gs-stats__tile--new {
	background: var(--gs-yellow-soft);
}

.gs-stats__tile--archive {
	background: var(--gs-archive-bg);
	color: var(--gs-archive-ink);
}

.gs-stats__n {
	font-size: 52px;
	font-weight: 900;
	line-height: 1;
	font-stretch: 62%;
}

.gs-stats__n--sm {
	font-size: 40px;
}

.gs-stats__l {
	font-size: 14px;
	font-weight: 500;
	color: var(--gs-muted);
}

.gs-stats--3 .gs-stats__l {
	font-size: 13px;
}

.gs-stats__tile--archive .gs-stats__l {
	color: inherit;
}

/* ---------- Body ---------- */

.gs-lp-body {
	padding-top: 28px;
	padding-bottom: 56px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 40px;
}

.gs-lp-main {
	flex: 1 1 600px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.gs-lp-main--gap {
	gap: 36px;
}

.gs-lp-side {
	flex: 0 1 var(--gs-sidebar);
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

/* Postcode tabs */

.gs-pntabs {
	display: flex;
	flex-wrap: wrap;
	border-bottom: var(--gs-frame) solid var(--gs-ink);
}

.gs-pntabs__tab {
	padding: 10px 16px;
	color: var(--gs-ink);
	font-size: 14px;
	font-weight: 800;
	font-stretch: 75%;
	text-transform: uppercase;
	letter-spacing: .03em;
	text-decoration: none;
	transition: background var(--gs-medium) var(--gs-ease), color var(--gs-medium) var(--gs-ease);
}

.gs-pntabs__tab:hover {
	background: var(--gs-yellow-soft);
}

.gs-pntabs__tab.is-active {
	background: var(--gs-btn-bg);
	color: var(--gs-btn-fg);
}

/* Chips, sort, count */

.gs-lp-tools {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.gs-lp-tools__label {
	padding-right: 4px;
	font-size: 13px;
	font-weight: 700;
}

.gs-lp-chips,
.gs-lp-sort {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.gs-lp-sort {
	gap: 4px;
	font-size: 13px;
	font-weight: 500;
}

.gs-lp-chip {
	padding: 3px 9px;
	border: 2px solid var(--gs-ink);
	background: var(--gs-surface);
	color: var(--gs-ink);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}

.gs-lp-chip:hover {
	background: var(--gs-yellow-soft);
}

.gs-lp-chip.is-active {
	background: var(--gs-btn-bg);
	border-color: var(--gs-btn-bg);
	color: var(--gs-btn-fg);
}

.gs-lp-sort__opt {
	padding: 3px 6px;
	color: var(--gs-ink);
}

.gs-lp-sort__opt.is-active {
	padding: 3px 8px;
	background: var(--gs-btn-bg);
	color: var(--gs-btn-fg);
	font-weight: 700;
	text-decoration: none;
}

.gs-lp-count {
	font-size: 13px;
	color: var(--gs-muted);
}

/* Views */

.gs-lp-view {
	display: none;
}

[data-gs-listing][data-view="list"] .gs-lp-view--list,
[data-gs-listing][data-view="cards"] .gs-lp-view--cards {
	display: grid;
	animation: gs-fade-in var(--gs-slow) var(--gs-ease) both;
}

[data-gs-listing][data-view="list"] .gs-lp-view--list {
	display: block;
}

.gs-lp-list {
	border-top: var(--gs-frame) solid var(--gs-ink);
}

.gs-lp-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 14px 12px;
	border-bottom: 1px solid var(--gs-line);
	transition: background var(--gs-fast) var(--gs-ease);
}

.gs-lp-row:hover {
	background: var(--gs-surface);
}

.gs-lp-row--ad {
	display: block;
	padding: 20px 0;
}

.gs-lp-row--ad:hover {
	background: none;
}

.gs-lp-row__main {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.gs-lp-row__name {
	font-size: 17px;
	font-weight: 700;
	color: var(--gs-ink);
	text-decoration: none;
}

.gs-lp-row__name:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.gs-lp-row__meta {
	font-size: 13px;
	color: var(--gs-body);
}

.gs-lp-row__kt {
	font-size: 13px;
	font-weight: 500;
	color: var(--gs-muted);
}

.gs-lp-row__side {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
}

.gs-lp-row__year {
	font-size: 22px;
	font-weight: 800;
	line-height: 1;
	font-stretch: 62%;
}

.gs-lp-row__vsk {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--gs-open);
}

/* Pagination */

.gs-lp-pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding-top: 8px;
}

.gs-lp-pager .gs-lp-count {
	font-size: 14px;
	font-weight: 500;
	color: var(--gs-ink);
}

.gs-pager__btn.is-gap {
	background: var(--gs-surface);
}

.gs-pager__btn--next {
	width: auto;
	padding: 0 14px;
	background: var(--gs-yellow) !important;
	color: var(--gs-on-yellow) !important;
	font-size: 13px;
	font-weight: 800;
	font-stretch: 75%;
	text-transform: uppercase;
}

/* FAQ */

.gs-faq {
	padding-top: 32px;
}

.gs-faq__title {
	padding: 12px 0;
	border-top: var(--gs-frame) solid var(--gs-ink);
	font-size: 36px;
	font-weight: 800;
	line-height: 1;
	font-stretch: 62%;
	text-transform: uppercase;
}

.gs-faq__list {
	border-top: 1px solid var(--gs-ink);
}

.gs-faq__item {
	border-bottom: 1px solid var(--gs-ink);
}

.gs-faq__q {
	gap: 12px;
	padding: 14px 0;
	font-size: 17px;
}

.gs-faq__q:hover {
	background: var(--gs-yellow-soft);
}

.gs-faq__q .gs-acc__sign {
	width: 24px;
	height: 24px;
	font-size: 18px;
	flex: none;
}

.gs-faq__a {
	max-width: 640px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--gs-body);
}

.gs-faq .gs-acc.is-open .gs-acc__inner {
	padding-bottom: 16px;
}

/* Sidebar bars */

.gs-bars {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
	border: 2px solid var(--gs-ink);
	background: var(--gs-surface);
}

.gs-bars__title {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.gs-bars__row {
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr) 40px;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 500;
}

.gs-bars__n {
	text-align: right;
	font-weight: 700;
}

.gs-bars__track {
	height: 14px;
	background: var(--gs-surface-2);
}

.gs-bars__fill {
	display: block;
	height: 100%;
	background: var(--gs-ink);
	border-right: 2px solid var(--gs-ink);
	transform-origin: left;
	animation: gs-grow var(--gs-narrative) var(--gs-ease) both;
}

.gs-bars__fill.is-hl {
	background: var(--gs-yellow);
}

@keyframes gs-grow {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}

/* ---------- Staður ---------- */

.gs-pn-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	align-items: stretch;
	gap: 32px;
	padding-bottom: 24px;
	border-bottom: var(--gs-frame) solid var(--gs-ink);
}

.gs-pn-hero__text {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 14px;
}

.gs-pn-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 16px;
}

.gs-pn-title__num {
	font-size: 160px;
	font-weight: 900;
	line-height: .8;
	font-stretch: 62%;
}

.gs-pn-title__name {
	font-size: 56px;
	font-weight: 900;
	line-height: .9;
	font-stretch: 62%;
	text-transform: uppercase;
}

.gs-pn-lead {
	max-width: 520px;
	font-size: 17px;
	line-height: 1.5;
	text-wrap: pretty;
}

.gs-pn-lead--editorial > * + * {
	margin-top: .6em;
}

.gs-pn-map {
	position: relative;
	min-height: 380px;
	overflow: hidden;
	border: var(--gs-frame) solid var(--gs-ink);
	background:
		linear-gradient(var(--gs-line) 1px, transparent 1px) 0 0 / 40px 40px,
		linear-gradient(90deg, var(--gs-line) 1px, transparent 1px) 0 0 / 40px 40px,
		var(--gs-surface-2);
}

.gs-pn-map.is-live .gs-pn-map__note {
	display: none;
}

.gs-pn-map__note {
	position: absolute;
	left: 12px;
	bottom: 12px;
	padding: 4px 8px;
	border: 1px solid var(--gs-ink);
	background: var(--gs-bg);
	font-size: 12px;
	font-weight: 500;
}

.gs-catbar {
	display: grid;
	grid-template-columns: minmax(0, 220px) minmax(0, 1fr) 56px;
	align-items: center;
	gap: 14px;
	padding: 9px 0;
	border-bottom: 1px solid var(--gs-line);
	color: var(--gs-ink);
	text-decoration: none;
	transition: background var(--gs-fast) var(--gs-ease);
}

.gs-catbar:hover {
	background: var(--gs-yellow-soft);
}

.gs-catbar__name {
	font-size: 15px;
	font-weight: 600;
}

.gs-catbar__n {
	font-size: 14px;
	font-weight: 700;
	text-align: right;
}

.gs-streets {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--gs-ink);
	border-left: 1px solid var(--gs-ink);
	background: var(--gs-surface);
}

.gs-streets__cell {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 12px;
	border-right: 1px solid var(--gs-ink);
	border-bottom: 1px solid var(--gs-ink);
	color: var(--gs-ink);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: background var(--gs-fast) var(--gs-ease);
}

.gs-streets__cell .gs-num {
	font-weight: 500;
	color: var(--gs-muted);
}

.gs-streets__cell:hover {
	background: var(--gs-yellow);
	color: var(--gs-on-yellow);
}

.gs-plainlist__row--split {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.gs-plainlist__row--split > span:first-child {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.gs-nbr {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: baseline;
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid var(--gs-line);
	color: var(--gs-ink);
	text-decoration: none;
	transition: background var(--gs-fast) var(--gs-ease);
}

.gs-nbr:hover {
	background: var(--gs-yellow-soft);
}

.gs-nbr__pn {
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	font-stretch: 62%;
}

.gs-nbr__name {
	font-size: 14px;
	font-weight: 600;
}

.gs-gonebox {
	display: flex;
	flex-direction: column;
	padding: 0 12px 12px;
	border-top: var(--gs-frame) solid var(--gs-archive-ink);
	background: var(--gs-archive-bg);
	color: var(--gs-archive-ink);
}

.gs-gonebox__row {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 0;
	border-bottom: 1px dashed var(--gs-archive-line);
	color: var(--gs-archive-ink);
	font-size: 14px;
	text-decoration: none;
}

.gs-gonebox__row span:first-child {
	font-weight: 600;
}

.gs-gonebox__all {
	padding-top: 10px;
	color: var(--gs-archive-ink);
	font-size: 13px;
	font-weight: 700;
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {
	.gs-lp-head .gs-crumbs {
		display: none;
	}

	.gs-lp-title {
		font-size: 48px;
	}

	.gs-lp-lead {
		font-size: 16px;
	}

	.gs-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.gs-stats__tile:nth-child(3) {
		border-left: 0;
	}

	.gs-stats__tile:nth-child(n+3) {
		border-top: 1px solid var(--gs-ink);
	}

	.gs-stats--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.gs-stats--3 .gs-stats__tile:nth-child(3) {
		border-left: 1px solid var(--gs-ink);
		border-top: 0;
	}

	.gs-stats__n {
		font-size: 40px;
	}

	.gs-stats__n--sm {
		font-size: 30px;
	}

	.gs-lp-body {
		padding-top: 20px;
		gap: 32px;
	}

	.gs-lp-side {
		flex-basis: 100%;
	}

	.gs-lp-row {
		padding: 12px 0;
	}

	.gs-pn-hero {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.gs-pn-title__num {
		font-size: 104px;
	}

	.gs-pn-title__name {
		font-size: 40px;
	}

	.gs-pn-map {
		min-height: 260px;
	}

	.gs-catbar {
		grid-template-columns: minmax(0, 1fr) 90px 44px;
		gap: 10px;
	}

	.gs-streets {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------- Hubs: /flokkar/, /stadir/ ---------- */

.gs-hub-body {
	padding-top: 28px;
	padding-bottom: 56px;
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.gs-letters__l.is-active {
	background: var(--gs-yellow);
	color: var(--gs-on-yellow);
}

.gs-letters__l.is-empty {
	color: var(--gs-disabled);
	pointer-events: none;
}

.gs-letters__l:first-child {
	width: auto;
	padding: 0 12px;
	font-size: 16px;
	text-transform: uppercase;
}

.gs-hub-letter {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	gap: 24px;
	padding-top: 12px;
	border-top: var(--gs-frame) solid var(--gs-ink);
}

.gs-hub-letter__l {
	font-size: 64px;
	font-weight: 900;
	line-height: .9;
	font-stretch: 62%;
}

.gs-catgrid--wide {
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.gs-places {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
}

.gs-place {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px;
	border: 2px solid var(--gs-ink);
	background: var(--gs-surface);
}

.gs-place__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--gs-line);
}

.gs-place__name {
	font-size: 24px;
	font-weight: 800;
	line-height: 1;
	font-stretch: 65%;
	text-transform: uppercase;
}

.gs-place__name a {
	color: var(--gs-ink);
	text-decoration: none;
}

.gs-place__name a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.gs-place__n {
	font-size: 14px;
	font-weight: 700;
	color: var(--gs-muted);
}

.gs-place__pns {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.gs-place__pn {
	display: flex;
	gap: 6px;
	padding: 3px 8px;
	border: 2px solid var(--gs-ink);
	color: var(--gs-ink);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	transition: background var(--gs-fast) var(--gs-ease);
}

.gs-place__pn:hover {
	background: var(--gs-yellow);
	color: var(--gs-on-yellow);
}

.gs-place__pnn {
	font-weight: 500;
	color: var(--gs-muted);
}

.gs-place__pn:hover .gs-place__pnn {
	color: inherit;
}

@media (max-width: 767px) {
	.gs-hub-letter {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}

	.gs-hub-letter__l {
		font-size: 48px;
	}
}

/* ---------- /nyskraningar/ (Nýskráningar.dc.html) ---------- */

.gs-new-head {
	padding-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.gs-new-tabs {
	display: flex;
	border-bottom: var(--gs-frame) solid var(--gs-ink);
}

.gs-new-tabs__tab {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding: 12px 22px;
	color: var(--gs-ink);
	text-decoration: none;
	transition: background var(--gs-medium) var(--gs-ease), color var(--gs-medium) var(--gs-ease);
}

.gs-new-tabs__tab:hover {
	background: var(--gs-yellow-soft);
}

.gs-new-tabs__tab.is-active {
	background: var(--gs-btn-bg);
	color: var(--gs-btn-fg);
}

.gs-new-tabs__tab--bk.is-active {
	background: var(--gs-archive-ink);
	color: var(--gs-archive-bg);
}

.gs-new-tabs__l {
	font-size: 44px;
	font-weight: 900;
	line-height: 1;
	font-stretch: 62%;
	text-transform: uppercase;
}

.gs-new-tabs__n {
	font-size: 14px;
	font-weight: 600;
}

.gs-new-top {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	align-items: end;
	gap: 24px;
}

.gs-new-chart {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.gs-new-chart__bars {
	display: flex;
	align-items: flex-end;
	gap: 6px;
	height: 120px;
	border-bottom: 2px solid var(--gs-ink);
}

.gs-new-chart__bar {
	flex: 1;
	background: var(--gs-line);
	transform-origin: bottom;
	animation: gs-rise-bar var(--gs-narrative) var(--gs-ease) both;
}

.gs-new-chart__bar.is-now {
	background: var(--gs-yellow);
	border: 2px solid var(--gs-ink);
	border-bottom: 0;
}

.gs-new-chart__bars.is-bk .gs-new-chart__bar {
	background: var(--gs-archive-line);
}

.gs-new-chart__bars.is-bk .gs-new-chart__bar.is-now {
	background: var(--gs-error);
}

@keyframes gs-rise-bar {
	from { transform: scaleY(0); }
	to { transform: scaleY(1); }
}

.gs-new-chart__axis {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	font-weight: 500;
	color: var(--gs-muted);
}

.gs-new-filter {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.gs-new-day {
	display: flex;
	flex-direction: column;
}

.gs-new-day__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 10px 0 6px;
	border-top: var(--gs-frame) solid var(--gs-ink);
	font-size: 13px;
	font-weight: 500;
}

.gs-new-day__l {
	font-size: 26px;
	font-weight: 800;
	line-height: 1;
	font-stretch: 62%;
	text-transform: uppercase;
}

.gs-new-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 12px 10px;
	border-bottom: 1px solid var(--gs-line);
	color: var(--gs-ink);
	text-decoration: none;
	transition: background var(--gs-fast) var(--gs-ease);
}

.gs-new-row:hover {
	background: var(--gs-yellow-soft);
}

.gs-new-row.is-bk {
	background: var(--gs-archive-bg);
	color: var(--gs-archive-ink);
	border-bottom-color: var(--gs-archive-line);
}

.gs-new-row.is-bk:hover {
	background: var(--gs-archive-panel);
}

.gs-new-row__main {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.gs-new-row__title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.gs-new-row__name {
	font-size: 16px;
	font-weight: 700;
}

.gs-new-row__meta,
.gs-new-row__kt {
	font-size: 13px;
}

.gs-new-row__kt {
	font-weight: 500;
}

.gs-new-more {
	width: 100%;
}

.gs-digest {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px;
	border: var(--gs-frame) solid var(--gs-ink);
	background: var(--gs-yellow);
	color: var(--gs-on-yellow);
}

.gs-digest__title {
	font-size: 28px;
	font-weight: 900;
	line-height: .95;
	font-stretch: 62%;
	text-transform: uppercase;
}

.gs-digest__text {
	font-size: 14px;
	line-height: 1.5;
}

.gs-digest__form {
	display: flex;
	height: 42px;
	margin-top: 4px;
	border: 2px solid var(--gs-ink);
	background: var(--gs-surface);
	opacity: .6;
}

.gs-digest__input {
	flex: 1;
	padding: 0 10px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--gs-muted);
}

.gs-digest__btn {
	padding: 0 12px;
	display: flex;
	align-items: center;
	background: var(--gs-btn-bg);
	color: var(--gs-btn-fg);
	font-size: 13px;
	font-weight: 800;
	font-stretch: 75%;
	text-transform: uppercase;
}

.gs-digest__soon {
	font-size: 12px;
	font-weight: 600;
}

.gs-new-topbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 80px 36px;
	align-items: center;
	gap: 8px;
	padding: 8px 0;
	border-bottom: 1px solid var(--gs-line);
	font-size: 14px;
}

.gs-new-topbar__n {
	font-weight: 600;
}

.gs-new-topbar__v {
	text-align: right;
}

.gs-new-topbar .gs-bars__track {
	height: 10px;
}

.gs-bars__fill.is-archive {
	background: var(--gs-archive-ink);
	border-right-color: var(--gs-archive-ink);
}

@media (max-width: 767px) {
	.gs-new-tabs__tab {
		flex: 1;
		flex-direction: column;
		gap: 2px;
		padding: 10px 12px;
	}

	.gs-new-tabs__l {
		font-size: 32px;
	}

	.gs-new-top {
		grid-template-columns: minmax(0, 1fr);
	}

	.gs-new-row {
		padding: 12px 0;
	}

	.gs-new-row.is-bk {
		padding: 12px 8px;
	}

	.gs-new-row__kt {
		display: none;
	}
}

/* =============================================================================================
 * Gögn og tölfræði (/gogn/, Gögn.dc.html)
 * =========================================================================================== */

.gs-data-head {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 32px;
}

.gs-data-hero {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 24px;
	padding-bottom: 18px;
	border-bottom: 3px solid var(--gs-ink);
}

.gs-data-hero__text {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.gs-data-hero__kicker,
.gs-data-control__label,
.gs-data-chart__title,
.gs-data-insight__kicker {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.gs-data-control__label {
	font-size: 11px;
	letter-spacing: .08em;
	color: var(--gs-muted);
}

.gs-data-hero__title {
	margin: 0;
	font-size: clamp(48px, 7vw, 88px);
	font-weight: 900;
	font-stretch: 62%;
	line-height: .88;
	text-transform: uppercase;
}

.gs-data-hero__lead {
	margin: 0;
	max-width: 620px;
	font-size: 17px;
	line-height: 1.5;
	color: var(--gs-body);
}





.gs-data-controls {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.gs-data-control {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}

.gs-seg {
	display: flex;
	border: 2px solid var(--gs-ink);
	background: var(--gs-surface);
}

.gs-seg__opt {
	flex: 1;
	padding: 9px 8px;
	text-align: center;
	font-size: 13px;
	font-weight: 800;
	font-stretch: 75%;
	text-transform: uppercase;
	color: var(--gs-ink);
	text-decoration: none;
	transition: background var(--gs-fast) var(--gs-ease), color var(--gs-fast) var(--gs-ease);
}

.gs-seg__opt + .gs-seg__opt {
	border-left: 2px solid var(--gs-ink);
}

.gs-seg__opt:hover {
	background: var(--gs-yellow-soft);
	color: var(--gs-ink);
}

.gs-seg__opt.is-active,
.gs-seg__opt.is-active:hover {
	background: var(--gs-btn-bg);
	color: var(--gs-btn-fg);
}

.gs-data-select {
	height: 40px;
	padding: 0 12px;
	border: 2px solid var(--gs-ink);
	border-radius: 0;
	background: var(--gs-surface);
	color: var(--gs-ink);
	font: 500 14px var(--gs-font);
}

.gs-data-body {
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding-top: 24px;
	padding-bottom: 56px;
}

.gs-data-top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 24px;
	align-items: start;
}

.gs-data-chart {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 20px;
	border: 2px solid var(--gs-ink);
	background: var(--gs-surface);
}

.gs-data-chart__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
}

.gs-data-chart__title {
	font-size: 11px;
	letter-spacing: .08em;
}

.gs-data-chart__sub {
	margin: 2px 0 0;
	font-size: 13px;
	color: var(--gs-muted);
}

.gs-data-chart__latest {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

.gs-data-chart__n {
	font-size: 52px;
	font-weight: 900;
	font-stretch: 62%;
	line-height: 1;
}

.gs-data-chart__d {
	font-size: 13px;
	font-weight: 600;
}

.gs-data-chart__d.is-good, .gs-data-growth__v.is-good { color: var(--gs-open); }
.gs-data-chart__d.is-bad, .gs-data-growth__v.is-bad { color: var(--gs-error); }

.gs-data-bars {
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 10px;
	height: 260px;
	padding-left: 8px;
	border-left: 2px solid var(--gs-ink);
	border-bottom: 2px solid var(--gs-ink);
}

.gs-data-bars.is-dense,
.gs-data-axis.is-dense {
	gap: 3px;
}

.gs-data-bars__grid {
	position: absolute;
	left: 0;
	right: 0;
	border-top: 1px dashed var(--gs-line);
}

.gs-data-bars__col {
	position: relative;
	flex: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	transition: background var(--gs-fast) var(--gs-ease);
}

.gs-data-bars__col:hover {
	background: color-mix(in srgb, var(--gs-yellow) 12%, transparent);
}

.gs-data-bars__v {
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 600;
	color: var(--gs-muted);
	white-space: nowrap;
}

.is-dense .gs-data-bars__v {
	display: none;
}

.is-dense .gs-data-bars__col:hover .gs-data-bars__v {
	display: block;
	position: absolute;
	top: -18px;
}

.gs-data-bars__bar {
	width: 100%;
	background: var(--gs-ink);
	transform-origin: bottom;
	animation: gs-rise-bar var(--gs-narrative) var(--gs-ease) both;
}

.gs-data-bars__bar.is-bk {
	background: var(--gs-archive-line);
}

.gs-data-bars__bar.is-now {
	background: var(--gs-yellow);
	border: 2px solid var(--gs-ink);
	border-bottom: 0;
}

.gs-data-axis {
	display: flex;
	gap: 10px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: 500;
	color: var(--gs-muted);
}

.gs-data-axis span {
	flex: 1;
	text-align: center;
}

.gs-data-chart__note {
	margin: 0;
	min-height: 1em;
	font-size: 12px;
	color: var(--gs-muted);
}

.gs-data-side {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.gs-data-insight {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px;
	border: 3px solid var(--gs-ink);
	background: var(--gs-yellow);
	color: var(--gs-on-yellow);
}

.gs-data-insight__kicker {
	font-size: 11px;
}

.gs-data-insight__h {
	margin: 0;
	font-size: 30px;
	font-weight: 900;
	font-stretch: 62%;
	line-height: .95;
	text-transform: uppercase;
}

.gs-data-insight__t {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
}

.gs-data-lower {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 32px;
	align-items: start;
}

.gs-data-table__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 4px 12px;
	padding: 10px 0;
	border-top: 3px solid var(--gs-ink);
	font-size: 13px;
}

.gs-data-table__title,
.gs-data-growth__title {
	margin: 0;
	font-size: 30px;
	font-weight: 800;
	font-stretch: 65%;
	line-height: 1;
	text-transform: uppercase;
}

.gs-data-row {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.4fr) 70px 70px;
	gap: 12px;
	align-items: center;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--gs-line);
	font-size: 14px;
	transition: background var(--gs-fast) var(--gs-ease);
}

.gs-data-row:not(.gs-data-row--head):hover {
	background: var(--gs-yellow-soft);
}

.gs-data-row--head {
	padding: 8px 0;
	border-bottom: 2px solid var(--gs-ink);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--gs-muted);
}

.gs-data-row > :nth-child(3),
.gs-data-row > :nth-child(4) {
	text-align: right;
}

.gs-data-row__n { font-weight: 600; }
.gs-data-row__v { font-weight: 700; }
.gs-data-row__d { font-weight: 600; color: var(--gs-muted); }
.gs-data-row__d.is-good { color: var(--gs-open); }
.gs-data-row__d.is-bad { color: var(--gs-error); }

.gs-data-row__track {
	height: 14px;
	background: var(--gs-surface-2);
}

.gs-data-row__fill {
	display: block;
	height: 100%;
	background: var(--gs-ink);
	transform-origin: left;
	animation: gs-grow-x var(--gs-narrative) var(--gs-ease) both;
}

.gs-data-row__fill.is-bk {
	background: var(--gs-archive-rule);
}

@keyframes gs-grow-x {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}

.gs-data-aside {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.gs-data-growth {
	border-top: 3px solid var(--gs-ink);
}

.gs-data-growth__title {
	padding: 10px 0;
	font-size: 22px;
}

.gs-data-growth__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gs-data-growth__row {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: baseline;
	padding: 9px 0;
	border-bottom: 1px solid var(--gs-line);
}

.gs-data-growth__i {
	font-size: 22px;
	font-weight: 900;
	font-stretch: 62%;
	line-height: 1;
}

.gs-data-growth__n { font-size: 14px; font-weight: 600; }
.gs-data-growth__v { font-size: 14px; font-weight: 700; }






@media (max-width: 1023px) {
	.gs-data-top,
	.gs-data-lower {
		grid-template-columns: minmax(0, 1fr);
	}
	.gs-data-side {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.gs-data-insight {
		flex: 1 1 280px;
	}
}

@media (max-width: 767px) {
	.gs-data-head { padding-top: 20px; }
	.gs-data-controls { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.gs-data-chart { padding: 14px; }
	.gs-data-chart__head { flex-wrap: wrap; }
	.gs-data-chart__latest { align-items: flex-start; text-align: left; }
	.gs-data-bars { height: 200px; gap: 3px; padding-left: 4px; }
	.gs-data-axis { gap: 3px; padding-left: 6px; font-size: 10px; }
	.gs-data-bars__v { display: none; }
	.gs-data-row { grid-template-columns: minmax(0, 1fr) 64px 56px; }
	.gs-data-row__track, .gs-data-row--head > :nth-child(2) { display: none; }
	.gs-data-side .gs-ad { display: none; }
}