/* ============================================================
   KONJEKTUR – Stilark i klassisk avisstil
   ============================================================ */

:root{
  --paper:#f3ecda;
  --paper-edge:#e8dfc8;
  --ink:#1a1814;
  --ink-soft:#3a352c;
  --rule:#1a1814;
  --accent:#6b1414;
  --serif-display:'Playfair Display', Georgia, 'Times New Roman', serif;
  --serif-body:'Old Standard TT', Georgia, serif;
}

*{box-sizing:border-box;}

html,body{margin:0;padding:0;}

body{
  background:#d8cdb0;
  background-image:radial-gradient(circle at 50% 0%, #e2d8bc, #cabf9f);
  color:var(--ink);
  font-family:var(--serif-body);
  font-size:18px;
  line-height:1.5;
  padding:24px 12px;
}

.paper{
  max-width:1180px;
  margin:0 auto;
  background:var(--paper);
  background-image:
    radial-gradient(circle at 20% 10%, rgba(120,100,60,.06), transparent 60%),
    radial-gradient(circle at 80% 90%, rgba(120,100,60,.07), transparent 55%);
  border:1px solid #b9ad8a;
  box-shadow:0 8px 40px rgba(0,0,0,.35), inset 0 0 120px rgba(150,130,80,.08);
  padding:32px 40px 48px;
  position:relative;
}
/* svak papirstruktur / aldring */
.paper::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(0deg, rgba(80,60,20,.015) 0 2px, transparent 2px 4px);
  mix-blend-mode:multiply;
}

/* ---------------- MASTHEAD ---------------- */
.masthead{text-align:center;position:relative;}
.masthead-rule-top{border-top:3px solid var(--rule);border-bottom:1px solid var(--rule);height:4px;margin-bottom:14px;}
.masthead-rule-bottom{border-top:1px solid var(--rule);border-bottom:3px solid var(--rule);height:4px;margin-top:12px;}

.masthead-crest{
  display:inline-flex;flex-direction:column;align-items:center;
  font-family:var(--serif-display);line-height:1;margin-bottom:2px;
}
.crest-line{font-size:11px;letter-spacing:3px;font-weight:700;}
.crest-motto{line-height:1.25;letter-spacing:2px;margin-top:2px;max-width:220px;}
.crest-year{font-size:22px;font-weight:900;letter-spacing:2px;}

.masthead-title{
  font-family:var(--serif-display);
  font-weight:900;
  font-size:clamp(52px, 11vw, 132px);
  letter-spacing:.04em;
  margin:.05em 0 .12em;
  line-height:.95;
}
.masthead-title a{color:var(--ink);text-decoration:none;}

.masthead-tagline{
  font-family:var(--serif-display);
  font-weight:700;
  font-size:clamp(13px,2.2vw,23px);
  letter-spacing:.06em;
  margin:.55em 0 .6em;
  text-transform:uppercase;
}
.masthead-meta{
  font-weight:700;font-size:15px;letter-spacing:.02em;
  padding:6px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
}

/* ---------------- LAYOUT ---------------- */
.content{margin-top:28px;}

/* ===== HOVEDSAK (hero) ===== */
.hero{
  display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:stretch;
  text-decoration:none;color:var(--ink);
  border-top:3px double var(--rule);border-bottom:3px double var(--rule);
  padding:26px 0;margin-bottom:6px;
}
.hero-media{overflow:hidden;align-self:stretch;}
.hero-media img,.hero-media video{width:100%;height:100%;max-height:460px;object-fit:cover;display:block;
  filter:grayscale(100%) contrast(1.05) sepia(.12);border:1px solid #8a7f5e;
  transition:filter .3s;}
