/* Työnantajan työkalu – sama tyyli etusivulla ja /tyokalut/tyonantaja/ */
.ftool{--ft-ink:#1f2a24;--ft-soft:#4e5b53;--ft-faint:#7d8880;--ft-line:#dde2dc;--ft-bg:#f6f7f5;--ft-s2:#eef1ed;--ft-green:#5a6c5d;--ft-strong:#425146;--ft-copper-soft:#f4e9e0;font-family:"IBM Plex Sans",system-ui,sans-serif;color:var(--ft-ink);line-height:1.55}
.ftool *{box-sizing:border-box}
.ftool .ft-q{display:grid;gap:14px}
.ftool fieldset{border:1px solid var(--ft-line);background:#fff;border-radius:10px;padding:16px 18px;margin:0;min-width:0}
.ftool legend{font-family:"Fraunces",Georgia,serif;font-weight:560;font-size:17px;padding:0 6px;margin-left:-6px}
.ftool .ft-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ftool .ft-opts label{display:flex;align-items:center;gap:8px;border:1px solid var(--ft-line);border-radius:6px;padding:7px 11px;cursor:pointer;font-size:14.5px;background:var(--ft-bg)}
.ftool .ft-opts label:has(input:checked){border-color:var(--ft-green);background:var(--ft-s2)}
.ftool .ft-opts input{accent-color:var(--ft-strong);margin:0}
.ftool .ft-num{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.ftool .ft-num input{width:84px;font:inherit;font-size:17px;padding:7px 10px;border:1px solid var(--ft-line);border-radius:6px}
.ftool .ft-num button{font:inherit;font-size:14px;padding:7px 12px;border:1px solid var(--ft-line);background:var(--ft-bg);border-radius:6px;cursor:pointer;color:var(--ft-ink)}
.ftool .ft-num button:hover{border-color:var(--ft-green)}
.ftool .ft-hint{font-size:13px;color:var(--ft-faint);margin:6px 0 0}
.ftool .ft-out{background:#fff;border:1px solid var(--ft-green);border-radius:12px;padding:22px 24px;margin-top:16px}
.ftool .ft-out h3{font-family:"Fraunces",Georgia,serif;font-weight:560;font-size:22px;line-height:1.2;margin:0 0 6px}
.ftool .ft-out h4{font-family:"Fraunces",Georgia,serif;font-weight:560;font-size:17px;margin:18px 0 8px}
.ftool .ft-out p{margin:0;color:var(--ft-soft)}
.ftool .ft-out ul{margin:0;padding-left:20px}
.ftool .ft-out li{margin:5px 0}
.ftool .ft-tag{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:1px 7px;margin-right:6px;vertical-align:1px}
.ftool .ft-tag.law{background:var(--ft-strong);color:#fff}
.ftool .ft-tag.rec{background:var(--ft-copper-soft);color:#8a5530}
.ftool .ft-money{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:8px}
.ftool .ft-money div{background:var(--ft-s2);border-radius:8px;padding:12px 14px}
.ftool .ft-money b{display:block;font-family:"Fraunces",Georgia,serif;font-size:22px;font-weight:560}
.ftool .ft-money small{display:block;font-size:12px;color:var(--ft-faint);font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em}
.ftool .ft-money span{font-size:13px;color:var(--ft-soft)}
.ftool .ft-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ftool .ft-btn{display:inline-block;background:var(--ft-strong);color:#fff;text-decoration:none;padding:11px 18px;border-radius:4px;font-weight:500;font-size:15px}
.ftool .ft-btn:hover{background:var(--ft-ink)}
.ftool .ft-btn.ghost{background:transparent;color:var(--ft-ink);border:1px solid var(--ft-line)}
.ftool.compact .ft-q{grid-template-columns:repeat(2,minmax(0,1fr))}
.ftool.compact .ft-wide{grid-column:1/-1}
@media (max-width:720px){.ftool.compact .ft-q{grid-template-columns:1fr}}