.wot-page{
    --text:#111;
    --muted:#5f6670;
    --line:#e7e7e7;
    color:var(--text);
}

.wot-container{
    width:min(1180px,calc(100% - 48px));
    margin-inline:auto;
}

.wot-hero{
    padding:64px 0 34px;
}

.wot-crumb{
    padding-top:8px;
    margin-bottom:34px;
    color:#6b7178;
    font-size:15px;
}

.wot-crumb a{
    color:inherit;
    text-decoration:none;
}

.wot-eyebrow,
.wot-tool-label{
    display:block;
    color:#6c727a;
    font-size:14px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.wot-eyebrow{
    margin-bottom:14px;
}

.wot-hero h1{
    max-width:1000px;
    margin:0 0 18px;
    font-size:clamp(44px,9vw,96px);
    line-height:.95;
    letter-spacing:-.055em;
}

.wot-intro{
    max-width:900px;
    margin:0;
    color:#343940;
    font-size:clamp(18px,1.5vw,22px);
    line-height:1.65;
}

.wot-section{
    padding:34px 0;
}

.wot-section-last{
    padding-bottom:90px;
}

/* Tools-overzicht */
.wot-tools-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.wot-tool-card{
    display:flex;
    gap:22px;
    padding:28px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    color:#111;
    text-decoration:none;
    box-shadow:0 12px 34px rgba(0,0,0,.03);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.wot-tool-card:hover{
    transform:translateY(-3px);
    border-color:#bbb;
    box-shadow:0 14px 35px rgba(0,0,0,.06);
}

.wot-tool-icon{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    flex:0 0 54px;
    border-radius:50%;
    background:#f1f3f4;
    color:#4e5660;
}

.wot-tool-icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.wot-tool-label{
    margin-bottom:10px;
    font-size:13px;
    font-weight:800;
    letter-spacing:.1em;
}

.wot-tool-card h2{
    margin:0 0 10px;
    font-size:28px;
    line-height:1.08;
    letter-spacing:-.03em;
}

.wot-tool-card p{
    margin:0 0 18px;
    color:var(--muted);
    line-height:1.6;
}

.wot-tool-card strong{
    font-size:15px;
}

/* Startkosten Calculator */
.wot-calculator-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-calc{
    display:grid;
    gap:24px;
}

.wot-calc-block{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-calc-heading{
    display:flex;
    gap:18px;
    align-items:flex-start;
    margin-bottom:26px;
}

.wot-calc-heading>span{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:50%;
    background:#111;
    color:#fff;
    font-weight:800;
}

.wot-calc-heading h2{
    margin:0 0 7px;
    font-size:clamp(26px,2.4vw,36px);
    line-height:1.08;
    letter-spacing:-.03em;
}

.wot-calc-heading p{
    margin:0;
    color:var(--muted);
    line-height:1.55;
}

.wot-calc-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 18px;
}

.wot-money-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-money-input{
    display:flex;
    align-items:center;
    height:52px;
    border:1px solid #d9dde1;
    border-radius:9px;
    background:#fff;
    overflow:hidden;
}

.wot-money-input:focus-within{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}

.wot-money-input b{
    padding-left:16px;
    font-size:16px;
}

.wot-money-input input{
    width:100%;
    height:100%;
    padding:0 14px 0 8px;
    border:0;
    outline:0;
    background:transparent;
    color:#111;
    font:inherit;
}

.wot-money-input input::-webkit-inner-spin-button,
.wot-money-input input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0;
}

.wot-buffer-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.wot-buffer-options label{
    position:relative;
}

.wot-buffer-options input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.wot-buffer-options span{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:12px;
    cursor:pointer;
    font-weight:750;
    transition:.2s;
}

.wot-buffer-options small{
    color:var(--muted);
    font-weight:500;
}

.wot-buffer-options input:checked+span{
    border-color:#111;
    background:#111;
    color:#fff;
}

.wot-buffer-options input:checked+span small{
    color:#d7d7d7;
}

.wot-calc-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-calc-result h2{
    margin:0 0 10px;
    font-size:25px;
}

.wot-calc-total{
    margin:0 0 14px;
    font-size:clamp(44px,4vw,62px);
    font-weight:800;
    line-height:1;
    letter-spacing:-.055em;
}

.wot-calc-explain{
    margin:0 0 24px;
    color:var(--muted);
    line-height:1.6;
}

.wot-calc-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-calc-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-calc-result dt{
    color:var(--muted);
}

.wot-calc-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

.wot-calc-note{
    margin-top:24px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
}

.wot-calc-note strong{
    display:block;
    margin-bottom:6px;
}

.wot-calc-note p{
    margin:0;
    color:var(--muted);
    font-size:14px;
    line-height:1.55;
}

.wot-reset{
    width:100%;
    margin-top:16px;
    padding:14px 18px;
    border:1px solid #111;
    border-radius:9px;
    background:#fff;
    color:#111;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}

.wot-reset:hover{
    background:#111;
    color:#fff;
}

@media(max-width:1050px){
    .wot-tools-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wot-calculator-layout{
        grid-template-columns:1fr;
    }

    .wot-calc-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-container{
        width:min(100% - 28px,1180px);
    }

    .wot-hero{
        padding:44px 0 26px;
    }

    .wot-hero h1{
        font-size:clamp(42px,10vw,56px);
        line-height:.95;
        letter-spacing:-.045em;
    }

    .wot-intro{
        font-size:20px;
        line-height:1.6;
    }

    .wot-tools-grid{
        grid-template-columns:1fr;
    }

    .wot-tool-card{
        padding:22px;
        gap:16px;
    }

    .wot-tool-icon{
        width:46px;
        height:46px;
        flex-basis:46px;
    }

    .wot-calc-block{
        padding:22px;
    }

    .wot-calc-fields,
    .wot-buffer-options{
        grid-template-columns:1fr;
    }

    .wot-calc-heading{
        gap:13px;
    }

    .wot-calc-result{
        padding:22px;
    }

    .wot-calc-total{
        font-size:46px;
    }
}


/* BTW Calculator */
.wot-btw-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-btw-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-btw-form{
    display:grid;
    gap:28px;
}

.wot-btw-mode,
.wot-btw-rates{
    margin:0;
    padding:0;
    border:0;
}

.wot-btw-mode legend,
.wot-btw-rates legend{
    margin-bottom:12px;
    color:#30353a;
    font-size:15px;
    font-weight:700;
}

.wot-btw-mode{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.wot-btw-mode legend{
    grid-column:1/-1;
}

.wot-btw-mode label,
.wot-btw-rates label{
    position:relative;
}

.wot-btw-mode input,
.wot-btw-rates input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.wot-btw-mode span,
.wot-btw-rates span{
    display:flex;
    border:1px solid var(--line);
    border-radius:12px;
    cursor:pointer;
    transition:.2s;
}

.wot-btw-mode span{
    justify-content:center;
    padding:17px;
    font-weight:750;
}

.wot-btw-mode input:checked+span,
.wot-btw-rates input:checked+span{
    border-color:#111;
    background:#111;
    color:#fff;
}

.wot-btw-rates{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.wot-btw-rates legend{
    grid-column:1/-1;
}

.wot-btw-rates span{
    min-height:100px;
    padding:18px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.wot-btw-rates strong{
    font-size:25px;
}

.wot-btw-rates small{
    margin-top:5px;
    color:var(--muted);
}

.wot-btw-rates input:checked+span small{
    color:#d7d7d7;
}

.wot-btw-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-btw-result h2{
    margin:8px 0 24px;
    font-size:27px;
}

.wot-btw-main-result{
    padding:22px 0 26px;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.wot-btw-main-result span{
    display:block;
    margin-bottom:7px;
    color:var(--muted);
}

.wot-btw-main-result strong{
    display:block;
    font-size:clamp(42px,4vw,58px);
    line-height:1;
    letter-spacing:-.05em;
}

.wot-btw-result dl{
    margin:0;
}

.wot-btw-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-btw-result dt{
    color:var(--muted);
}

.wot-btw-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-btw-layout{
        grid-template-columns:1fr;
    }

    .wot-btw-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-btw-panel,
    .wot-btw-result{
        padding:22px;
    }

    .wot-btw-mode,
    .wot-btw-rates{
        grid-template-columns:1fr;
    }

    .wot-btw-rates span{
        min-height:auto;
        align-items:flex-start;
        text-align:left;
    }

    .wot-btw-main-result strong{
        font-size:44px;
    }
}


/* BTW kopieerknoppen */
.wot-btw-result dd{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}

.wot-copy-mini{
    padding:7px 10px;
    border:1px solid var(--line);
    border-radius:7px;
    background:#fff;
    color:#111;
    font:inherit;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
}

.wot-copy-mini:hover{
    border-color:#111;
}

.wot-copy-all{
    width:100%;
    margin-top:18px;
    padding:14px 18px;
    border:1px solid #111;
    border-radius:9px;
    background:#111;
    color:#fff;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}

.wot-copy-all:hover{
    background:#2a2a2a;
}

@media(max-width:520px){
    .wot-btw-result dl div{
        align-items:flex-start;
    }

    .wot-btw-result dd{
        flex-direction:column;
        align-items:flex-end;
        gap:6px;
    }

    .wot-copy-mini{
        padding:5px 8px;
        font-size:11px;
    }
}


/* Eigen BTW-tarief */
.wot-custom-rate{
    display:grid;
    gap:8px;
    max-width:280px;
    color:#30353a;
    font-size:15px;
    font-weight:700;
}

.wot-custom-rate[hidden]{
    display:none;
}

.wot-custom-rate>span{
    display:flex;
    align-items:center;
    height:52px;
    overflow:hidden;
    border:1px solid #d9dde1;
    border-radius:9px;
    background:#fff;
}

.wot-custom-rate>span:focus-within{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}

.wot-custom-rate input{
    width:100%;
    height:100%;
    padding:0 12px 0 16px;
    border:0;
    outline:0;
    background:transparent;
    color:#111;
    font:inherit;
}

.wot-custom-rate b{
    padding-right:16px;
    font-size:16px;
}


/* Uurtarief Calculator */
.wot-hour-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-hour-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-hour-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-hour-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-hour-field>input,
.wot-percent-input{
    height:52px;
    border:1px solid #d9dde1;
    border-radius:9px;
    background:#fff;
}

.wot-hour-field>input{
    width:100%;
    padding:0 16px;
    color:#111;
    font:inherit;
    outline:0;
}

.wot-hour-field>input:focus{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}

.wot-hour-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-percent-input{
    display:flex;
    align-items:center;
    overflow:hidden;
}

.wot-percent-input:focus-within{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}

.wot-percent-input input{
    width:100%;
    height:100%;
    padding:0 10px 0 16px;
    border:0;
    outline:0;
    background:transparent;
    font:inherit;
}

.wot-percent-input b{
    padding-right:16px;
}

.wot-hour-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-hour-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-hour-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(44px,4vw,62px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-hour-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-hour-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-hour-result dt{
    color:var(--muted);
}

.wot-hour-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-hour-layout{
        grid-template-columns:1fr;
    }

    .wot-hour-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-hour-panel,
    .wot-hour-result{
        padding:22px;
    }

    .wot-hour-fields{
        grid-template-columns:1fr;
    }

    .wot-hour-total{
        font-size:46px;
    }
}


/* Uurtarief: alle invoervelden exact gelijk */
.wot-hour-fields > label{
    align-content:start;
}

.wot-hour-fields .wot-money-input,
.wot-hour-fields .wot-hour-field > input,
.wot-hour-fields .wot-percent-input{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-hour-fields .wot-money-input input,
.wot-hour-fields .wot-hour-field > input,
.wot-hour-fields .wot-percent-input input{
    box-sizing:border-box;
    height:100%;
    min-height:0;
    padding-top:0;
    padding-bottom:0;
    font-size:17px;
    line-height:1;
}

.wot-hour-fields .wot-money-input b,
.wot-hour-fields .wot-percent-input b{
    display:flex;
    align-items:center;
    height:100%;
}

.wot-hour-fields .wot-money-input:focus-within,
.wot-hour-fields .wot-percent-input:focus-within,
.wot-hour-fields .wot-hour-field > input:focus{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}

@media(max-width:760px){
    .wot-hour-fields .wot-money-input,
    .wot-hour-fields .wot-hour-field > input,
    .wot-hour-fields .wot-percent-input{
        height:58px;
        min-height:58px;
    }
}


/* Tools categorie-overzicht */
.wot-section-title{
    margin:0 0 22px;
    font-size:clamp(30px,3vw,46px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.wot-category-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.wot-category-card{
    min-height:145px;
    padding:20px 14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    color:#161616;
    text-align:center;
    text-decoration:none;
    box-shadow:0 10px 32px rgba(0,0,0,.025);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.wot-category-card:hover{
    transform:translateY(-3px);
    border-color:#bbb;
    box-shadow:0 14px 35px rgba(0,0,0,.06);
}

.wot-category-icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    color:#4e5660;
}

.wot-category-icon svg{
    width:34px;
    height:34px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.wot-category-card strong{
    font-size:18px;
    line-height:1.25;
}

.wot-category-card small{
    color:var(--muted);
    font-size:14px;
}

.wot-tool-category-section{
    scroll-margin-top:120px;
    padding:0 0 54px;
}

.wot-tool-category-section + .wot-tool-category-section{
    padding-top:16px;
    border-top:1px solid var(--line);
}

.wot-category-heading{
    margin-bottom:22px;
}

.wot-category-heading h2{
    margin:0;
    font-size:clamp(30px,3vw,44px);
    line-height:1.08;
    letter-spacing:-.035em;
}

/* Toolkaarten met h3 i.p.v. h2 */
.wot-tool-card h3{
    margin:0 0 10px;
    font-size:28px;
    line-height:1.08;
    letter-spacing:-.03em;
}

@media(max-width:1050px){
    .wot-category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .wot-category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wot-category-card{
        min-height:125px;
        padding:18px 10px;
    }
}

@media(max-width:420px){
    .wot-category-card{
        min-height:115px;
    }

    .wot-category-card strong{
        font-size:16px;
    }
}


/* Gutenberg/SEO-inhoud onder tools en op tools-overzicht */
.wot-editor-content{
    max-width:900px;
    padding-top:30px;
    padding-bottom:60px;
}
.wot-editor-content h2{
    margin:1.8em 0 .65em;
    font-size:clamp(30px,3vw,46px);
    line-height:1.08;
    letter-spacing:-.035em;
}
.wot-editor-content h3{
    margin:1.5em 0 .55em;
    font-size:27px;
}
.wot-editor-content p,
.wot-editor-content li{
    color:#353b41;
    font-size:18px;
    line-height:1.75;
}


/* Omzetdoel Calculator */
.wot-revenue-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-revenue-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-revenue-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-revenue-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-revenue-fields .wot-money-input,
.wot-revenue-fields .wot-revenue-field > input,
.wot-revenue-fields .wot-percent-input{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-revenue-field > input{
    padding:0 16px;
    color:#111;
    font:inherit;
    outline:0;
}

.wot-revenue-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-revenue-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-revenue-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-revenue-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(44px,4vw,62px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-revenue-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-revenue-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-revenue-result dt{
    color:var(--muted);
}

.wot-revenue-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-revenue-layout{
        grid-template-columns:1fr;
    }

    .wot-revenue-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-revenue-panel,
    .wot-revenue-result{
        padding:22px;
    }

    .wot-revenue-fields{
        grid-template-columns:1fr;
    }

    .wot-revenue-fields .wot-money-input,
    .wot-revenue-fields .wot-revenue-field > input,
    .wot-revenue-fields .wot-percent-input{
        height:58px;
        min-height:58px;
    }

    .wot-revenue-total{
        font-size:46px;
    }
}


/* Omzetdoel: alle invoervelden exact dezelfde interne uitlijning */
.wot-revenue-fields > label{
    align-content:start;
}

.wot-revenue-fields .wot-money-input,
.wot-revenue-fields .wot-revenue-field > input,
.wot-revenue-fields .wot-percent-input{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    padding:0;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-revenue-fields .wot-money-input input,
.wot-revenue-fields .wot-revenue-field > input,
.wot-revenue-fields .wot-percent-input input{
    box-sizing:border-box;
    width:100%;
    height:100%;
    min-height:0;
    padding:0 16px;
    border:0;
    outline:0;
    background:transparent;
    color:#111;
    font:inherit;
    font-size:17px;
    line-height:1;
}

.wot-revenue-fields .wot-money-input input{
    padding-left:8px;
}

.wot-revenue-fields .wot-money-input b{
    display:flex;
    align-items:center;
    height:100%;
    padding-left:16px;
}

.wot-revenue-fields .wot-percent-input input{
    padding-right:8px;
}

.wot-revenue-fields .wot-percent-input b{
    display:flex;
    align-items:center;
    height:100%;
    padding-right:16px;
}

/* Winstmarge Calculator */
.wot-margin-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-margin-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-margin-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-margin-fields > label{
    align-content:start;
}

.wot-margin-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-margin-fields .wot-money-input,
.wot-margin-fields .wot-margin-field > input{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-margin-field > input{
    padding:0 16px;
    color:#111;
    font:inherit;
    font-size:17px;
    outline:0;
}

.wot-margin-field small,
.wot-margin-fields .wot-money-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-margin-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-margin-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-margin-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(44px,4vw,62px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-margin-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-margin-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-margin-result dt{
    color:var(--muted);
}

.wot-margin-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-margin-layout{
        grid-template-columns:1fr;
    }

    .wot-margin-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-revenue-fields .wot-money-input,
    .wot-revenue-fields .wot-revenue-field > input,
    .wot-revenue-fields .wot-percent-input,
    .wot-margin-fields .wot-money-input,
    .wot-margin-fields .wot-margin-field > input{
        height:58px;
        min-height:58px;
    }

    .wot-margin-panel,
    .wot-margin-result{
        padding:22px;
    }

    .wot-margin-fields{
        grid-template-columns:1fr;
    }

    .wot-margin-total{
        font-size:46px;
    }
}


/* Uitgebreide Winstmarge + BTW Calculator */
.wot-margin-part + .wot-margin-part{
    margin-top:34px;
}

.wot-margin-divider{
    height:1px;
    margin:34px 0;
    background:var(--line);
}

.wot-full-field{
    grid-column:1/-1;
}

.wot-choice-group,
.wot-rate-group{
    margin:0;
    padding:0;
    border:0;
}

.wot-choice-group legend,
.wot-rate-group legend{
    margin-bottom:8px;
    color:#30353a;
    font-size:15px;
    font-weight:700;
}

.wot-choice-group{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.wot-choice-group legend{
    grid-column:1/-1;
}

.wot-choice-group label,
.wot-rate-group label{
    position:relative;
}

.wot-choice-group input,
.wot-rate-group input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.wot-choice-group span,
.wot-rate-group span{
    display:flex;
    border:1px solid var(--line);
    border-radius:10px;
    cursor:pointer;
    transition:.2s;
}

.wot-choice-group span{
    align-items:center;
    justify-content:center;
    min-height:64px;
    padding:0 14px;
    font-weight:700;
    text-align:center;
}

.wot-choice-group input:checked + span,
.wot-rate-group input:checked + span{
    border-color:#111;
    background:#111;
    color:#fff;
}

.wot-rate-group{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.wot-rate-group legend{
    grid-column:1/-1;
}

.wot-rate-group span{
    min-height:88px;
    padding:14px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.wot-rate-group strong{
    font-size:22px;
}

.wot-rate-group small{
    margin-top:3px;
    color:var(--muted);
}

.wot-rate-group input:checked + span small{
    color:#d7d7d7;
}

.wot-margin-fields .wot-custom-rate{
    max-width:none;
}

.wot-result-group{
    margin-top:24px;
}

.wot-result-group h3{
    margin:0 0 8px;
    font-size:17px;
}

.wot-result-group dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-result-group + .wot-result-group{
    padding-top:6px;
}

@media(max-width:760px){
    .wot-choice-group,
    .wot-rate-group{
        grid-template-columns:1fr;
    }

    .wot-choice-group legend,
    .wot-rate-group legend{
        grid-column:auto;
    }

    .wot-choice-group span{
        min-height:56px;
    }

    .wot-rate-group span{
        min-height:64px;
        align-items:flex-start;
        text-align:left;
    }
}


/* Verkoopprijs Calculator */
.wot-price-layout,
.wot-break-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-price-panel,
.wot-break-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-price-fields,
.wot-break-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-price-field,
.wot-break-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-price-field small,
.wot-break-field small,
.wot-break-fields .wot-money-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-price-fields .wot-money-input,
.wot-price-fields .wot-price-field > input,
.wot-price-fields .wot-percent-input,
.wot-break-fields .wot-money-input,
.wot-break-fields .wot-break-field > input{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-price-result,
.wot-break-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-price-result h2,
.wot-break-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-price-total,
.wot-break-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(44px,4vw,62px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-price-result dl,
.wot-break-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-price-result dl div,
.wot-break-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-price-result dt,
.wot-break-result dt{
    color:var(--muted);
}

.wot-price-result dd,
.wot-break-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-price-layout,
    .wot-break-layout{
        grid-template-columns:1fr;
    }

    .wot-price-result,
    .wot-break-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-price-panel,
    .wot-price-result,
    .wot-break-panel,
    .wot-break-result{
        padding:22px;
    }

    .wot-price-fields,
    .wot-break-fields{
        grid-template-columns:1fr;
    }

    .wot-price-fields .wot-money-input,
    .wot-price-fields .wot-price-field > input,
    .wot-price-fields .wot-percent-input,
    .wot-break-fields .wot-money-input,
    .wot-break-fields .wot-break-field > input{
        height:58px;
        min-height:58px;
    }

    .wot-price-total,
    .wot-break-total{
        font-size:46px;
    }
}


/* Break-even: alle invoervelden exact gelijk */
.wot-break-fields > label{
    align-content:start;
}

.wot-break-fields .wot-money-input{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    padding:0;
    overflow:hidden;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-break-fields .wot-money-input:focus-within{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}

.wot-break-fields .wot-money-input b{
    display:flex;
    align-items:center;
    height:100%;
    padding-left:16px;
    flex:0 0 auto;
}

.wot-break-fields .wot-money-input input{
    box-sizing:border-box;
    width:100%;
    height:100%;
    min-height:0;
    margin:0;
    padding:0 16px 0 8px;
    border:0;
    outline:0;
    background:transparent;
    color:#111;
    font:inherit;
    font-size:17px;
    line-height:1;
}

.wot-break-fields .wot-break-field .wot-money-input{
    height:64px;
    min-height:64px;
}

@media(max-width:760px){
    .wot-break-fields .wot-money-input,
    .wot-break-fields .wot-break-field .wot-money-input{
        height:58px;
        min-height:58px;
    }
}


/* Korting Calculator */
.wot-discount-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-discount-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-discount-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-discount-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-discount-fields .wot-money-input,
.wot-discount-fields .wot-discount-field > input,
.wot-discount-fields .wot-percent-input{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-discount-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-discount-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-discount-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(44px,4vw,62px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-discount-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-discount-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-discount-result dt{
    color:var(--muted);
}

.wot-discount-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-discount-layout{
        grid-template-columns:1fr;
    }

    .wot-discount-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-discount-panel,
    .wot-discount-result{
        padding:22px;
    }

    .wot-discount-fields{
        grid-template-columns:1fr;
    }

    .wot-discount-fields .wot-money-input,
    .wot-discount-fields .wot-discount-field > input,
    .wot-discount-fields .wot-percent-input{
        height:58px;
        min-height:58px;
    }

    .wot-discount-total{
        font-size:46px;
    }
}

/* Mail mijn berekening */
.wot-mail-calculation{
    margin-top:10px;
}
.wot-mail-toggle{
    width:100%;
    padding:14px 18px;
    border:1px solid #111;
    border-radius:9px;
    background:#fff;
    color:#111;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}
.wot-mail-toggle:hover{
    background:#f5f5f5;
}
.wot-mail-form-wrap{
    margin-top:12px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
}
.wot-mail-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.wot-mail-grid label{
    display:grid;
    gap:7px;
    color:#30353a;
    font-size:14px;
    font-weight:700;
}
.wot-mail-grid input{
    box-sizing:border-box;
    width:100%;
    height:48px;
    padding:0 13px;
    border:1px solid #d9dde1;
    border-radius:8px;
    background:#fff;
    color:#111;
    font:inherit;
    outline:0;
}
.wot-mail-grid input:focus{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}
.wot-mail-consent{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:14px;
    color:#3f454c;
    font-size:13px;
    line-height:1.45;
    cursor:pointer;
}
.wot-mail-consent input{
    width:16px;
    height:16px;
    margin-top:2px;
    flex:0 0 auto;
}
.wot-mail-privacy{
    margin:12px 0 0;
    color:var(--muted);
    font-size:12px;
    line-height:1.5;
}
.wot-mail-privacy a{
    color:#111;
}
.wot-mail-submit{
    width:100%;
    margin-top:14px;
    padding:14px 18px;
    border:1px solid #111;
    border-radius:9px;
    background:#111;
    color:#fff;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}
.wot-mail-submit:disabled{
    opacity:.65;
    cursor:wait;
}
.wot-mail-status{
    min-height:18px;
    margin:10px 0 0;
    color:#30353a;
    font-size:13px;
    line-height:1.45;
}
@media(max-width:600px){
    .wot-mail-grid{grid-template-columns:1fr;}
}

.wot-mail-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}


/* Kosten per Medewerker Calculator */
.wot-employee-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-employee-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-employee-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-employee-fields > label{
    align-content:start;
}

.wot-employee-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-employee-field small,
.wot-employee-fields .wot-money-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-employee-fields .wot-money-input,
.wot-employee-fields .wot-employee-field > input,
.wot-employee-fields .wot-percent-input{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-employee-field > input{
    padding:0 16px;
    color:#111;
    font:inherit;
    font-size:17px;
    outline:0;
}

.wot-employee-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-employee-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-employee-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(44px,4vw,62px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-employee-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-employee-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-employee-result dt{
    color:var(--muted);
}

.wot-employee-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-employee-layout{
        grid-template-columns:1fr;
    }

    .wot-employee-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-employee-panel,
    .wot-employee-result{
        padding:22px;
    }

    .wot-employee-fields{
        grid-template-columns:1fr;
    }

    .wot-employee-fields .wot-money-input,
    .wot-employee-fields .wot-employee-field > input,
    .wot-employee-fields .wot-percent-input{
        height:58px;
        min-height:58px;
    }

    .wot-employee-total{
        font-size:46px;
    }
}


/* Projectprijs Calculator */
.wot-project-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-project-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-project-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-project-fields > label{
    align-content:start;
}

.wot-project-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-project-field small,
.wot-project-fields .wot-money-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-project-fields .wot-money-input,
.wot-project-fields .wot-project-field > input,
.wot-project-fields .wot-percent-input{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-project-field > input{
    padding:0 16px;
    color:#111;
    font:inherit;
    font-size:17px;
    outline:0;
}

.wot-project-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-project-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-project-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(44px,4vw,62px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-project-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-project-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-project-result dt{
    color:var(--muted);
}

.wot-project-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-project-layout{
        grid-template-columns:1fr;
    }

    .wot-project-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-project-panel,
    .wot-project-result{
        padding:22px;
    }

    .wot-project-fields{
        grid-template-columns:1fr;
    }

    .wot-project-fields .wot-money-input,
    .wot-project-fields .wot-project-field > input,
    .wot-project-fields .wot-percent-input{
        height:58px;
        min-height:58px;
    }

    .wot-project-total{
        font-size:46px;
    }
}


/* Investering & Terugverdientijd Calculator */
.wot-invest-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-invest-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-invest-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-invest-fields > label{
    align-content:start;
}

.wot-invest-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-invest-field small,
.wot-invest-fields .wot-money-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-invest-fields .wot-money-input,
.wot-invest-fields .wot-invest-field > input,
.wot-invest-fields .wot-percent-input,
.wot-number-suffix{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-number-suffix{
    display:flex;
    align-items:center;
    overflow:hidden;
}

.wot-number-suffix:focus-within{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}

.wot-number-suffix input{
    width:100%;
    height:100%;
    padding:0 10px 0 16px;
    border:0;
    outline:0;
    background:transparent;
    color:#111;
    font:inherit;
    font-size:17px;
}

.wot-number-suffix b{
    padding-right:16px;
    white-space:nowrap;
    font-size:14px;
}

.wot-invest-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-invest-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-invest-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(38px,3.6vw,58px);
    line-height:1;
    letter-spacing:-.05em;
}

.wot-invest-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-invest-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-invest-result dt{
    color:var(--muted);
}

.wot-invest-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-invest-layout{
        grid-template-columns:1fr;
    }

    .wot-invest-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-invest-panel,
    .wot-invest-result{
        padding:22px;
    }

    .wot-invest-fields{
        grid-template-columns:1fr;
    }

    .wot-invest-fields .wot-money-input,
    .wot-invest-fields .wot-invest-field > input,
    .wot-invest-fields .wot-percent-input,
    .wot-number-suffix{
        height:58px;
        min-height:58px;
    }

    .wot-invest-total{
        font-size:42px;
    }
}


/* Abonnement & Maandprijs + Klantwaarde */
.wot-sub-layout,
.wot-ltv-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-sub-panel,
.wot-ltv-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-sub-fields,
.wot-ltv-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-sub-fields > label,
.wot-ltv-fields > label{
    align-content:start;
}

.wot-sub-field,
.wot-ltv-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-sub-field small,
.wot-ltv-field small,
.wot-sub-fields .wot-money-field small,
.wot-ltv-fields .wot-money-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-sub-fields .wot-money-input,
.wot-sub-fields .wot-sub-field > input,
.wot-sub-fields .wot-percent-input,
.wot-sub-fields .wot-number-suffix,
.wot-ltv-fields .wot-money-input,
.wot-ltv-fields .wot-ltv-field > input,
.wot-ltv-fields .wot-percent-input,
.wot-ltv-fields .wot-number-suffix{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-sub-field > input,
.wot-ltv-field > input{
    padding:0 16px;
    color:#111;
    font:inherit;
    font-size:17px;
    outline:0;
}

.wot-sub-result,
.wot-ltv-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-sub-result h2,
.wot-ltv-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-sub-total,
.wot-ltv-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(40px,3.8vw,60px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-sub-result dl,
.wot-ltv-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-sub-result dl div,
.wot-ltv-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-sub-result dt,
.wot-ltv-result dt{
    color:var(--muted);
}

.wot-sub-result dd,
.wot-ltv-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-sub-layout,
    .wot-ltv-layout{
        grid-template-columns:1fr;
    }

    .wot-sub-result,
    .wot-ltv-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-sub-panel,
    .wot-sub-result,
    .wot-ltv-panel,
    .wot-ltv-result{
        padding:22px;
    }

    .wot-sub-fields,
    .wot-ltv-fields{
        grid-template-columns:1fr;
    }

    .wot-sub-fields .wot-money-input,
    .wot-sub-fields .wot-sub-field > input,
    .wot-sub-fields .wot-percent-input,
    .wot-sub-fields .wot-number-suffix,
    .wot-ltv-fields .wot-money-input,
    .wot-ltv-fields .wot-ltv-field > input,
    .wot-ltv-fields .wot-percent-input,
    .wot-ltv-fields .wot-number-suffix{
        height:58px;
        min-height:58px;
    }

    .wot-sub-total,
    .wot-ltv-total{
        font-size:44px;
    }
}


/* Prijsverhoging + Cashflow & Buffer */
.wot-increase-layout,
.wot-cash-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-increase-panel,
.wot-cash-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-increase-fields,
.wot-cash-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-increase-fields > label,
.wot-cash-fields > label{
    align-content:start;
}

.wot-increase-field,
.wot-cash-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-increase-field small,
.wot-cash-field small,
.wot-cash-fields .wot-money-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-increase-fields .wot-money-input,
.wot-increase-fields .wot-increase-field > input,
.wot-increase-fields .wot-percent-input,
.wot-cash-fields .wot-money-input,
.wot-cash-fields .wot-cash-field > input,
.wot-cash-fields .wot-number-suffix{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-increase-field > input,
.wot-cash-field > input{
    padding:0 16px;
    color:#111;
    font:inherit;
    font-size:17px;
    outline:0;
}

.wot-increase-result,
.wot-cash-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-increase-result h2,
.wot-cash-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-increase-total,
.wot-cash-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(40px,3.8vw,60px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-increase-result dl,
.wot-cash-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-increase-result dl div,
.wot-cash-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-increase-result dt,
.wot-cash-result dt{
    color:var(--muted);
}

.wot-increase-result dd,
.wot-cash-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-increase-layout,
    .wot-cash-layout{
        grid-template-columns:1fr;
    }

    .wot-increase-result,
    .wot-cash-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-increase-panel,
    .wot-increase-result,
    .wot-cash-panel,
    .wot-cash-result{
        padding:22px;
    }

    .wot-increase-fields,
    .wot-cash-fields{
        grid-template-columns:1fr;
    }

    .wot-increase-fields .wot-money-input,
    .wot-increase-fields .wot-increase-field > input,
    .wot-increase-fields .wot-percent-input,
    .wot-cash-fields .wot-money-input,
    .wot-cash-fields .wot-cash-field > input,
    .wot-cash-fields .wot-number-suffix{
        height:58px;
        min-height:58px;
    }

    .wot-increase-total,
    .wot-cash-total{
        font-size:44px;
    }
}


/* Offertewinst + Marketing Rendement */
.wot-quote-layout,
.wot-roas-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,420px);
    gap:36px;
    align-items:start;
}

.wot-quote-panel,
.wot-roas-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-quote-fields,
.wot-roas-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-quote-fields > label,
.wot-roas-fields > label{
    align-content:start;
}

.wot-quote-field,
.wot-roas-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-quote-field small,
.wot-roas-field small,
.wot-quote-fields .wot-money-field small,
.wot-roas-fields .wot-money-field small{
    color:var(--muted);
    font-weight:400;
    line-height:1.45;
}

.wot-quote-fields .wot-money-input,
.wot-quote-fields .wot-quote-field > input,
.wot-quote-fields .wot-percent-input,
.wot-roas-fields .wot-money-input,
.wot-roas-fields .wot-roas-field > input,
.wot-roas-fields .wot-percent-input{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-quote-field > input,
.wot-roas-field > input{
    padding:0 16px;
    color:#111;
    font:inherit;
    font-size:17px;
    outline:0;
}

.wot-quote-result,
.wot-roas-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-quote-result h2,
.wot-roas-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-quote-total,
.wot-roas-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(40px,3.8vw,60px);
    line-height:1;
    letter-spacing:-.055em;
}

.wot-quote-result dl,
.wot-roas-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-quote-result dl div,
.wot-roas-result dl div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-quote-result dt,
.wot-roas-result dt{
    color:var(--muted);
}

.wot-quote-result dd,
.wot-roas-result dd{
    margin:0;
    font-weight:750;
    text-align:right;
}

@media(max-width:1050px){
    .wot-quote-layout,
    .wot-roas-layout{
        grid-template-columns:1fr;
    }

    .wot-quote-result,
    .wot-roas-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-quote-panel,
    .wot-quote-result,
    .wot-roas-panel,
    .wot-roas-result{
        padding:22px;
    }

    .wot-quote-fields,
    .wot-roas-fields{
        grid-template-columns:1fr;
    }

    .wot-quote-fields .wot-money-input,
    .wot-quote-fields .wot-quote-field > input,
    .wot-quote-fields .wot-percent-input,
    .wot-roas-fields .wot-money-input,
    .wot-roas-fields .wot-roas-field > input,
    .wot-roas-fields .wot-percent-input{
        height:58px;
        min-height:58px;
    }

    .wot-quote-total,
    .wot-roas-total{
        font-size:44px;
    }
}


/* Cashflow & Buffer: alle invoervelden exact gelijk */
.wot-cash-fields .wot-money-input,
.wot-cash-fields .wot-number-suffix,
.wot-cash-fields .wot-cash-field > input{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    padding:0;
    overflow:hidden;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-cash-fields .wot-money-input input,
.wot-cash-fields .wot-number-suffix input,
.wot-cash-fields .wot-cash-field > input{
    box-sizing:border-box;
    width:100%;
    height:100%;
    min-height:0;
    margin:0;
    padding:0 16px;
    border:0;
    outline:0;
    background:transparent;
    color:#111;
    font:inherit;
    font-size:17px;
    line-height:1;
}

.wot-cash-fields .wot-money-input input{padding-left:8px}
.wot-cash-fields .wot-money-input b{
    display:flex;align-items:center;height:100%;padding-left:16px;flex:0 0 auto;
}
.wot-cash-fields .wot-number-suffix input{padding-right:8px}
.wot-cash-fields .wot-number-suffix b{
    display:flex;align-items:center;height:100%;padding-right:16px;white-space:nowrap;
}

/* Klant Intake + Offerte Checklist generators */
.wot-intake-layout,
.wot-check-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(340px,440px);
    gap:36px;
    align-items:start;
}

.wot-intake-panel,
.wot-check-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-intake-fields,
.wot-check-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-intake-field,
.wot-check-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}

.wot-intake-field input,
.wot-intake-field select,
.wot-check-field input,
.wot-check-field select{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    padding:0 16px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
    color:#111;
    font:inherit;
    font-size:16px;
    outline:0;
}

.wot-intake-field textarea{
    box-sizing:border-box;
    width:100%;
    min-height:110px;
    padding:14px 16px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
    color:#111;
    font:inherit;
    font-size:16px;
    line-height:1.5;
    resize:vertical;
    outline:0;
}

.wot-intake-field input:focus,
.wot-intake-field select:focus,
.wot-intake-field textarea:focus,
.wot-check-field input:focus,
.wot-check-field select:focus{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}

.wot-generator-options{
    margin:0;
    padding:0;
    border:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.wot-generator-options legend{
    grid-column:1/-1;
    margin-bottom:2px;
    color:#30353a;
    font-size:15px;
    font-weight:700;
}

.wot-generator-options label{
    position:relative;
}

.wot-generator-options input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.wot-generator-options span{
    display:flex;
    align-items:center;
    min-height:58px;
    padding:10px 14px;
    border:1px solid #d9dde1;
    border-radius:10px;
    cursor:pointer;
    font-weight:650;
    transition:.18s ease;
}

.wot-generator-options input:checked + span{
    border-color:#111;
    background:#111;
    color:#fff;
}

.wot-generator-primary{
    width:100%;
    margin-top:24px;
    padding:16px 20px;
    border:0;
    border-radius:10px;
    background:#111;
    color:#fff;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}

.wot-intake-result,
.wot-check-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-intake-result h2,
.wot-check-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-intake-total,
.wot-check-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(30px,3vw,44px);
    line-height:1.05;
    letter-spacing:-.045em;
}

.wot-intake-result dl,
.wot-check-result dl{
    margin:0;
    border-top:1px solid var(--line);
}

.wot-intake-result dl div,
.wot-check-result dl div{
    display:block;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.wot-intake-result dt,
.wot-check-result dt{
    margin-bottom:5px;
    color:var(--muted);
    font-size:14px;
}

.wot-intake-result dd,
.wot-check-result dd{
    margin:0;
    font-weight:650;
    line-height:1.5;
    text-align:left;
}

@media(max-width:1050px){
    .wot-intake-layout,
    .wot-check-layout{
        grid-template-columns:1fr;
    }
    .wot-intake-result,
    .wot-check-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-cash-fields .wot-money-input,
    .wot-cash-fields .wot-number-suffix,
    .wot-cash-fields .wot-cash-field > input{
        height:58px;
        min-height:58px;
    }

    .wot-intake-panel,
    .wot-intake-result,
    .wot-check-panel,
    .wot-check-result{
        padding:22px;
    }

    .wot-intake-fields,
    .wot-check-fields,
    .wot-generator-options{
        grid-template-columns:1fr;
    }

    .wot-generator-options legend{
        grid-column:auto;
    }

    .wot-intake-field input,
    .wot-intake-field select,
    .wot-check-field input,
    .wot-check-field select{
        height:58px;
        min-height:58px;
    }
}


/* Generator link naar volgende stap */
.wot-generator-link{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:12px;
    padding:15px 18px;
    border:1px solid #111;
    border-radius:9px;
    color:#111;
    text-decoration:none;
    font-weight:750;
}
.wot-generator-link:hover{background:#111;color:#fff}

/* Offerte Generator */
.wot-offer-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,460px);
    gap:36px;
    align-items:start;
}
.wot-offer-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}
.wot-offer-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.wot-offer-field{
    display:grid;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
}
.wot-offer-field input,
.wot-offer-field select{
    box-sizing:border-box;
    width:100%;
    height:64px;
    padding:0 16px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
    color:#111;
    font:inherit;
    font-size:16px;
    outline:0;
}
.wot-offer-field textarea{
    box-sizing:border-box;
    width:100%;
    min-height:110px;
    padding:14px 16px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
    color:#111;
    font:inherit;
    font-size:16px;
    line-height:1.5;
    resize:vertical;
    outline:0;
}
.wot-offer-field input:focus,
.wot-offer-field select:focus,
.wot-offer-field textarea:focus{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}
.wot-offer-lines-head,
.wot-offer-line{
    display:grid;
    grid-template-columns:minmax(0,1fr) 90px 150px 44px;
    gap:10px;
    align-items:center;
}
.wot-offer-lines-head{
    margin-bottom:8px;
    padding:0 2px;
    color:var(--muted);
    font-size:13px;
    font-weight:700;
}
.wot-offer-line{margin-bottom:10px}
.wot-offer-line>input,
.wot-offer-line .wot-money-input{
    box-sizing:border-box;
    width:100%;
    height:56px;
    min-height:56px;
    border:1px solid #d9dde1;
    border-radius:9px;
    background:#fff;
}
.wot-offer-line>input{
    padding:0 12px;
    color:#111;
    font:inherit;
    outline:0;
}
.wot-offer-line .wot-money-input input{
    height:100%;
    border:0;
    outline:0;
    background:transparent;
}
.wot-offer-remove-line{
    width:44px;
    height:44px;
    border:1px solid #d9dde1;
    border-radius:9px;
    background:#fff;
    color:#555;
    font-size:24px;
    cursor:pointer;
}
.wot-offer-remove-line:hover{border-color:#111;color:#111}
.wot-add-line{
    margin-top:4px;
    padding:11px 14px;
    border:1px solid #111;
    border-radius:9px;
    background:#fff;
    color:#111;
    font:inherit;
    font-weight:700;
    cursor:pointer;
}
.wot-add-line:hover{background:#111;color:#fff}

.wot-offer-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}
.wot-offer-result h2{
    margin:8px 0 12px;
    font-size:27px;
}
.wot-offer-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(40px,3.8vw,60px);
    line-height:1;
    letter-spacing:-.055em;
}
.wot-offer-result dl{
    margin:0;
    border-top:1px solid var(--line);
}
.wot-offer-result dl div{
    display:block;
    padding:12px 0;
    border-bottom:1px solid var(--line);
}
.wot-offer-result dt{
    margin-bottom:4px;
    color:var(--muted);
    font-size:13px;
}
.wot-offer-result dd{
    margin:0;
    font-weight:700;
    line-height:1.45;
    text-align:left;
}

@media(max-width:1050px){
    .wot-offer-layout{grid-template-columns:1fr}
    .wot-offer-result{position:static}
}
@media(max-width:760px){
    .wot-offer-panel,.wot-offer-result{padding:22px}
    .wot-offer-fields{grid-template-columns:1fr}
    .wot-offer-lines-head{display:none}
    .wot-offer-line{
        grid-template-columns:1fr 1fr 44px;
        padding:12px;
        border:1px solid var(--line);
        border-radius:10px;
    }
    .wot-offer-line-description{grid-column:1/-1}
    .wot-offer-line .wot-money-input{grid-column:2/3}
    .wot-offer-remove-line{grid-column:3/4;grid-row:2}
    .wot-offer-field input,.wot-offer-field select{height:58px}
    .wot-offer-total{font-size:44px}
}


/* Offerte/Factuur keuze */
.wot-document-switch,
.wot-deposit-switch{
    margin:0 0 28px;
    padding:0;
    border:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.wot-document-switch legend,
.wot-deposit-switch legend{
    grid-column:1/-1;
    margin-bottom:8px;
    color:#30353a;
    font-size:15px;
    font-weight:700;
}
.wot-document-switch label,
.wot-deposit-switch label{position:relative}
.wot-document-switch input,
.wot-deposit-switch input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.wot-document-switch span,
.wot-deposit-switch span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:60px;
    padding:0 14px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
    font-weight:750;
}
.wot-document-switch input:checked + span,
.wot-deposit-switch input:checked + span{
    border-color:#111;
    background:#111;
    color:#fff;
}

/* Waarschuwing voor meerpagina-document */
.wot-page-warning{
    margin-top:16px;
    padding:16px 18px;
    border:1px solid #d4a72c;
    border-radius:10px;
    background:#fffaf0;
    color:#4e3b09;
}
.wot-page-warning strong{
    display:block;
    margin-bottom:4px;
}
.wot-page-warning span{
    font-size:14px;
    line-height:1.5;
}

/* Direct naar klant mailen */
.wot-direct-mail{
    margin-top:12px;
}
.wot-direct-mail-toggle{
    width:100%;
    padding:15px 18px;
    border:1px solid #111;
    border-radius:9px;
    background:#fff;
    color:#111;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}
.wot-direct-mail-toggle:hover{
    background:#111;
    color:#fff;
}
.wot-direct-mail-form{
    margin-top:12px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
}
.wot-direct-mail-form label{
    display:grid;
    gap:7px;
    margin-bottom:14px;
    color:#30353a;
    font-size:14px;
    font-weight:650;
}
.wot-direct-mail-form input,
.wot-direct-mail-form textarea{
    box-sizing:border-box;
    width:100%;
    padding:12px 14px;
    border:1px solid #d9dde1;
    border-radius:9px;
    background:#fff;
    color:#111;
    font:inherit;
    outline:0;
}
.wot-direct-mail-form input{
    height:50px;
}
.wot-direct-mail-form textarea{
    line-height:1.5;
    resize:vertical;
}
.wot-direct-mail-form input:focus,
.wot-direct-mail-form textarea:focus{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}
.wot-direct-mail-send{
    width:100%;
    padding:14px 16px;
    border:0;
    border-radius:9px;
    background:#111;
    color:#fff;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}
.wot-direct-mail-send:disabled{
    opacity:.55;
    cursor:wait;
}
.wot-direct-mail-status{
    min-height:20px;
    margin:10px 0 0;
    font-size:14px;
    font-weight:650;
}
.wot-direct-mail-note{
    margin:8px 0 0;
    color:var(--muted);
    font-size:12px;
    line-height:1.5;
}

@media(max-width:760px){
    .wot-document-switch,
    .wot-deposit-switch{
        grid-template-columns:1fr;
    }
    .wot-document-switch legend,
    .wot-deposit-switch legend{
        grid-column:auto;
    }
}


/* Extra tekst onder offertegeneratorvelden */
.wot-offer-field small{
    color:var(--muted);
    font-size:12px;
    font-weight:400;
    line-height:1.45;
}

/* Betalingstermijn is nu vrij invoerbaar en visueel gelijk aan de andere velden */
#wot-offer-payment{
    box-sizing:border-box;
    width:100%;
    height:64px;
    padding:0 16px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
    color:#111;
    font:inherit;
    font-size:16px;
    outline:0;
}
#wot-offer-payment:focus{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}
@media(max-width:760px){
    #wot-offer-payment{
        height:58px;
    }
}


/* Meerwerkformulier Generator */
.wot-morework-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,450px);
    gap:36px;
    align-items:start;
}
.wot-morework-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}
.wot-morework-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:start;
}
.wot-morework-field{
    display:grid;
    grid-template-rows:auto 64px auto;
    gap:8px;
    color:#30353a;
    font-size:15px;
    font-weight:600;
    min-width:0;
}
.wot-morework-field input,
.wot-morework-field select{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    padding:0 16px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
    color:#111;
    font:inherit;
    font-size:16px;
    outline:0;
}
.wot-morework-field textarea{
    box-sizing:border-box;
    width:100%;
    min-height:116px;
    padding:14px 16px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
    color:#111;
    font:inherit;
    font-size:16px;
    line-height:1.5;
    resize:vertical;
    outline:0;
}
.wot-morework-field:has(textarea){grid-template-rows:auto auto}
.wot-morework-field .wot-number-suffix,
.wot-morework-fields .wot-money-input{
    box-sizing:border-box;
    width:100%;
    height:64px;
    min-height:64px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}
.wot-morework-field .wot-number-suffix input,
.wot-morework-fields .wot-money-input input{
    height:100%;
    border:0;
    outline:0;
    background:transparent;
}
.wot-morework-field input:focus,
.wot-morework-field textarea:focus{
    border-color:#111;
    box-shadow:0 0 0 1px #111;
}
.wot-morework-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}
.wot-morework-result h2{margin:8px 0 12px;font-size:27px}
.wot-morework-total{
    display:block;
    margin-bottom:14px;
    font-size:clamp(40px,3.8vw,58px);
    line-height:1;
    letter-spacing:-.055em;
}
.wot-morework-result dl{margin:0;border-top:1px solid var(--line)}
.wot-morework-result dl div{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
.wot-morework-result dt{margin-bottom:4px;color:var(--muted);font-size:13px}
.wot-morework-result dd{margin:0;font-weight:700;line-height:1.45;text-align:left}
@media(max-width:1050px){
    .wot-morework-layout{grid-template-columns:1fr}
    .wot-morework-result{position:static}
}
@media(max-width:760px){
    .wot-morework-panel,.wot-morework-result{padding:22px}
    .wot-morework-fields{grid-template-columns:1fr}
    .wot-morework-field{grid-template-rows:auto 58px auto}
    .wot-morework-field input,.wot-morework-field select,.wot-morework-field .wot-number-suffix,.wot-morework-fields .wot-money-input{height:58px;min-height:58px}
    .wot-morework-field:has(textarea){grid-template-rows:auto auto}
    .wot-morework-total{font-size:44px}
}


/* =========================================================
   Toolpagina SEO / interne linkstructuur
   ========================================================= */

.wot-after-tool{
    border-top:1px solid var(--line);
}

.wot-readable{
    width:min(900px,calc(100% - 48px));
}

.wot-tool-seo-content{
    padding-top:68px;
    padding-bottom:68px;
}

.wot-tool-seo-content .wot-readable > *:first-child{
    margin-top:0;
}

.wot-tool-seo-content h2{
    margin:1.7em 0 .55em;
    font-size:clamp(30px,3vw,46px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.wot-tool-seo-content h3{
    margin:1.5em 0 .5em;
    font-size:26px;
    line-height:1.16;
}

.wot-tool-seo-content p,
.wot-tool-seo-content li{
    color:#353b41;
    font-size:17px;
    line-height:1.75;
}

.wot-tool-seo-content a{
    color:#111;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}

.wot-related-article-section,
.wot-related-tools-section{
    padding-top:0;
}

.wot-related-article-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:34px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fafbfb;
}

.wot-related-article-box h2{
    margin:7px 0 8px;
    font-size:clamp(28px,3vw,40px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.wot-related-article-box p{
    max-width:680px;
    margin:0;
    color:var(--muted);
    line-height:1.6;
}

.wot-text-link{
    color:#111;
    text-decoration:none;
    font-weight:750;
    white-space:nowrap;
}

.wot-text-link:hover{
    text-decoration:underline;
    text-underline-offset:4px;
}

.wot-related-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:24px;
}

.wot-related-heading h2{
    margin:7px 0 0;
    font-size:clamp(34px,4vw,52px);
    line-height:1;
    letter-spacing:-.045em;
}

.wot-related-tools-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.wot-related-tool-card{
    display:flex;
    flex-direction:column;
    min-height:210px;
    padding:24px;
    border:1px solid var(--line);
    border-radius:14px;
    color:#111;
    text-decoration:none;
    background:#fff;
    transition:transform .18s ease,border-color .18s ease;
}

.wot-related-tool-card:hover{
    transform:translateY(-2px);
    border-color:#b8bdc2;
}

.wot-related-tool-card > span{
    color:var(--muted);
    font-size:12px;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.wot-related-tool-card h3{
    margin:12px 0 10px;
    font-size:24px;
    line-height:1.12;
    letter-spacing:-.025em;
}

.wot-related-tool-card p{
    margin:0 0 20px;
    color:var(--muted);
    line-height:1.55;
}

.wot-related-tool-card strong{
    margin-top:auto;
}

.wot-commercial-section{
    padding-top:0;
}

.wot-commercial-box{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:42px;
    align-items:center;
    padding:38px;
    border-radius:18px;
    background:#111;
    color:#fff;
}

.wot-commercial-copy h2{
    margin:8px 0 10px;
    color:#fff;
    font-size:clamp(32px,3.8vw,50px);
    line-height:1.02;
    letter-spacing:-.045em;
}

.wot-commercial-copy p{
    max-width:760px;
    margin:0;
    color:#d2d5d8;
    font-size:17px;
    line-height:1.6;
}

.wot-commercial-box .wot-tool-label{
    color:#bfc3c7;
}

.wot-commercial-actions{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-width:220px;
}

.wot-commercial-primary,
.wot-commercial-secondary{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:52px;
    padding:12px 18px;
    border-radius:9px;
    text-decoration:none;
    font-weight:750;
}

.wot-commercial-primary{
    background:#fff;
    color:#111;
}

.wot-commercial-secondary{
    border:1px solid #50555a;
    color:#fff;
}

.wot-commercial-primary:hover{
    background:#eceeef;
}

.wot-commercial-secondary:hover{
    border-color:#fff;
}

/* =========================================================
   Crawlbare categorie-landingspagina's
   ========================================================= */

.wot-term-intro p{
    margin:0;
    color:inherit;
    font:inherit;
    line-height:inherit;
}

.wot-category-nav-section{
    padding-top:34px;
    padding-bottom:18px;
}

.wot-category-nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.wot-category-nav a{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:8px 14px;
    border:1px solid var(--line);
    border-radius:999px;
    color:#30353a;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    background:#fff;
}

.wot-category-nav a:hover,
.wot-category-nav a[aria-current="page"]{
    border-color:#111;
    background:#111;
    color:#fff;
}

.wot-category-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
}

@media(max-width:900px){
    .wot-related-tools-grid{
        grid-template-columns:1fr;
    }

    .wot-commercial-box{
        grid-template-columns:1fr;
    }

    .wot-commercial-actions{
        min-width:0;
        flex-direction:row;
    }

    .wot-commercial-primary,
    .wot-commercial-secondary{
        flex:1;
    }
}

@media(max-width:760px){
    .wot-readable{
        width:min(100% - 28px,900px);
    }

    .wot-tool-seo-content{
        padding-top:48px;
        padding-bottom:48px;
    }

    .wot-related-article-box,
    .wot-related-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .wot-related-article-box{
        padding:22px;
    }

    .wot-text-link{
        white-space:normal;
    }

    .wot-commercial-box{
        padding:26px 22px;
    }

    .wot-commercial-actions{
        flex-direction:column;
        width:100%;
    }

    .wot-category-heading{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* =========================================================
   Downloads & PDF's
   ========================================================= */
.wot-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wot-download-card{display:flex;flex-direction:column;min-height:330px;padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#111;text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.wot-download-card:hover{transform:translateY(-2px);border-color:#b7bcc1}
.wot-download-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:44px}
.wot-download-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#111;color:#fff;font-weight:800}
.wot-download-type{color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;text-align:right}
.wot-download-card h2{margin:0 0 13px;font-size:30px;line-height:1.05;letter-spacing:-.035em}
.wot-download-card p{margin:0 0 24px;color:var(--muted);line-height:1.6}
.wot-download-meta{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:13px}
.wot-download-meta span{color:var(--muted)}
.wot-download-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,430px);gap:36px;align-items:start}
.wot-download-preview-card{min-height:480px;padding:34px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column}
.wot-download-doc-label{display:block;padding:12px 15px;background:#111;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}
.wot-download-preview-card>div{margin:auto 0}
.wot-download-preview-card>div>span{color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.wot-download-preview-card h2{margin:10px 0 8px;font-size:clamp(36px,5vw,60px);line-height:.95;letter-spacing:-.055em;max-width:700px}
.wot-download-preview-card p{color:var(--muted)}
.wot-download-preview-card>strong{font-size:18px}
.wot-download-mail-card{position:sticky;top:100px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fafbfb}
.wot-download-mail-card h2{margin:8px 0 10px;font-size:32px;letter-spacing:-.035em}
.wot-download-mail-card>p{color:var(--muted);line-height:1.6}
.wot-download-mail-form{display:grid;gap:13px;margin-top:22px}
.wot-download-mail-form>label:not(.wot-mail-consent):not(.wot-mail-hp){display:grid;gap:7px;font-size:14px;font-weight:700}
.wot-download-mail-form input[type=text],.wot-download-mail-form input[type=email]{box-sizing:border-box;width:100%;height:54px;padding:0 14px;border:1px solid #d9dde1;border-radius:9px;background:#fff;font:inherit;outline:0}
.wot-download-mail-form input:focus{border-color:#111;box-shadow:0 0 0 1px #111}
.wot-download-mail-form button{min-height:54px;border:0;border-radius:9px;background:#111;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.wot-download-mail-form button:disabled{opacity:.55;cursor:wait}
.wot-download-mail-status{min-height:20px;margin:0;font-size:14px;font-weight:700}
.wot-download-links-section{padding-top:0}
@media(max-width:1000px){.wot-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wot-download-detail-grid{grid-template-columns:1fr}.wot-download-mail-card{position:static}}
@media(max-width:680px){.wot-download-grid{grid-template-columns:1fr}.wot-download-card{min-height:280px}.wot-download-card-top{margin-bottom:28px}.wot-download-preview-card{min-height:390px;padding:22px}.wot-download-mail-card{padding:22px}}


/* =========================================================
   WebP Converter
   ========================================================= */
.wot-webp-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(340px,440px);
    gap:36px;
    align-items:start;
}

.wot-webp-panel{
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}

.wot-webp-drop{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:250px;
    padding:34px;
    border:1.5px dashed #c9cdd1;
    border-radius:14px;
    background:#fafbfb;
    text-align:center;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease;
}

.wot-webp-drop:hover,
.wot-webp-drop.is-dragging{
    border-color:#111;
    background:#f3f4f4;
}

.wot-webp-drop input{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    overflow:hidden;
}

.wot-webp-drop-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    margin-bottom:16px;
    border:1px solid var(--line);
    border-radius:50%;
    background:#fff;
}

.wot-webp-drop-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.wot-webp-drop strong{
    margin-bottom:7px;
    font-size:21px;
    letter-spacing:-.02em;
}

.wot-webp-drop > span:not(.wot-webp-drop-icon){
    color:var(--muted);
    font-size:14px;
}

.wot-webp-drop b{
    margin-top:18px;
    padding:11px 16px;
    border-radius:8px;
    background:#111;
    color:#fff;
    font-size:14px;
}

.wot-webp-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.wot-webp-field{
    display:grid;
    align-content:start;
    gap:9px;
    color:#30353a;
    font-size:15px;
    font-weight:650;
}

.wot-webp-field select{
    box-sizing:border-box;
    width:100%;
    height:64px;
    padding:0 16px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
    color:#111;
    font:inherit;
    font-size:16px;
    outline:0;
}

.wot-webp-field small{
    color:var(--muted);
    font-size:12px;
    font-weight:400;
    line-height:1.45;
}

.wot-webp-range-row{
    display:flex;
    align-items:center;
    gap:14px;
    box-sizing:border-box;
    width:100%;
    height:64px;
    padding:0 15px;
    border:1px solid #d9dde1;
    border-radius:10px;
    background:#fff;
}

.wot-webp-range-row input[type="range"]{
    flex:1;
    accent-color:#111;
}

.wot-webp-range-row output{
    min-width:44px;
    color:#111;
    font-size:15px;
    font-weight:750;
    text-align:right;
}

.wot-webp-local-note{
    margin-top:18px;
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fafbfb;
}

.wot-webp-local-note strong{
    display:block;
    margin-bottom:4px;
}

.wot-webp-local-note p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.55;
}

.wot-webp-result{
    position:sticky;
    top:100px;
    padding:30px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fafbfb;
}

.wot-webp-result h2{
    margin:8px 0 12px;
    font-size:27px;
}

.wot-webp-total{
    display:block;
    margin-bottom:12px;
    font-size:clamp(30px,3vw,44px);
    line-height:1.04;
    letter-spacing:-.045em;
}

.wot-webp-file-list{
    display:grid;
    gap:10px;
    margin-top:20px;
}

.wot-webp-file{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
}

.wot-webp-file > div{
    min-width:0;
}

.wot-webp-file strong{
    display:block;
    overflow:hidden;
    color:#111;
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.wot-webp-file span{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:11px;
    line-height:1.35;
}

.wot-webp-file em{
    flex:0 0 auto;
    color:var(--muted);
    font-size:12px;
    font-style:normal;
}

.wot-webp-file.has-error{
    border-color:#c7a3a3;
}

.wot-webp-download{
    flex:0 0 auto;
    padding:9px 11px;
    border-radius:7px;
    background:#111;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:750;
}

.wot-webp-saving{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:16px;
    padding:18px;
    border-radius:10px;
    background:#111;
    color:#fff;
}

.wot-webp-saving span{
    color:#d7dade;
    font-size:13px;
}

.wot-webp-saving strong{
    font-size:28px;
    letter-spacing:-.04em;
}

@media(max-width:1050px){
    .wot-webp-layout{
        grid-template-columns:1fr;
    }

    .wot-webp-result{
        position:static;
    }
}

@media(max-width:760px){
    .wot-webp-panel,
    .wot-webp-result{
        padding:22px;
    }

    .wot-webp-fields{
        grid-template-columns:1fr;
    }

    .wot-webp-drop{
        min-height:220px;
        padding:25px 18px;
    }

    .wot-webp-field select,
    .wot-webp-range-row{
        height:58px;
    }

    .wot-webp-file{
        align-items:flex-start;
        flex-direction:column;
    }

    .wot-webp-download{
        width:100%;
        box-sizing:border-box;
        text-align:center;
    }
}


/* =========================================================
   Download detail – responsive/overflow herstel v1.9.1
   ========================================================= */
.wot-download-detail,
.wot-download-detail *{
    box-sizing:border-box;
}

.wot-download-detail .wot-container{
    min-width:0;
}

.wot-download-detail .wot-hero h1{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    font-size:clamp(48px,7vw,92px);
    line-height:.94;
    letter-spacing:-.055em;
}

.wot-download-detail-grid{
    grid-template-columns:minmax(0,1fr) minmax(390px,520px);
    gap:32px;
}

.wot-download-preview-card{
    min-width:0;
    overflow:hidden;
}

.wot-download-preview-card h2{
    max-width:100%;
    overflow-wrap:anywhere;
    font-size:clamp(34px,4.2vw,56px);
    line-height:1;
}

.wot-download-mail-card{
    min-width:0;
}

.wot-download-mail-form input{
    min-width:0;
    max-width:100%;
}

@media(max-width:1100px){
    .wot-download-detail-grid{
        grid-template-columns:minmax(0,1fr) minmax(340px,460px);
    }

    .wot-download-detail .wot-hero h1{
        font-size:clamp(46px,6.5vw,74px);
    }
}

@media(max-width:900px){
    .wot-download-detail-grid{
        grid-template-columns:1fr;
    }

    .wot-download-mail-card{
        position:static;
    }

    .wot-download-preview-card{
        min-height:360px;
    }
}

@media(max-width:680px){
    .wot-download-detail .wot-hero{
        overflow:hidden;
    }

    .wot-download-detail .wot-hero h1{
        font-size:clamp(42px,13vw,62px);
        line-height:.98;
        letter-spacing:-.05em;
    }

    .wot-download-detail .wot-intro{
        font-size:17px;
        line-height:1.55;
    }

    .wot-download-preview-card,
    .wot-download-mail-card{
        width:100%;
        padding:20px;
        border-radius:14px;
    }

    .wot-download-preview-card{
        min-height:320px;
    }

    .wot-download-preview-card h2{
        font-size:clamp(32px,10vw,46px);
    }

    .wot-download-doc-label{
        max-width:100%;
        padding:10px 12px;
        white-space:normal;
    }

    .wot-download-mail-card h2{
        font-size:30px;
    }
}


/* =========================================================
   Download detail – volledige desktopbreedte v1.9.2
   ========================================================= */

/*
 * Sommige thema-wrappers geven custom post types een smalle "artikelkolom".
 * Voor de Ondernemershub-downloads willen we dezelfde brede layout als de tools.
 */
body.single-ondernemersdownload #page,
body.single-ondernemersdownload .site,
body.single-ondernemersdownload .site-content,
body.single-ondernemersdownload .content-area,
body.single-ondernemersdownload .site-main{
    width:100%;
    max-width:none;
}

body.single-ondernemersdownload{
    overflow-x:hidden;
}

/*
 * Breek de downloadpagina uit een eventuele smalle parent-wrapper.
 */
body.single-ondernemersdownload main.wot-download-detail{
    position:relative;
    left:50%;
    width:100vw;
    max-width:none;
    margin-left:-50vw;
    background:#fff;
}

body.single-ondernemersdownload .wot-download-detail .wot-container{
    width:min(1240px,calc(100vw - 64px));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
}

/* Rustiger desktop-hero */
body.single-ondernemersdownload .wot-download-detail .wot-hero{
    padding-top:58px;
    padding-bottom:38px;
}

body.single-ondernemersdownload .wot-download-detail .wot-hero h1{
    max-width:1050px;
    font-size:clamp(58px,6.2vw,88px);
    line-height:.96;
}

/*
 * Desktop: documentkaart en formulier krijgen allebei voldoende ruimte.
 * Geen smalle A4-kolom meer.
 */
body.single-ondernemersdownload .wot-download-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);
    gap:32px;
    width:100%;
}

body.single-ondernemersdownload .wot-download-preview-card{
    min-height:500px;
    width:100%;
}

body.single-ondernemersdownload .wot-download-mail-card{
    width:100%;
}

/* De preview blijft een kaart, maar niet meer A4-smal. */
body.single-ondernemersdownload .wot-download-preview-card h2{
    max-width:760px;
    font-size:clamp(38px,4vw,58px);
}

/* Tablet */
@media(max-width:1000px){
    body.single-ondernemersdownload .wot-download-detail .wot-container{
        width:min(100% - 40px,900px);
    }

    body.single-ondernemersdownload .wot-download-detail-grid{
        grid-template-columns:1fr;
    }

    body.single-ondernemersdownload .wot-download-mail-card{
        position:static;
    }

    body.single-ondernemersdownload .wot-download-detail .wot-hero h1{
        font-size:clamp(48px,8vw,70px);
    }
}

/* Mobiel */
@media(max-width:680px){
    body.single-ondernemersdownload .wot-download-detail .wot-container{
        width:calc(100% - 28px);
    }

    body.single-ondernemersdownload .wot-download-detail .wot-hero{
        padding-top:36px;
        padding-bottom:24px;
    }

    body.single-ondernemersdownload .wot-download-detail .wot-hero h1{
        font-size:clamp(40px,12vw,58px);
        line-height:.98;
    }

    body.single-ondernemersdownload .wot-download-preview-card{
        min-height:330px;
    }
}

/* =========================================================
   Ondernemers kennisbank v2.0.0
   ========================================================= */
.wot-article-container{width:min(920px,calc(100% - 48px))}
.wot-route-intro{max-width:780px;margin-bottom:28px}
.wot-route-intro h2{margin:8px 0 10px;font-size:clamp(38px,4.5vw,60px);line-height:1;letter-spacing:-.045em}
.wot-route-intro p{margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.wot-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wot-route-card{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;min-height:112px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#111;text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.wot-route-card:hover{transform:translateY(-2px);border-color:#aeb4b9}
.wot-route-card>span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#111;color:#fff;font-size:13px;font-weight:750}
.wot-route-card h3{margin:0;font-size:20px;line-height:1.18;letter-spacing:-.025em}
.wot-route-card strong{font-size:13px;white-space:nowrap}
.wot-article-category-block{margin-top:56px}.wot-article-category-block:first-of-type{margin-top:0}
.wot-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.wot-article-card{display:flex;flex-direction:column;min-height:265px;padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#111;text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.wot-article-card:hover{transform:translateY(-2px);border-color:#aeb4b9}
.wot-article-card h3{margin:11px 0 11px;font-size:25px;line-height:1.1;letter-spacing:-.035em}
.wot-article-card p{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.58}.wot-article-card strong{margin-top:auto}
.wot-article-hero{padding:62px 0 50px;border-bottom:1px solid var(--line);background:#fff}
.wot-article-hero h1{max-width:900px;margin:18px 0 20px;font-size:clamp(50px,6.8vw,88px);line-height:.96;letter-spacing:-.055em}
.wot-article-lead{max-width:820px;margin:0;color:#454b51;font-size:clamp(19px,2vw,24px);line-height:1.55}
.wot-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px;color:var(--muted);font-size:13px}.wot-article-meta span{position:relative}.wot-article-meta span:not(:last-child)::after{content:"";position:absolute;top:50%;right:-10px;width:3px;height:3px;border-radius:50%;background:#9ba0a5}
.wot-article-content{font-size:18px;line-height:1.78;color:#30363b}.wot-article-content h2{margin:1.65em 0 .55em;color:#111;font-size:clamp(31px,3.6vw,46px);line-height:1.08;letter-spacing:-.04em}.wot-article-content h3{margin:1.5em 0 .5em;color:#111;font-size:25px;line-height:1.15}.wot-article-content p{margin:0 0 1.2em}.wot-article-content ul,.wot-article-content ol{margin:0 0 1.35em;padding-left:1.35em}.wot-article-content li{margin:.35em 0}.wot-article-content a{color:#111;font-weight:650;text-decoration-thickness:1px;text-underline-offset:3px}.wot-article-content strong{color:#111}
.wot-article-sources{margin-top:54px;padding:26px 28px;border:1px solid var(--line);border-radius:14px;background:#fafbfb}.wot-article-sources h2{margin:7px 0 8px;font-size:28px;letter-spacing:-.03em}.wot-article-sources p{margin:0 0 14px;color:var(--muted);line-height:1.6}.wot-article-sources ul{margin:0;padding-left:18px}.wot-article-sources li{margin:8px 0}.wot-article-sources a{color:#111;font-weight:650;text-underline-offset:3px}
.wot-article-route-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.wot-article-route-nav a{display:flex;flex-direction:column;min-height:118px;padding:20px 22px;border:1px solid var(--line);border-radius:13px;color:#111;text-decoration:none}.wot-article-route-nav a:hover{border-color:#aeb4b9}.wot-article-route-nav span{margin-bottom:9px;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.wot-article-route-nav strong{font-size:18px;line-height:1.25}.wot-route-next{text-align:right}
@media(max-width:980px){.wot-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wot-route-grid{grid-template-columns:1fr}}
@media(max-width:680px){.wot-article-container{width:calc(100% - 28px)}.wot-article-hero{padding:38px 0 32px}.wot-article-hero h1{margin-top:14px;font-size:clamp(40px,12vw,58px);line-height:.99}.wot-article-lead{font-size:18px}.wot-article-meta{display:grid;gap:5px}.wot-article-meta span::after{display:none}.wot-route-card{grid-template-columns:44px 1fr;padding:18px}.wot-route-card>span{width:40px;height:40px}.wot-route-card strong{grid-column:2}.wot-article-grid{grid-template-columns:1fr}.wot-article-card{min-height:0}.wot-article-content{font-size:17px;line-height:1.72}.wot-article-content h2{font-size:32px}.wot-article-sources{padding:22px}.wot-article-route-nav{grid-template-columns:1fr}.wot-route-next{text-align:left}}