/* ============================================================
   FENRIR.NEWS — Gemensamt stylesheet
   Används av: index.html, arkiv.html, redaktorer/*.html,
               amnen/*.html, artiklar/**/*.html
   ============================================================ */

*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --parchment:#f2ead8;
  --parchment-dark:#e8dcc8;
  --parchment-mid:#ede4cf;
  --ink:#1a120a;
  --ink-light:#3d2b1a;
  --ink-faded:#7a6248;
  --ink-ghost:#b09878;
  --sepia-border:#8b6840;
  --sepia-accent:#6b4c28;
  --rule:#2c1a0a;
}

html{background:var(--parchment);}
body{
  font-family:'Libre Baskerville',Georgia,serif;
  background:var(--parchment);
  color:var(--ink);
  min-height:100vh;
}

/* ---- TOPPREGEL ---- */
.top-rule{height:3px;background:var(--rule);}
.top-meta{
  background:var(--ink);
  color:var(--parchment-dark);
  text-align:center;
  padding:5px 1rem;
  font-family:'IM Fell English SC',serif;
  font-size:10px;
  letter-spacing:0.25em;
}

/* ---- MASTHEAD ---- */
.masthead{
  text-align:center;
  padding:1.5rem 1rem 0.75rem;
  background:var(--parchment);
}
.masthead-inner{
  border-top:1px solid var(--sepia-border);
  border-bottom:1px solid var(--sepia-border);
  padding:0.75rem 0;
}
.masthead-name{
  font-family:'IM Fell English SC',serif;
  font-size:clamp(48px,8vw,84px);
  font-weight:400;
  letter-spacing:0.18em;
  color:var(--ink);
  line-height:1;
}
.masthead-name sup{
  font-family:'IM Fell English',serif;
  font-size:0.32em;
  letter-spacing:0.05em;
  color:var(--ink-faded);
  vertical-align:super;
}
.masthead-motto{
  font-family:'IM Fell English',serif;
  font-style:italic;
  font-size:13px;
  color:var(--ink-faded);
  letter-spacing:0.08em;
  margin:4px 0 0;
}
.masthead-dateline{
  font-size:10px;
  letter-spacing:0.2em;
  color:var(--ink-faded);
  margin-top:6px;
  font-family:'IM Fell English SC',serif;
}

/* ---- LAYOUT ---- */
.outer{max-width:1100px;margin:0 auto;}
.layout{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  border-left:1px solid var(--sepia-border);
  border-right:1px solid var(--sepia-border);
  border-bottom:1px solid var(--sepia-border);
}

/* ---- SIDEBAR ---- */
.sidebar{
  border-right:1px solid var(--sepia-border);
  padding:1.5rem 1rem;
  background:var(--parchment-mid);
}
.sidebar-block{margin-bottom:1.5rem;}
.sidebar-heading{
  font-family:'IM Fell English SC',serif;
  font-size:9px;
  letter-spacing:0.3em;
  color:var(--ink-faded);
  border-bottom:1px solid var(--sepia-border);
  padding-bottom:4px;
  margin-bottom:0.6rem;
}
.sidebar a{
  display:block;
  font-family:'Libre Baskerville',serif;
  font-size:12px;
  color:var(--ink-light);
  text-decoration:none;
  padding:3px 0;
  border-bottom:0.5px solid var(--parchment-dark);
  line-height:1.4;
}
.sidebar a:hover{color:var(--sepia-accent);}
.search-row{
  display:flex;
  border:1px solid var(--sepia-border);
  background:var(--parchment);
  position:relative;
}
.search-row input{
  background:transparent;
  border:none;
  padding:6px 8px;
  font-size:12px;
  font-family:'Libre Baskerville',serif;
  color:var(--ink);
  flex:1;
  outline:none;
  width:100%;
}
.search-row input::placeholder{color:var(--ink-ghost);font-style:italic;}
.search-row button{
  background:var(--ink);
  border:none;
  color:var(--parchment);
  padding:6px 10px;
  cursor:pointer;
  font-family:'IM Fell English SC',serif;
  font-size:12px;
  letter-spacing:0.05em;
}
.search-row button:hover{background:var(--sepia-accent);}
.search-results-drop{
  background:var(--parchment);
  border:1px solid var(--sepia-border);
  border-top:none;
  display:none;
}
.search-results-drop.active{display:block;}
.search-hit{
  display:block;
  padding:6px 8px;
  font-size:11px;
  color:var(--ink-light);
  text-decoration:none;
  border-bottom:0.5px solid var(--parchment-dark);
  line-height:1.4;
}
.search-hit:hover{background:var(--parchment-dark);}
.search-hit strong{display:block;font-size:11px;}
.search-hit span{font-size:10px;color:var(--ink-faded);font-style:italic;}

