/*
Rechtsklik V16.2 onderwerpen fix
Alleen voor /public/onderwerpen.aspx
Geen SQL afhankelijkheid.
Geen interne werktekst.
*/

.rk-topics{
    background:#f2ede4;
    color:#07111f;
    font-family:Inter,Segoe UI,Arial,sans-serif;
    line-height:1.55;
}

.rk-topics a{
    color:inherit;
    text-decoration:none !important;
}

.rk-topic-hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 18%,rgba(0,185,173,.12),transparent 30%),
        linear-gradient(135deg,#f6efe4 0%,#e8dfd1 58%,#d9eee7 100%);
    border-bottom:1px solid #d6cbbb;
}

.rk-topic-hero:before{
    content:"";
    position:absolute;
    inset:28px 54px;
    border:1px solid #d6cbbb;
    pointer-events:none;
}

.rk-topic-container{
    width:min(1160px,calc(100% - 44px));
    margin:0 auto;
}

.rk-topic-hero-grid{
    min-height:520px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    gap:56px;
    align-items:center;
    padding:70px 0;
    position:relative;
    z-index:1;
}

.rk-topic-kicker{
    display:flex;
    align-items:center;
    gap:14px;
    color:#6f7f93;
    letter-spacing:.16em;
    font-size:12px;
    text-transform:uppercase;
    font-weight:900;
    margin-bottom:18px;
}

.rk-topic-kicker:before{
    content:"";
    width:44px;
    height:1px;
    background:#a98236;
}

.rk-topic-title{
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(46px,6.8vw,88px);
    line-height:1.02;
    letter-spacing:-.058em;
    margin:0 0 22px;
    color:#07111f;
    max-width:850px;
}

.rk-topic-lead{
    font-size:21px;
    color:#28384d;
    max-width:720px;
    margin:0;
}

.rk-topic-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.rk-topic-btn{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    border:1px solid #07111f;
    font-weight:900;
}

.rk-topic-btn.dark{
    background:#07111f;
    color:#fff;
}

.rk-topic-btn.light{
    background:rgba(255,255,255,.62);
}

.rk-topic-visual{
    min-height:360px;
    background:linear-gradient(135deg,#17385e,#07111f);
    position:relative;
    border:1px solid rgba(255,255,255,.42);
    box-shadow:0 24px 70px rgba(7,17,31,.18);
    overflow:hidden;
}

.rk-topic-visual:before{
    content:"";
    position:absolute;
    inset:28px;
    border:1px solid rgba(255,255,255,.28);
}

.rk-topic-visual .panel-one{
    position:absolute;
    left:42px;
    top:54px;
    width:210px;
    height:110px;
    background:rgba(255,253,248,.92);
}

.rk-topic-visual .panel-two{
    position:absolute;
    right:36px;
    top:122px;
    width:170px;
    height:170px;
    background:#00b9ad;
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}

.rk-topic-visual .panel-three{
    position:absolute;
    left:72px;
    bottom:54px;
    width:250px;
    height:76px;
    background:#a3162d;
}

.rk-topic-facts{
    position:absolute;
    left:28px;
    right:28px;
    bottom:28px;
    background:#03070c;
    color:#fff;
    padding:20px;
    z-index:3;
}

.rk-topic-facts strong{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    line-height:1;
    margin-bottom:12px;
}

.rk-topic-facts span{
    display:block;
    color:#c7d1dd;
    font-size:14px;
    margin-top:4px;
}

.rk-topic-subnav{
    background:#03070c;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.12);
    position:sticky;
    bottom:0;
    z-index:50;
}

.rk-topic-subnav-inner{
    width:min(1160px,calc(100% - 44px));
    margin:0 auto;
    display:flex;
    gap:28px;
    overflow:auto;
}

.rk-topic-subnav a{
    white-space:nowrap;
    padding:17px 0;
    font-weight:950;
    text-transform:uppercase;
    font-size:14px;
}

.rk-topic-section{
    padding:72px 0;
}

.rk-topic-section.white{
    background:#fffdf8;
}

.rk-topic-section.cream{
    background:linear-gradient(180deg,#f5efe4,#efe7d8);
}

.rk-topic-section.dark{
    background:#07111f;
    color:#fff;
}

.rk-topic-section-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 420px;
    gap:38px;
    align-items:end;
    margin-bottom:38px;
}

.rk-topic-section-head h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(34px,5vw,66px);
    line-height:1.03;
    letter-spacing:-.05em;
    margin:0;
}

