/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

:root {
  --text-color: #323232;
  --red-color: #883232;
  --background-color: #fbfbf9;
  --border-color: rgba(0, 0, 0, 0.1);
}

/* ---- Grid and sizing --------------------------------------------------- */

:root {
  --col-px: 74;
  --gutter-px: 40;
  --total-columns: 12;

  --inner-width: calc(var(--col-px)*var(--total-columns) + var(--gutter-px)*(var(--total-columns) - 1));
  --column: calc(var(--col-px)/var(--inner-width));
  --gutter: calc(var(--gutter-px)/var(--inner-width));

  --columns-1: var(--column);
  --columns-2: calc(var(--column)*2 + var(--gutter));
  --columns-3: calc(var(--column)*3 + var(--gutter)*2);
  --columns-4: calc(var(--column)*4 + var(--gutter)*3);
  --columns-5: calc(var(--column)*5 + var(--gutter)*4);
  --columns-6: calc(var(--column)*6 + var(--gutter)*5);
  --columns-7: calc(var(--column)*7 + var(--gutter)*6);
  --columns-8: calc(var(--column)*8 + var(--gutter)*7);
  --columns-9: calc(var(--column)*9 + var(--gutter)*8);
  --columns-10: calc(var(--column)*10 + var(--gutter)*9);
  --columns-11: calc(var(--column)*11 + var(--gutter)*10);
  --columns-12: calc(var(--column)*12 + var(--gutter)*11);

  --outer-margin: 60;
  --outer-margin-mobile: 30px;
  --ref-width: calc(var(--inner-width) + var(--outer-margin)*2);
  --ref-width-adjust: calc(var(--inner-width)/var(--ref-width));
}

/* ---- Breakpoints ------------------------------------------------------- */

:root {
  --font-sans: "neue-haas-unica", Helvetica, sans-serif;
  --font-serif: "ivypresto-text", serif;
  --font-serif-display: "ivypresto-display", var(--font-serif);

  --text-large: bold 1.125rem/1.3 var(--font-sans);

  --text-heading-1: 500 2.25rem/1.3 var(--font-sans);
  --text-heading-1-serif: normal 4rem/1.15 var(--font-serif-display);
  --text-heading-2: bold 1.125rem/1.3 var(--font-sans);

  --text-normal: normal 1.125rem/1.5 var(--font-sans);
  --text-serif: normal 1.125rem/1.5 var(--font-serif);
  --text-nav: normal 1rem/1.4 var(--font-sans);
  --text-small: normal 0.875rem/1.3 var(--font-sans);
}

@media screen and (max-width: 1100px) {

:root {
    --text-heading-1-serif: normal 2.25rem/1.15 var(--font-serif-display);
}
  }

body {
  font: normal 1.125rem/1.5 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-normal);
}

p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
  margin: 0px 0px 20px 0px;
}

p:last-child {
    margin-bottom: 0px;
  }

ul:last-child {
    margin-bottom: 0px;
  }

ol:last-child {
    margin-bottom: 0px;
  }

h1:last-child {
    margin-bottom: 0px;
  }

h2:last-child {
    margin-bottom: 0px;
  }

h3:last-child {
    margin-bottom: 0px;
  }

h4:last-child {
    margin-bottom: 0px;
  }

h5:last-child {
    margin-bottom: 0px;
  }

h6:last-child {
    margin-bottom: 0px;
  }

blockquote:last-child {
    margin-bottom: 0px;
  }

h1 {
  margin-bottom: 1.875rem;
  font: 500 2.25rem/1.3 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-heading-1);
}

.template-article h1,.template-article_kritikk h1,.template-article_wide h1,.template-article_category h1 {
    font: normal 4rem/1.15 "ivypresto-display", "ivypresto-text", serif;
    font: var(--text-heading-1-serif);
  }

h2 {
  font: bold 1.125rem/1.3 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-heading-2);
}

.body h2 {
    margin-top: 1.5rem;
    margin-bottom: 0.25rem;
  }

.body h2:first-child {
      margin-top: 0px;
    }

h3 {
  font: bold 1.125rem/1.3 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-heading-2);
}

h3.border,.issue-thumbnail h3 {
    padding-bottom: 12px;
    border-bottom: 3px solid #323232;
    border-bottom: 3px solid var(--text-color);
    margin-bottom: 30px;
  }

h4 {
}

.body .excerpt,
.top-article .excerpt {
  font: bold 1.125rem/1.3 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-large);
}

small {
  font: normal 0.875rem/1.3 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-small);
}

.footnotes {
  font: normal 0.875rem/1.3 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-small);
  margin: 60px 0px;
  word-wrap: break-word;
}

.footnotes:last-child {
    margin-bottom: 0px;
  }

blockquote {
  margin: 1.5rem 0px;
  font-size: 1rem;
  line-height: 1.69;
}

blockquote cite {
    display: block;
    margin-top: 1rem;
    font: normal 1.125rem/1.5 "neue-haas-unica", Helvetica, sans-serif;
    font: var(--text-normal);
  }

