:root{--ink:#111;--paper:#f7f5ef;--muted:#68645d;--line:#b8b2a7;--accent:#8a1c1c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
.shell{width:min(1180px,calc(100% - 36px));margin:auto}
.utility{display:flex;justify-content:space-between;gap:20px;padding:12px 0 9px;border-bottom:1px solid var(--ink);font:700 11px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.masthead{padding:23px 0 18px;text-align:center;border-bottom:4px double var(--ink)}
.masthead a{text-decoration:none}
.masthead h1{margin:0;font-size:clamp(42px,8vw,86px);line-height:.88;letter-spacing:-.055em}
.masthead p{margin:13px 0 0;font:600 12px/1.2 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
nav{display:flex;justify-content:center;gap:24px;padding:11px 0;border-bottom:1px solid var(--ink);font:700 12px/1 Arial,sans-serif;text-transform:uppercase;overflow:auto}
nav a{text-decoration:none}
.lead{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(260px,.95fr);gap:28px;padding:30px 0;border-bottom:2px solid var(--ink)}
.kicker{margin:0 0 9px;color:var(--accent);font:800 12px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
h1,h2,h3{letter-spacing:-.025em}
.lead h2,.article-head h1{max-width:900px;margin:0;font-size:clamp(38px,5.5vw,69px);line-height:.97}
.lead h2 a{text-decoration:none}
.dek{max-width:800px;margin:18px 0 0;font-size:21px;line-height:1.35;color:#2d2b28}
.byline{margin-top:20px;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.numbers{border-left:1px solid var(--line);padding-left:25px}
.numbers h3{margin:0 0 16px;padding-bottom:9px;border-bottom:1px solid var(--ink);font-size:18px}
.number{padding:14px 0;border-bottom:1px solid var(--line)}
.number strong{display:block;font-size:31px;line-height:1}
.number span{display:block;margin-top:5px;font:12px/1.45 Arial,sans-serif;color:var(--muted)}
.archive-title{display:flex;justify-content:space-between;align-items:end;margin:38px 0 14px;padding-bottom:10px;border-bottom:3px double var(--ink)}
.archive-title h1,.archive-title h2{margin:0;font-size:32px}
.archive-title span{font:11px/1 Arial,sans-serif;color:var(--muted);text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.card{padding:22px 20px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.card:nth-child(3n){border-right:0}
.card .date{display:block;margin-bottom:9px;color:var(--accent);font:800 10px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.card h3{margin:0;font-size:26px;line-height:1.08}
.card h3 a{text-decoration:none}
.card p{margin:12px 0 0;color:#3f3c37;font-size:16px;line-height:1.42}
.read{display:inline-block;margin-top:16px;font:700 10px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.article-head{padding:42px 0 28px;border-bottom:1px solid var(--ink)}
.article-body{max-width:760px;margin:0 auto;padding:34px 0 18px;font-size:19px;line-height:1.62}
.article-body>p:first-child::first-letter{float:left;margin:8px 8px 0 0;font-size:70px;line-height:.68;font-weight:700}
.factbox{margin:28px 0;padding:20px 22px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);background:#eeebe2}
.factbox h3{margin:0 0 12px;font:800 12px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.factbox li{margin:7px 0}
.back{display:inline-block;margin-top:25px;font:700 11px/1 Arial,sans-serif;text-transform:uppercase}
.empty{padding:80px 0;text-align:center}
footer{margin-top:50px;padding:25px 0 45px;border-top:4px double var(--ink);color:var(--muted);font:12px/1.5 Arial,sans-serif}
footer .shell::after{content:"Om indholdet: Sitet bruger AI til at skabe journalistiske sammenfatninger på baggrund af offentlige referater og bilag. Indholdet kan derfor indeholde fejl, misforståelser eller udeladelser og bør kontrolleres mod de oprindelige kilder. Formålet er at skabe et lettilgængeligt overblik over de politiske beslutninger i Norddjurs Kommune. Satiren ligger i formuleringerne – ikke i fakta.";display:block;max-width:820px;margin-top:8px}
@media(max-width:800px){.lead{grid-template-columns:1fr}
.numbers{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
.grid{grid-template-columns:1fr}
.card,.card:nth-child(3n){border-right:0}
nav{justify-content:flex-start}
.utility{font-size:9px}
}
