/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 11 2026 | 14:50:18 */
/* Ratio Letselschade – letselschadetest (iClicks, v1.0) – opmaak. Alles gescoped op #ratio-lt. */
#ratio-lt{--navy:#053748;--navy-2:#0b4a5f;--orange:#ef8225;--orange-d:#d96f14;--ink:#444;--line:#e3e8ea;--soft:#f4f7f8;
  font-family:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);font-size:17px;line-height:1.55;max-width:760px;margin:0 auto}
#ratio-lt *{box-sizing:border-box}
#ratio-lt .rlt-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(5,55,72,.08);overflow:hidden}
#ratio-lt .rlt-progress{height:6px;background:var(--soft)}
#ratio-lt .rlt-bar{display:block;height:100%;width:0;background:var(--orange);transition:width .35s ease}
#ratio-lt .rlt-body{padding:36px 40px 32px}
#ratio-lt .rlt-form-slot{padding:0 40px 36px}
#ratio-lt h2,#ratio-lt h3{font-family:Kadwa,Georgia,serif;color:var(--navy);margin:0 0 12px;line-height:1.25}
#ratio-lt h2{font-size:30px}#ratio-lt h3{font-size:24px}
#ratio-lt .rlt-kicker{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--orange-d);font-weight:700;margin-bottom:8px}
#ratio-lt .rlt-help{font-size:15px;color:#667;margin:-4px 0 18px}
#ratio-lt .rlt-usps{list-style:none;padding:0;margin:18px 0 26px}
#ratio-lt .rlt-usps li{padding-left:28px;position:relative;margin:6px 0}
#ratio-lt .rlt-usps li:before{content:"";position:absolute;left:4px;top:7px;width:12px;height:7px;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);transform:rotate(-45deg)}
#ratio-lt .rlt-opts{display:grid;gap:10px;margin:18px 0 6px}
#ratio-lt .rlt-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;color:var(--navy);background:#fff;border:2px solid var(--line);border-radius:14px;padding:14px 18px;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}
@media (hover:hover){#ratio-lt .rlt-opt:hover{border-color:var(--orange);background:#fff8f1}}
#ratio-lt .rlt-opt:focus-visible{outline:3px solid rgba(239,130,37,.45);outline-offset:2px}
#ratio-lt .rlt-opt:active{transform:scale(.995)}
#ratio-lt .rlt-opt.is-sel{border-color:var(--orange);background:#fff1e3}
#ratio-lt .rlt-key{flex:0 0 28px;height:28px;border-radius:8px;border:1.5px solid currentColor;display:grid;place-items:center;font-size:13px;font-weight:700;opacity:.7}
#ratio-lt .rlt-btn{display:inline-flex;align-items:center;gap:8px;font-family:Kadwa,Georgia,serif;font-size:17px;border:0;border-radius:99px;padding:13px 28px;background:var(--orange);color:#fff;cursor:pointer;text-decoration:none;transition:background .15s}
#ratio-lt .rlt-btn:hover{background:var(--orange-d)}
#ratio-lt .rlt-link{background:none;border:0;color:var(--navy);font:inherit;font-size:15px;cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
#ratio-lt .rlt-nav{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:14px;color:#889}
#ratio-lt .rlt-result{border-radius:16px;padding:22px 24px;margin:6px 0 22px;background:var(--soft);border-left:6px solid var(--navy)}
#ratio-lt .rlt-result.good{border-color:#2e9e6a;background:#eef8f3}
#ratio-lt .rlt-result.maybe{border-color:var(--orange);background:#fff5ea}
#ratio-lt .rlt-result.late{border-color:#8a9aa1}
#ratio-lt .rlt-result p{margin:0}
#ratio-lt .rlt-small{font-size:13px;color:#889;margin-top:18px}
#ratio-lt .rlt-warn{padding:14px 16px;border-radius:12px;background:#fff1e3;color:var(--navy);font-size:15px}
#ratio-lt .rlt-form-slot .gform_wrapper{margin:0!important}
#ratio-lt .rlt-form-slot .gform_wrapper .gform_button{background:var(--orange)!important;border-radius:99px!important;font-family:Kadwa,Georgia,serif!important;padding:13px 28px!important;border:0!important;color:#fff!important}
@media (max-width:600px){#ratio-lt .rlt-body{padding:26px 20px 22px}#ratio-lt .rlt-form-slot{padding:0 20px 26px}#ratio-lt h2{font-size:25px}#ratio-lt h3{font-size:21px}#ratio-lt .rlt-opt{padding:12px 14px}}

/* Aanvullingen (mobiel / thema-overrides) */
#ratio-lt{scroll-margin-top:130px}
#ratio-lt .rlt-opt,#ratio-lt .rlt-opt span{white-space:normal;height:auto;line-height:1.35}
#ratio-lt .rlt-opt{min-height:56px}
@media (max-width:600px){
  #ratio-lt .rlt-form-slot input,#ratio-lt .rlt-form-slot textarea,#ratio-lt .rlt-form-slot select{font-size:16px!important}
  #ratio-lt .rlt-form-slot .gchoice{padding:6px 0}
  #ratio-lt .rlt-nav{flex-wrap:wrap;gap:8px}
}