article .category {
  font: normal 1rem/1.4 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-nav);
}

ul.attachments {
  font: normal 1.125rem/1.5 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-normal);
}

body > header .subnav,
body > footer .content,
article .byline,
article .timestamp,
article .kritikk-description,
article.full-article .content .boxout,
figure.image figcaption,
.articles-list .content,
.articles-grid article,
.search-page .search-results-list article,
.pagination,
.issue-thumbnail {
  font: normal 0.875rem/1.3 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-small);
}

section.page .sidebar .buy-prosa {
  font: normal 0.875rem/1.3 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-small);
  font-weight: bold;
}

form .field label {
    font: normal 0.875rem/1.3 "neue-haas-unica", Helvetica, sans-serif;
    font: var(--text-small);
  }

form textarea,form input[type="text"],form input[type="email"],form input[type="password"] {
    font: normal 1.125rem/1.5 "neue-haas-unica", Helvetica, sans-serif;
    font: var(--text-normal);
  }

button,
.button,
.button:visited {
  font: normal 1.125rem/1.5 "neue-haas-unica", Helvetica, sans-serif;
  font: var(--text-normal);
}

article.full-article .content .body {
    font: normal 1.125rem/1.5 "neue-haas-unica", Helvetica, sans-serif;
    font: var(--text-normal);
  }

article.full-article.template-article .content .body,article.full-article.template-article_kritikk .content .body,article.full-article.template-article_wide .content .body,article.full-article.template-article_category .content .body {
      font: normal 1.125rem/1.5 "ivypresto-text", serif;
      font: var(--text-serif);
    }

body > header nav {
    font: normal 1rem/1.4 "neue-haas-unica", Helvetica, sans-serif;
    font: var(--text-nav);
  }

@media screen and (max-width: 1100px) {

body > header nav {
      font: normal 21px/0.95 "neue-haas-unica", Helvetica, sans-serif;
      font: normal 21px/0.95 var(--font-sans);
  }
    }

body > header nav .index-page {
      font-weight: bold;
    }

.search-page .search-form input {
    font: normal 21px/1.38 "neue-haas-unica", Helvetica, sans-serif;
    font: normal 21px/1.38 var(--font-sans);
  }

article.full-article {
  margin-bottom: 180px;
  width: 100%;
}

@media screen and (max-width: 1100px) {

article.full-article {
    margin-bottom: 90px;
}
  }

article.full-article .intro {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

article.full-article .intro .intro-content {
      padding: 0rem;
      width: 48.4939759036%;
      width: calc(var(--columns-6)*100%);
      margin-bottom: 60px;
      order: 0;
      text-align: left;
    }

article.full-article .intro .intro-content h1 {
        margin-right: 2rem;
      }

@media screen and (max-width: 1100px) {

article.full-article .intro .intro-content h1 {
          margin-right: 0rem;
      }
        }

article.full-article .intro .intro-content .category {
        margin-bottom: 1.875rem;
      }

article.full-article .intro .intro-content .byline {
        margin-bottom: 0px;
      }

@media screen and (max-width: 1100px) {

article.full-article .intro .intro-content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
        padding: 30px 0px;
        margin-bottom: 30px;
    }
  }

article.full-article .intro .image {
      width: 48.4939759036%;
      width: calc(var(--columns-6)*100%);
      margin-left: 3.0120481928%;
      margin-left: calc(var(--gutter)*100%);
      order: 1;
      margin-bottom: 120px;
      padding: 0px;
    }

@media screen and (max-width: 1100px) {

article.full-article .intro .image.portrait {
          width: 65.6626506024%;
          width: calc(var(--columns-8)*100%);
          margin-left: 17.1686746988%;
          margin-left: calc((var(--columns-2) + var(--gutter))*100%);
      }
        }

