/* Pinecap. Frågor och svar. Läsyta för kunskapssidorna, byggd på sajtens tokens. */
.fq{width:min(760px,calc(100% - 32px));margin:0 auto;padding:clamp(28px,5vw,64px) 0 clamp(40px,6vw,72px)}
.fq-crumbs{display:flex;gap:10px;align-items:center;font:12px/1.5 var(--sans,Inter,sans-serif);color:var(--mid,#615C53);margin:0 0 22px}
.fq-crumbs a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line,#D4CEC2)}
.fq-crumbs a:hover{color:var(--ink,#211F1B)}
.fq h1{font-family:var(--serif,Newsreader,Georgia,serif);font-weight:400;font-size:clamp(32px,4.6vw,52px);line-height:1.06;letter-spacing:-.018em;margin:10px 0 26px;color:var(--ink,#211F1B)}
.fq-short{background:var(--white,#FBF9F3);border:1px solid var(--line,#D4CEC2);border-left:3px solid var(--copper,#A65032);padding:18px 22px;margin:0 0 14px}
.fq-short p{margin:0;font-family:var(--serif,Newsreader,Georgia,serif);font-size:clamp(18px,2.1vw,21px);line-height:1.5;color:var(--ink,#211F1B)}
.fq-short .fq-label{font:500 11px/1.6 var(--sans,Inter,sans-serif);letter-spacing:.15em;text-transform:uppercase;color:var(--copper,#A65032);margin:0 0 6px}
.fq-meta{font:12px/1.5 var(--sans,Inter,sans-serif);color:var(--mid,#615C53);margin:0 0 34px}
.fq-body{font:16.5px/1.7 var(--sans,Inter,sans-serif);color:var(--ink,#211F1B)}
.fq-body h2,.fq-block h2{font-family:var(--serif,Newsreader,Georgia,serif);font-weight:400;font-size:clamp(24px,2.8vw,30px);line-height:1.15;margin:42px 0 12px;color:var(--ink,#211F1B)}
.fq-body h3{font:600 16px/1.4 var(--sans,Inter,sans-serif);margin:28px 0 8px}
.fq-body p{margin:0 0 16px}
.fq-body ul,.fq-body ol{margin:0 0 18px;padding-left:22px}
.fq-body li{margin:0 0 8px}
.fq-body a,.fq-block a{color:var(--ink,#211F1B);text-decoration:underline;text-decoration-color:var(--copper,#A65032);text-underline-offset:3px;overflow-wrap:anywhere}
.fq-body blockquote{margin:18px 0;padding:4px 0 4px 18px;border-left:2px solid var(--line,#D4CEC2);color:var(--mid,#615C53)}
.fq-body table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 20px;display:block;overflow-x:auto}
.fq-body th,.fq-body td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--line,#D4CEC2)}
.fq-body th{font-weight:600;font-size:12.5px;letter-spacing:.02em}
.fq-block{margin-top:44px;padding-top:6px;border-top:1px solid var(--line,#D4CEC2)}
.fq-faq dt{font:600 16px/1.45 var(--sans,Inter,sans-serif);margin:20px 0 6px}
.fq-faq dd{margin:0;font:16px/1.65 var(--sans,Inter,sans-serif);color:var(--ink,#211F1B)}
.fq-sources ol{padding-left:22px;font:14px/1.6 var(--sans,Inter,sans-serif);color:var(--mid,#615C53)}
.fq-sources li{margin:0 0 6px}
.fq-note{font:13px/1.6 var(--sans,Inter,sans-serif);color:var(--mid,#615C53);margin-top:16px}
.fq-related ul{list-style:none;padding:0;margin:0}
.fq-related li{border-bottom:1px solid var(--line,#D4CEC2)}
.fq-related a{display:block;padding:14px 0;text-decoration:none;font-family:var(--serif,Newsreader,Georgia,serif);font-size:20px;line-height:1.3}
.fq-related a:hover{color:var(--copper,#A65032)}
.fq-hub h2{font-family:var(--serif,Newsreader,Georgia,serif);font-weight:400;font-size:clamp(24px,2.8vw,30px);margin:44px 0 8px}
.fq-hub ul{list-style:none;padding:0;margin:0}
.fq-lead{font:17px/1.65 var(--sans,Inter,sans-serif);color:var(--mid,#615C53);max-width:640px;margin:0 0 10px}
.fq-hub li{border-top:1px solid var(--line,#D4CEC2)}
.fq-hub li:last-child{border-bottom:1px solid var(--line,#D4CEC2)}
.fq-card{display:block;padding:20px 16px;margin:0 -16px;text-decoration:none;color:inherit;transition:background-color .15s ease}
.fq-card:hover,.fq-card:focus-visible{background:rgba(166,80,50,.06)}
.fq-card:focus-visible{outline:2px solid var(--copper,#A65032);outline-offset:-2px}
.fq-q{display:block;font-family:var(--serif,Newsreader,Georgia,serif);font-size:clamp(20px,2.3vw,24px);line-height:1.25;color:var(--ink,#211F1B)}
.fq-card:hover .fq-q{color:var(--copper,#A65032)}
.fq-teaser{display:block;margin-top:6px;font:15px/1.6 var(--sans,Inter,sans-serif);color:var(--mid,#615C53)}
.fq-more{display:inline-flex;align-items:baseline;gap:6px;margin-top:12px;font:600 14px/1.4 var(--sans,Inter,sans-serif);color:var(--copper,#A65032)}
.fq-card:hover .fq-more{text-decoration:underline;text-underline-offset:3px}
.fq-src{display:inline-block;margin-left:10px;font-weight:400;color:var(--mid,#615C53)}
@media (max-width:640px){.fq-card{margin:0;padding:18px 0}.fq-card:hover,.fq-card:focus-visible{background:none}}