.sidebar-wolf{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid var(--sepia-border);
  text-align:center;
}
.sidebar-wolf img{
  width:100%;
  max-width:160px;
  height:auto;
  filter:sepia(0.2) contrast(0.9) brightness(1.02);
  opacity:0.8;
}

/* ---- MAIN ---- */
.main{padding:1.5rem;}

.section-rule{
  display:flex;
  align-items:center;
  gap:0.75rem;
  margin-bottom:1rem;
}
.section-rule span{
  font-family:'IM Fell English SC',serif;
  font-size:9px;
  letter-spacing:0.3em;
  color:var(--ink-faded);
  white-space:nowrap;
}
.section-rule::before,.section-rule::after{
  content:'';flex:1;height:1px;background:var(--sepia-border);
}

/* ---- HERO-ARTIKEL ---- */
.hero-card{
  padding-bottom:1rem;
  border-bottom:1px solid var(--sepia-border);
  margin-bottom:0.5rem;
}
.hero-img{
  width:100%;
  height:280px;        /* fast höjd, ingen stretch */
  overflow:hidden;
  border:1px solid var(--sepia-border);
  margin-bottom:0.75rem;
  background:var(--parchment-dark);
}
.hero-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 30%;
  filter:sepia(0.45) contrast(1.05) brightness(0.97);
}
.beat{
  font-family:'IM Fell English SC',serif;
  font-size:9px;
  letter-spacing:0.22em;
  color:var(--ink-faded);
  margin-bottom:4px;
}
.hero-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(20px,2.8vw,30px);
  font-weight:700;
  font-style:italic;
  line-height:1.2;
  color:var(--ink);
  margin-bottom:8px;
  text-decoration:none;
  display:block;
}
.hero-title:hover{color:var(--sepia-accent);}
.hero-ingress{
  font-size:13px;
  color:var(--ink-light);
  line-height:1.75;
}
.byline{
  font-size:10px;
  color:var(--ink-faded);
  margin-top:6px;
  font-style:italic;
  font-family:'IM Fell English',serif;
}

