/*
Theme Name: Spårvägar
Author: Martin Lindahl
Description: Ett magasin för intervjuer, kollektivtrafik och stadsutveckling.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparvagar
*/
:root{--green:#104d42;--lime:#e5f478;--ink:#182721;--paper:#f9faf6;--line:#d5dbd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(42px,5.4vw,76px);margin:18px 0}h2{font-size:clamp(34px,4vw,54px)}h3{font-size:27px}p{margin:0 0 22px}.wrap,.masthead,.footer{max-width:1240px;margin:auto;padding:0 36px}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:35px 0 25px}.brand{text-decoration:none;font-size:64px;font-weight:900;letter-spacing:-.065em;line-height:1}.brand span{color:#759237}.brand-row p{font-size:14px;line-height:1.4;margin:0}nav{display:flex;gap:28px;padding:17px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);flex-wrap:wrap}nav a{font-weight:650;text-decoration:none;font-size:14px}nav a:hover,.text-link:hover{color:#528139}.intro-line{display:flex;justify-content:space-between;font-size:12px;padding:20px 0 25px}.hero{display:grid;grid-template-columns:1.65fr 1fr;gap:38px}.hero figure{margin:0 0 24px}.hero img{width:100%;height:380px;object-fit:cover}.hero figcaption{font-size:10px;line-height:1.5;margin-top:8px;color:#59665d}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:750;margin-bottom:12px}.lead{font-size:21px;line-height:1.55;max-width:700px}.text-link{font-weight:700;text-decoration:none}.interview-teaser{background:var(--lime);padding:36px;display:flex;flex-direction:column;align-items:flex-start}.interview-teaser h2{margin:14px 0 26px}.interview-teaser h3{margin:25px 0 15px}.interview-teaser p{font-size:16px}.tags{font-size:10px;letter-spacing:.1em;border-top:1px solid #839247;width:100%;padding-top:25px;margin-top:12px}.button{display:inline-block;text-decoration:none;background:var(--green);color:white;padding:12px 20px;font-size:14px;font-weight:700;margin-top:12px}.articles{margin:72px 0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink);margin-bottom:28px}.section-heading h2{font-size:34px;margin:0 0 20px}.section-heading span{font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.card img{width:100%;height:210px;object-fit:cover}.card h3{margin:12px 0 15px}.card h3 a{text-decoration:none}.card p{font-size:15px}.card .eyebrow{font-size:10px}.empty{padding:28px 0;color:#58665b}.interview-section{background:var(--green);color:var(--paper);padding:55px;margin:60px 0}.interview-section h2{font-size:64px;margin:15px 0 20px}.interview-section p{max-width:700px}.interview-section .eyebrow{color:var(--lime)}.interview-section .button{background:var(--lime);color:var(--ink)}.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand{font-size:36px}.footer p,.footer>a:last-child{font-size:13px;margin:0}.archive{padding-top:65px;padding-bottom:90px;min-height:60vh}.archive>p{max-width:740px}.archive .cards{margin-top:40px}.reading{max-width:800px;margin:auto;padding:65px 28px 95px}.reading h1{font-size:clamp(38px,5vw,60px)}.article-image{margin:25px 0}.entry-content{font-size:19px}.entry-content a{color:var(--green)}.entry-content h2{font-size:34px}.post-topics,.nav-links{margin-top:40px}.nav-links{display:flex;justify-content:space-between;gap:30px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:100000}.skip:focus{top:10px}:focus-visible{outline:3px solid #967000;outline-offset:4px}@media(max-width:760px){.wrap,.masthead,.footer{padding-left:20px;padding-right:20px}.brand{font-size:49px}.brand-row p{font-size:11px}nav{gap:13px 22px}.intro-line{font-size:10px}.intro-line span:last-child{display:none}.hero{grid-template-columns:1fr;gap:32px}.hero img{height:290px}.interview-teaser{padding:28px}.cards{grid-template-columns:1fr}.section-heading{display:block}.section-heading span{display:block;margin-bottom:15px}.interview-section{padding:30px;margin:35px 0}.interview-section h2{font-size:48px}.footer{align-items:flex-start;flex-direction:column;gap:18px}.articles{margin:45px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}