/* The encyclopedia is a reading product, not a narrow mobile workbench. */
.ide.catalogue-workspace:has(.encyclopedia-main){
  grid-template-columns:232px minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  background:#10151d;
}
.ide.catalogue-workspace:has(.encyclopedia-main) .sidebar{
  grid-column:1;grid-row:1;width:auto;padding:28px 18px 22px;background:#151b24;
  border-right:1px solid #2b3544;display:flex;flex-direction:column;
}
.ide.catalogue-workspace:has(.encyclopedia-main) .brand{
  display:flex;align-items:center;gap:10px;margin:0 8px 42px;font-size:18px;
  font-weight:700;letter-spacing:-.4px;color:#f1f5fb;
}
.ide.catalogue-workspace:has(.encyclopedia-main) .brand:before{
  content:'w·';display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:9px;background:#3568a3;color:#fff;font-weight:800;
}
.ide.catalogue-workspace:has(.encyclopedia-main) .sidebar nav{display:flex;flex-direction:column;gap:6px}
.ide.catalogue-workspace:has(.encyclopedia-main) .sidebar nav:before{
  content:'WERKPLAATS';margin:0 12px 10px;color:#8290a4;font-size:10px;letter-spacing:1.5px;font-weight:700;
}
.ide.catalogue-workspace:has(.encyclopedia-main) .nav-item{
  display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:42px;
  padding:10px 12px;border:0;border-left:2px solid transparent;border-radius:7px;
  color:#aeb9c9;font-size:13px;font-weight:500;
}
.ide.catalogue-workspace:has(.encyclopedia-main) .nav-item span{font-size:18px;width:20px;color:#8eafd3}
.ide.catalogue-workspace:has(.encyclopedia-main) .nav-item:hover{background:#202a38;color:#f2f6fc}
.ide.catalogue-workspace:has(.encyclopedia-main) .nav-item.active{background:#203550;border-left-color:#77b1ed;color:#f4f8ff}
.ide.catalogue-workspace:has(.encyclopedia-main) .sidebar:after{
  content:'Gratis uitleg, voorbeelden en oefenroutes voor havo en vwo.';display:block;margin:auto 10px 22px;
  padding:15px;border:1px solid #2e435d;border-radius:9px;background:#1b2a3b;color:#a9c4e3;font-size:11px;line-height:1.7;
}
.ide.catalogue-workspace:has(.encyclopedia-main) .encyclopedia-main{
  grid-column:2;grid-row:1;min-width:0;min-height:0;overflow:auto;padding:0!important;background:#10151d;
}
.encyclopedia-main .seo-breadcrumbs,.encyclopedia-main>.eyebrow,.encyclopedia-main>h1,.encyclopedia-main>.catalogue-lead,
.encyclopedia-main>.ency-search,.encyclopedia-main>.ency-grid,.encyclopedia-main>.ency-article,.encyclopedia-main>.main-footer{
  width:min(1180px,100%);margin-left:auto;margin-right:auto;
}
.encyclopedia-main .seo-breadcrumbs{padding-top:38px;margin-bottom:30px;color:#91a0b4;font-size:12px}
.encyclopedia-main .seo-breadcrumbs a{color:#a9c8e9}.encyclopedia-main .seo-breadcrumbs span{color:#526174}
.encyclopedia-main>.eyebrow{color:#79a9d7;font-size:10px;letter-spacing:1.8px;margin-bottom:12px}
.encyclopedia-main>h1{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-1.7px;color:#f3f6fb;max-width:900px}
.encyclopedia-main>.catalogue-lead{margin-top:18px;max-width:760px;color:#aebdce;font-size:17px;line-height:1.75}
.ency-search{margin-top:34px;padding:18px 20px;border:1px solid #2e3b4c;border-radius:11px;background:#171f2a}
.ency-search label{display:block;margin-bottom:9px;color:#d8e3f0;font-size:12px;font-weight:600}
.ency-search input{width:min(650px,100%);height:44px;padding:0 14px;border:1px solid #40516a;border-radius:7px;background:#0f151d;color:#f1f5fa;font-size:14px}
.ency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.encycl-group{padding:22px!important;border:1px solid #2b3848!important;border-radius:11px!important;background:#171f2a!important}
.encycl-group h2{margin:0 0 15px;color:#eef4fb;font-size:18px}
.ency-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ency-card{display:flex;flex-direction:column;gap:6px;min-height:106px;padding:13px;border:1px solid #2c3a4c;border-radius:8px;background:#1c2633;color:#dce7f4;transition:.16s ease}
.ency-card:hover{border-color:#6e9fd1;background:#223247;transform:translateY(-1px)}
.ency-card strong{font-size:13px;line-height:1.35}.ency-card span{color:#9eafc2;font-size:11px;line-height:1.5}.ency-card em{margin-top:auto;color:#81b7ec;font-size:10px;font-style:normal}
.ency-article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:28px}
.ency-article>.panel{padding:30px!important;border:1px solid #2e3b4c!important;border-radius:12px!important;background:#171f2a!important}
.ency-article h2{font-size:25px;line-height:1.3;color:#f0f5fb}.ency-article h3{margin-top:28px;color:#dfeaf7;font-size:16px}.ency-article p{margin-top:12px;color:#b6c4d4;font-size:15px;line-height:1.8}.ency-article .primary{margin-top:15px;width:100%}
.example-box{margin-top:26px;padding:18px;border-left:3px solid #6fa6dd;background:#1e2a38}.example-box strong{color:#e6f0fb;font-size:13px}.example-box button{margin-top:14px;padding:9px 12px;border:1px solid #527da9;border-radius:6px;background:#263e59;color:#dbeeff;font-size:12px}
.related-links{display:grid;gap:9px;margin-top:15px}.related-links a{padding:9px 0;border-bottom:1px solid #2b3949;color:#a9cdf0;font-size:12px}
.encyclopedia-main>.main-footer{display:flex!important;gap:20px;flex-wrap:wrap;margin-top:40px;padding:22px 0 35px;border-top:1px solid #2a3544;color:#91a0b3;font-size:11px}.encyclopedia-main>.main-footer a:hover{color:#c5e0fb}
@media(max-width:900px){.ency-grid{grid-template-columns:1fr}.ency-article{grid-template-columns:1fr}.encyclopedia-main .seo-breadcrumbs,.encyclopedia-main>.eyebrow,.encyclopedia-main>h1,.encyclopedia-main>.catalogue-lead,.encyclopedia-main>.ency-search,.encyclopedia-main>.ency-grid,.encyclopedia-main>.ency-article,.encyclopedia-main>.main-footer{width:auto;margin-left:28px;margin-right:28px}}
@media(max-width:650px){.ide.catalogue-workspace:has(.encyclopedia-main){grid-template-columns:58px minmax(0,1fr)}.ide.catalogue-workspace:has(.encyclopedia-main) .sidebar{padding:14px 6px}.ide.catalogue-workspace:has(.encyclopedia-main) .brand{margin:0 auto 28px;font-size:0}.ide.catalogue-workspace:has(.encyclopedia-main) .brand:before{width:36px;height:36px}.ide.catalogue-workspace:has(.encyclopedia-main) .sidebar nav:before,.ide.catalogue-workspace:has(.encyclopedia-main) .sidebar:after{display:none}.ide.catalogue-workspace:has(.encyclopedia-main) .nav-item{justify-content:center;padding:10px 4px;font-size:0}.ide.catalogue-workspace:has(.encyclopedia-main) .nav-item span{font-size:21px}.encyclopedia-main .seo-breadcrumbs{padding-top:24px;margin-bottom:24px}.encyclopedia-main .seo-breadcrumbs,.encyclopedia-main>.eyebrow,.encyclopedia-main>h1,.encyclopedia-main>.catalogue-lead,.encyclopedia-main>.ency-search,.encyclopedia-main>.ency-grid,.encyclopedia-main>.ency-article,.encyclopedia-main>.main-footer{margin-left:18px;margin-right:18px}.encyclopedia-main>h1{font-size:36px}.encyclopedia-main>.catalogue-lead{font-size:15px}.ency-links{grid-template-columns:1fr}.encycl-group{padding:18px!important}.ency-article>.panel{padding:21px!important}}