/* WatWilJeKat V5.1 — content pages reuse homepage type, brand and approved palette. */
.content-page{background:#F7F0E6;color:#203d38;font-family:Arial,Helvetica,sans-serif}
.content-page .site-header{position:sticky;top:0;z-index:30}.content-page .container{max-width:1100px}
.content-page .site-footer{margin-top:50px}.content-page .content-search-link{display:grid;place-items:center}
.content-page .content-search-link svg{width:19px;height:19px}.content-main{padding-top:24px;padding-bottom:20px}
.content-breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:#607666;flex-wrap:wrap;margin:0 0 27px}.content-breadcrumb a{text-decoration:underline;text-underline-offset:3px;color:#346844}
.category-hero{display:grid;grid-template-columns:1.3fr .72fr;align-items:center;gap:32px;border:1px solid #e3dfd3;border-radius:24px;background:linear-gradient(115deg,#fffaf3,#edf4e9);padding:26px 29px;min-height:246px;overflow:hidden}
.category-eyebrow,.article-label{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#B56D43}
.category-hero h1,.article-body h1{font:700 clamp(31px,4vw,48px)/1.12 Georgia,serif;letter-spacing:-.8px;color:#102e34;margin:13px 0}
.category-hero p{font-size:16px;line-height:1.65;max-width:640px;margin:0 0 20px;color:#3f6153}.category-hero img{width:100%;height:210px;object-fit:cover;border-radius:18px}
.category-home-link{font-weight:700;font-size:14px;color:#2f674d;text-decoration:underline;text-underline-offset:4px}
.content-section-heading h2,.planned-section h2,.related-section h2{font:700 29px/1.16 Georgia,serif;color:#133a38;margin:0 0 6px}.content-section-heading p{color:#526959;margin:0 0 20px;font-size:14px}
.category-articles,.related-section{margin-top:40px}.content-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.content-article-card{display:block;background:#fffdf9;border:1px solid #ece6dd;border-radius:17px;box-shadow:0 8px 20px #203a2b0c;overflow:hidden;transition:transform .2s,box-shadow .2s;color:inherit}
.content-article-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #203a2b1b}.content-article-card:focus-visible{outline:3px solid #d07442;outline-offset:3px}
.content-article-card>img{width:100%;height:152px;object-fit:cover;display:block}.content-card-body{padding:17px 18px 19px}.content-category-label{font-size:10px;font-weight:800;letter-spacing:.8px;color:#ab6949}
.content-card-body h3{font:700 21px/1.2 Georgia,serif;color:#183a37;margin:8px 0}.content-card-body p{font-size:14px;line-height:1.55;color:#4a6258;margin:0 0 20px}
.content-card-link{font-size:13.5px;font-weight:800;color:#a95c35}.content-article-card:hover .content-card-link{text-decoration:underline}
.planned-section{margin-top:45px;border-top:1px solid #dbd8cc;padding-top:22px}.planned-section p{font-size:14.5px;color:#4c6558}.planned-section ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding:0;list-style:none}.planned-section li{font-size:14px;padding:12px 14px;background:#ffffff9e;border-radius:10px;color:#5d6b60}
.content-safe-note{margin-top:35px;background:#e8efe4;border-radius:16px;padding:18px 22px;line-height:1.55;font-size:14px}.content-safe-note p{margin:5px 0 0}
.article-layout{display:grid;grid-template-columns:minmax(0,730px) minmax(210px,1fr);gap:43px;align-items:start}
.article-body{min-width:0}.article-body h1{font-size:clamp(32px,4vw,46px);margin:13px 0 15px}.article-intro{font-size:18px;line-height:1.67;color:#435f52;max-width:730px;margin:0 0 19px}
.article-cover{margin:22px 0 24px;border-radius:22px;overflow:hidden}.article-cover img{width:100%;height:278px;object-fit:cover;display:block}
.article-takeaway{background:#e7f0e3;border-left:5px solid #648d69;border-radius:12px;padding:19px 24px;margin:19px 0 28px}.article-takeaway span{display:block;font-weight:800;color:#346844;margin-bottom:7px}.article-takeaway p{margin:0;font-size:16px;line-height:1.6}
.article-warning{background:#fff0e6;border-left:5px solid #c66b43;border-radius:12px;padding:17px 21px;margin:18px 0 28px;color:#793b25}.article-warning p{margin:7px 0 0;line-height:1.6}
.article-body section:not(.article-sources){margin:28px 0}.article-body section h2{font:700 27px/1.18 Georgia,serif;color:#193b39;margin:0 0 10px}.article-body section p,.article-body section li{font-size:16px;line-height:1.77;color:#385449}.article-body section p{margin:0 0 11px}.article-body section ul{padding-left:22px;margin:10px 0 0}.article-body section li{margin-bottom:7px}
.article-vetnote{background:#f3ece1;padding:14px 18px;border-radius:12px;color:#606050;line-height:1.6;font-size:13.5px;margin:30px 0}
.article-sources{border-top:1px solid #e0d9cb;padding-top:20px}.article-sources p{font-size:13.5px!important}.article-sources ul{padding-left:20px}.article-sources li{font-size:13.5px!important;margin-bottom:6px}.article-sources a{text-decoration:underline;text-underline-offset:3px;color:#346844}
.article-aside{position:sticky;top:102px}.aside-panel{border:1px solid #dbdfd1;border-radius:18px;padding:22px;background:#fffdf9}.aside-panel strong{font:700 21px Georgia,serif;color:#19403e}.aside-panel p{font-size:14px;line-height:1.6;color:#4c6758}.aside-panel a{color:#34724e;font-size:14px;font-weight:700;line-height:1.5;display:block}.aside-panel hr{border:0;border-top:1px solid #e4e8e0;margin:17px 0}
.related-section{border-top:1px solid #e2dccc;padding-top:28px}.related-section .content-card-grid{grid-template-columns:repeat(3,1fr)}.back-to-category{margin-top:25px}.back-to-category a{font-weight:700;color:#2d6148}
@media(max-width:950px){.content-page .main-nav{gap:9px}.content-page .main-nav a{font-size:11px}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:22px}}
@media(max-width:830px){.content-page .main-nav a{font-size:14px}.category-hero{grid-template-columns:1fr .7fr}.content-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{display:block}.article-aside{position:static;margin-top:25px}.article-cover img{height:320px}}
@media(max-width:570px){.content-main{padding-top:17px}.content-breadcrumb{font-size:12px;gap:7px;margin-bottom:17px}.category-hero{grid-template-columns:1fr;gap:18px;padding:19px;border-radius:18px}.category-hero h1{font-size:35px}.category-hero p{font-size:15px}.category-hero img{height:160px}.content-card-grid,.related-section .content-card-grid{grid-template-columns:1fr;gap:13px}.content-article-card{display:grid;grid-template-columns:120px 1fr;min-height:170px}.content-article-card>img{height:100%;min-height:170px}.content-card-body{padding:12px}.content-card-body h3{font-size:18px}.content-card-body p{font-size:13px;margin-bottom:10px}.content-category-label{font-size:9px}.content-section-heading h2{font-size:25px}.planned-section ul{grid-template-columns:1fr}.article-body h1{font-size:34px}.article-intro{font-size:16px}.article-cover img{height:210px}.article-body section h2{font-size:24px}.article-body section p,.article-body section li{font-size:15px}.article-takeaway{padding:15px 18px}.article-takeaway p{font-size:15px}}
@media(max-width:375px){.content-article-card{grid-template-columns:102px 1fr}.content-card-body h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.content-article-card{transition:none}}

/* V5.1 – redactionele verdieping in dezelfde goedgekeurde vormgeving. */
.article-body .article-steps{list-style:decimal;padding-left:26px;margin:12px 0 6px}
.article-body .article-steps li{padding-left:5px;margin-bottom:11px;line-height:1.74}
.article-faq{background:#fffaf3;border:1px solid #e9e1d5;border-radius:16px;padding:22px 25px;margin:30px 0!important}
.article-faq-item{padding:12px 0;border-top:1px solid #e9e1d5}
.article-faq-item:first-of-type{border-top:0;padding-top:3px}
.article-body section .article-faq-item h3{font:700 18px/1.4 Georgia,serif;color:#193d38;margin:0 0 7px}
.article-body section .article-faq-item p{font-size:15.5px;line-height:1.64;margin:0}
.article-toc{border-bottom:1px solid #e4e8e0;padding-bottom:16px;margin-bottom:16px}
.article-toc strong{display:block;margin-bottom:10px!important;font-size:17px!important}
.article-toc a{display:block;font-weight:500;font-size:13px;line-height:1.4;margin:8px 0;color:#3b6650}
.article-toc a:hover,.article-toc a:focus{text-decoration:underline}
.article-body section[id]{scroll-margin-top:85px}
@media(max-width:570px){.article-faq{padding:16px 17px}.article-body section .article-faq-item h3{font-size:17px}.article-body .article-steps{padding-left:22px}}


/* V5.2 — four equal guides in the Kattengedrag overview on spacious desktop screens.
   At tablet widths the readable 2-column layout is preferred. */
@media (min-width:1050px){
 .category-articles .content-card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
 .category-articles .content-card-grid--four .content-article-card{display:flex;flex-direction:column;min-width:0}
 .category-articles .content-card-grid--four .content-article-card>img{height:135px;flex-shrink:0}
 .category-articles .content-card-grid--four .content-card-body{padding:15px 14px 17px;display:flex;flex-direction:column;flex:1}
 .category-articles .content-card-grid--four .content-card-body h3{font-size:19px;line-height:1.23}
 .category-articles .content-card-grid--four .content-card-body p{margin-bottom:13px}
 .category-articles .content-card-grid--four .content-card-link{margin-top:auto}
}
@media (min-width:571px) and (max-width:1049px){
 .category-articles .content-card-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Content-page footer uses the same illustration as the approved homepage.
   Loading it eagerly prevents it disappearing in some full-page snapshots. */
@media(min-width:571px){
 .content-page .footer-message{overflow:visible;isolation:isolate}
 .content-page .footer-cat{opacity:1;z-index:2;display:block;pointer-events:none}
 .content-page .footer-speech{z-index:3}
}
/* Table of contents stays usable on desktop, including short viewports. */
@media(min-width:831px){
 .content-page .article-aside{top:90px;max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9d9c3 transparent}
}
.article-toc a{border-left:3px solid transparent;padding:4px 4px 4px 9px;margin:5px 0;border-radius:0 7px 7px 0;transition:background-color .15s,border-color .15s}
.article-toc a[aria-current="location"]{border-left-color:#D07442;color:#214e39;background:#edf4e9;font-weight:700}
.article-toc a:focus-visible{outline:2px solid #D07442;outline-offset:2px}
@media(max-width:830px){.content-page .article-aside{max-height:none;overflow:visible}}
@media(prefers-reduced-motion:reduce){.article-toc a{transition:none}}

/* V5.3 topic-specific advice, matching established article typography */
.article-extra-insight{margin-top:24px;margin-bottom:20px}
.article-extra-insight h2{margin-bottom:9px}
.article-extra-insight ul{margin-top:10px}
.article-extra-insight li{margin-bottom:7px}

/* V5.5: contextual reading paths and real comparison criteria */
.article-body section p.article-context-link{background:#f0f4ea;border-left:3px solid #7c9f78;border-radius:7px;padding:11px 14px;margin:17px 0 0;color:#315648;font-size:15px;line-height:1.58}
.article-context-link a{font-weight:700;text-decoration:underline;text-underline-offset:3px;color:#2d684c}
.choice-table-wrap{overflow-x:auto;border-radius:13px;border:1px solid #e2e3d8;background:#fffefa;max-width:100%}
.choice-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px;line-height:1.45}
.choice-table th,.choice-table td{padding:12px 13px;text-align:left;vertical-align:top;border-bottom:1px solid #e8e7db}
.choice-table thead{background:#e8efe4;color:#234c3e}
.choice-table tbody tr:last-child>*{border-bottom:0}
.choice-table tbody th{width:29%;font-weight:700;color:#2e5546;background:#f8f9f3}
.choice-table tbody td{color:#425a50}
@media(max-width:570px){
 .article-body section p.article-context-link{font-size:14px}
 .choice-table{min-width:0;display:block;border-collapse:separate;width:100%;font-size:13px}
 .choice-table thead{display:none}
 .choice-table tbody{display:block;padding:9px}
 .choice-table tbody tr{display:block;margin-bottom:9px;border:1px solid #e2e8dc;border-radius:10px;overflow:hidden;background:#fffefa}
 .choice-table tbody tr:last-child{margin-bottom:0}
 .choice-table tbody th,.choice-table tbody td{display:block;width:100%;box-sizing:border-box;border-bottom:0;padding:8px 11px}
 .choice-table tbody th{font-size:14px;background:#e9f1e7;border-radius:0}
 .choice-table tbody td:before{content:attr(data-label);display:block;font-weight:700;font-size:11px;color:#54745d;margin-bottom:3px}
}

/* V5.8: fewer recommendations when only one or two genuinely fit. */
@media(min-width:571px){.related-section .related-grid--1{grid-template-columns:minmax(0,355px)} .related-section .related-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px}}