/*
Theme Name: Den Siste Avisen 2956
Theme URI: https://zvz.no
Author: Den Siste Avisen
Description: Futuristisk sci-fi-avis for Norge år 2956.
Version: 2.0.0
Text Domain: dsa2956
*/
:root{--bg:#080d16;--panel:#101a29;--line:#26384d;--red:#ed3d43;--cyan:#7bd8ff;--text:#f4f6fa;--muted:#aab8c9;--gold:#f2b65d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#193552 0,#080d16 55%);color:var(--text);font-family:Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1440px,94%);margin:auto}.topline{border-bottom:1px solid var(--line);color:var(--cyan);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:9px 0}.masthead{padding:22px 0 18px;border-bottom:2px solid var(--red);background:linear-gradient(90deg,#07111e,#10263d 50%,#07111e)}.masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font: bold clamp(34px,5vw,66px)/.95 Georgia,serif;letter-spacing:-.04em}.brand small{display:block;font:12px Arial,sans-serif;letter-spacing:.2em;color:var(--cyan);margin-top:10px}.datebox{text-align:right;color:var(--muted);font-size:13px}.nav{border-bottom:1px solid var(--line);background:#091321}.nav .wrap{display:flex;gap:0;flex-wrap:wrap}.nav a{padding:15px 22px;font: bold 15px Georgia,serif;border-right:1px solid #1a2b40}.nav a:hover,.nav a.current{background:#172a40;color:var(--gold)}.breaking{padding:11px 0;color:#fff;background:#9e1723;font-size:13px;font-weight:bold;letter-spacing:.06em}.breaking span{color:#ffd47e;margin-right:12px}.content{padding:26px 0 60px}.eyebrow{color:var(--red);font-weight:bold;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.hero{position:relative;min-height:540px;overflow:hidden;border:1px solid #3b536d;border-radius:5px;background:#142236;margin-bottom:26px;display:flex;align-items:flex-end}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,8,15,.96),rgba(3,8,15,.08) 72%),linear-gradient(90deg,rgba(3,8,15,.4),transparent)}.hero-copy{position:relative;z-index:1;padding:clamp(24px,4vw,54px);max-width:950px}.hero h1{font: bold clamp(36px,5.3vw,68px)/.98 Georgia,serif;margin:12px 0}.hero p{font-size:18px;max-width:780px;color:#e2eaf3}.tag{display:inline-block;background:var(--red);padding:5px 10px;font-size:11px;font-weight:bold;letter-spacing:.1em;text-transform:uppercase}.section-title{font: bold 32px Georgia,serif;margin:32px 0 18px;border-bottom:1px solid var(--line);padding-bottom:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);border-color:var(--cyan)}.card img{width:100%;height:220px;object-fit:cover;display:block}.card-copy{padding:18px}.card h2{font: bold 25px/1.08 Georgia,serif;margin:9px 0}.card p{color:var(--muted);font-size:14px}.meta{font-size:11px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.article{max-width:1000px;margin:0 auto}.article h1{font: bold clamp(38px,6vw,70px)/1 Georgia,serif}.article .featured{width:100%;height:auto;max-height:620px;object-fit:cover;border:1px solid var(--line);margin:18px 0}.article .body{font:18px/1.8 Georgia,serif;color:#e3e9f1}.article .body h2{font: bold 30px Georgia,serif;color:#fff;margin-top:35px}.article .body p{margin:0 0 22px}.empty{padding:50px;text-align:center;background:var(--panel);border:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}.custom-logo{max-width:780px;max-height:160px;width:auto;height:auto}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:460px}.nav a{padding:12px}}@media(max-width:580px){.masthead-inner{display:block}.datebox{text-align:left;margin-top:15px}.grid{grid-template-columns:1fr}.hero{min-height:440px}.hero h1{font-size:39px}.card img{height:210px}.nav .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.nav a{text-align:center;padding:10px 4px;font-size:13px}}
