@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');
:root{--bg:#f5f3ee;--paper:#fffdfa;--ink:#1d2930;--muted:#63707a;--gold:#886a3f;--line:#e1ded6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Manrope,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}img{display:block;max-width:100%}.top{max-width:1260px;margin:auto;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font:500 24px Newsreader,Georgia,serif}.wordmark span{color:var(--gold)}.top nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;font-weight:700}.crumb{font-size:12px;color:var(--muted);margin:32px 0 40px}.essay,.hub{max-width:1190px;padding:0 30px;margin:auto}.article-heading{max-width:900px}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:800}.article-heading h1,.hub h1{font:500 clamp(44px,6vw,82px)/1.07 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:16px 0 23px}.standfirst{font-size:clamp(18px,2vw,23px);line-height:1.65;color:#586770;max-width:820px}.byline{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;margin:29px 0 40px}.byline img{height:47px;width:47px;object-fit:cover;border-radius:50%}.byline small{display:block;font-size:12px;color:var(--muted);font-weight:400}.essay-hero{width:100%;max-height:560px;object-fit:cover;object-position:center 35%;border-radius:22px;background:#e2ded6}.essay-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:70px;padding:52px 0 90px;justify-content:center}.toc{align-self:start;position:sticky;top:25px;display:grid;gap:13px;border-left:2px solid var(--line);padding-left:22px;font-size:13px;color:var(--muted);line-height:1.55}.toc strong{color:var(--ink)}.prose{min-width:0}.prose p{margin:0 0 20px;color:#46535b;line-height:1.95}.prose h2{font:500 clamp(29px,3vw,40px)/1.18 Newsreader,Georgia,serif;margin:42px 0 16px;letter-spacing:-.014em;scroll-margin-top:30px}.answer{background:#edeae2;border-left:3px solid var(--gold);padding:23px 27px;border-radius:0 14px 14px 0}.related{display:grid;gap:10px}.related a{background:white;border:1px solid var(--line);padding:13px 18px;border-radius:12px;display:flex;justify-content:space-between;font-weight:700;font-size:14px}.author{display:flex;gap:23px;border-top:1px solid var(--line);margin-top:45px;padding-top:36px}.author img{width:120px;height:145px;object-fit:cover;border-radius:12px}.author h2{margin:0 0 6px}.author a{font-weight:700;color:var(--gold)}footer{border-top:1px solid var(--line);padding:26px max(30px,calc((100vw - 1190px)/2));display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.hub{padding-top:64px;padding-bottom:100px}.hub-head{max-width:900px}.hub-head .standfirst{margin-bottom:34px}.hub-feature{display:grid;grid-template-columns:1fr 1fr;min-height:370px;background:#203039;border-radius:24px;overflow:hidden;color:#fff;margin:40px 0 30px}.hub-feature img{width:100%;height:100%;object-fit:cover}.hub-feature .feature-content{padding:clamp(25px,5vw,57px);align-self:center}.hub-feature h2{font:500 clamp(33px,4vw,53px)/1.1 Newsreader,Georgia,serif;margin:18px 0}.hub-feature p{color:#d8dedb}.hub-feature a{color:#f0d4a9;font-weight:800}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:38px 0 25px}.filter{border:1px solid #cfcac1;background:transparent;border-radius:50px;padding:9px 16px;cursor:pointer;font:700 12px Manrope,sans-serif}.filter[aria-pressed=true]{background:#24353d;color:white;border-color:#24353d}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tile{border:1px solid var(--line);background:var(--paper);border-radius:19px;overflow:hidden;display:flex;flex-direction:column}.tile img{width:100%;aspect-ratio:1.5;object-fit:cover}.tile-body{padding:25px;display:flex;flex-direction:column;flex:1}.tile .category{color:var(--gold);font:800 11px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}.tile h2{font:500 30px/1.15 Newsreader,Georgia,serif;margin:12px 0}.tile p{font-size:14px;color:var(--muted);line-height:1.75}.tile .read{margin-top:auto;padding-top:18px;color:var(--gold);font-weight:800;font-size:13px}.network{background:#e9e6dd;border-radius:20px;padding:34px;margin-top:42px}.network h2{font:500 36px Newsreader,serif;margin:0 0 12px}.network p{color:var(--muted);max-width:850px}.network-links{display:flex;gap:14px;flex-wrap:wrap}.network-links a{border-bottom:1px solid #a78d64;font-weight:700;font-size:13px}.feed{margin-top:48px}.feed h2{font:500 38px Newsreader,serif}.feed #articles-app{display:grid;gap:14px}.feed-card{display:block;border:1px solid var(--line);border-radius:14px;padding:19px 23px;background:white}.feed-card small{color:var(--gold)}.feed-card h3{font:500 24px Newsreader,serif;margin:7px 0}.feed-card p{color:var(--muted);margin:0}.note{font-size:13px;color:var(--muted)}@media(max-width:900px){.essay-layout{grid-template-columns:1fr;gap:20px}.toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-bottom:1px solid var(--line);padding:0 0 25px}.toc strong{grid-column:1/-1}.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top{padding:19px}.top nav{gap:10px;font-size:11px}.essay,.hub{padding-left:19px;padding-right:19px}.article-heading h1,.hub h1{font-size:45px}.hub-feature{grid-template-columns:1fr}.hub-feature img{height:220px;order:-1}.article-grid{grid-template-columns:1fr}.toc{grid-template-columns:1fr}.author{flex-direction:column}.author img{width:115px;height:115px}.essay-layout{padding-top:35px}footer{padding:24px 19px}} 
.tile[hidden]{display:none!important}

/* Shared navigation for editorial hub and article detail pages */
.top{max-width:100%;padding:18px clamp(20px,4vw,54px);position:relative;z-index:20;display:flex;gap:20px;background:#f5f3ee}
.top nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.45vw,23px);font-size:12px;flex-wrap:nowrap}
.top nav a{white-space:nowrap}.top nav a[aria-current=page]{color:var(--gold)}
.top .header-cta{background:#223139;color:white;padding:10px 15px;border-radius:30px}
.top .article-lang{max-width:108px;font:600 12px Manrope,sans-serif;padding:8px;border:1px solid var(--line);border-radius:25px;background:var(--paper);color:var(--ink)}
.article-menu-toggle{display:none;border:1px solid var(--line);background:var(--paper);border-radius:30px;font:700 13px Manrope,sans-serif;padding:9px 15px;cursor:pointer}
@media(max-width:1150px){.article-menu-toggle{display:block;margin-left:auto}.top nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px clamp(20px,4vw,54px);background:#f5f3ee;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #00000010;flex-wrap:wrap;align-items:stretch;gap:8px}.top nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.top nav a{white-space:normal;padding:12px}.top .article-lang{max-width:100%;width:100%}}
@media(max-width:500px){.top nav.is-open{grid-template-columns:1fr}}

/* Editorial card thumbnails: consistent framing and prevent white bands on portrait assets. */
.article-grid .tile>img{display:block;aspect-ratio:1.55;width:100%;height:auto;min-height:0;object-fit:cover;object-position:center 46%;background:#e7e2d8}
.article-grid .tile[data-category="Forfatterskap"]>img{object-position:center 42%}
.article-grid .tile-body{min-width:0}

.reference-section{margin:42px 0;padding:32px;background:#eae6dc;border-radius:18px;border:1px solid #dcd5c7}.reference-section h2{margin:4px 0 20px}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-grid>div{padding:19px;background:#fffdfa;border-radius:12px;border:1px solid #ded8cd}.reference-grid strong{display:block;font-size:15px;color:#29353b}.reference-grid p{font-size:13px;margin:7px 0 0;line-height:1.7}.reference-note{font-size:12px;color:#657077;margin:18px 0 0!important}.article-grid .tile img{object-fit:cover;object-position:center center;aspect-ratio:1.55}.article-grid .tile[data-category="Forfatterskap"] img{object-position:center 57%}@media(max-width:620px){.reference-grid{grid-template-columns:1fr}.reference-section{padding:21px}}

/* Editorial reference article entry points */
.reference-start{margin:42px 0 20px;padding:32px;border:1px solid #ddd8ce;border-radius:19px;background:#eae7df}
.reference-start h2{font:500 clamp(29px,3.5vw,42px)/1.15 Newsreader,Georgia,serif;margin:5px 0 12px}
.reference-start>p:not(.kicker){color:#56646c;max-width:790px;margin:0 0 21px;font-size:14px;line-height:1.7}
.reference-start-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reference-start-links a{display:flex;flex-direction:column;gap:8px;background:#fffdfa;padding:19px;border:1px solid #ded8cd;border-radius:13px;min-width:0}
.reference-start-links span{font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#886a3f}
.reference-start-links strong{font:500 25px/1.12 Newsreader,Georgia,serif}
.reference-start-links small{font:400 12px/1.6 Manrope,sans-serif;color:#667079}
@media(max-width:780px){.reference-start-links{grid-template-columns:1fr}.reference-start{padding:22px}}


/* Featured story on mobile: show the complete portrait-oriented editorial image.
   The previous fixed 220px cover crop cut off the subject's head. */
@media (max-width: 650px) {
  .hub-feature {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .hub-feature > img {
    order: -1;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    object-fit: contain;
    object-position: center;
    background: #e9e6dd;
  }
  .hub-feature > .feature-content {
    padding: 26px 24px 32px;
  }
}


/* 2026-10-11: Preserve the complete editorial image on all screens.
   The gallery images are composed 4:3, so 1.55:1 cover crops cut off subjects.
   Portrait images letterbox rather than losing faces or product labels. */
.article-grid .tile > img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:contain;
  object-position:center center;
  background:#ece8df;
}
.essay > .essay-hero,
.essay .essay-hero {
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:#ece8df;
}
.hub-feature > img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#203039;
}
@media (max-width:650px) {
  .article-grid .tile > img { aspect-ratio:4 / 3; }
  .hub-feature > img { height:auto; aspect-ratio:4 / 5; object-fit:contain; }
}


/* Author article catalogue and Amazon links */
.book-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 4px}
.book-links a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;border:1px solid #cfc9bf;border-radius:30px;padding:11px 18px;font:700 13px/1.4 Manrope,sans-serif;color:var(--ink);background:var(--paper);transition:background-color .2s,color .2s,border-color .2s}
.book-links .book-link-primary{background:#203039;border-color:#203039;color:#fff}
.book-links a:hover,.book-links a:focus-visible{background:#dfd8ca;color:var(--ink);border-color:#b6a68d}
.prose section a:not(.related a){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:#785a32}
@media(max-width:640px){.book-links{display:grid;grid-template-columns:1fr}.book-links a{width:100%;text-align:center}}