/*
Theme Name: Udbudsavisen
Version: 1.0.0
Text Domain: udbudsavisen
Description: Custom editorial theme for udbudsavisen.dk.
*/
:root{--ink:#242f40;--accent:#9b3f32;--paper:#f7f4ed;--head:Georgia,serif;--body:Arial,sans-serif;--line:#242f4030;--wash:#242f400b;--link:#242f40;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--link)}a:focus-visible,button:focus-visible{outline:3px solid var(--link);outline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{max-width:var(--width,1260px);margin:0 auto;padding:0 38px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:white;padding:12px;z-index:20}.masthead{padding:28px 0;border-bottom:1px solid var(--line)}.mast-row{display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font:800 clamp(25px,3.2vw,44px)/1.05 var(--head);text-decoration:none;letter-spacing:-.055em}.brand-small{display:block;font:12px/1.4 var(--body);letter-spacing:.05em;margin-top:9px}.nav{display:flex;flex-wrap:wrap;gap:10px 23px;font-size:14px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.topline{display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;padding:10px 0;border-bottom:1px solid var(--line)}.intro{padding:50px 0 35px}.intro h1{font:500 clamp(42px,5vw,76px)/1.02 var(--head);letter-spacing:-.045em;max-width:920px;margin:10px 0 20px}.intro p{font-size:19px;max-width:670px;margin:0}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;display:block;margin-bottom:10px}.section-label{font-size:13px;letter-spacing:.14em;text-transform:uppercase;border-top:2px solid var(--ink);padding-top:14px;margin:0 0 24px}.stories{display:grid;gap:32px;margin-bottom:64px;grid-template-columns:repeat(3,minmax(0,1fr))}.story{min-width:0}.photo{display:block;overflow:hidden;background:var(--line)}.photo img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .3s}.story:hover .photo img{transform:scale(1.025)}.story-copy{padding:20px 0}.story h2{font:600 clamp(23px,2.2vw,31px)/1.12 var(--head);letter-spacing:-.025em;margin:0 0 12px}.story h2 a{text-decoration:none}.story p{font-size:15px;line-height:1.6;margin:0 0 17px;opacity:.85}.story-meta{font-size:11px;opacity:.65}.feature{grid-column:span 2}.feature h2{font-size:clamp(30px,3.4vw,47px)}.editor-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:36px;display:flex;gap:45px;align-items:baseline}.editor-note strong{white-space:nowrap;font:600 24px var(--head)}.editor-note p{margin:0;max-width:740px;font-size:15px}.footer{padding:42px 0;border-top:1px solid var(--line);font-size:13px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer p{max-width:720px;opacity:.8}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.entry{max-width:850px;margin:0 auto;padding:56px 32px 70px}.entry .breadcrumbs{font-size:12px;margin-bottom:25px}.entry h1{font:600 clamp(35px,5vw,62px)/1.07 var(--head);letter-spacing:-.04em;margin:0 0 25px}.byline{font-size:12px;display:flex;gap:15px;flex-wrap:wrap;margin-bottom:30px}.entry-figure{margin:0 0 38px}.entry-figure img{width:100%;aspect-ratio:3/2;object-fit:cover}.entry-figure figcaption{font-size:11px;margin-top:9px;opacity:.7}.entry-content{max-width:690px;margin:auto}.entry-content p,.entry-content li{font-size:18px;line-height:1.8}.entry-content .lead{font-size:23px;line-height:1.6}.entry-content h2{font:600 29px/1.2 var(--head);margin:1.8em 0 .6em;letter-spacing:-.02em}.entry-content ul{padding-left:24px}.sources{font-size:14px;background:var(--wash);padding:20px 26px;margin:35px 0}.sources h2{font-size:20px;margin:0 0 12px}.sources li,.sources p{font-size:14px}.related{margin-top:50px;border-top:1px solid var(--line);padding-top:20px}.related a{display:block;margin:12px 0}.archive{padding:44px 0}.archive h1{font:600 52px/1.1 var(--head);letter-spacing:-.04em}.pagination{padding:20px 0}.notice{font-size:12px;padding:12px 18px;border-left:3px solid var(--accent);background:var(--wash)}.searchform{display:flex;max-width:480px;gap:8px;margin-top:20px}.searchform input{min-width:0;padding:10px;border:1px solid var(--line);font:inherit}.searchform button{font:inherit;padding:10px 16px;background:var(--ink);color:var(--paper);border:0}.entry-content a{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}
@media(max-width:850px){.wrap{padding:0 23px}.mast-row{align-items:flex-start;flex-direction:column}.stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.feature{grid-column:1/-1}.editor-note,.footer-top{display:block}.editor-note strong{white-space:normal}.editor-note p{margin-top:10px}.intro{padding:35px 0 25px}}
@media(max-width:540px){body{font-size:16px}.wrap{padding:0 18px}.topline{font-size:9px;letter-spacing:.07em}.brand{font-size:32px}.stories{display:block}.story{margin-bottom:28px}.story h2{font-size:27px}.story p{font-size:16px}.intro h1{font-size:42px}.intro p{font-size:17px}.nav{gap:9px 16px}.entry{padding:35px 19px 55px}.entry h1{font-size:38px}.entry-content p,.entry-content li{font-size:17px}.entry-content .lead{font-size:21px}.entry-content h2{font-size:27px}.footer nav{margin:20px 0}.editor-note{margin-bottom:25px}.feature h2{font-size:32px}}
.masthead{border-top:5px solid #242f40}.mast-row{display:block;text-align:center}.brand{font-size:64px;letter-spacing:-.06em;font-weight:700}.brand-small{text-transform:uppercase;font-size:10px;letter-spacing:.2em}.nav{justify-content:center;border-top:1px solid var(--ink);border-bottom:3px double var(--ink);padding:13px 0;margin-top:25px}.intro{display:flex;gap:60px;align-items:center;padding:30px 0}.intro h1{font-size:52px;flex:1.3}.intro p{font-size:16px;flex:1}.stories{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.feature{grid-column:span 2;grid-row:span 2;padding-right:25px;border-right:1px solid var(--line)}.feature h2{font-size:43px}.story:not(.feature) h2{font-size:24px}.story:not(.feature) .photo img{aspect-ratio:16/10}.eyebrow{color:#9b3f32}.editor-note{border-top:3px double var(--ink);border-bottom:3px double var(--ink)}.footer{border-top:4px solid var(--ink)}@media(max-width:850px){.stories{grid-template-columns:1fr 1fr}.feature{padding:0;border:0}.intro{display:block}.intro h1{font-size:44px}.brand{font-size:46px}}