/* OtoPlan interactieve oefenrondleiding – uitsluitend front-end */
.tour-hero{padding:52px 0 45px}.tour-hero h1{max-width:960px}.tour-hero .lead{max-width:850px;margin-bottom:20px}.tour-disclaimer{display:inline-flex;gap:10px;align-items:baseline;max-width:940px;background:#fff;border:1px solid #dfe7ef;border-radius:12px;padding:13px 18px;color:#52657a;font-size:13px}.tour-section{padding-top:55px}.tour-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.tour-heading h2{margin:8px 0}.tour-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.tour-tab{display:inline-flex;align-items:center;gap:9px;min-height:45px;border:1px solid #d5dfeb;background:white;color:#24415f;padding:10px 16px;border-radius:11px;font-weight:800;font-size:13px;cursor:pointer;transition:.15s}.tour-tab:hover{border-color:#e52b47}.tour-tab[aria-pressed=true]{background:#0b2746;color:#fff;border-color:#0b2746;box-shadow:0 8px 18px #0a234217}.tab-icon{font-size:19px}.tour-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start;gap:0;border:1px solid #dfe5ee;border-radius:20px;background:#fff;box-shadow:0 20px 44px #092b4910;overflow:hidden}.tour-sidebar{background:#102d4d;color:#fff;min-height:580px;padding:31px 24px}.small-tag{font-size:10px;font-weight:900;letter-spacing:.17em;color:#ff8a9b}.tour-sidebar h3{font-size:25px;line-height:1.25;margin:14px 0 10px}.tour-sidebar>p{font-size:13px;color:#c9d7e5;line-height:1.6}.tour-steps{padding:0;list-style:none;margin:32px 0;display:grid;gap:20px;counter-reset:step}.tour-steps li{display:flex;gap:12px;align-items:center;font-size:13px;color:#aabed1;line-height:1.4}.step-dot{display:grid;place-items:center;flex:0 0 29px;height:29px;width:29px;border:1px solid #66809d;border-radius:50%;font-size:11px;font-weight:900}.tour-steps li.is-active{color:white;font-weight:850}.tour-steps li.is-active .step-dot{background:#e52b47;border-color:#e52b47;color:#fff}.tour-steps li.is-done .step-dot{background:#157353;border-color:#157353;color:white}.tour-tip{background:#ffffff14;border:1px solid #ffffff16;border-radius:12px;padding:17px;margin-top:32px}.tour-tip-icon{display:block;font-size:23px;margin-bottom:7px}.tour-tip strong{display:block;font-size:12px}.tour-tip p{color:#d3dfeb;font-size:12px;line-height:1.7;margin:5px 0 0}.tour-progress{height:5px;border-radius:10px;background:#45627e;margin-top:29px;overflow:hidden}.tour-progress>div{height:100%;background:#ff5670;width:33%;transition:width .25s}.progress-label{font-size:11px;color:#c5d5e3;margin:7px 0 0}.tour-screen{min-width:0;background:#fff}.mock-topbar{background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 28px}.mock-app-name{display:flex;align-items:center;gap:6px;color:#152c49}.mock-app-name strong{letter-spacing:-.035em;font-size:19px}.mock-app-name strong span{color:#e52b47}.mock-mark{display:grid;place-items:center;background:#0d345b;color:white;font-weight:900;width:31px;height:31px;border-radius:8px}.mock-app-label{background:#f3f6fb;color:#698098;padding:4px 8px;border-radius:30px;font-weight:800;font-size:9px;margin-left:10px}.mock-user{font-size:12px;color:#8190a0}.mock-body{padding:27px 36px 35px}.mock-breadcrumb{font-size:11px;color:#8292a3;margin-bottom:28px}.mock-breadcrumb span{margin:0 6px}.mock-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.mock-form-head>div>span{display:block;color:#e52b47;font-size:10px;font-weight:900;letter-spacing:.16em}.mock-form-head h3{font-size:28px;margin:4px 0 2px;line-height:1.25}.mock-form-head p{color:#718196;margin:0;font-size:13px}.mock-example{color:#b0bac6;background:#f4f6f9;border:1px solid #e9eef3;padding:5px 9px;border-radius:5px;font-size:10px;letter-spacing:.08em;font-weight:900}.tour-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.tour-field{min-width:0}.tour-field.full{grid-column:1 / -1}.tour-field label{font-size:12px;font-weight:800;color:#2a4159;display:block;margin-bottom:6px}.tour-field input,.tour-field select,.tour-field textarea{display:block;width:100%;min-width:0;border:1px solid #cfd9e5;border-radius:9px;background:white;color:#172f46;padding:11px 12px;font-size:14px;line-height:1.4}.tour-field input:focus,.tour-field select:focus,.tour-field textarea:focus{outline:3px solid #f5b6c1;border-color:#df3253;outline-offset:0}.tour-field textarea{min-height:85px;resize:vertical}.tour-field-note{font-size:11px;color:#8b97a5;margin:4px 0 0}.tour-preview{grid-column:1 / -1;background:#fff9e6;border:1px solid #f7eac2;padding:12px 15px;font-size:12px;color:#7d6734;border-radius:10px}.tour-error{color:#ab1735;background:#fff0f3;border-left:3px solid #e52b47;padding:10px 14px;font-size:12px;border-radius:7px;margin-top:20px}.tour-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e6edf4;margin-top:26px;padding-top:23px}.tour-back{background:transparent;border:1px solid #d6e0ea;color:#47617d;padding:12px 18px;border-radius:10px;font-weight:750;font-size:13px;cursor:pointer}.tour-back:hover{background:#f3f6fb}.tour-back:disabled{opacity:.35;cursor:not-allowed}.tour-result{padding-top:8px}.result-badge{color:#137654;font-size:12px;font-weight:900;display:inline-block;background:#e8f8f1;padding:7px 12px;border-radius:999px}.tour-result h3{font-size:30px;margin:15px 0 3px}.tour-result>p{font-size:14px;color:#63758b}.tour-result dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.tour-result dl>div{background:#f6f8fb;padding:13px;border-radius:10px;min-width:0}.tour-result dt{font-size:10px;color:#62758b;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.tour-result dd{font-size:14px;color:#16324f;font-weight:800;margin:4px 0 0;overflow-wrap:anywhere}.tour-result p.result-warning{font-size:12px;color:#906125;background:#fff7e7;padding:12px;border-radius:8px}.tour-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:37px 0 5px}.tour-bottom h3{margin:0 0 3px;font-size:23px}.tour-bottom p{margin:0;font-size:14px;color:#6c7d8c}@media(max-width:950px){.tour-workspace{grid-template-columns:240px minmax(0,1fr)}.tour-sidebar{padding:26px 18px}.mock-body{padding:24px 25px}.tour-tabs{gap:7px}.tour-tab{padding:9px 12px}}@media(max-width:730px){.tour-workspace{grid-template-columns:1fr}.tour-sidebar{min-height:unset}.tour-steps{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.tour-tip{margin:15px 0}.tour-progress{margin-top:17px}.mock-body{padding:22px 18px}.tour-heading,.tour-bottom{align-items:flex-start;flex-direction:column}.mock-app-label{display:none}}@media(max-width:480px){.tour-fields,.tour-result dl{grid-template-columns:1fr}.tour-tab{flex:1 1 44%;justify-content:center}.tour-hero h1{font-size:35px}.tour-controls{flex-wrap:wrap}.tour-controls .btn{flex-grow:1}.mock-user{display:none}}