/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@layer isp.theme-base,isp.tokens,isp.components;@layer isp.tokens{:root{--isp-bg:#ffffff;--isp-bg-sunken:#f4f4f5;--isp-bg-raised:#ffffff;--isp-fg:#18181b;--isp-fg-muted:#52525b;--isp-fg-subtle:#71717a;--isp-border:#e4e4e7;--isp-border-strong:#d4d4d8;--isp-border-focus:#2563eb;--isp-focus-ring:#dbeafe;--isp-primary:#2563eb;--isp-primary-hover:#1d4ed8;--isp-primary-soft:#dbeafe;--isp-primary-strong:#1e40af;--isp-secondary:#1d4ed8;--isp-primary-50:#eff6ff;--isp-primary-300:#93c5fd;--isp-primary-400:#60a5fa;--isp-secondary-50:#eef2ff;--isp-accent-teal:#0d9488;--isp-danger:#dc2626;--isp-success:#059669;--isp-font-body:system-ui,-apple-system,"Segoe UI",sans-serif;--isp-text-xs:12px;--isp-text-sm:14px;--isp-text-base:16px;--isp-text-md:18px;--isp-text-lg:20px;--isp-text-xl:24px;--isp-text-2xl:30px;--isp-sp-1:4px;--isp-sp-2:8px;--isp-sp-3:12px;--isp-sp-4:16px;--isp-sp-5:24px;--isp-sp-6:32px;--isp-radius-sm:6px;--isp-radius-md:10px;--isp-shadow-lg:0 12px 28px rgb(0 0 0 / 0.15);--isp-dur-2:200ms;--isp-warn:#d97706;--isp-on-primary:#ffffff;--isp-radius-lg:16px;--isp-radius-pill:999px;--isp-shadow-xs:0 1px 2px rgb(0 0 0 / 0.06);--isp-shadow-md:0 4px 12px rgb(0 0 0 / 0.1);--isp-shadow-card:0 1px 2px rgb(0 0 0 / 0.05),0 4px 12px -4px rgb(0 0 0 / 0.08);--isp-shadow-card-hover:0 2px 4px rgb(0 0 0 / 0.04),0 18px 36px -14px rgb(0 0 0 / 0.2);--isp-border-soft:rgb(0 0 0 / 0.08);--isp-surface-card:#fff;--isp-gradient-accent:linear-gradient(90deg,#2563eb,#1e40af);--isp-gradient-secondary:#1e40af;--isp-glow-secondary:none;--isp-font-mono:ui-monospace,"SF Mono",Menlo,monospace;--isp-dur-1:120ms;--isp-container-narrow:840px;}}
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}
.clearfix::after{display:table;clear:both;content:"";}.nowrap{white-space:nowrap;}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}
:root{--ai-font-size-base:var(--font-size-base);--ai-font-size-s:var(--font-size-s);--ai-font-size-xs:var(--font-size-xs);--ai-font-size-xxs:var(--font-size-xxs);--ai-font-size-h1:var(--font-size-h1);--ai-font-size-h2:var(--font-size-h2);--ai-font-size-h3:var(--font-size-h3);--ai-font-size-h4:var(--font-size-h4);--ai-font-size-h5:var(--font-size-h5);--ai-font-size-h6:var(--font-size-h6);--ai-text-color-muted:var(--color-text-light);--ai-icon-size:1.25rem;--ai-icon-size-lg:2rem;}.ai-font-size-base{font-size:var(--ai-font-size-base);}.ai-font-size-s{font-size:var(--ai-font-size-s);}.ai-font-size-xs{font-size:var(--ai-font-size-xs);}.ai-font-size-xxs{font-size:var(--ai-font-size-xxs);}.ai-text-muted{color:var(--ai-text-color-muted);}.ai-description{font-size:var(--ai-font-size-xs);line-height:1.25;color:var(--ai-text-color-muted);hyphens:none;text-wrap:balance;}.ai-heading-h1{font-size:var(--ai-font-size-h1);}.ai-heading-h2{font-size:var(--ai-font-size-h2);}.ai-heading-h3{font-size:var(--ai-font-size-h3);}.ai-heading-h4{font-size:var(--ai-font-size-h4);}.ai-heading-h5{font-size:var(--ai-font-size-h5);}.ai-heading-h6{font-size:var(--ai-font-size-h6);}select.ai-select,select.ai-select--narrow,select.ai-select--wide{max-width:200px;}select.ai-select--narrow{max-width:150px;}select.ai-select--wide{max-width:300px;}.ai-icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(var(--ai-icon-size) + 0.5rem);height:calc(var(--ai-icon-size) + 0.5rem);padding:0.25rem;color:var(--gin-icon-color,var(--ai-text-color-muted));text-decoration:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:var(--ai-icon-size) var(--ai-icon-size);border:1px solid var(--color-gray-200,rgba(0,0,0,0.08));border-radius:var(--gin-border-m,0.5rem);transition:background-color 0.15s var(--gin-easing,cubic-bezier(0.19,1,0.22,1)),border-color 0.15s var(--gin-easing,cubic-bezier(0.19,1,0.22,1));cursor:pointer;}.ai-icon-button:hover{background-color:var(--color-gray-100,rgba(0,0,0,0.06));border-color:var(--color-gray-200,rgba(0,0,0,0.08));}.ai-icon-button:focus{outline:none;}.ai-icon-button:focus-visible{background-color:var(--color-gray-100,rgba(0,0,0,0.06));outline:2px solid var(--gin-color-focus,var(--color-focus,#007dfacc));outline-offset:2px;}.ai-icon-button:active{background-color:var(--color-gray-200,rgba(0,0,0,0.12));border-color:var(--color-gray-300,rgba(0,0,0,0.15));}.ai-icon-button--lg{--ai-icon-size:var(--ai-icon-size-lg);}.ai-icon{display:inline-block;flex-shrink:0;width:var(--ai-icon-size);height:var(--ai-icon-size);background-repeat:no-repeat;background-position:center;background-size:100%;}.ai-icon--lg{--ai-icon-size:var(--ai-icon-size-lg);}.ai-icon--provider{background-image:url(/modules/contrib/ai/assets/icons/plugs.svg);}.ai-icon--model{background-image:url(/modules/contrib/ai/assets/icons/cube.svg);}.ai-icon--external{background-image:url(/modules/contrib/ai/assets/icons/external.svg);}.ai-icon--settings{background-image:url(/modules/contrib/ai/assets/icons/gear.svg);}.ai-icon--supported{background-image:url(/modules/contrib/ai/assets/icons/checkmark-circle.svg);}.ai-icon--not-supported{background-image:url(/modules/contrib/ai/assets/icons/x-circle.svg);}.ai-icon--warning{background-image:url(/modules/contrib/ai/assets/icons/warning.svg);}.ai-icon--option{background-image:url(/modules/contrib/ai/assets/icons/option.svg);}.ai-icon--arrow-left-up{background-image:url(/modules/contrib/ai/assets/icons/arrow-left-up.svg);}.ai-icon--cloud-arrow-down{background-image:url(/modules/contrib/ai/assets/icons/cloud-arrow-down.svg);}.ai-icon--file{background-image:url(/modules/contrib/ai/assets/icons/file.svg);}.ai-icon--trash{background-image:url(/modules/contrib/ai/assets/icons/trash.svg);}.ai-icon--thumbs-up{background-image:url(/modules/contrib/ai/assets/icons/thumbs-up.svg);}.ai-icon--thumbs-down{background-image:url(/modules/contrib/ai/assets/icons/thumbs-down.svg);}.ai-pill{font-size:var(--gin-font-size-xxs,.75rem);font-weight:var(--gin-font-weight-semibold,600);display:inline-block;padding:.125em .75em;vertical-align:.125em;border:1px solid transparent;border-radius:var(--gin-border-l,.75rem);color:var(--messages-fg-color);background:var(--messages-bg-color);text-transform:capitalize;}.ai-pill.light{color:var(--gin-status-text,white);background:var(--gin-status-bg,var(--color-gray-400));}.ai-pill.success{color:var(--gin-status-success-text,var(--messages-fg-color));background-color:var(--gin-status-success-bg,var(--messages--status-color));}.ai-pill.danger{color:var(--gin-status-danger-text,var(--messages-fg-color));background:var(--gin-status-danger-bg,var(--messages--error-color));}.ai-pill.warning{color:var(--gin-status-warning-text,var(--messages-fg-color));background:var(--gin-status-warning-bg,var(--messages--warning-color));}.ai-tooltip{margin:0px;inset:auto;position-area:bottom right;position-try-fallbacks:flip-inline;border:1px solid var(--gin-border-color,var(--color-gray-100,#dbdbdb));padding:var(--gin-spacing-xxs,4px) var(--gin-spacing-xs,8px);color:var(--gin-color-text-light,var(--color-gray-800,#55565b));font-size:var(--font-size-xs);border-radius:var(--gin-border-s,6px);box-shadow:2px 4px 8px var(--gin-color-primary-light,rgba(0,0,0,0.15));max-width:16rem;}
.resize-none{resize:none;}.resize-vertical{min-height:2em;resize:vertical;}.resize-horizontal{max-width:100%;resize:horizontal;}.resize-both{max-width:100%;min-height:2em;resize:both;}
@layer isp.theme-base,isp.tokens,isp.components;@layer isp.components{.activity-completed-badge{display:inline-flex;align-items:center;gap:.35rem;background:#059669;color:#fff;padding:.3rem .85rem;border-radius:1rem;font-size:calc(.875rem * var(--isp-text-scale,1));font-weight:500;margin-bottom:1rem;}.correct-answer-reveal{margin-top:.75rem;padding:.5rem .75rem;background:#f0fdf4;border-left:3px solid #059669;border-radius:0 .375rem .375rem 0;font-size:calc(.9rem * var(--isp-text-scale,1));line-height:1.5;}.correct-answer-word{display:inline-block;background:#059669;color:#fff;padding:0 .35rem;border-radius:.25rem;font-weight:600;}}
.writing-situation{margin-bottom:1rem;}.writing-situation p,.writing-model-answer div p{margin:0 0 0.75rem;line-height:1.6;}.writing-situation p:last-child,.writing-model-answer div p:last-child{margin-bottom:0;}.writing-bullets{margin:0 0 1.5rem 1.25rem;padding:0;}.writing-answer textarea{width:100%;min-height:8rem;}.writing-answer .form-item{margin-bottom:1rem;}.writing-answer .form-type-radio,.writing-answer .form-type-checkbox{display:flex;align-items:flex-start;gap:0.5rem;margin:0.35rem 0;}.writing-answer .form-type-radio input,.writing-answer .form-type-checkbox input{flex:0 0 auto;margin:0.2em 0 0;}.writing-answer .form-type-radio label,.writing-answer .form-type-checkbox label{flex:1 1 auto;cursor:pointer;}.writing-answer fieldset{margin:0 0 1rem;padding:0;border:1px solid var(--ho-border,#e5e7eb);border-radius:var(--ho-radius-md,12px);background:var(--ho-bg-raised,#fff);}.writing-answer fieldset > legend{width:100%;float:none;padding:0.6rem 1rem;font-weight:600;background:var(--ho-bg-sunken,#f4efe6);border-bottom:1px solid var(--ho-border,#e5e7eb);border-radius:var(--ho-radius-md,12px) var(--ho-radius-md,12px) 0 0;}.writing-answer fieldset .fieldset-wrapper{padding:0.5rem 1rem;}.writing-login-cta{font-style:italic;}.writing-feedback-disclaimer{font-size:0.9em;font-style:italic;color:var(--ho-fg-muted,#6b7280);margin-bottom:0.75rem;}.writing-feedback-score{font-weight:600;padding:0.5rem 0.75rem;border-radius:var(--ho-radius-md,12px);display:inline-block;margin-bottom:0.75rem;}.writing-feedback-score.correct-answer{background:rgba(5,150,105,0.08);color:var(--ho-success,#059669);}.writing-feedback-score.wrong-answer{background:rgba(220,38,38,0.06);color:var(--ho-danger,#dc2626);}.writing-feedback-eisen{list-style:none;margin:0 0 1rem;padding:0;}.writing-feedback-eisen li{padding:0.35rem 0;}.writing-feedback-taalfouten,.writing-feedback-sterk,.writing-feedback-advies{margin-bottom:1rem;}.writing-fout{color:var(--ho-danger,#dc2626);text-decoration:line-through;}.writing-correct{color:var(--ho-success,#059669);font-weight:600;}.writing-model-answer{margin-top:1rem;}.writing-feedback-unavailable{color:var(--ho-fg-muted,#6b7280);font-style:italic;}
@layer isp.theme-base,isp.tokens,isp.components;@layer isp.components{.ho-authenticated .oefeningen-page{padding:28px var(--content-px,48px) 48px;}.ho-anonymous .oefeningen-page{padding:0 0 24px;}.oefeningen-filters{display:flex;flex-direction:column;gap:var(--isp-sp-4);background:var(--isp-surface-card);border:1px solid var(--isp-border-soft);border-radius:14px;box-shadow:var(--isp-shadow-card);padding:var(--isp-sp-4) var(--isp-sp-5);margin-bottom:var(--isp-sp-6);}.oefeningen-subnav{display:inline-flex;align-self:flex-start;background:#fff;border:1px solid var(--isp-border);border-radius:var(--isp-radius-pill);padding:3px;gap:2px;}.oefeningen-subnav__tab{display:inline-flex;align-items:center;padding:0.35rem 1rem;border-radius:var(--isp-radius-pill);font-size:calc(0.85rem * var(--isp-text-scale,1));font-weight:600;color:var(--isp-fg-muted);text-decoration:none;transition:background 0.15s,color 0.15s;}.oefeningen-subnav__tab:hover{color:var(--isp-fg);}.oefeningen-subnav__tab.is-active{background:var(--isp-gradient-secondary);box-shadow:var(--isp-glow-secondary),inset 0 1px 0 rgb(255 255 255 / 0.25);color:#fff;}.oefeningen-filters .ho-filters{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;}.oefeningen-count{margin-left:auto;font-size:calc(0.8rem * var(--isp-text-scale,1));color:var(--isp-fg-muted);white-space:nowrap;}.oefeningen-page .views-view-responsive-grid{gap:var(--isp-sp-5);}.oefeningen-page .views-view-responsive-grid__item-inner{height:100%;}.oefeningen-teaser{position:relative;display:flex;flex-direction:column;gap:var(--isp-sp-3);height:100%;box-sizing:border-box;background:var(--isp-surface-card);border:1px solid var(--isp-border-soft);border-radius:14px;box-shadow:var(--isp-shadow-card);padding:var(--isp-sp-5);overflow:hidden;transition:transform var(--isp-dur-2) ease-out,box-shadow var(--isp-dur-2) ease-out,border-color var(--isp-dur-2) ease-out;}.oefeningen-teaser::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--isp-gradient-accent);opacity:0;transition:opacity var(--isp-dur-2) ease-out;}.oefeningen-teaser:hover,.oefeningen-teaser:focus-within{transform:translateY(-2px);box-shadow:var(--isp-shadow-card-hover);border-color:color-mix(in srgb,var(--isp-secondary) 35%,white);}.oefeningen-teaser:hover::before,.oefeningen-teaser:focus-within::before{opacity:1;}@media (prefers-reduced-motion:reduce){.oefeningen-teaser:hover,.oefeningen-teaser:focus-within{transform:none;}}.oefeningen-teaser__link{position:absolute;inset:0;border-radius:inherit;}.oefeningen-teaser__top{display:flex;align-items:center;justify-content:space-between;gap:var(--isp-sp-3);}.oefeningen-teaser__icon{--tile:var(--isp-primary);width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--tile) 18%,white) 0%,#fff 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tile) 18%,white),inset 0 1px 0 rgb(255 255 255 / 0.6);color:color-mix(in srgb,var(--tile) 85%,black);}.oefeningen-teaser--listening-multiple-choice .oefeningen-teaser__icon{--tile:var(--isp-accent-teal);}.oefeningen-teaser--type-in-the-blanks .oefeningen-teaser__icon{--tile:var(--isp-secondary);}.oefeningen-teaser--fill-in-the-blanks .oefeningen-teaser__icon{--tile:var(--isp-warn);color:color-mix(in srgb,var(--isp-warn) 55%,black);}.oefeningen-teaser--speak-the-word .oefeningen-teaser__icon{--tile:var(--isp-danger);}.oefeningen-teaser--explanation .oefeningen-teaser__icon{--tile:var(--isp-success);}.oefeningen-teaser__title{font-size:var(--isp-text-base);font-weight:600;line-height:1.35;letter-spacing:0;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}.oefeningen-teaser__title a{color:var(--isp-fg);text-decoration:none;position:relative;z-index:1;}.oefeningen-teaser:hover .oefeningen-teaser__title a{color:var(--isp-secondary);}.oefeningen-teaser__title a:focus-visible{outline:2px solid var(--isp-border-focus);outline-offset:2px;border-radius:2px;}.oefeningen-teaser__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--isp-sp-1) var(--isp-sp-4);margin:auto 0 0;font-size:var(--isp-text-sm);color:var(--isp-fg-muted);}.oefeningen-teaser__examen{display:inline-flex;align-items:center;gap:6px;}.oefeningen-teaser__examen::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--isp-success);}.oefeningen-empty{display:flex;flex-direction:column;align-items:center;gap:0.6rem;text-align:center;color:var(--isp-fg-muted);padding:3.5rem 1rem;border:1px dashed var(--isp-border);border-radius:12px;}.oefeningen-empty p{margin:0;font-size:calc(0.95rem * var(--isp-text-scale,1));}.oefeningen-empty__reset{display:inline-flex;align-items:center;padding:0.4rem 1rem;border-radius:var(--isp-radius-pill);background:var(--isp-primary-50);color:var(--isp-primary-strong);font-size:calc(0.85rem * var(--isp-text-scale,1));font-weight:600;text-decoration:none;transition:background 0.15s;}.oefeningen-empty__reset:hover{background:var(--isp-primary-soft);}.oefeningen-activity-page{width:100%;box-sizing:border-box;}.ho-anonymous .oefeningen-activity-page{max-width:var(--isp-container-narrow);margin-inline:auto;padding:24px 20px 64px;}.ho-authenticated .oefeningen-activity-page{padding:28px var(--content-px,48px) 48px;}.ho-authenticated .oefeningen-activity-page > *{max-width:var(--isp-container-narrow);}.oefeningen-breadcrumb{margin-bottom:0.75rem;}.oefeningen-breadcrumb a{color:var(--isp-fg-muted);text-decoration:none;font-size:calc(0.85rem * var(--isp-text-scale,1));transition:color 0.15s;}.oefeningen-breadcrumb a:hover{color:var(--isp-fg);}.ho-authenticated .oefeningen-activity-meta{display:none;}.oefeningen-activity-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem;margin-bottom:1rem;}.oefeningen-meta-badge{display:inline-block;font-size:calc(0.75rem * var(--isp-text-scale,1));font-weight:500;border-radius:var(--isp-radius-pill);padding:0.2rem 0.7rem;}.oefeningen-meta-badge--skill{color:var(--isp-secondary);background:var(--isp-secondary-50);}.oefeningen-meta-badge--cefr{color:var(--isp-primary-strong);background:var(--isp-primary-50);}.oefeningen-meta-badge--topic{color:var(--isp-fg-muted);background:var(--isp-bg-sunken);}.oefeningen-form-wrapper{background:#ffffff;border:1px solid var(--isp-border);border-radius:12px;padding:28px;box-shadow:0 1px 4px rgba(0,0,0,0.06);margin-bottom:1.25rem;}.oefeningen-form-wrapper .type-blank-input{min-width:130px;min-height:38px;font-size:calc(1rem * var(--isp-text-scale,1));padding:0.35rem 0.7rem;vertical-align:middle;border:1.5px solid var(--isp-border);border-radius:6px;background:#fff;transition:border-color 0.15s;}.oefeningen-form-wrapper .type-blank-input:focus{outline:none;border-color:var(--isp-primary-400);box-shadow:0 0 0 3px rgba(242,107,31,0.15);}.oefeningen-form-wrapper input[type="text"]:not(.type-blank-input),.oefeningen-form-wrapper input[type="search"]{min-height:42px;font-size:calc(1rem * var(--isp-text-scale,1));padding:0.4rem 0.75rem;border-radius:6px;border:1.5px solid var(--isp-border);width:100%;box-sizing:border-box;}.oefeningen-after-nav{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem 1rem;padding-top:0.25rem;}.oefeningen-nav-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 1.1rem;border-radius:8px;text-decoration:none;font-size:calc(0.9rem * var(--isp-text-scale,1));font-weight:500;transition:background 0.15s,box-shadow 0.15s;}.oefeningen-nav-btn--next{background:var(--isp-primary);color:#fff;}.oefeningen-nav-btn--next:hover{background:var(--isp-primary-hover);box-shadow:0 2px 8px rgba(242,107,31,0.3);color:#fff;}.oefeningen-nav-btn--back{color:var(--isp-fg-muted);background:transparent;}.oefeningen-nav-btn--back:hover{background:var(--isp-bg-sunken);color:var(--isp-fg);}@media (max-width:1100px){.ho-authenticated .oefeningen-page,.ho-authenticated .oefeningen-activity-page{padding-left:36px;padding-right:36px;}}@media (max-width:768px){.ho-authenticated .oefeningen-page,.ho-authenticated .oefeningen-activity-page{padding:20px 18px 40px;}}@media (max-width:640px){.oefeningen-filters{padding:0.85rem;}.oefeningen-count{width:100%;margin-left:0;}.oefeningen-form-wrapper{padding:18px 16px;box-shadow:none;border-radius:8px;}.oefeningen-form-wrapper .type-blank-input{min-height:46px;font-size:calc(1rem * var(--isp-text-scale,1));}.oefeningen-after-nav{flex-direction:column;}.oefeningen-nav-btn{width:100%;justify-content:center;min-height:48px;}}}