/*
Theme Name: Jobzoo Arbejdsliv
Author: Jobzoo Redaktion
Description: Et typografisk guidemagasin med modulært indeks og tydelige næste skridt.
Version: 1.0.0
Text Domain: jobzoo-arbejdsliv
*/
:root{--paper:#f5f4ed;--ink:#14231d;--blue:#173cea;--lime:#d6ff4b;--line:#c7cbc1;--soft:#e7eade;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.5}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.06;letter-spacing:-.045em}a:focus-visible{outline:3px solid currentColor;outline-offset:6px}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;background:var(--lime);color:var(--ink);padding:12px;z-index:10}.skip:focus{top:12px}.site-header{background:var(--paper);border-bottom:1px solid var(--ink)}.header-inner{max-width:1440px;min-height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;gap:28px}.brand{font-weight:900;font-size:51px;letter-spacing:-4px;line-height:1;text-decoration:none;white-space:nowrap}.brand span{margin-left:10px;color:var(--blue);font-weight:400;letter-spacing:0}.header-inner nav{display:flex;align-items:center;gap:38px;font-size:15px;font-weight:bold}.header-inner nav a{text-decoration:none}.header-inner nav a:hover{text-decoration:underline}.contact-link{border:1px solid var(--ink);padding:11px 18px}.contact-link span{padding-left:20px}.masthead{background:var(--blue);color:#fff;padding:24px 40px 58px}.masthead-top{max-width:1360px;margin:auto;display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:bold;letter-spacing:.12em;border-bottom:1px solid #ffffff5e;padding-bottom:22px}.hero-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding-top:50px}.hero-grid h1{font-size:clamp(65px,7.8vw,120px);line-height:.96;letter-spacing:-.065em}.hero-grid h1 em{font-style:normal;color:var(--lime)}.hero-grid p{max-width:510px;font-size:20px;line-height:1.5;margin:30px 0}.lime-button{display:inline-flex;gap:30px;align-items:center;background:var(--lime);color:var(--ink);padding:17px 24px;text-decoration:none;font-size:15px;font-weight:bold}.lime-button span{font-size:23px}.hero-art{transform:rotate(-3deg);margin:0 0 0 10px}.hero-art img{border:1px solid var(--ink);width:100%}.hero-art figcaption{font-size:12px;margin-top:12px;text-align:right}.directory{padding-block:82px 90px}.directory-heading{display:grid;grid-template-columns:1fr 2fr 1.4fr;align-items:start;gap:24px;margin-bottom:55px}.section-tag{font-size:11px;font-weight:bold;letter-spacing:.12em}.directory h2{font-size:clamp(36px,4vw,58px)}.directory-heading p{font-size:16px;max-width:270px;padding-top:5px}.guide-index{border-top:2px solid var(--ink)}.guide-row{display:grid;grid-template-columns:110px 1fr 100px;align-items:center;gap:32px;padding:30px 0;border-bottom:1px solid var(--ink)}.guide-number{font-size:62px;letter-spacing:-5px;color:var(--blue);align-self:start;line-height:1.2}.category{display:inline-block;font-size:11px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;margin-bottom:14px}.guide-row h3{font-size:clamp(27px,3vw,41px);max-width:850px}.guide-row h3 a{text-decoration:none}.guide-row h3 a:hover{color:var(--blue)}.guide-copy p{max-width:700px;font-size:16px;margin-top:13px}.guide-go{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-decoration:none}.guide-go span{font-size:12px}.guide-go b{font-size:33px;width:54px;height:54px;line-height:51px;text-align:center;border:1px solid var(--ink);border-radius:50%;font-weight:400}.guide-go:hover b{background:var(--lime)}.topic-strip{background:var(--lime);border-block:1px solid var(--ink)}.topic-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:55px}.topic-inner h2{font-size:42px}.topic-inner nav{display:flex;flex-direction:column}.topic-inner nav a{padding:13px 0;display:flex;justify-content:space-between;text-decoration:none;font-size:23px;border-bottom:1px solid var(--ink)}.topic-inner nav a:hover{padding-left:8px}.editorial{padding-block:85px;display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:30px}.editorial h2{font-size:45px}.editorial p{margin-bottom:24px}.underlink{font-size:15px;font-weight:bold}.site-footer{background:var(--ink);color:var(--paper);padding:50px 40px 25px}.footer-top,.footer-bottom{max-width:1360px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-top{padding-bottom:60px}.footer-top .brand{font-size:62px}.footer-top .brand span{color:var(--lime)}.footer-top p{font-size:28px;letter-spacing:-.04em;line-height:1.15}.footer-top nav{display:flex;gap:30px;font-size:13px;align-items:start}.footer-bottom{border-top:1px solid #ffffff50;padding-top:20px;font-size:11px}.archive-head{padding-block:70px 50px}.archive-head h1{font-size:clamp(48px,6vw,80px);margin:20px 0}.archive-head p{font-size:20px}.archive-list{padding-bottom:85px}.pagination{margin-top:35px}.page-numbers{padding:8px}.article-head{padding-block:40px 50px;max-width:1160px}.back-link{font-size:13px;text-decoration:none}.article-topline{display:flex;align-items:center;gap:25px;margin:50px 0 20px}.article-topline .category{margin:0}.article-topline span{font-size:11px;letter-spacing:.08em}.article-head h1{font-size:clamp(45px,5.4vw,78px);max-width:1050px}.article-intro{font-size:23px;max-width:830px;margin-top:24px}.article-byline{display:flex;gap:26px;font-size:12px;margin-top:28px}.article-body{display:grid;grid-template-columns:220px minmax(0,820px);gap:70px;justify-content:center;padding-bottom:80px}.article-aside{padding-top:16px;border-top:1px solid var(--ink);font-size:13px;align-self:start}.article-aside p{margin-top:15px}.article-image{margin-bottom:44px}.article-image img{width:100%;border:1px solid var(--ink)}.prose{font-size:18px;line-height:1.8}.prose p{margin:0 0 22px}.prose h2{font-size:31px;line-height:1.2;margin:48px 0 20px}.prose h3{font-size:24px;margin:30px 0 16px}.prose a{color:var(--blue)}.prose ul,.prose ol{padding-left:26px;margin-block:20px}.article-end{background:var(--lime);padding:30px;margin-top:50px}.article-end b{font-size:28px;letter-spacing:-.04em}.article-end p{margin:12px 0 20px}.page-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-block:70px 90px}.page-layout h1{font-size:clamp(45px,5vw,68px);margin-top:20px;overflow-wrap:anywhere}.page-copy{padding-top:30px}.page-copy>:first-child{margin-top:0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.hero-grid{grid-template-columns:1.2fr 1fr}.hero-grid h1{font-size:76px}.hero-grid p{font-size:18px}.directory-heading{grid-template-columns:1fr 2fr}.directory-heading p{grid-column:2}.editorial{grid-template-columns:1fr 2fr}.editorial>div{grid-column:2}.guide-row{grid-template-columns:75px 1fr 70px;gap:24px}.guide-number{font-size:50px}.article-body{grid-template-columns:150px minmax(0,1fr);gap:35px}.footer-top nav{flex-direction:column;gap:15px}.page-layout{gap:40px}.topic-inner{gap:35px}}
@media(max-width:680px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:80px;padding:20px 18px;gap:15px;flex-wrap:wrap}.brand{font-size:42px;letter-spacing:-3px}.header-inner nav{gap:18px;font-size:12px}.contact-link{border:0;padding:0}.contact-link span{padding-left:4px}.masthead{padding:20px 18px 35px}.masthead-top{font-size:9px;letter-spacing:.05em}.masthead-top span:last-child{display:none}.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:35px}.hero-grid h1{font-size:clamp(56px,13vw,84px)}.hero-grid p{margin:25px 0;font-size:18px;max-width:420px}.hero-art{max-width:450px;margin:0 15px;transform:rotate(-2deg)}.hero-art figcaption{font-size:11px}.directory{padding-block:50px}.directory-heading{display:block;margin-bottom:30px}.directory-heading h2{font-size:43px;margin-top:18px}.directory-heading p{margin-top:20px;max-width:none}.guide-row{grid-template-columns:42px 1fr;gap:14px;padding:24px 0;position:relative}.guide-number{font-size:34px;letter-spacing:-2px}.guide-row h3{font-size:28px;letter-spacing:-.04em;padding-right:0}.guide-copy p{font-size:15px}.guide-go{grid-column:2;flex-direction:row;justify-content:flex-start;gap:14px;align-items:center}.guide-go b{height:35px;width:35px;line-height:32px;font-size:23px}.guide-go span{font-size:11px}.category{font-size:10px}.topic-inner{display:block;padding-block:35px}.topic-inner h2{font-size:34px;margin-bottom:28px}.topic-inner nav a{font-size:21px}.editorial{display:block;padding-block:50px}.editorial h2{font-size:38px;margin:20px 0}.editorial p{max-width:400px}.site-footer{padding:35px 18px 22px}.footer-top{display:grid;grid-template-columns:1fr 1fr;padding-bottom:35px}.footer-top .brand{font-size:49px}.footer-top p{font-size:23px;text-align:right}.footer-top nav{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;font-size:12px;gap:20px}.footer-bottom{flex-direction:column;gap:7px}.article-head{padding-top:25px}.article-topline{margin-top:32px;gap:15px;flex-wrap:wrap}.article-head h1{font-size:43px}.article-intro{font-size:20px}.article-byline{flex-direction:column;gap:4px}.article-body{display:block}.article-aside{display:none}.article-image{margin-bottom:30px}.prose{font-size:17px;line-height:1.75}.prose h2{font-size:27px;margin-top:36px}.article-end{padding:25px}.page-layout{display:block;padding-block:40px 55px}.page-layout h1{font-size:48px}.page-copy{padding-top:35px}.archive-head{padding-block:45px 30px}.archive-head h1{font-size:48px}.archive-list{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.entry-form{margin:30px 0 42px;padding:25px;background:var(--soft);border:1px solid var(--ink)}.entry-form label{display:block;font-weight:bold;font-size:14px;margin:15px 0 6px}.entry-form input:not([type="checkbox"]):not([type="hidden"]),.entry-form textarea{display:block;width:100%;padding:12px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;border-radius:0}.entry-form textarea{min-height:160px;resize:vertical}.entry-form button,.entry-form input[type="submit"]{background:var(--blue);color:#fff;border:0;padding:15px 24px;font:700 15px Arial,sans-serif;cursor:pointer;margin-top:16px}.entry-form input:focus-visible,.entry-form textarea:focus-visible,.entry-form button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.entry-form small{display:block;font-size:12px;margin-top:8px}.trap,.entry-form .trap{display:none!important}