:root { --vstts-font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--vstts-font-scale: 1;  --font-h1: calc(40px * var(--vstts-font-scale));
--font-h2: calc(28px * var(--vstts-font-scale));
--font-h3: calc(24px * var(--vstts-font-scale));
--font-h4: calc(22px * var(--vstts-font-scale));
--font-h5: calc(20px * var(--vstts-font-scale)); --font-body-xl: calc(18px * var(--vstts-font-scale));
--font-body-l:  calc(16px * var(--vstts-font-scale));
--font-body-m:  calc(14px * var(--vstts-font-scale));
--font-body-s:  calc(12px * var(--vstts-font-scale));
--font-body-xs: calc(10px * var(--vstts-font-scale)); --vstts-radius: 32px;
--bs-border-radius: 32px; --vstts-text-primary: #000000;
--vstts-text-secondary: #5c6470;
--vstts-text-tertiary: #8c939d;
--vstts-text-inverse: #ffffff;
--vstts-text-negative: #e52222;
--vstts-focus-border: #1f5582; --vstts-bg-base: #ffffff;
--vstts-bg-base-02: #ebf3fc;
--vstts-bg-base-03: #f2f7fc;
--vstts-header-bg: #47667b;
--vstts-input-border: #d1d5db; --vstts-accent-primary: #4C7AA2;
--vstts-accent-hover: #1D3A54;
--vstts-accent-disabled: #718290;
--bs-link-color: #4C7AA2;
--bs-link-hover-color: #1D3A54; --vstts-base-06: rgba(77, 107, 131, 1);
--vstts-header-bg: var(--vstts-base-06); --vstts-footer-link: rgba(168, 206, 241, 1);
}body, h1, h2, h3, h4, h5, h6, p, span, a, input, select, textarea, button {
font-family: var(--vstts-font-family);
line-height: 1.2;
font-feature-settings: 'liga' off;
}
h2 {
text-transform: uppercase;
} h1, .font-h1 { font-size: var(--font-h1); font-weight: 500; color: var(--vstts-text-primary); }
h2, .font-h2 { font-size: var(--font-h2); font-weight: 700; color: var(--vstts-text-primary); }
h3, .font-h3 { font-size: var(--font-h3); font-weight: 700; color: var(--vstts-text-primary); }
h4, .font-h4 { font-size: var(--font-h4); font-weight: 700; color: var(--vstts-text-primary); }
h5, .font-h5-regular { font-size: var(--font-h5); font-weight: 400; color: var(--vstts-text-primary); }
.font-h5-bold { font-size: var(--font-h5); font-weight: 600; color: var(--vstts-text-primary); } .body-xl-bold { font-size: var(--font-body-xl); font-weight: 600; }
.body-xl      { font-size: var(--font-body-xl); font-weight: 400; }
body, .body-l { font-size: var(--font-body-l); font-weight: 400; color: var(--vstts-text-primary); }
.body-l-bold  { font-size: var(--font-body-l); font-weight: 600; }
.body-m       { font-size: var(--font-body-m); font-weight: 400; }
.body-m-bold  { font-size: var(--font-body-m); font-weight: 600; }
small, .body-s { font-size: var(--font-body-s); font-weight: 400; }
.body-s-bold  { font-size: var(--font-body-s); font-weight: 600; }
.body-xs      { font-size: var(--font-body-xs); font-weight: 400; }
.body-xs-bold { font-size: var(--font-body-xs); font-weight: 600; }
a.vstts-link,
.vstts-link,
.breadcrumb a,
.sveden-body a:not(.btn):not(.sveden-doc-btn),
.entry-content a {
color: #4C7AA2;
text-decoration: none;
background-image: linear-gradient(
to right,
rgba(76, 122, 162, 0.8),
rgba(76, 122, 162, 0.8)
);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: 0 100%;
transition:
background-size 0.15s ease,
opacity 0.15s ease,
color 0.15s ease;
} a.vstts-link:hover,
.vstts-link:hover,
.breadcrumb a:hover,
.sveden-body a:not(.btn):not(.sveden-doc-btn):hover,
.entry-content a:hover {
background-size: 0 1px;
opacity: 0.8;
} a.vstts-link:active,
.vstts-link:active,
.breadcrumb a:active,
.sveden-body a:not(.btn):not(.sveden-doc-btn):active,
.entry-content a:active {
background-size: 0 1px;
opacity: 0.5;
}.sveden-nav-card {
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 12px 8px;
position: sticky;
top: 20px;
}
.sveden-nav-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.sveden-nav-link {
display: block;
padding: 8px 12px;
font-size: var(--font-body-s);
font-weight: 500;
color: #475569;
border-radius: 8px;
text-decoration: none;
line-height: 1.25;
transition: background-color 0.15s ease, color 0.15s ease;
}
.sveden-nav-link:hover {
background-color: #f1f5f9;
color: var(--vstts-accent-primary);
} .sveden-nav-link.is-active,
.sveden-nav-item.is-active .sveden-nav-link {
background-color: var(--vstts-bg-base-03);
color: var(--vstts-accent-primary);
font-weight: 700;
box-shadow: inset 3px 0 0 var(--vstts-accent-primary);
cursor: default;
pointer-events: none;
} .sveden-section {
font-size: var(--font-body-l); 
font-weight: 400;
color: #1e2a3c;
margin-top: 0;
margin-bottom: 32px;
padding-bottom: 8px;
}
.sveden-section h2 {
font-size: var(--font-h3);
font-weight: 700;
color: #1e293b;
margin-top: 0;
margin-bottom: 16px;
} .sveden-table {
width: 100%;
margin-bottom: 0;
border-collapse: collapse;
font-size: var(--font-body-m);
border-radius: 0;
}
.sveden-table th {
background-color: #f1f5f9;
color: #0f172a;
padding: 10px 14px;
border: 1px solid #cbd5e1;
border-radius: 0;
font-weight: bold;
vertical-align: middle;
}
.sveden-table td {
padding: 10px 14px;
border: 1px solid #cbd5e1;
border-radius: 0;
color: #334155;
font-weight: 400;
vertical-align: top;
line-height: 1.35;
}
.sveden-table tr:hover td {
background-color: #f8fafc;
}
table>caption {
margin:0 0 8px 0;
padding:0;
} .sveden-doc-card {
background-color: #ffffff;
border-radius: 12px;
padding: 12px 16px;
width: fit-content;
min-width: 150px; 
max-width: 600px;
transition: background-color 0.2s ease;
}
.sveden-doc-card:hover {
background: rgba(112, 182, 246, 0.15);
}
.sveden-doc-title {
font-weight: 600;
font-size: var(--font-body-l);
color: var(--vstts-text-primary);
margin-bottom: 4px;
}
.sveden-doc-date {
font-size: var(--font-body-s);
color: #64748b;
margin-bottom: 8px;
}
.sveden-doc-links {
display: flex;
align-items: center;
gap: 16px;
}
.sveden-doc-btn {
font-size: var(--font-body-m);
color: var(--bs-link-color);
text-decoration: underline;
font-weight: 500;
}
.sveden-doc-btn:hover {
color: var(--bs-link-hover-color);
} .doc-absent {
padding: 12px 16px;
background-color: #f8fafc;
border-left: 3px solid #94a3b8;
color: #475569;
font-style: italic;
font-size: var(--font-body-m);
margin: 8px 0;
}
.itemprop-empty {
display: inline;
padding: 0;
border: none;
background: transparent;
color: #94a3b8;
font-style: italic;
} .sveden-tile-card {
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 20px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.sveden-tile-card:hover {
background-color: #ebf3fc;
border-color: #e2e8f0;
transform: translateY(-2px);
}
.sveden-tile-content {
flex: 1;
min-width: 0;
}
.sveden-tile-arrow {
font-size: var(--font-h4);
color: var(--vstts-accent-primary);
flex-shrink: 0;
}
.sveden-places-list {
padding-left: 1.25em;
margin: 0;
}
.sveden-places-list li {
margin-bottom: 0.75em;
line-height: 1.35;
}
.sveden-places-list li:last-child {
margin-bottom: 0;
} td > .sveden-doc-card:not(:last-child) {
margin-bottom: 0.5em;
}