/* Customer readability only: preserve the existing geometry and scroll containers. */
html:not([data-theme="light"]) .portal-control-layout {
    --portal-readable-muted: #d2d2d2;
}
html:not([data-theme="light"]) .portal-control-layout #inhoud :is(.text-slate-400,.text-slate-500,.text-slate-600,.platinum-intro,.legacy-site-help) {
    color: var(--portal-readable-muted);
}
html:not([data-theme="light"]) .portal-control-layout #inhoud :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
    color: #f5f5f5;
    border-color: #858585;
}
.portal-control-layout #inhoud :is(a,button,input,textarea,select):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
.portal-control-layout .portal-result-link:hover,
.portal-control-layout .portal-result-link:focus-visible {
    border-color: #aaa;
    text-decoration: underline;
}
html:not([data-theme="light"]) .portal-control-layout .portal-result-link:hover { background: #303030; }
.portal-control-layout .portal-connector-download { margin-block: 12px; }
.portal-control-layout .portal-key-state { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid currentColor; border-radius: 8px; }
.portal-plan-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-block: 20px; }
.portal-plan-choice { display: block; padding: 16px; border: 1px solid #858585; border-radius: 12px; color: inherit; text-decoration: none; }
.portal-plan-choice[aria-current="true"],.portal-plan-choice:hover { border-color: currentColor; background: #ffffff12; }
.portal-plan-choice strong,.portal-plan-choice span { display: block; }
.portal-checkout-consent { display: flex; align-items: flex-start; gap: 12px; margin-block: 20px; }
.portal-checkout-consent input { width: 20px; height: 20px; flex: none; margin-top: 3px; }
@media (max-width: 640px) { .portal-plan-choices { grid-template-columns: 1fr; } }