.rk-topic-section-head p{
    color:#5f6f84;
    font-size:18px;
    margin:0;
}

.rk-topic-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.rk-topic-card{
    min-height:250px;
    padding:28px;
    position:relative;
    overflow:hidden;
    border:1px solid #d6cbbb;
    background:#fffdf8;
    box-shadow:0 18px 44px rgba(7,17,31,.06);
}

.rk-topic-card:after{
    content:"";
    position:absolute;
    right:-46px;
    bottom:-46px;
    width:126px;
    height:126px;
    border:1px solid rgba(169,130,54,.62);
    transform:rotate(45deg);
}

.rk-topic-card small{
    display:block;
    color:#a98236;
    letter-spacing:.15em;
    text-transform:uppercase;
    font-weight:950;
    margin-bottom:18px;
}

.rk-topic-card h3{
    font-family:Georgia,"Times New Roman",serif;
    font-size:31px;
    line-height:1.08;
    letter-spacing:-.028em;
    margin:0 0 14px;
}

.rk-topic-card p{
    color:#3d4c61;
    margin:0;
}

.rk-topic-card.blue{
    background:linear-gradient(135deg,#17385e,#07111f);
    color:#fff;
    border-color:#223c5f;
}

.rk-topic-card.red{
    background:linear-gradient(135deg,#a3162d,#32101a);
    color:#fff;
    border-color:#7f1e2d;
}

.rk-topic-card.green{
    background:linear-gradient(135deg,#087a62,#07111f);
    color:#fff;
    border-color:#126e61;
}

.rk-topic-card.purple{
    background:linear-gradient(135deg,#4a4978,#191b32);
    color:#fff;
    border-color:#5c5a8f;
}

.rk-topic-card.dark{
    background:linear-gradient(135deg,#5c5a50,#171717);
    color:#fff;
    border-color:#777165;
}

.rk-topic-card.blue p,
.rk-topic-card.red p,
.rk-topic-card.green p,
.rk-topic-card.purple p,
.rk-topic-card.dark p{
    color:#e4eaf2;
}

.rk-topic-card.blue small,
.rk-topic-card.red small,
.rk-topic-card.green small,
.rk-topic-card.purple small,
.rk-topic-card.dark small{
    color:#f0c76c;
}

.rk-topic-list{
    border-top:1px solid #d6cbbb;
    border-left:1px solid #d6cbbb;
    background:#fffdf8;
}

.rk-topic-list a{
    display:grid;
    grid-template-columns:minmax(0,1fr) 240px;
    gap:24px;
    padding:22px 24px;
    border-right:1px solid #d6cbbb;
    border-bottom:1px solid #d6cbbb;
}

.rk-topic-list strong{
    font-size:20px;
    line-height:1.28;
}

.rk-topic-list span{
    color:#008f77;
    font-weight:850;
}

@media(max-width:1050px){
    .rk-topic-hero-grid,
    .rk-topic-section-head{
        grid-template-columns:1fr;
    }

    .rk-topic-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:720px){
    .rk-topic-container,
    .rk-topic-hero-grid,
    .rk-topic-subnav-inner{
        width:min(100% - 24px,1160px);
    }

    .rk-topic-hero:before{
        inset:14px 12px;
    }

    .rk-topic-hero-grid{
        min-height:auto;
        padding:42px 0;
        gap:30px;
    }

    .rk-topic-title{
        font-size:clamp(44px,12vw,62px);
    }

    .rk-topic-lead{
        font-size:18px;
    }

    .rk-topic-grid{
        grid-template-columns:1fr;
    }

    .rk-topic-list a{
        grid-template-columns:1fr;
    }

    .rk-topic-section{
        padding:52px 0;
    }
}