/* Swedish article hub and its related links only. No global typography rules. */
body.vi-sva-hub-page,
body.vi-sva-hub-page #main { background: #f6f5f0; }
body.vi-sva-hub-page #main #content-wrap { padding-top: 0; padding-bottom: 0; }
body.vi-sva-hub-page #main :is(#content-wrap,#primary,#content,.content-area,.site-content,.entry,.entry-content) {
  width: 100%; max-width: none; margin: 0; padding: 0; border: 0; float: none;
}
body.vi-sva-hub-page #main :is(#right-sidebar,#left-sidebar,.sidebar-container,.page-header) { display: none !important; }
.vi-sva-hub {
  width: min(100%, 1232px); margin: 0 auto; padding: 64px 48px 84px;
  color: #133d43; font: 17px/1.65 Arial,Helvetica,sans-serif;
}
.vi-sva-hub *, .vi-sva-related *, .vi-sva-back { box-sizing: border-box; }
.vi-sva-intro { margin: 0 0 40px; max-width: 800px; }
.vi-sva-hub .vi-sva-intro h1 {
  margin: 0 0 20px; color: #133d43; font: 400 clamp(38px,4.6vw,65px)/1.18 Georgia,serif;
  letter-spacing: -.02em;
}
.vi-sva-hub .vi-sva-intro p { font-size: 20px; margin: 0; max-width: 720px; }
.vi-sva-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 28px; }
.vi-sva-card { min-width: 0; border-bottom: 1px solid #cbd5ce; padding: 0 0 26px; }
.vi-sva-photo { display: block; aspect-ratio: 3/2; overflow: hidden; background: #e8ebe3; }
.vi-sva-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vi-sva-card-copy { padding: 22px 0 0; }
.vi-sva-hub .vi-sva-card-copy h2, .vi-sva-related .vi-sva-card-copy h3 {
  margin: 0 0 13px; font: 400 27px/1.25 Georgia,serif;
  letter-spacing: -.015em; color: #133d43; text-transform: none;
}
.vi-sva-hub .vi-sva-card-copy p, .vi-sva-related .vi-sva-card-copy p {
  font: 16px/1.7 Arial,Helvetica,sans-serif; color: #50635e; margin: 0;
}
.vi-sva-card-copy :is(h2,h3) a { color: inherit; text-decoration: none; }
.vi-sva-card-copy :is(h2,h3) a:hover { text-decoration: underline; text-underline-offset: 5px; }
.vi-sva-hub a:focus-visible, .vi-sva-related a:focus-visible, .vi-sva-back a:focus-visible {
  outline: 3px solid #a57533; outline-offset: 5px;
}
.vi-sva-pagination { margin: 42px 0 0; }
.vi-sva-pagination ul { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.vi-sva-pagination li { margin: 0; }
.vi-sva-pagination a,.vi-sva-pagination span {
  display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px;
  padding: 8px 14px; border: 1px solid #cbd5ce; color: #133d43;
}
.vi-sva-pagination .current { background: #063f46; color: #fffef9; border-color: #063f46; }
.vi-sva-back { margin: 0 auto 25px; max-width: 820px; font: 14px/1.6 Arial,Helvetica,sans-serif; }
.vi-sva-back a { display: inline-block; padding: 10px 0; color: #133d43; text-decoration: underline; text-underline-offset: 4px; }
.vi-sva-related { margin: 50px auto 0; padding: 36px 0 0; border-top: 1px solid #cbd5ce; max-width: 980px; color: #133d43; }
.vi-sva-related > h2 { margin: 0 0 25px; font: 400 30px/1.25 Georgia,serif; color: #133d43; }
.vi-sva-related .vi-sva-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.vi-sva-related .vi-sva-card-copy h3 { font-size: 24px; }
@media (max-width: 1080px) {
  .vi-sva-hub { padding: 48px 28px 60px; }
  .vi-sva-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px 24px; }
}
@media (max-width: 680px) {
  .vi-sva-hub { padding: 36px 20px 48px; }
  .vi-sva-hub .vi-sva-intro p { font-size: 18px; }
  .vi-sva-intro { margin-bottom: 30px; }
  .vi-sva-grid,.vi-sva-related .vi-sva-grid { grid-template-columns: 1fr; gap: 30px; }
  .vi-sva-card-copy { padding-top: 18px; }
  .vi-sva-hub .vi-sva-card-copy h2 { font-size: 27px; }
  .vi-sva-related .vi-sva-card-copy h3 { font-size: 24px; }
}