/* Articles */

.art { color: var(--sk-text); font-size: 15px; line-height: 1.55; padding-bottom: 8px; }
.art h1, .art h2, .art h3 { color: var(--sk-ink); font-weight: 600; line-height: 1.25; margin: 0; }
.art p { margin: 0; }
.art .art-muted { color: var(--sk-muted); font-size: 13.5px; }

/* Columns */
.art-cols { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 40px; padding-top: 18px; }
.art-cols-solo { grid-template-columns: minmax(0, 1fr); }
.art-main { min-width: 0; }
.art-side { display: flex; flex-direction: column; align-items: center; gap: 22px; }
/* Shop box in sidebar */
.art-side > .side-prods, .art-side > .side-shopbox { margin: 0; }
@media (max-width: 991px) { .art-cols { grid-template-columns: minmax(0, 1fr); gap: 32px; } }

/* Article top */
.art-hero { margin: 0 0 4px; border-radius: var(--sk-radius); overflow: hidden; background: var(--sk-soft); }
.art-hero img { display: block; width: 100%; height: auto; aspect-ratio: 915 / 250; object-fit: cover; }
.art-crumb { display: flex; flex-wrap: wrap; gap: 4px 6px; font-size: 13px; color: var(--sk-muted); padding: 14px 0 10px; }
.art-crumb a { color: var(--sk-muted); }
.art-crumb span[aria-current] { color: var(--sk-ink); }
.art-sep { color: var(--sk-line-strong); }
.art-head { display: flex; flex-direction: column; gap: 10px; padding-bottom: 24px; }
.art-head h1 { text-wrap: pretty; }
.art .art-lead { font-size: 18px; line-height: 1.5; color: var(--sk-text); }
@media (max-width: 760px) {
	/* Full-width hero */
	.art-hero { margin-inline: -15px; max-width: none; border-radius: 0; }
	.art-hero img { aspect-ratio: 375 / 140; }
	.art .art-lead { font-size: 16.5px; }
}

/* Body */
.art-body { font-size: 17px; line-height: 1.68; color: var(--sk-text); overflow-wrap: break-word; }
/* Embedded travel search */
.art-body > .ts-article-box { margin: 1.4em 0; }
.art-body p, .art-body ul, .art-body ol, .art-body blockquote, .art-body table { margin: 0 0 1.05em; }
.art-body p, .art-body li, .art-body td { font-size: inherit; }
.art-body div { margin: 0 0 .5em; }
/* Empty paragraphs */
.art-body p:empty, .art-body div:empty, .art-body h2:empty, .art-body h3:empty, .art-body p:has(> br:only-child), .art-body div:has(> br:only-child) { display: none; }
.art-body h2 { margin: 1.6em 0 .5em; scroll-margin-top: calc(var(--sk-pinned-top, 0px) + 20px); }
.art-body h3 { margin: 1.4em 0 .4em; scroll-margin-top: calc(var(--sk-pinned-top, 0px) + 20px); }
.art-body h4 { color: var(--sk-ink); font-weight: 600; margin: 1.3em 0 .3em; }
.art-body h2:first-child, .art-body h3:first-child { margin-top: 0; }
.art-body strong, .art-body b, .art-body [style*="font-weight: bold"] { color: var(--sk-ink); font-weight: 600; }
/* Heading icons */
.art-body h2 > i.fa, .art-body h3 > i.fa { display: none; }
/* Heading images */
.art-body h2 img, .art-body h3 img { display: inline-block; vertical-align: -3px; margin: 0 4px 0 0; border-radius: 3px; box-shadow: 0 0 0 1px rgba(43, 49, 64, .12); }

.art-body a { color: var(--sk-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(49, 91, 107, .45); }
.art-body a:hover { color: var(--sk-accent-dark); text-decoration-color: currentColor; }
/* Shop links */
.art-body a[href*="/skishop/"]:not(:has(img))::before, .art-body a[href*="/skidshop/"]:not(:has(img))::before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 5px; vertical-align: -2px; background: currentColor; -webkit-mask: var(--art-bag) center / contain no-repeat; mask: var(--art-bag) center / contain no-repeat; }
/* External links */
.art-body a[target="_blank"]:not([class]):not([href*="skisport.dk"]):not([href*="skidresor.com"]):not(:has(img))::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 4px; background: currentColor; -webkit-mask: var(--art-out) center / contain no-repeat; mask: var(--art-out) center / contain no-repeat; }

.art-body ul { list-style: none; padding-left: 0; }
.art-body ul > li { position: relative; padding-left: 1.3em; margin-bottom: .45em; }
.art-body ul > li::before { content: ""; position: absolute; left: .2em; top: .68em; width: 6px; height: 6px; border-radius: 50%; background: var(--sk-accent); }
.art-body ol { padding-left: 1.4em; }
.art-body ol > li { margin-bottom: .45em; padding-left: .2em; }
.art-body ol > li::marker { color: var(--sk-accent); font-weight: 600; }
.art-body li > br:last-child { display: none; }