.hero:hover .hero-media img,.hero:hover .hero-media video{filter:grayscale(70%) contrast(1.08) sepia(.06);}
.hero-kicker{display:block;font-family:var(--serif-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;font-size:clamp(15px,2vw,22px);margin:2px 0;}
.hero-title{font-family:var(--serif-display);font-weight:900;line-height:.98;
  font-size:clamp(32px,4.6vw,60px);text-transform:uppercase;margin:.08em 0 .18em;}
.hero:hover .hero-title{text-decoration:underline;text-decoration-thickness:2px;}
.hero-ingress{font-size:clamp(16px,1.4vw,19px);line-height:1.45;margin:.2em 0 .5em;}

/* ===== SAKSKORT-RUTENETT ===== */
.story-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
}
.story{
  text-decoration:none;color:var(--ink);display:flex;flex-direction:column;
  padding:22px;border-top:1px solid #b3a884;
}
/* vertikale skillestreker mellom kolonnene */
.story-grid .story:not(:nth-child(3n+1)){border-left:1px solid #b3a884;}
/* fjern toppstrek på de tre øverste */
.story-grid .story:nth-child(-n+3){border-top:none;}
.story-media{overflow:hidden;margin-bottom:10px;}
.story-media img,.story-media video{width:100%;height:170px;object-fit:cover;display:block;
  filter:grayscale(100%) contrast(1.05) sepia(.12);border:1px solid #8a7f5e;transition:filter .3s;}
.story:hover .story-media img,.story:hover .story-media video{filter:grayscale(70%) sepia(.04);}
.story-cat{display:inline-block;font-weight:700;text-transform:uppercase;
  font-size:11px;letter-spacing:.08em;color:var(--accent);margin-bottom:3px;}
.story-kicker{display:block;font-family:var(--serif-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.03em;font-size:13px;margin-bottom:1px;}
.story-title{font-family:var(--serif-display);font-weight:900;line-height:1.02;
  font-size:clamp(21px,2.2vw,28px);margin:.05em 0 .25em;}
.story:hover .story-title{text-decoration:underline;}
.story-ingress{font-size:16px;line-height:1.4;margin:0 0 .5em;flex:1;}
.story-meta{font-size:12px;font-style:italic;color:var(--ink-soft);}

/* seksjonsoverskrift over en spalte */
.section-kicker{
  text-align:center;font-family:var(--serif-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;font-size:15px;
  border-bottom:2px solid var(--rule);padding-bottom:4px;margin:0 0 14px;
}

/* ---------------- ELDRE ARTIKKELKORT (beholdt) ---------------- */
.lead-headline{
  font-family:var(--serif-display);font-weight:900;
  font-size:clamp(34px,5.5vw,68px);line-height:.95;
  text-align:center;text-transform:uppercase;margin:.1em 0 .15em;
}
.lead-kicker{
  text-align:center;font-family:var(--serif-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;font-size:clamp(16px,2.4vw,26px);
  margin-bottom:.1em;
}
.art{margin-bottom:26px;}
.art-headline{
  font-family:var(--serif-display);font-weight:900;line-height:1;
  font-size:clamp(26px,3.4vw,40px);margin:.1em 0 .2em;
}
.art-headline a{color:var(--ink);text-decoration:none;}
.art-headline a:hover{text-decoration:underline;}
.art-kicker{
  font-family:var(--serif-display);font-weight:700;text-transform:uppercase;
  letter-spacing:.03em;font-size:15px;margin-bottom:2px;display:block;
}
.art-cat{
  display:inline-block;font-weight:700;text-transform:uppercase;
  font-size:12px;letter-spacing:.08em;color:var(--accent);margin-bottom:4px;
}

.art-img,.art-video{width:100%;display:block;border:1px solid #8a7f5e;
  filter:grayscale(100%) contrast(1.05) sepia(.12);margin:8px 0 6px;}
.art-img-cap{font-size:13px;font-style:italic;color:var(--ink-soft);text-align:left;margin-bottom:8px;}

.art-lead{font-size:18px;}
/* avistekst med innrykk + drop cap */
.art-body{ text-align:justify; hyphens:auto; column-gap:22px; }
.art-body p{margin:0;text-indent:1.2em;}
.art-body p:first-of-type{text-indent:0;}
.art-body p:first-of-type::first-letter{
  font-family:var(--serif-display);font-weight:900;
  font-size:3.2em;line-height:.78;float:left;padding:.04em .08em 0 0;
}
.art-byline{font-style:italic;font-weight:700;text-align:right;margin-top:8px;}

.divider{border:0;border-top:1px solid #b3a884;margin:18px 0;}
.divider-thick{border:0;border-top:3px double var(--rule);margin:22px 0;}

/* ---------------- ENKELTARTIKKEL ---------------- */
.single{max-width:760px;margin:0 auto;}
.single .art-headline{font-size:clamp(34px,6vw,60px);text-align:center;}
.single .art-kicker{text-align:center;display:block;font-size:18px;}
.single .art-cat{display:block;text-align:center;}
.single-body{column-count:1;font-size:19px;line-height:1.6;margin-top:20px;}
.single-body p{text-indent:1.4em;margin:0 0 2px;}
.single-body p:first-of-type{text-indent:0;}
.single-body p:first-of-type::first-letter{
  font-family:var(--serif-display);font-weight:900;font-size:3.6em;
  line-height:.78;float:left;padding:.04em .1em 0 0;
}
.single img.art-img, .single video{display:block;margin:16px auto;width:100%;height:auto;max-height:560px;object-fit:cover;}
.back-link{display:inline-block;margin:24px 0;font-weight:700;text-decoration:none;color:var(--accent);}
.back-link:hover{text-decoration:underline;}

/* bilder/video plassert inni brødteksten */
.body-media{margin:18px 0;text-align:center;}
.body-media img,.body-media video{max-width:100%;border:1px solid #8a7f5e;
  filter:grayscale(100%) contrast(1.05) sepia(.12);}
.single-body .body-media{break-inside:avoid;}

/* ---------------- FOOTER ---------------- */
.footer{margin-top:40px;text-align:center;font-size:14px;}
.footer-rule{border-top:3px double var(--rule);margin-bottom:12px;}
.footer a{color:var(--accent);}
.footer-small{font-size:12px;color:var(--ink-soft);}

/* ---------------- BLOGGLISTE ---------------- */
.bloglist .art{border-bottom:1px solid #b3a884;padding-bottom:18px;}

/* ---------------- RESPONSIVT ---------------- */
@media (max-width:980px){
  .story-grid{grid-template-columns:repeat(2,1fr);}
  .story-grid .story:not(:nth-child(3n+1)){border-left:none;}
  .story-grid .story:not(:nth-child(2n+1)){border-left:1px solid #b3a884;}
  .story-grid .story:nth-child(-n+3){border-top:1px solid #b3a884;}
  .story-grid .story:nth-child(-n+2){border-top:none;}
}
@media (max-width:860px){
  .paper{padding:20px 18px 32px;}
  .hero{grid-template-columns:1fr;gap:14px;}
  .frontgrid{grid-template-columns:1fr;}
  .frontgrid > .col + .col{border-left:none;border-top:2px solid var(--rule);padding-top:18px;margin-top:8px;}
  .frontgrid > .col{padding:0;}
  .art-body{column-count:1 !important;}
}
@media (max-width:560px){
  .story-grid{grid-template-columns:1fr;}
  .story-grid .story{border-left:none !important;border-top:1px solid #b3a884 !important;}
  .story-grid .story:first-child{border-top:none !important;}
  .story{padding:18px 0;}
}

/* ============================================================
   ADMIN
   ============================================================ */
.admin-body{background:#2a2723;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#222;padding:0;}
.admin-wrap{max-width:920px;margin:0 auto;padding:24px;}
.admin-bar{background:var(--ink);color:var(--paper);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;}
.admin-bar h1{font-family:var(--serif-display);margin:0;font-size:24px;letter-spacing:2px;}
.admin-bar a{color:var(--paper);text-decoration:none;margin-left:18px;font-size:14px;}
.admin-bar a:hover{text-decoration:underline;}
.card{background:#fff;border-radius:8px;box-shadow:0 2px 14px rgba(0,0,0,.18);padding:24px;margin-bottom:20px;}
.admin-wrap label{display:block;font-weight:600;margin:14px 0 4px;font-size:14px;}
.admin-wrap input[type=text],.admin-wrap input[type=password],.admin-wrap select,.admin-wrap textarea{
  width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:15px;font-family:inherit;}
.admin-wrap textarea{min-height:280px;line-height:1.5;}
.btn{display:inline-block;background:var(--ink);color:#fff;border:none;padding:11px 22px;border-radius:6px;
  font-size:15px;cursor:pointer;text-decoration:none;}
.btn:hover{background:#000;}
.btn-red{background:var(--accent);}
.btn-light{background:#e8e2d2;color:var(--ink);}
.flash{padding:12px 16px;border-radius:6px;margin-bottom:16px;}
.flash-ok{background:#e6f4e6;border:1px solid #4a8;}
.flash-err{background:#f8e0e0;border:1px solid #c66;}
.post-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee;}
.post-row:last-child{border-bottom:none;}
.tag{font-size:11px;padding:2px 8px;border-radius:10px;background:#eee;margin-left:6px;}
.tag-draft{background:#f0d8a0;}
.tag-pub{background:#c8ecc8;}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;}
.media-item{border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fafafa;text-align:center;}
.media-item img,.media-item video{width:100%;height:90px;object-fit:cover;display:block;}
.media-item .copy{font-size:11px;padding:5px;cursor:pointer;word-break:break-all;}
.login-box{max-width:380px;margin:80px auto;}
.muted{color:#888;font-size:13px;}
.help{background:#fffbe9;border:1px solid #e8d98a;border-radius:6px;padding:12px 16px;font-size:14px;margin-bottom:16px;}
.toolbar{margin:6px 0;}
.toolbar button{font-size:13px;padding:5px 10px;margin-right:5px;border:1px solid #ccc;background:#f4f4f4;border-radius:4px;cursor:pointer;}
.cover-preview{margin:10px 0;border:1px solid #ddd;border-radius:6px;padding:8px;background:#fafafa;max-width:340px;}
.cover-preview img,.cover-preview video{max-width:100%;max-height:200px;display:block;border-radius:4px;}

/* bildevelger (modal) i admin */
.picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000;
  display:flex;align-items:center;justify-content:center;padding:20px;}
.picker-box{background:#fff;border-radius:10px;max-width:760px;width:100%;max-height:80vh;
  display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 50px rgba(0,0,0,.4);}
.picker-head{display:flex;justify-content:space-between;align-items:center;
  padding:14px 18px;border-bottom:1px solid #eee;font-size:16px;}
.picker-close{border:none;background:#eee;border-radius:6px;width:30px;height:30px;
  cursor:pointer;font-size:15px;}
.picker-grid{padding:18px;overflow-y:auto;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;}
.pick-item{border:1px solid #ddd;border-radius:8px;overflow:hidden;cursor:pointer;
  background:#fafafa;transition:border-color .15s,transform .1s;text-align:center;}
.pick-item:hover{border-color:var(--accent);transform:translateY(-2px);}
.pick-item img,.pick-item video{width:100%;height:95px;object-fit:cover;display:block;}
.pick-item span{display:block;font-size:10px;padding:5px;word-break:break-all;color:#666;}