:root {
  --paper:#f2f6f3;
  --ink:#233e41;
  --muted:#4e6568;
  --line:#d3e1dc;
  --mint:#e1efe7;
  --peach:#f7e8dd;
  --lilac:#ece8f3;
  --butter:#f7efd6;
  --blue:#e1edf1;
  --planit-accent:#246661;
  --planit-accent-hover:#194f4a;
  --planit-accent-shadow:#153e3a;
  --planit-prose:"Aptos","Trebuchet MS","Segoe UI",sans-serif;
}
body, .auth-page { font-family:var(--planit-prose); }
body:not(.auth-page), .auth-page {
  background:var(--paper) url('../afbeeldingen/leerpatroon-groen.png') repeat;
}
.auth-page, .auth-box { color:var(--ink); }
h1,h2,h3,.brand,.auth-brand>a { font-family:"Segoe UI",sans-serif; }
.auth-brand>a, body:not(.auth-page) .brand span {
  background:var(--planit-accent);
  box-shadow:4px 4px 0 var(--planit-accent-shadow);
  transform:rotate(-1deg);
}
.auth-brand>a:after { display:none; }
.auth-box .btn:not(.secondary), body:not(.auth-page) .btn:not(.secondary):not(.red):not(.minor) {
  background:var(--planit-accent);
  border-color:var(--planit-accent-shadow);
  color:#fff;
}
.auth-box .btn:not(.secondary):hover, body:not(.auth-page) .btn:not(.secondary):not(.red):not(.minor):hover {
  background:var(--planit-accent-hover);
}
.auth-box .account-tabs, .auth-box .profiel-waarschuwing { background:var(--mint); }
.auth-box .account-tabs button[aria-pressed=true] { color:var(--planit-accent-shadow); }
.auth-box a:not(.btn), .profile-entry { color:var(--planit-accent-shadow); }
body:not(.auth-page) .nav button.active { border-left-color:var(--planit-accent); background:var(--mint); }
.profile-avatar { background:var(--planit-accent); }
body[data-cloud-tool=planner] .top {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
body[data-cloud-tool=planner] .profile-slot { margin-left:auto; }
.planit-notice { color:var(--muted); }
.learning-feed { margin:24px 0 20px; }
.feed-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:start; }
.feed-item {
  display:grid; gap:8px; padding:16px; min-height:110px; background:var(--white,#fff);
  color:var(--ink); border:1px solid var(--line); border-top:4px solid #74a99a; border-radius:8px;
  overflow-wrap:anywhere;
}
.feed-item:nth-child(2) { border-top-color:#b98e72; }
.feed-item:nth-child(3) { border-top-color:#a89bbf; }
.feed-item h3,.feed-item p { margin:0; }
.feed-item summary, .support-slot summary, .about-planit summary { cursor:pointer; font-weight:700; }
.feed-item summary { padding:3px 0; }
.feed-item details, .feed-item progress { width:100%; }
.feed-item progress { accent-color:var(--planit-accent); height:14px; }
.feed-item .btn { justify-self:start; align-self:end; text-decoration:none; }
.planit-footer {
  max-width:1350px; margin:0 auto; padding:24px 20px 28px; color:var(--ink);
}
.footer-inner {
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px;
  padding-top:18px; border-top:1px solid var(--line);
}
.footer-inner p { margin:4px 0 0; max-width:450px; color:var(--muted); }
.footer-inner nav { display:flex; gap:16px; flex-wrap:wrap; align-items:start; }
.planit-footer a { color:var(--planit-accent-shadow); font-weight:700; }
.support-slot {
  margin-top:16px; max-width:590px; padding:11px 15px;
  border:1px dashed var(--line); border-radius:8px; background:var(--white,#fff);
}
.support-slot p { margin:7px 0; }
#profielScherm .auth-layout { min-height:auto; padding-bottom:20px; }
#profielScherm[hidden] ~ .planit-footer { display:block; }
html[data-planit-theme=dark] .planit-footer a { color:#a4e2cf; }
html[data-planit-theme=dark] body:not(.auth-page) .nav button.active { background:var(--mint); color:var(--ink); }
@media(max-width:880px) { .feed-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .feed-grid { grid-template-columns:1fr; } }
@media print { .learning-feed,.planit-footer { display:none; } }

html[data-planit-theme=dark] body:not(.auth-page) {
  background-image:none;
}
.study-intro { color:var(--muted); margin:7px 0 20px; font-size:1.08rem; }
.study-overview .studygrid { gap:14px; }
.study-tool {
  display:flex; flex-direction:column; align-items:flex-start;
  padding:18px; min-width:0; border:1px solid var(--line); border-radius:8px;
  background:var(--tool-bg,var(--white)); color:var(--ink);
}
.study-tool h2 { margin:0 0 7px; }
.study-tool p { margin:6px 0 14px; }
.study-tool-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin-top:auto; }
.study-tool-actions .btn,.study-guide { display:inline-flex; align-items:center; min-height:44px; }
.study-tool-actions .btn { text-decoration:none; }
.study-guide { color:var(--planit-accent-shadow); font-weight:700; text-underline-offset:3px; }
html[data-planit-theme=dark] .study-guide { color:#a4e2cf; }