.art-body img { max-width: 100%; height: auto; }
.art-body p > img, .art-body p > a > img, .art-body > a > img, .art-body > img { border-radius: var(--sk-radius); }
.art-body iframe { max-width: 100%; }
.art-body iframe[src*="youtube"], .art-body iframe[src*="vimeo"] { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: var(--sk-radius); }
.art-body .embed-container { border-radius: var(--sk-radius); margin: .4em 0 1.2em; }
.art-body .embed-container iframe { aspect-ratio: auto; height: 100%; }
.art-body blockquote { border-left: 3px solid var(--sk-accent); background: var(--sk-soft-2); padding: 12px 18px; border-radius: 0 var(--sk-radius) var(--sk-radius) 0; }
.art-body hr { border: 0; border-top: 1px solid var(--sk-line-strong); margin: 1.6em 0; }

/* Tables */
.art-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 15px; }
.art-body td, .art-body th { border-bottom: 1px solid var(--sk-line); padding: 8px 12px; text-align: left; vertical-align: top; }
.art-body th, .art-body table.table tr:first-child:has(td > [style*="font-weight"]) td { background: var(--sk-soft-2); color: var(--sk-ink); font-weight: 600; }
/* Layout tables on phones */
@media (max-width: 760px) {
	.art-body table:has(td[style*="260px"]), .art-body table:has(td[style*="260px"]) tbody, .art-body table:has(td[style*="260px"]) tr, .art-body table:has(td[style*="260px"]) td { display: block; width: auto; }
	.art-body table:has(td[style*="260px"]) td { border: 0; padding: 0 0 10px; }
}
/* Body on phones */
@media (max-width: 760px) {
	.art-body { font-size: 16.5px; }
	.art-body center, .art-body [style*="text-align: center"] { text-align: left; }
}