@media screen and (max-width: 1100px) {

article.full-article .intro .image {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

article.full-article.template-article_kritikk .intro .image.portrait {
      width: 31.3253012048%;
      width: calc(var(--columns-4)*100%);
      margin-left: 11.5963855422%;
      margin-left: calc((var(--columns-1) + (var(--gutter)*2))*100%);
    }

@media screen and (max-width: 1100px) {

article.full-article.template-article_kritikk .intro .image.portrait {
        width: 65.6626506024%;
        width: calc(var(--columns-8)*100%);
        margin-left: 17.1686746988%;
        margin-left: calc((var(--columns-2) + var(--gutter))*100%);
    }
      }

article.full-article.template-article_wide .intro .image.landscape {
      width: 100%;
      margin-left: 0px;
    }

article.full-article.template-article_wide .intro .image.landscape + .intro-content {
      margin-left: 25.7530120482%;
      margin-left: calc((var(--columns-3) + var(--gutter))*100%);
    }

@media screen and (max-width: 1100px) {

article.full-article.template-article_wide .intro .image.landscape + .intro-content {
        margin-left: 0px;
    }
      }

article.full-article .content {
    display: flex;
  }

@media screen and (max-width: 1100px) {

article.full-article .content {
      flex-direction: column;
      gap: 60px;
  }
    }

article.full-article .content .body {
      width: 48.4939759036%;
      width: calc(var(--columns-6)*100%);
      margin-left: 25.7530120482%;
      margin-left: calc((var(--columns-3) + var(--gutter))*100%);
    }

.boxout + :is(article.full-article .content .body) {
        margin-left: 3.0120481928%;
        margin-left: calc(var(--gutter)*100%);
      }

@media screen and (max-width: 1100px) {

.boxout + :is(article.full-article .content .body) {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      }
  }

article.full-article .content .body .excerpt {
        margin-bottom: 1.5rem;
      }

@media screen and (max-width: 1100px) {

article.full-article .content .body {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

article.full-article .content .boxout {
      width: 22.7409638554%;
      width: calc(var(--columns-3)*100%);
    }

@media screen and (max-width: 1100px) {

article.full-article .content .boxout {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

.articles-index h3.border {
    margin-bottom: 0px;
  }

.articles-list {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid var(--border-color);
}

.articles-list article {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    padding: 30px 0px;
  }

@media screen and (max-width: 1100px) {

.articles-list article {
      flex-direction: column;
  }
    }

.articles-list article .image {
      width: 19.0669371197%;
      width: calc(var(--columns-2)/var(--columns-9)*100%);
      margin-right: 15.6186612576%;
      margin-right: calc((var(--columns-1) + (var(--gutter)*2))/var(--columns-9)*100%);
    }

@media screen and (max-width: 1100px) {

.articles-list article .image {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
        margin-bottom: 20px;
    }
  }

.articles-list article .image img {
        display: block;
        width: 100%;
        height: auto;
        mix-blend-mode: multiply;
      }

.articles-list article .content {
      width: 65.3144016227%;
      width: calc(var(--columns-6)/var(--columns-9)*100%);
    }

@media screen and (max-width: 1100px) {

.articles-list article .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

.articles-list article .kritikk-description {
      width: 46.8944099379%;
      width: calc(var(--columns-3)/var(--columns-6)*100%);
    }

@media screen and (max-width: 1100px) {

.articles-list article .kritikk-description {
        width: 74.2469879518%;
        width: calc(var(--columns-9)*100%);
    }
      }

article .byline a:visited {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

article .timestamp a:visited {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

article .byline a,article .timestamp a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

article .byline a:hover,article .timestamp a:hover,article .byline a:focus,article .timestamp a:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

.articles-grid article h2,.articles-list article h2 {
      margin-bottom: 0rem;
    }

.articles-grid article .content,.articles-list article .content {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

article .category span {
      margin-right: 10px;
    }

article .category span:last-child {
        margin-right: 0px;
      }

article .kritikk-description {
    border-top: 3px solid rgba(0, 0, 0, 0.1);
    border-top: 3px solid var(--border-color);
    padding-top: 12px;
    margin-bottom: 20px;
  }

.articles-grid {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1100px) {

.articles-grid article {
      margin-bottom: 60px;
  }
      .articles-grid article:last-child {
        margin-bottom: 0px;
      }
    }

.articles-grid article .image {
      margin-bottom: 20px;
    }

.articles-grid article .image img {
        display: block;
        width: 100%;
        height: auto;
        mix-blend-mode: multiply;
      }

.articles-grid-3 {
  width: 74.2469879518%;
  width: calc(var(--columns-9)*100%);
}

@media screen and (max-width: 1100px) {

.articles-grid-3 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
}
  }

.articles-grid-3 article {
    width: 30.6288032454%;
    width: calc(var(--columns-3)/var(--columns-9)*100%);
    margin-left: 4.0567951318%;
    margin-left: calc(var(--gutter)/var(--columns-9)*100%);
  }

.articles-grid-3 article:nth-child(3n + 1) {
      margin-left: 0px;
    }

@media screen and (max-width: 1100px) {

.articles-grid-3 article {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

.articles-grid-4 {
  width: 100%;
}

@media screen and (max-width: 1100px) {

.articles-grid-4 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
}
  }

.articles-grid-4 article {
    width: 22.7409638554%;
    width: calc(var(--columns-3)*100%);
    margin-left: 3.0120481928%;
    margin-left: calc(var(--gutter)*100%);
    margin-top: 60px;
  }

.articles-grid-4 article:nth-child(1) {
      margin-top: 0px;
    }

.articles-grid-4 article:nth-child(2) {
      margin-top: 0px;
    }

.articles-grid-4 article:nth-child(3) {
      margin-top: 0px;
    }

.articles-grid-4 article:nth-child(4) {
      margin-top: 0px;
    }

.articles-grid-4 article:nth-child(4n + 1) {
      margin-left: 0px;
    }

@media screen and (max-width: 1100px) {

.articles-grid-4 article {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      margin-top: 0px;
  }
  }

ul.attachments {
  margin: 60px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid var(--border-color);
  list-style-type: none;
  padding: 0px;
}

ul.attachments li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--border-color);
  }

ul.attachments li a:visited {
      -webkit-text-decoration: none;
      text-decoration: none;
      display: block;
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M14%206h-4V0H4v6H0l7%207zM0%2015v2h14v-2z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%285%203%29%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22%23000%22%20fill-opacity%3D%22.87%22%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M-5-3h24v24H-5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') left center no-repeat;
      background-size: 24px 24px;
      padding: 12px 0px 12px 35px;
    }

ul.attachments li a {
      -webkit-text-decoration: none;
      text-decoration: none;
      display: block;
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M14%206h-4V0H4v6H0l7%207zM0%2015v2h14v-2z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%285%203%29%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22%23000%22%20fill-opacity%3D%22.87%22%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M-5-3h24v24H-5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') left center no-repeat;
      background-size: 24px 24px;
      padding: 12px 0px 12px 35px;
    }

ul.attachments li a:hover,ul.attachments li a:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

ul.attachments:first-child {
    margin-top: 0px;
  }

ul.attachments:last-child {
    margin-bottom: 0px;
  }

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  background: #fbfbf9;
  background: var(--background-color);
  color: #323232;
  color: var(--text-color);
}

h1 a:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

h2 a:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

h3 a:visited {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

h1 a,h2 a,h3 a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

h1 a:hover,h2 a:hover,h3 a:hover,h1 a:focus,h2 a:focus,h3 a:focus {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

.body h1,.body h2,.body h3 {
    clear: both;
  }

.body blockquote {
    padding-left: 17.701863354%;
    padding-left: calc((var(--columns-1) + var(--gutter))/var(--columns-6)*100%);
  }

@media screen and (max-width: 1100px) {

.body blockquote {
      padding-left: 17.1686746988%;
      padding-left: calc((var(--columns-2) + var(--gutter))*100%);
  }
    }

a,
a:visited {
  color: #323232;
  color: var(--text-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

body > footer {
  margin-top: 180px;
}

@media screen and (max-width: 1100px) {

body > footer {
    margin-top: 60px;
}
  }

body > footer .content {
    width: 100%;
    padding: 60px 0px;
    border-top: 3px solid #323232;
    border-top: 3px solid var(--text-color);
  }

@media screen and (max-width: 1100px) {

body > footer .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

body > footer .content .columns {
      display: flex;
      margin-top: 30px;
      margin-bottom: 120px;
    }

@media screen and (max-width: 1100px) {

body > footer .content .columns {
        flex-direction: column;
        margin-bottom: 60px;
    }
      }

body > footer .content .columns .column {
        width: 22.7409638554%;
        width: calc(var(--columns-3)*100%);
        margin-left: 3.0120481928%;
        margin-left: calc(var(--gutter)*100%);
      }

body > footer .content .columns .column:nth-child(3n + 1) {
          margin-left: 0px;
        }

@media screen and (max-width: 1100px) {

body > footer .content .columns .column {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
          margin-bottom: 20px;
      }
  }

body > footer .content .footer-link {
      margin-right: 16px;
    }

.issue-order-form {
  margin-top: 30px;
}

form .field {
    margin-bottom: 20px;
  }

form .field label {
      display: block;
      margin-bottom: 6px;
    }

form .field-with-errors label {
      color: #883232;
      color: var(--red-color);
    }

form textarea,form input[type="text"],form input[type="email"],form input[type="password"] {
    padding: 6px 12px;
    width: 100%;
    border: none;
    background: rgba(0, 0, 0, 0.05);
  }

form textarea {
    min-height: 100px;
  }

button,
.button,
.button:visited {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: none;
  background: #323232;
  background: var(--text-color);
  color: #fbfbf9;
  color: var(--background-color);
  padding: 9px 20px;
  line-height: 40px;
}

.buttons {
  margin: 1.875rem 0px;
}

body > header {
  padding: 40px 0px;
}

@media screen and (max-width: 1100px) {

body > header {
    padding: 30px 0px;
}
  }

body > header .inner {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 20px;
  }

body > header .inner:after {
      content: "";
      display: table;
      clear: both;
    }

@media screen and (max-width: 1100px) {

body > header .inner {
      border-bottom: none;
      padding-bottom: 0px;
  }
    }

body > header .logo {
    display: block;
    width: 22.7409638554%;
    width: calc(var(--columns-3)*100%);
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221651%22%20height%3D%22378%22%20fill%3D%22none%22%20viewBox%3D%220%200%201651%20378%22%3E%3Cpath%20fill%3D%22%23323232%22%20d%3D%22M1468.64%20132.12c6.09-19.26%2015.21-55.76%2015.21-55.76h1.02s8.61%2036.5%2014.7%2055.76l32.44%20104.43h-95.8l32.44-104.43zm-148.02%20237.75h74.52l23.82-77.05h130.79l24.33%2077.05h76.54L1522.88%207.42h-76.04l-126.23%20362.45zm-150.55%208.11c81.61%200%20140.92-41.06%20140.92-114.57%200-78.06-60.83-95.81-135.35-112.03-53.73-11.66-79.08-20.28-79.08-49.68%200-25.85%2025.85-42.58%2065.4-42.58%2037.51%200%2065.9%2018.24%2069.96%2054.74h70.46C1296.8%2040.87%201244.09.82%201162.47.82s-138.9%2037.01-138.9%20108.48c0%2075.53%2059.31%2092.77%20124.2%20107.47%2055.26%2012.67%2089.72%2019.77%2089.72%2055.26%200%2033.46-32.95%2046.64-70.46%2046.64-51.71%200-76.55-17.23-81.62-60.84h-71.98c2.53%2076.55%2058.3%20120.15%20156.65%20120.15m-356.376-60.32c-66.41%200-100.37-56.27-100.37-128.25s33.97-128.76%20100.37-128.76%2098.85%2056.27%2098.85%20128.76-32.45%20128.25-98.85%20128.25m-.51%2060.32c106.96%200%20174.38-80.09%20174.38-188.58S920.154.32%20813.194.32s-174.89%2080.6-174.89%20189.09%2067.93%20188.58%20174.89%20188.58M398.534%2066.73h80.09c39.03%200%2057.79%2021.79%2057.79%2051.2s-19.77%2049.67-59.81%2049.67h-78.07zm-73.51%20303.14h73.51V224.38h59.31c45.62%200%2067.93%2022.31%2070.97%2061.84%203.04%2039.03%204.06%2079.59%2013.18%2083.65h70.46v-3.55c-12.67-5.57-10.65-44.6-15.72-95.8-4.56-44.1-21.79-63.37-55.25-73V196c46.63-12.67%2066.41-45.11%2066.41-87.7%200-60.32-46.64-100.87-116.59-100.87h-166.28v362.45zM76.134%2071.29h77.06c36.49%200%2057.79%2019.26%2057.79%2053.22s-20.28%2054.24-58.8%2054.24h-76.04V71.28zM.094%20369.87h76.04V238.58h89.22c76.04%200%20121.16-46.13%20121.16-114.57%200-33.46-12.16-61.84-32.45-82.63-21.29-21.79-52.72-33.96-94.79-33.96H.094z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: contain;
    height: 3.0386740331vw;
    height: calc(44/var(--ref-width)*100vw);
    overflow: hidden;
    text-indent: -9000px;
    order: 1;
  }

@media screen and (max-width: 1100px) {

body > header .logo {
      flex: 1 0;
      order: 0;
      width: 74.2469879518%;
      width: calc(var(--columns-9)*100%);
      height: 33px;
  }
    }

body > header .mobile-toggle {
    display: none;
  }

@media screen and (max-width: 1100px) {

body > header .mobile-toggle {
      display: block;
      width: 14.156626506%;
      width: calc(var(--columns-2)*100%);
      height: 33px;
      order: 1;
      background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2230%22%20height%3D%2219%22%20viewBox%3D%220%200%2030%2019%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%2019h30v-3H0zm0-8h30V8H0zM0%200v3h30V0z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20fill-opacity%3D%22.8%22%2F%3E%3C%2Fsvg%3E') no-repeat;
      background-position: right center;
      cursor: pointer;
  }
    }

body > header nav {
    order: 0;
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
    margin-right: 3.0120481928%;
    margin-right: calc(var(--gutter)*100%);
    margin-bottom: -2px;
    flex: 1 0;
  }

body > header nav ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
    }

body > header nav li {
      display: inline-block;
      margin-right: 15px;
    }

body > header nav a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

body > header nav a:hover,body > header nav a:focus {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

body > header nav .search {
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-bottom: -3px;
      background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23333%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.392%2019.978a.995.995%200%200%201-.003%201.411.997.997%200%200%201-1.411.003l-5.429-5.429a7.5%207.5%200%201%201%201.414-1.414zM10%2015.5a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
      overflow: hidden;
      text-indent: -9000px;
    }

@media screen and (max-width: 1100px) {

body > header nav {
      display: none;
      order: 3;
      padding: 15px 0px;
      width: 100%;
      flex: auto;
  }
      body > header nav li {
        display: block;
        margin: 25px 0px;
      }
    }

body > header .subnav {
    order: 3;
    width: 100%;
    position: absolute;
    top: calc(80px + 3vw);
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }

body > header .subnav li {
      display: inline-block;
      margin-right: 15px;
    }

body > header .subnav a:visited {
      opacity: 0.85;
    }

body > header .subnav a {
      opacity: 0.85;
    }

@media screen and (max-width: 1100px) {

body > header .subnav {
      display: none;
  }
    }

@media screen and (max-width: 1100px) {
    body > header.expanded {
      min-height: 100vh;
    }
      body > header.expanded nav {
        display: block;
      }
  }

section.home {
  display: flex;
  flex-wrap: wrap;
}

section.home section {
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0px;
  }

@media screen and (max-width: 1100px) {

section.home section {
      margin: 30px 0px;
  }
    }

section.home section  > h3.border {
      width: 22.7409638554%;
      width: calc(var(--columns-3)*100%);
      margin-bottom: 60px;
    }

section.home .ads {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px;
  }

@media screen and (max-width: 1100px) {

section.home .ads {
      margin-bottom: 0px;
  }
    }

section.home .ads .ad {
      width: 48.4939759036%;
      width: calc(var(--columns-6)*100%);
      margin-left: 3.0120481928%;
      margin-left: calc(var(--gutter)*100%);
      margin-bottom: 30px;
    }

section.home .ads .ad:nth-child(2n + 1) {
        margin-left: 0px;
      }

@media screen and (max-width: 1100px) {

section.home .ads .ad {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

section.home .ads img {
      display: block;
      width: 100%;
      height: auto;
    }

section.home .articles {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 120px;
  }

@media screen and (max-width: 1100px) {

section.home .articles {
      margin-bottom: 30px;
  }
    }

@media screen and (max-width: 1100px) {

section.home .articles .articles-grid {
        margin-top: 0px;
        margin-bottom: 60px;
    }
      }

section.home .leder {
    width: 100%;
    border: 0px;
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 60px;
    margin-top: 0px;
  }

section.home .leder article {
      padding: 30px 0px;
      margin-top: 40px;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-top: 1px solid var(--border-color);
      display: flex;
      width: 74.2469879518%;
      width: calc(var(--columns-9)*100%);
    }

@media screen and (max-width: 1100px) {

section.home .leder article {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
        flex-direction: column;
        margin-bottom: 60px;
    }
  }

section.home .leder .boxout {
      width: 30.6288032454%;
      width: calc(var(--columns-3)/var(--columns-9)*100%);
      margin-right: 4.0567951318%;
      margin-right: calc(var(--gutter)/var(--columns-9)*100%);
    }

@media screen and (max-width: 1100px) {

section.home .leder .boxout {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
        margin-bottom: 30px;
    }
  }

section.home .leder .content {
      width: 65.3144016227%;
      width: calc(var(--columns-6)/var(--columns-9)*100%);
    }

@media screen and (max-width: 1100px) {

section.home .leder .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

section.home .leder .content .category {
        margin-bottom: 30px;
      }

section.home .leder .content p {
        max-width: 95%;
      }

@media screen and (max-width: 1100px) {

section.home .leder .content p {
          max-width: 100%;
      }
        }

section.home .kritikk {
    margin-bottom: 60px;
  }

@media screen and (max-width: 1100px) {

section.home .kritikk {
      padding: 60px 0px;
  }
    }

section.home .spalter .articles-list {
      border-top: none;
    }

figure.image {
  margin: 60px 0px;
  padding: 0px;
}

figure.image:first-child {
    margin-top: 0px;
  }

figure.image:last-child {
    margin-bottom: 0px;
  }

@media screen and (max-width: 1100px) {

figure.image {
    margin: 45px 0px;
}
    figure.image:first-child {
      margin-top: 0px;
    }
    figure.image:last-child {
      margin-bottom: 0px;
    }
  }

figure.image img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: multiply;
  }

figure.image figcaption {
    opacity: 0.625;
    margin-top: 10px;
  }

.body figure.image.portrait {
    margin: 60px auto;
    width: 64.5962732919%;
    width: calc(var(--columns-4)/var(--columns-6)*100%);
  }

.body figure.image.portrait:first-child {
      margin-top: 0px;
    }

.body figure.image.portrait:last-child {
      margin-bottom: 0px;
    }

@media screen and (max-width: 1100px) {

.body figure.image.portrait {
      margin: 45px auto;
      width: 65.6626506024%;
      width: calc(var(--columns-8)*100%);
  }
      .body figure.image.portrait:first-child {
        margin-top: 0px;
      }
      .body figure.image.portrait:last-child {
        margin-bottom: 0px;
      }
    }

.body figure.image.portrait.large {
      width: 135.4037267081%;
      width: calc(var(--columns-8)/var(--columns-6)*100%);
      margin-left: -17.701863354%;
      margin-left: calc((var(--columns-1) + var(--gutter))/var(--columns-6)*-100%);
    }

@media screen and (max-width: 1100px) {

.body figure.image.portrait.large {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

.body figure.image.landscape.large,.body figure.image.square.large {
    width: 170.8074534161%;
    width: calc(var(--columns-10)/var(--columns-6)*100%);
    margin-left: -35.4037267081%;
    margin-left: calc((var(--columns-2) + var(--gutter))/var(--columns-6)*-100%);
  }

@media screen and (max-width: 1100px) {

.body figure.image.landscape.large,.body figure.image.square.large {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

.body figure.image.left,.body figure.image.right {
    width: 46.8944099379%;
    width: calc(var(--columns-3)/var(--columns-6)*100%);
  }

.body figure.image.left {
    clear: left;
    margin: 0px 6.2111801242% 30px 0px;
    margin: 0px calc(var(--gutter)/var(--columns-6)*100%) 30px 0px;
    float: left;
  }

.body figure.image.left.landscape,.body figure.image.left.square {
      width: 82.298136646%;
      width: calc(var(--columns-5)/var(--columns-6)*100%);
      margin-left: -35.4037267081%;
      margin-left: calc((var(--columns-2) + var(--gutter))/var(--columns-6)*-100%);
    }

@media screen and (max-width: 1100px) {
      .body figure.image.left,.body figure.image.left.landscape,.body figure.image.left.square {
        width: 48.4939759036%;
        width: calc(var(--columns-6)*100%);
        margin-left: 0px;
        margin-right: 6.0240963855%;
        margin-right: calc(var(--gutter)*2*100%);
      }
    }

.body figure.image.right {
    clear: left;
    margin: 0px 0px 30px 6.2111801242%;
    margin: 0px 0px 30px calc(var(--gutter)/var(--columns-6)*100%);
    float: right;
  }

.body figure.image.right.landscape,.body figure.image.right.square {
      width: 82.298136646%;
      width: calc(var(--columns-5)/var(--columns-6)*100%);
      margin-right: -35.4037267081%;
      margin-right: calc((var(--columns-2) + var(--gutter))/var(--columns-6)*-100%);
    }

@media screen and (max-width: 1100px) {
      .body figure.image.right,.body figure.image.right.landscape,.body figure.image.right.square {
        width: 48.4939759036%;
        width: calc(var(--columns-6)*100%);
        margin-left: 6.0240963855%;
        margin-left: calc(var(--gutter)*2*100%);
        margin-right: 0px;
      }
    }

.boxout figure.image {
  margin: 30px 0px;
}

.boxout figure.image:first-child {
    margin-top: 0px;
  }

.boxout figure.image:last-child {
    margin-bottom: 0px;
  }

.boxout figure.image.portrait,.boxout figure.image.square {
    width: 62.2516556291%;
    width: calc(var(--columns-2)/var(--columns-3)*100%);
  }

@media screen and (max-width: 1100px) {

.boxout figure.image.portrait,.boxout figure.image.square {
      width: 65.6626506024%;
      width: calc(var(--columns-8)*100%);
  }
    }

.top-article {
  width: 100%;
  margin-bottom: 120px;
}

@media screen and (max-width: 1100px) {

.top-article {
    margin-bottom: 60px;
}
  }

.top-article article {
    display: flex;
  }

@media screen and (max-width: 1100px) {

.top-article article {
      flex-direction: column;
  }
    }

@media screen and (min-width: 1101px) {
      .top-article article .image {
        order: 1;
      }
      .top-article article .content {
        order: 0;
      }
    }

.top-article article .image {
      width: 39.9096385542%;
      width: calc(var(--columns-5)*100%);
    }

@media screen and (max-width: 1100px) {

.top-article article .image {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

.top-article article .image img {
        display: block;
        width: 100%;
        height: auto;
        mix-blend-mode: multiply;
      }

.top-article article .content {
      width: 39.9096385542%;
      width: calc(var(--columns-5)*100%);
      margin-right: 3.0120481928%;
      margin-right: calc(var(--gutter)*100%);
      margin-left: 8.5843373494%;
      margin-left: calc((var(--columns-1) + var(--gutter))*100%);
    }

@media screen and (max-width: 1100px) {

.top-article article .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

.top-article article .category {
      margin-bottom: 1.875rem;
    }

.top-article article .excerpt {
      margin-top: 1.875rem;
    }

.top-article article .kritikk-description {
      margin: 0px auto 0px auto;
      width: 46.8944099379%;
      width: calc(var(--columns-3)/var(--columns-6)*100%);
    }

@media screen and (max-width: 1100px) {

.top-article article .kritikk-description {
        width: 74.2469879518%;
        width: calc(var(--columns-9)*100%);
    }
      }

section.issues {
  padding-top: 60px;
}

section.issues h3.border {
    width: 22.7409638554%;
    width: calc(var(--columns-3)*100%);
  }

section.issues .boxout {
    margin-top: 60px;
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
  }

@media screen and (max-width: 1100px) {

section.issues .boxout {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

.issues-list {
  display: flex;
  flex-wrap: wrap;
}

.issues-list .issue-thumbnail {
    display: block;
    width: 22.7409638554%;
    width: calc(var(--columns-3)*100%);
    margin-left: 3.0120481928%;
    margin-left: calc(var(--gutter)*100%);
    margin-bottom: 60px;
  }

.issues-list .issue-thumbnail:nth-child(4n + 1) {
      margin-left: 0px;
    }

@media screen and (max-width: 1100px) {

.issues-list .issue-thumbnail {
      width: 48.4939759036%;
      width: calc(var(--columns-6)*100%);
  }

      .issues-list .issue-thumbnail:nth-child(2n + 1) {
        margin-left: 0px;
      }
    }

.issue-thumbnail {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.issue-thumbnail .image {
    width: 83.33%;
    margin-bottom: 20px;
  }

.issue-thumbnail .image img {
      display: block;
      width: 100%;
      height: auto;
      mix-blend-mode: multiply;
      box-shadow:
        0 10px 6px 0 rgba(0, 0, 0, 0.08),
        0 7px 3px -3px rgba(0, 0, 0, 0.12);
    }

.issue-thumbnail .name {
    margin-bottom: 6px;
  }

.issue-thumbnail .name a:visited {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.issue-thumbnail .name a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.issue-thumbnail .name a:hover,.issue-thumbnail .name a:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

.issue-thumbnail .description {
    margin-bottom: 30px;
  }

.issue-thumbnail .description:last-child {
      margin-bottom: 0px;
    }

@media screen and (max-width: 1100px) {
    section.issue .sidebar {
      order: 0;
      margin-bottom: 60px;
    }
    section.issue .articles-index {
      order: 1;
    }
  }

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body  > header,body  > footer,body  > main {
    padding-left: 4.1436464088%;
    padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
    padding-right: 4.1436464088%;
    padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
  }

@media screen and (max-width: 1100px) {

body  > header,body  > footer,body  > main {
    padding-left: 30px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 30px;
    padding-right: var(--outer-margin-mobile);
  }
  }

@media print {

body  > header,body  > footer,body  > main {
    padding-left: 0;
    padding-right: 0;
  }
  }

body  > main {
    flex-grow: 1;
  }

section.page {
  padding-top: 60px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1100px) {

section.page {
    padding-top: 10px;
    flex-direction: column;
    display: block;
}
  }

section.page .byline-timestamp {
    display: flex;
    gap: 0.625rem;
  }

section.page .articles-index {
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
  }

@media screen and (max-width: 1100px) {

section.page .articles-index {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      margin-bottom: 60px;
  }
  }

section.page .articles-index h3.border {
      width: 30.6288032454%;
      width: calc(var(--columns-3)/var(--columns-9)*100%);
    }

@media screen and (max-width: 1100px) {

section.page .articles-index h3.border {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

section.page .sidebar {
    width: 22.7409638554%;
    width: calc(var(--columns-3)*100%);
    margin-left: 3.0120481928%;
    margin-left: calc(var(--gutter)*100%);
  }

@media screen and (max-width: 1100px) {

section.page .sidebar {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.page .sidebar .buy-prosa {
      margin-top: 30px;
    }

.pagination {
  margin-top: 60px;
  display: block;
  clear: both;
  width: 100%;
  padding-left: 34.6855983773%;
  padding-left: calc((var(--columns-3) + var(--gutter))/var(--columns-9)*100%);
}

@media screen and (max-width: 1100px) {

.pagination {
    padding-left: 0px;
}
  }

.pagination span,.pagination em,.pagination a {
    margin-right: 10px;
  }

.pagination a {
    opacity: 0.8333;
  }

.pagination em {
    font-style: normal;
  }

.pagination .disabled {
    display: none;
  }

.search-page .main {
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
  }

@media screen and (max-width: 1100px) {

.search-page .main {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

.search-page .main h3.border {
      width: 30.6288032454%;
      width: calc(var(--columns-3)/var(--columns-9)*100%);
    }

@media screen and (max-width: 1100px) {

.search-page .main h3.border {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

.search-page .search-form {
    margin-top: 73px;
    margin-bottom: 60px;
    width: 100%;
    width: calc(var(--columns-9)/var(--columns-9)*100%);
    display: flex;
  }

@media screen and (max-width: 1100px) {

.search-page .search-form {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      margin-top: 30px;
  }
  }

.search-page .search-form input {
      display: block;
      background: transparent;
      border: none;
      padding-bottom: 14px;
      background: rgba(0, 0, 0, 0.05);
      padding: 15px;
      flex-grow: 1;
    }

.search-page .search-form input:active {
        outline: none;
      }

.search-page .search-form input:focus {
        outline: none;
      }

.search-page .search-form button {
      color: #fbfbf9;
      color: var(--background-color);
      width: 100px;
      border: 0px;
      background: #323232 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fbfbf9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.392%2019.978a.995.995%200%200%201-.003%201.411.997.997%200%200%201-1.411.003l-5.429-5.429a7.5%207.5%200%201%201%201.414-1.414zM10%2015.5a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011%22%2F%3E%3C%2Fsvg%3E') center
        center no-repeat;
      background: var(--text-color) url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fbfbf9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.392%2019.978a.995.995%200%200%201-.003%201.411.997.997%200%200%201-1.411.003l-5.429-5.429a7.5%207.5%200%201%201%201.414-1.414zM10%2015.5a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011%22%2F%3E%3C%2Fsvg%3E') center
        center no-repeat;
      overflow: hidden;
      text-indent: -9000px;
    }

.search-page .search-results {
  }

.search-page .search-results-list {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid var(--border-color);
  }

.search-page .search-results-list article {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid var(--border-color);
      display: flex;
      padding: 30px 0px;
    }

.search-page .search-results-list article .location {
        margin-bottom: 6px;
        opacity: 0.85;
      }

.search-page .search-results-list article .content {
        width: 65.3144016227%;
        width: calc(var(--columns-6)/var(--columns-9)*100%);
        margin-left: 34.6855983773%;
        margin-left: calc((var(--columns-3) + var(--gutter))/var(--columns-9)*100%);
      }

@media screen and (max-width: 1100px) {

.search-page .search-results-list article .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      }
  }