/* ---- ARTIKELKORT ---- */
.article-card{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:14px;
  padding:0.9rem 0;
  border-bottom:0.5px solid var(--sepia-border);
}
.article-card.no-img{grid-template-columns:minmax(0,1fr);}
.art-img{
  width:120px;
  height:88px;
  overflow:hidden;
  border:1px solid var(--sepia-border);
  flex-shrink:0;
  background:var(--parchment-dark);
}
.art-img img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 20%;
  filter:sepia(0.55) contrast(1.05) brightness(0.97);
}
.art-placeholder{
  width:120px;height:88px;
  background:var(--parchment-dark);
  border:1px solid var(--sepia-border);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.art-placeholder svg{opacity:0.4;}
.art-title{
  font-family:'Playfair Display',serif;
  font-size:15px;font-weight:700;
  color:var(--ink);
  line-height:1.25;margin-bottom:4px;
  text-decoration:none;display:block;
}
.art-title:hover{color:var(--sepia-accent);}
.art-ingress{font-size:12px;color:var(--ink-light);line-height:1.6;}

/* ---- BADGE ---- */
.badge{
  display:inline-block;
  font-family:'IM Fell English SC',serif;
  font-size:8px;letter-spacing:0.18em;
  padding:1px 6px;border:0.5px solid currentColor;
  margin-bottom:4px;margin-right:4px;
}
.badge-ledare{color:#5a3010;}
.badge-granskning{color:#7a1010;}
.badge-essä{color:#2a4a2a;}
.badge-serie{color:#1a3a5a;}
.badge-intervju{color:#3a2a5a;}
.badge-analys{color:#4a3a10;}

/* ---- EARLIER ---- */
.earlier{text-align:center;padding:0.75rem 0 0.25rem;}
.earlier a{
  font-family:'IM Fell English SC',serif;
  font-size:10px;letter-spacing:0.2em;
  color:var(--ink-faded);text-decoration:none;
  border-bottom:0.5px solid var(--sepia-border);padding-bottom:1px;
}
.earlier a:hover{color:var(--sepia-accent);}

/* ---- REDAKTIONSLIST ---- */
.redaktion-strip{
  background:var(--parchment-mid);
  border-top:2px solid var(--rule);
  border-left:1px solid var(--sepia-border);
  border-right:1px solid var(--sepia-border);
  border-bottom:1px solid var(--sepia-border);
  padding:1rem 1.5rem 1.25rem;
}
.redaktion-label{
  font-family:'IM Fell English SC',serif;
  font-size:9px;letter-spacing:0.3em;
  color:var(--ink-faded);text-align:center;margin-bottom:0.75rem;
}
.portrait-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.portrait-card{display:flex;flex-direction:column;align-items:center;width:76px;}
.portrait-frame{
  width:68px;height:90px;
  overflow:hidden;
  border:1px solid var(--sepia-border);
  outline:2px solid var(--parchment-mid);
  outline-offset:-4px;
  background:var(--parchment-dark);
  display:flex;align-items:center;justify-content:center;
}
.portrait-frame img{
  width:100%;height:100%;
  object-fit:cover;object-position:top center;
  filter:sepia(0.5) contrast(1.05) brightness(0.97);
}
.portrait-placeholder{
  font-family:'IM Fell English SC',serif;
  font-size:18px;color:var(--ink-ghost);
}
.portrait-name{
  font-family:'IM Fell English',serif;
  font-size:9px;text-align:center;
  color:var(--ink-faded);margin-top:4px;line-height:1.3;
}
.portrait-card a{text-decoration:none;}
.portrait-card a:hover .portrait-name{color:var(--sepia-accent);}

/* ---- REDAKTÖRSSIDA ---- */
.redaktor-hero{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:2rem;
  padding:1.5rem 0 1.5rem;
  border-bottom:1px solid var(--sepia-border);
  margin-bottom:1rem;
}
.redaktor-portrait{
  width:180px;height:240px;
  overflow:hidden;
  border:1px solid var(--sepia-border);
  background:var(--parchment-dark);
}
.redaktor-portrait img{
  width:100%;height:100%;
  object-fit:cover;object-position:top center;
  filter:sepia(0.4) contrast(1.05);
}
.redaktor-namn{
  font-family:'IM Fell English SC',serif;
  font-size:clamp(22px,3vw,32px);
  color:var(--ink);margin-bottom:4px;
}
.redaktor-titel{
  font-family:'IM Fell English',serif;
  font-style:italic;font-size:14px;
  color:var(--ink-faded);margin-bottom:0.75rem;
}
.redaktor-bio{
  font-size:13px;line-height:1.8;
  color:var(--ink-light);
}
.redaktor-citat{
  border-left:2px solid var(--sepia-border);
  padding:0.4rem 0.8rem;
  margin:1rem 0 0;
}
.redaktor-citat p{
  font-family:'IM Fell English',serif;
  font-style:italic;font-size:13px;
  color:var(--ink-faded);line-height:1.6;
}

/* ---- ÄMNESSIDA ---- */
.amne-header{
  width:100%;
  height:180px;
  overflow:hidden;
  border:1px solid var(--sepia-border);
  margin-bottom:1rem;
  background:var(--parchment-dark);
}
.amne-header img{
  width:100%;height:100%;
  object-fit:cover;
  filter:sepia(0.5) contrast(1.05);
}
.amne-rubrik{
  font-family:'IM Fell English SC',serif;
  font-size:clamp(20px,3vw,28px);
  color:var(--ink);margin-bottom:0.5rem;
}

/* ---- ARTIKELSIDA ---- */
.artikel-wrap{max-width:720px;margin:0 auto;padding:1.5rem;}
.artikel-rubrik{
  font-family:'Playfair Display',serif;
  font-size:clamp(22px,3.5vw,36px);
  font-weight:700;font-style:italic;
  line-height:1.2;color:var(--ink);
  margin-bottom:0.4rem;
}
.artikel-underrubrik{
  font-family:'IM Fell English',serif;
  font-style:italic;font-size:15px;
  color:var(--ink-faded);margin-bottom:0.5rem;line-height:1.5;
}
.artikel-byline{
  font-size:11px;letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--ink-faded);
  border-top:0.5px solid var(--sepia-border);
  border-bottom:0.5px solid var(--sepia-border);
  padding:0.3rem 0;margin-bottom:1.2rem;
}
.artikel-bild{
  width:100%;max-height:420px;
  overflow:hidden;
  border:1px solid var(--sepia-border);
  margin-bottom:1.2rem;
  background:var(--parchment-dark);
}
.artikel-bild img{
  width:100%;
  object-fit:cover;
  filter:sepia(0.4) contrast(1.05);
}
.artikel-brodtext{
  font-size:15px;line-height:1.85;
  color:var(--ink);margin-bottom:1.1rem;
}
.artikel-brodtext:first-of-type::first-letter{
  font-size:3.2em;font-weight:500;float:left;
  line-height:0.85;margin:0.1em 0.08em 0 0;
  color:var(--ink);
}
.artikel-mellanrubrik{
  font-size:12px;font-weight:500;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--ink-faded);margin:1.8rem 0 0.6rem;
}
.artikel-citat{
  border-left:2px solid var(--sepia-border);
  margin:1.4rem 0;padding:0.5rem 1rem;
}
.artikel-citat p{
  font-family:'IM Fell English',serif;
  font-style:italic;font-size:14px;
  color:var(--ink-faded);line-height:1.7;
}
.artikel-kallista{
  font-size:10px;color:var(--ink-ghost);
  line-height:1.7;margin-top:2rem;
  border-top:0.5px solid var(--sepia-border);
  padding-top:0.6rem;
}

/* ---- FOOTER ---- */
.footer-rule{height:2px;background:var(--rule);}
footer{
  background:var(--ink);
  color:var(--parchment-dark);
  text-align:center;padding:1rem;
}
footer p{
  font-family:'IM Fell English SC',serif;
  font-size:10px;letter-spacing:0.2em;margin-bottom:4px;
}
footer a{color:var(--ink-ghost);text-decoration:none;}
footer a:hover{color:var(--parchment);}

/* ---- RESPONSIVT ---- */
@media(max-width:680px){
  .layout{grid-template-columns:1fr;}
  .sidebar{border-right:none;border-bottom:1px solid var(--sepia-border);}
  .article-card{grid-template-columns:80px minmax(0,1fr);}
  .art-img,.art-placeholder{width:80px;height:64px;}
  .hero-img{height:200px;}
  .redaktor-hero{grid-template-columns:1fr;}
  .redaktor-portrait{width:100%;height:200px;}
}