/* Standalone link buttons */
.art-body .art-go { font-size: 0; margin: -4px 0 18px; }
.art-body .art-go a { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 9px 16px; border-radius: var(--sk-radius-sm); font-size: 15px; font-weight: 500; line-height: 1.3; text-decoration: none; }
.art-body .art-go-out { border: 1px solid var(--sk-accent); color: var(--sk-accent); background: #fff; }
.art-body .art-go-out::after { content: ""; width: 13px; height: 13px; background: currentColor; -webkit-mask: var(--art-out) center / contain no-repeat; mask: var(--art-out) center / contain no-repeat; }
.art-body .art-go-out:hover { background: var(--sk-accent); color: #fff; }
.art-body .art-go-shop { background: var(--sk-accent); color: #fff; }
.art-body .art-go-shop:hover { background: var(--sk-accent-dark); color: #fff; }
.art-body .art-go a::before, .art-body .art-go a::after { flex: none; }
.art-body .art-go-shop::before { margin-right: 0; }

/* Byline */
.art .art-by { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--sk-line); font-size: 14px; color: var(--sk-muted); }
.art-by b { color: var(--sk-ink); font-weight: 500; }

/* Lists */
.art-sec + .art-sec { padding-top: 34px; }
.art-sec { padding-top: 26px; }
.art-sec h2 a { color: var(--sk-ink); }
.art-rows { list-style: none; margin: 0; padding: 0; }
.art-row { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 18px; align-items: center; padding: 14px 0; border-top: 1px solid var(--sk-line); color: var(--sk-ink); }
.art-row:hover { text-decoration: none; color: var(--sk-ink); }
.art-row:hover .art-row-t { text-decoration: underline; }
.art-row-img { display: block; border-radius: var(--sk-radius-sm); overflow: hidden; background: var(--sk-soft); aspect-ratio: 2 / 1; }
.art-row-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.art-row-tx { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.art-row-k { font-size: 11.5px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: var(--sk-accent); }
.art-row-t { font-size: 17px; font-weight: 500; line-height: 1.3; }
.art-row-x { font-size: 14px; color: var(--sk-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 600px) {
	.art-row { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; align-items: start; }
	.art-row-t { font-size: 15px; }
	.art-row-x { display: none; }
}
/* Tight rows */
.art-rows-tight .art-row { grid-template-columns: 132px minmax(0, 1fr); gap: 16px; padding: 12px 0; }
.art-rows-tight .art-row-tx { gap: 3px; }
.art-rows-tight .art-row-t { font-size: 16px; }
.art-rows-tight .art-row-x { -webkit-line-clamp: 1; }
.art-row-m { display: flex; align-items: baseline; gap: 10px; }
.art-row-d { font-size: 12.5px; color: var(--sk-muted); font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
	.art-rows-tight .art-row { grid-template-columns: 100px minmax(0, 1fr); gap: 12px; }
	.art-rows-tight .art-row-t { font-size: 15px; }
}
.art-tip { margin-top: 34px; background: var(--sk-soft-2); border: 1px solid var(--sk-line); border-radius: var(--sk-radius); padding: 14px 16px; font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
.art-tip b { color: var(--sk-ink); font-weight: 500; }

/* Section chips */
.art-chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px 0 6px; }
.art-chips::-webkit-scrollbar { display: none; }
.art-chips a { flex: none; border: 1px solid var(--sk-line-strong); border-radius: 999px; padding: 8px 14px; color: var(--sk-ink); font-size: 14px; white-space: nowrap; }
.art-chips a:hover { border-color: var(--sk-accent); text-decoration: none; }
.art-chips a[aria-current="page"] { background: var(--sk-accent); border-color: var(--sk-accent); color: #fff; }
@media (max-width: 760px) { .art-chips { margin-inline: -15px; padding-inline: 15px; } }

/* Pagination */
.art-pag { padding-top: 22px; }
.art-pag .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; list-style: none; margin: 0; padding: 0; }
.art-pag .page-link { min-width: 40px; height: 40px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--sk-line-strong); border-radius: var(--sk-radius-sm); color: var(--sk-ink); background: #fff; font-size: 14px; font-variant-numeric: tabular-nums; }
.art-pag .page-link:hover { border-color: var(--sk-accent); text-decoration: none; color: var(--sk-ink); }
.art-pag .active .page-link { background: var(--sk-accent); border-color: var(--sk-accent); color: #fff; }
.art-pag .disabled .page-link { opacity: .45; pointer-events: none; }

/* Sidebar boxes */
.art-dest { width: 285px; max-width: 100%; border: 1px solid var(--sk-line); border-radius: var(--sk-radius); background: #fff; overflow: hidden; font-size: 14px; }
.art .dst-arrow .sk-ic { width: 15px; height: 15px; }

.art-dest-h { display: block; padding: 12px 14px; background: var(--sk-soft); color: var(--sk-ink); font-weight: 500; }
.art-dest-facts, .art-dest ul { list-style: none; margin: 0; padding: 0; }
.art-dest .art-dest-facts { padding: 6px 14px 10px; }
.art-dest-facts li { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--sk-line); }
.art-dest-facts li:last-child { border-bottom: 0; }
.art-dest-facts b { color: var(--sk-ink); font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; }
.art-dest-facts .art-dest-total { justify-content: flex-start; gap: 6px; }
.art-dest-pistes { flex-wrap: wrap; justify-content: flex-start; gap: 4px 14px; }
.art-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; vertical-align: 0; }
.art-dot-green { background: var(--sk-green); }
.art-dot-blue { background: #2f6fb5; }
.art-dot-red { background: var(--sk-red); }
.art-dot-black { background: var(--sk-ink); }
.art-dest-more, .art-dest-ag { border-top: 1px solid var(--sk-line); padding: 12px 14px; }
.art-dest-more > b, .art-dest-ag > b { display: block; color: var(--sk-ink); font-weight: 500; margin-bottom: 6px; }
.art-dest-more ul { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; }
.art-dest-ag ul { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; }

/* Link icons */
.art {
	--art-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12.2H6.2z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E");
	--art-out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
}

/* Trip widget */
.art-body > .art-w { margin: 1.6em 0 2em; }
.art-body .art-w p { margin: 0; font-size: inherit; }
.art-body .art-w a { color: var(--sk-text); text-decoration: none; }
.art-body .art-w a.dst-arrow { color: var(--sk-accent); font-size: 14px; }
.art-body .art-w .art-w-h { color: var(--sk-ink); font-size: 21px; font-weight: 600; line-height: 1.25; }
.art-body .art-w .dst-muted { font-size: 13.5px; }
.art-body .art-w .dst-card { line-height: 1.4; }
.art-body .art-w .dst-card img { border-radius: 0; }
/* Trip cards on desktop */
@media (min-width: 761px) { .art-body .art-w .dst-card { flex-basis: calc((100% - 28px) / 3.2); } }
.art-body .art-w .dst-card-p { flex-wrap: wrap; row-gap: 0; }
/* Line break at end of link */
.art-body a > br:last-child { display: none; }
/* Shop widget */
.art-body .art-w-shop { background: var(--sk-soft); border-radius: var(--sk-radius); padding: 18px 16px; }
.art-body .art-w-prods { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.art-body .art-w-prods > li { padding: 0; margin: 0; }
.art-body .art-w-prods > li::before { display: none; }
.art-body .art-w a.art-w-prod { display: flex; flex-direction: column; gap: 3px; height: 100%; background: #fff; border-radius: var(--sk-radius); padding: 10px 12px 12px; color: var(--sk-ink); font-size: 13.5px; line-height: 1.35; }
.art-body .art-w a.art-w-prod:hover { box-shadow: 0 4px 16px rgba(43, 49, 64, .1); }
.art-body .art-w a.art-w-prod::before { display: none; }
.art-w-prod-img { display: block; margin-bottom: 6px; }
.art-body .art-w-prod-img img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 0; }
.art-w-prod-n { font-weight: 500; }
.art-w-prod-x { color: var(--sk-muted); font-size: 12.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.art-w-prod-p { margin-top: auto; padding-top: 6px; font-weight: 600; font-size: 15.5px; font-variant-numeric: tabular-nums; }
@media (max-width: 760px) {
	.art-body .art-w-shop { margin-inline: -15px; border-radius: 0; padding: 18px 15px; }
	.art-body .art-w-prods { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.art-body .art-w-prods::-webkit-scrollbar { display: none; }
	.art-body .art-w-prods > li { flex: 0 0 58%; scroll-snap-align: start; }
}