/* Godtur.dk — redaktionelt, men blødere.
   Serif-typografien og de rolige linjer er beholdt; versalerne er skåret
   ned til de mindste etiketter, stregerne er lysere, og former har fået
   en smule blødhed tilbage. */

:root{
  --paper:#faf8f3;
  --surface:#fffdf9;
  --paper-2:#f0ebe1;
  --ink:#282420;
  --ink-2:#433d35;
  --muted:#635c52;
  --faint:#948c7e;
  --rule:#ddd5c6;
  --rule-soft:#ebe5d8;
  --accent:#8a5a14;
  --accent-deep:#6b450e;
  --hot:#a8481f;
  --r:6px;
  --max:41rem;
  --wide:72rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font:17.5px/1.66 Georgia,'Iowan Old Style','Palatino Linotype','Book Antiqua',serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{max-width:100%; height:auto}
.wrap{max-width:var(--max); margin:0 auto; padding:0 22px}
.wrap-wide{max-width:var(--wide); margin:0 auto; padding:0 22px}

a{color:var(--accent); text-underline-offset:.16em;
  text-decoration-thickness:.055em; text-decoration-color:rgba(138,90,20,.35)}
a:hover{color:var(--accent-deep); text-decoration-color:currentColor}

.sans,.nav,.meta,.when,.kicker,.eyebrow,.crumb,.badge,.chips,.figs,.wtab,
.strip,.prevnext,.filtinfo,.nu,footer.site,.faq summary,.by,.tiplead,.kurlead,
.landgrp h3,.seas h3,.wfig figcaption,.search,.ld,.more
{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,sans-serif}

h1,h2,h3{font-family:Georgia,'Iowan Old Style','Palatino Linotype',serif;
  font-weight:700; letter-spacing:-.008em}
h1{font-size:2.35rem; line-height:1.14; margin:0 0 .7rem}
h2{font-size:1.45rem; line-height:1.25; margin:2.4rem 0 .8rem}
h3{font-size:1.14rem; line-height:1.32; margin:1.8rem 0 .5rem}
@media(max-width:620px){ h1{font-size:1.85rem} h2{font-size:1.28rem} }

/* ---------- sidehoved ---------- */
.top{background:var(--surface); border-bottom:1px solid var(--rule)}
.top .wrap-wide{display:flex; align-items:center; gap:1rem; height:74px}
.brand{display:flex; align-items:center; text-decoration:none}
.brand img{display:block; height:33px; width:auto}
.nav{margin-left:auto; display:flex; gap:1.5rem; font-size:.93rem; font-weight:500}
.nav a{color:var(--ink-2); text-decoration:none; padding:.25rem 0;
  border-bottom:1.5px solid transparent; transition:color .13s, border-color .13s}
.nav a:hover{border-bottom-color:var(--hot); color:var(--ink)}
@media(max-width:600px){ .nav{gap:1.05rem; font-size:.88rem} .nav a.opt{display:none}
  .top .wrap-wide{height:62px} .brand img{height:26px} }

/* ---------- etiketter ---------- */
.kicker,.eyebrow{font-size:.71rem; text-transform:uppercase; letter-spacing:.14em;
  font-weight:700; color:var(--hot); margin:0 0 .75rem}
.kicker a,.eyebrow a{color:inherit; text-decoration:none}
.kicker a:hover{text-decoration:underline}

.page-head{padding:2.9rem 0 1.3rem}
.page-head p{color:var(--muted); margin:.5rem 0 0; font-size:1.03rem; max-width:52ch}
.sub{color:var(--muted); font-size:1.06rem; line-height:1.58; max-width:54ch;
  margin:.4rem 0 1.7rem}

/* ---------- sektionsoverskrift ---------- */
.sec-head{display:flex; align-items:baseline; gap:.9rem;
  border-top:1px solid var(--rule); margin:3rem 0 0; padding-top:.85rem}
.sec-head h2{margin:0; font-size:1.12rem; letter-spacing:-.006em; font-weight:700;
  font-family:Georgia,serif; text-transform:none}
.sec-head .line{display:none}

/* ---------- forsidehero ---------- */
.hero{padding:3.2rem 0 0; border-bottom:1px solid var(--rule); margin-bottom:2.2rem}
.hero h1{font-size:2.9rem; max-width:16ch; margin-bottom:.9rem}
.hero .sub{font-size:1.13rem; max-width:50ch; margin-bottom:2.4rem}
@media(max-width:620px){ .hero h1{font-size:2rem} .hero{padding-top:2.2rem} }

/* ---------- fremhævet artikel ---------- */
.feature{display:block; text-decoration:none; color:inherit; margin:0 0 1rem}
.feature .ph{aspect-ratio:2/1; overflow:hidden; background:var(--paper-2);
  border-radius:var(--r)}
.feature .ph img{width:100%; height:100%; object-fit:cover; display:block}
.feature .txt{padding:1.15rem 0 0; max-width:34rem}
.feature h2{font-size:1.9rem; line-height:1.16; margin:0 0 .5rem; letter-spacing:-.012em}
.feature:hover h2{color:var(--accent-deep)}
.feature p{margin:0 0 .6rem; color:var(--muted); font-size:1.01rem}
.feature .when{font-size:.8rem; color:var(--faint)}
@media(max-width:620px){ .feature h2{font-size:1.35rem} .feature .ph{aspect-ratio:3/2} }

/* ---------- artikelgitter ---------- */
.grid{list-style:none; padding:0; margin:1.5rem 0 0; display:grid;
  gap:2.3rem 2rem; grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.grid > li{border-top:1px solid var(--rule-soft); padding-top:1rem}
.card{display:block; text-decoration:none; color:inherit}
.card .ph{aspect-ratio:3/2; overflow:hidden; background:var(--paper-2);
  margin-bottom:.85rem; border-radius:var(--r)}
.card .ph img{width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.card:hover .ph img{transform:scale(1.025)}
.card .ph.empty{background:var(--paper-2); position:relative}
.card .ph.empty::after{content:""; position:absolute; inset:0; border-radius:var(--r);
  background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(40,36,32,.035) 10px 11px)}
.card h3{font-size:1.12rem; line-height:1.28; margin:0 0 .35rem}
.card:hover h3{color:var(--accent-deep)}
.card p{margin:0 0 .5rem; color:var(--muted); font-size:.89rem; line-height:1.52}
.card .when{font-size:.78rem; color:var(--faint)}

/* ---------- artikel ---------- */
article.post{padding:2.8rem 0 1rem}
.meta{font-size:.85rem; color:var(--faint); display:flex; flex-wrap:wrap;
  gap:.6rem; align-items:center; margin-bottom:1.9rem}
.meta a{color:var(--accent); text-decoration:none; border-bottom:1px solid transparent}
.meta a:hover{border-bottom-color:currentColor}
.meta .dot{color:var(--rule)}
.lead-img{width:100%; margin:0 0 2.1rem; display:block; border-radius:var(--r)}
.body>p:first-of-type{font-size:1.1em; line-height:1.58}
.body p{margin:0 0 1.2rem}
.body img{display:block; margin:2rem auto; border-radius:var(--r)}
.body figure{margin:2.2rem 0}
.body figcaption{font-family:-apple-system,'Helvetica Neue',Arial,sans-serif;
  font-size:.82rem; color:var(--faint); text-align:center; margin-top:.6rem;
  line-height:1.5}
.body ul,.body ol{padding-left:1.25rem; margin:0 0 1.2rem}
.body li{margin:.35rem 0}
.body blockquote{margin:1.9rem 0; padding:.1rem 0 .1rem 1.3rem;
  border-left:3px solid var(--hot); font-size:1.08rem; line-height:1.52;
  color:var(--ink-2)}
.body hr{border:0; border-top:1px solid var(--rule); margin:2.4rem 0}
.body table{width:100%; border-collapse:collapse; font-size:.93rem; margin:1.6rem 0}
.body th,.body td{border-bottom:1px solid var(--rule-soft); padding:.55rem .6rem;
  text-align:left}
.body th{border-bottom:2px solid var(--rule); font-weight:700}
.body iframe{max-width:100%; border:1px solid var(--rule); border-radius:var(--r)}
.intro p{margin:0 0 1rem}

/* ---------- etiketter og lister ---------- */
.chips{display:flex; flex-wrap:wrap; gap:.45rem; margin:1.1rem 0 0; padding:0;
  list-style:none}
.chips a{display:inline-flex; align-items:baseline; gap:.42rem; font-size:.85rem;
  padding:.38rem .8rem; background:var(--surface); color:var(--ink-2);
  text-decoration:none; border:1px solid var(--rule); border-radius:var(--r);
  font-weight:500; transition:background .13s, border-color .13s, color .13s}
.chips a:hover{background:var(--ink); border-color:var(--ink); color:var(--paper)}
.chips .n{font-size:.86em; color:var(--faint); font-variant-numeric:tabular-nums}
.chips a:hover .n{color:rgba(250,248,243,.7)}
.filt a.on,.months li.now a{background:var(--ink); border-color:var(--ink);
  color:var(--paper)}
.filt a.on .n,.months li.now a .n{color:rgba(250,248,243,.7)}
.filtinfo,.nu{font-size:.88rem; color:var(--faint); margin:.9rem 0 0}
.filtinfo:empty,.nu:empty{display:none}
.nu a{color:var(--hot)}

.plain{list-style:none; padding:0; margin:1rem 0 0; font-size:1rem}
.plain li{padding:.6rem 0; border-bottom:1px solid var(--rule-soft)}
.plain li:last-child{border-bottom:0}
.plain a{text-decoration:none}
.plain a:hover{text-decoration:underline}
.more{font-size:.95rem; font-weight:600; margin:2.2rem 0 0}
.more a{color:var(--accent); text-decoration:none; border-bottom:2px solid rgba(168,72,31,.3);
  padding-bottom:.15rem}
.more a:hover{border-bottom-color:var(--hot); color:var(--accent-deep)}

/* ---------- søgefelt ---------- */
.search{width:100%; font-size:.96rem; padding:.72rem .9rem .72rem 2.35rem;
  border:1px solid var(--rule); border-radius:var(--r); background:var(--surface)
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23948c7e' stroke-width='2.2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") no-repeat .8rem center;
  color:var(--ink); margin:1.3rem 0 0}
.search::placeholder{color:var(--faint)}
.search:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(138,90,20,.1)}

/* ---------- sidefod ---------- */
footer.site{background:var(--paper-2); color:var(--muted); margin-top:4.5rem;
  padding:2.6rem 0 3.2rem; font-size:.9rem; border-top:1px solid var(--rule)}
footer.site a{color:var(--ink-2); text-decoration:none;
  border-bottom:1px solid var(--rule)}
footer.site a:hover{border-bottom-color:var(--hot); color:var(--ink)}
footer.site .row{display:flex; flex-wrap:wrap; gap:1.4rem; margin-bottom:1rem;
  font-size:.92rem; font-weight:500}

/* ---------- forrige/næste ---------- */
.prevnext{display:grid; grid-template-columns:1fr 1fr; gap:1.6rem;
  border-top:1px solid var(--rule); margin-top:3rem; padding-top:1.3rem;
  font-size:.83rem}
.prevnext a{text-decoration:none; color:var(--faint)}
.prevnext a b{display:block; color:var(--ink); font-weight:700; margin-top:.35rem;
  font-size:1rem; line-height:1.3; font-family:Georgia,serif; letter-spacing:-.006em}
.prevnext a:hover b{color:var(--accent-deep)}
.prevnext a.nx{text-align:right}
@media(max-width:560px){ .prevnext{grid-template-columns:1fr; gap:1.1rem}
  .prevnext a.nx{text-align:left} }

.notice{background:var(--surface); border:1px solid var(--rule);
  border-left:3px solid var(--hot); border-radius:var(--r);
  padding:.9rem 1.1rem; font-size:.94rem; color:var(--muted); margin:1.7rem 0;
  line-height:1.55}

/* ---------- vejrsektion ---------- */
.wx{padding-top:1.9rem}
.crumb{font-size:.83rem; color:var(--faint); display:flex; flex-wrap:wrap;
  gap:.45rem; align-items:center; margin:0 0 1.2rem}
.crumb a{color:var(--muted); text-decoration:none}
.crumb a:hover{color:var(--accent)}
.crumb span{color:var(--rule)}

.badge{display:inline-block; font-size:.79rem; font-weight:600; padding:.3rem .75rem;
  margin:0 0 1.3rem; border:1px solid; border-radius:var(--r); background:var(--surface)}
.b-top{color:#2b5a38; border-color:#bcd7c4; background:#eef5f0}
.b-god{color:#4c5d20; border-color:#d5dfb9; background:#f3f6ea}
.b-varm{color:#96400f; border-color:#eecdb8; background:#fdf1e9}
.b-regn{color:#27536f; border-color:#c4d8e6; background:#eff5f9}
.b-kold{color:#3f4d5f; border-color:#ccd4de; background:#f1f4f7}
.b-ok{color:var(--muted); border-color:var(--rule); background:var(--surface)}

.wx .cmp{font-size:.98rem; color:var(--ink-2); background:var(--surface);
  border:1px solid var(--rule); border-left:3px solid var(--hot);
  border-radius:var(--r); padding:.85rem 1.05rem; margin:1.7rem 0}
.wx .cmp:empty{display:none}
.wx .bestm{font-size:.94rem; color:var(--muted); margin:1.3rem 0}
.wtext p{margin:0 0 1.15rem}
.wtext p:last-child{margin-bottom:0}

/* nøgletal */
.figs{list-style:none; padding:0; margin:0 0 1.9rem; display:flex; flex-wrap:wrap;
  background:var(--surface); border:1px solid var(--rule); border-radius:var(--r);
  overflow:hidden}
.figs li{flex:1 1 105px; padding:.95rem .8rem .85rem; text-align:left;
  border-right:1px solid var(--rule-soft)}
.figs li:last-child{border-right:0}
.figs .ic{display:none}
.figs .k{display:block; font-size:.74rem; color:var(--faint); font-weight:600}
.figs .v{display:block; font-size:1.65rem; font-weight:400; color:var(--ink);
  margin:.18rem 0 .1rem; font-variant-numeric:tabular-nums; letter-spacing:-.02em;
  font-family:Georgia,serif}
.figs .u{display:block; font-size:.72rem; color:var(--faint); line-height:1.3}
@media(max-width:560px){ .figs li{flex:1 1 33%; border-bottom:1px solid var(--rule-soft)} }

/* månedsstribe */
.strip{display:grid; grid-template-columns:repeat(12,1fr); gap:2px; margin:0 0 1.9rem;
  border-radius:var(--r); overflow:hidden}
.strip a{display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.08rem; padding:.58rem .1rem .52rem; text-decoration:none;
  background:var(--c); color:#2a251d; min-width:0; border:0; transition:filter .13s}
.strip a:hover{filter:brightness(.94)}
.strip a.on{outline:2px solid var(--ink); outline-offset:-2px}
.strip .m{font-size:.7rem; font-weight:600; text-transform:capitalize; opacity:.78}
.strip .t{font-size:.85rem; font-weight:700; font-variant-numeric:tabular-nums}
@media(max-width:620px){ .strip{grid-template-columns:repeat(6,1fr)} }

/* graf */
.wfig{margin:.4rem 0 1.9rem}
.wchart{width:100%; height:auto; display:block}
.wfig figcaption{display:flex; flex-wrap:wrap; gap:1.2rem; justify-content:center;
  font-size:.8rem; color:var(--faint); margin-top:.5rem; border:0; padding:0}
.lg{display:inline-flex; align-items:center; gap:.4rem}
.sw{width:13px; height:3px; border-radius:2px; display:inline-block}
.sw-max{background:#c4653a}
.sw-min{background:#5b8ec4}
.sw-rain{background:#a9cee8; height:9px; width:7px}

/* tabeller */
.tscroll{overflow-x:auto; -webkit-overflow-scrolling:touch; margin:1.5rem 0;
  border:1px solid var(--rule); border-radius:var(--r); background:var(--surface)}
.wtab{border-collapse:collapse; width:100%; min-width:560px; font-size:.86rem;
  font-variant-numeric:tabular-nums}
.wtab th,.wtab td{border:0; border-bottom:1px solid var(--rule-soft);
  padding:.52rem .55rem; text-align:center}
.wtab tr:last-child th,.wtab tr:last-child td{border-bottom:0}
.wtab thead th{background:var(--paper-2); border-bottom:1px solid var(--rule);
  font-weight:600; color:var(--muted); font-size:.78rem; text-transform:capitalize}
.wtab tbody th{text-align:left; font-weight:600; color:var(--muted);
  white-space:nowrap; font-size:.82rem}
.wtab .hl{font-weight:700; color:var(--ink); background:rgba(168,72,31,.07)}
.wtab thead .hl{background:var(--hot); color:#fff}
.mtab{min-width:0}
.mtab .badge{white-space:normal; display:inline-block; line-height:1.3; margin:0;
  font-size:.72rem; padding:.22rem .5rem}
.mtab th,.mtab td{padding:.5rem .45rem}
.mtab tbody th{font-size:.95rem; color:var(--ink); font-family:Georgia,serif;
  font-weight:700}
.mtab tbody th a{text-decoration:none; color:var(--ink)}
.mtab tbody th a:hover{color:var(--accent-deep)}
.mtab tbody tr:hover td,.mtab tbody tr:hover th{background:var(--paper)}
.mtab .ld{display:block; font-size:.76rem; color:var(--faint); font-weight:400;
  margin-top:.1rem; font-family:-apple-system,'Helvetica Neue',Arial,sans-serif}
.mtab .tc{font-weight:700; color:var(--ink); position:relative}
.mtab .tc::before{content:""; position:absolute; inset:5px 6px; border-radius:4px;
  background:var(--c); opacity:.55; z-index:0}
@media(min-width:760px){ .mtab{min-width:600px} }
.yeartab{min-width:540px}
.yeartab td{text-align:left; font-size:.88rem;
  font-family:-apple-system,'Helvetica Neue',Arial,sans-serif}
.yeartab td a{text-decoration:none; color:var(--ink)}
.yeartab td a:hover{color:var(--accent-deep); text-decoration:underline}
.yeartab .t{color:var(--hot); font-weight:700; font-variant-numeric:tabular-nums}

/* FAQ */
.faq{margin:1.3rem 0 0}
.faq details{border:1px solid var(--rule); border-radius:var(--r);
  background:var(--surface); margin-bottom:.55rem; overflow:hidden}
.faq summary{cursor:pointer; padding:.9rem 1.05rem; font-size:.97rem; font-weight:600;
  color:var(--ink); list-style:none; display:flex; justify-content:space-between;
  align-items:center; gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; color:var(--hot); font-weight:400; font-size:1.25rem;
  line-height:1; flex:none}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--accent-deep)}
.faq p{margin:0; padding:0 1.05rem 1.05rem; color:var(--muted); font-size:.97rem;
  line-height:1.6; max-width:58ch; font-family:Georgia,serif}

/* læsertips */
.tiplead,.kurlead{font-size:.9rem; color:var(--faint); margin:.75rem 0 0}
.tips{display:grid; gap:.9rem; margin:1.3rem 0 0}
.tip{background:var(--surface); border:1px solid var(--rule);
  border-left:3px solid var(--hot); border-radius:var(--r);
  padding:1.1rem 1.25rem; margin:0}
.tip h3{margin:0 0 .45rem; font-size:1.06rem}
.tip p{margin:0 0 .65rem; font-size:.99rem; line-height:1.6; color:var(--ink-2);
  max-width:60ch}
.tip p:last-of-type{margin-bottom:0}
.tip .by{font-size:.79rem; color:var(--faint); margin-top:.7rem}

/* sæsonafsnit */
.seasons{display:grid; gap:.9rem; grid-template-columns:repeat(auto-fit,minmax(235px,1fr));
  margin:1.3rem 0 0}
.seas{background:var(--surface); border:1px solid var(--rule); border-radius:var(--r);
  padding:1rem 1.15rem}
.seas h3{margin:0 0 .4rem; font-size:.73rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--hot); font-weight:700}
.seas p{margin:0; font-size:.93rem; line-height:1.57; color:var(--muted)}

/* landegruppering */
.landgrp{margin:1.5rem 0 0}
.landgrp h3{font-size:.73rem; letter-spacing:.13em; text-transform:uppercase;
  color:var(--faint); font-weight:700; margin:0 0 .45rem;
  padding-bottom:.3rem; border-bottom:1px solid var(--rule-soft)}
.landgrp .chips{margin-top:.55rem}

/* Brødtekst bindes til læsbar bredde, også i brede sektioner */
.wrap-wide .body p,.wrap-wide .intro p,.wrap-wide .wtext p,.wrap-wide .sub{max-width:36rem}
.wrap-wide .body li{max-width:34rem}