/* Fasadkollen shares Husskolan's typography and colour tokens. */
.fasadkollen{max-width:760px;margin:18px 0;padding:28px;border:1px solid var(--border);border-radius:14px;background:var(--card);scroll-margin-top:24px}
.fasadkollen [hidden]{display:none!important}
.fasadkollen .fk-eyebrow{margin:0 0 7px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong)}
.fasadkollen .fk-intro{font-size:16px;line-height:1.65}
.fasadkollen .fk-note{font-size:13.5px;line-height:1.6;color:var(--muted)}
.fasadkollen form{margin-top:24px}
.fasadkollen .fk-question{margin:0 0 22px}
.fasadkollen label{display:block;font-weight:600;font-size:16px;line-height:1.5;margin-bottom:6px}
.fasadkollen .fk-help{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 9px}
.fasadkollen select,.fasadkollen textarea{width:100%;min-height:48px;border:1px solid #7a8389;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:16px;padding:11px 12px}
.fasadkollen select{padding-right:30px}
.fasadkollen textarea{line-height:1.55;resize:vertical}
.fasadkollen select:focus-visible,.fasadkollen textarea:focus-visible,.fasadkollen button:focus-visible,.fasadkollen a:focus-visible,.fasadkollen h3:focus{outline:3px solid var(--interactive);outline-offset:4px;box-shadow:none}
.fasadkollen .fk-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 10px}
.fasadkollen button,.fasadkollen .fk-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 16px;font:inherit;font-size:15px;font-weight:500;line-height:1.5;border:1px solid var(--interactive);border-radius:7px;background:#fff;color:var(--interactive);cursor:pointer;text-align:center;text-decoration:none}
.fasadkollen button:hover,.fasadkollen .fk-link:hover{background:#e9edf0}
.fasadkollen button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}
.fasadkollen button[type=submit]:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.fasadkollen button[type=reset]{border-color:transparent;background:transparent;text-decoration:underline}
.fasadkollen .fk-status{font-size:14px;line-height:1.6;margin:12px 0 0}
.fasadkollen .fk-status:empty{margin:0}
.fasadkollen .fk-result{margin-top:26px;padding:24px;background:#fff;border:1px solid var(--border);border-left:4px solid var(--interactive);border-radius:8px;scroll-margin-top:24px}
.fasadkollen .fk-result[data-kind=water]{border-left-color:var(--accent-strong)}
.fasadkollen .fk-result h3{font-size:24px;line-height:1.25;margin-bottom:14px}
.fasadkollen .fk-result p{font-size:15px;line-height:1.65}
.fasadkollen .fk-result .fk-answers{font-size:13px;color:var(--muted);line-height:1.6}
.fasadkollen .fk-result h4{font-size:16px;margin:20px 0 9px}
.fasadkollen .fk-result ol{margin:0 0 20px;padding-left:24px;font-size:15px;line-height:1.65}
.fasadkollen .fk-result li{padding-left:3px;margin-bottom:9px}
.fasadkollen .fk-result .fk-disclaimer{font-size:13px;color:var(--muted);border-top:1px solid var(--border);padding-top:14px}
.fasadkollen .fk-referral{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}
.fasadkollen .fk-referral .fk-note{font-size:13px;margin:10px 0 0}
.fasadkollen .fk-copy-fallback{margin:20px 0}
.fasadkollen .fk-print-source{display:none}
@media(max-width:600px){
  .fasadkollen{padding:22px 17px}
  .fasadkollen .fk-result{padding:20px 15px}
  .fasadkollen .fk-result h3{font-size:22px}
  .fasadkollen .fk-actions{align-items:stretch}
  .fasadkollen .fk-actions button{flex:1 1 170px}
  .fasadkollen .fk-link{width:100%}
}
@media print{
  .fasadkollen{background:#fff;border:1px solid #888;border-radius:0;padding:16px;color:#000;max-width:none}
  .fasadkollen form,.fasadkollen .fk-actions,.fasadkollen .fk-referral,.fasadkollen .fk-copy-fallback,.fasadkollen .fk-status{display:none!important}
  .fasadkollen .fk-result{border:0;padding:0;margin-top:15px}
  .fasadkollen .fk-result h3{outline:0;color:#000}
  .fasadkollen .fk-print-source{display:block;font-size:11px!important;overflow-wrap:anywhere}
  .fasadkollen .fk-result li{break-inside:avoid}
  body.fasadkollen-print> :not(.wrap){display:none!important}
  body.fasadkollen-print>.wrap> :not(.fasadkollen){display:none!important}
  body.fasadkollen-print .fasadkollen .fk-intro,body.fasadkollen-print .fasadkollen .fk-note{display:none!important}
  body.fasadkollen-print .fasadkollen{border:0;margin:0;padding:0}
  body.fasadkollen-print .wrap{max-width:none;padding:0}
}