/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.views-view-responsive-grid{--views-responsive-grid--layout-gap:10px;--views-responsive-grid--column-count:4;--views-responsive-grid--cell-min-width:100px;}.views-view-responsive-grid--horizontal{--views-responsive-grid--gap-count:calc(var(--views-responsive-grid--column-count) - 1);--views-responsive-grid--total-gap-width:calc(var(--views-responsive-grid--gap-count) * var(--views-responsive-grid--layout-gap));--views-responsive-grid-item--max-width:calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));--views-responsive-grid-item--calculated-min-width:min(100%,var(--views-responsive-grid--cell-min-width));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--views-responsive-grid-item--calculated-min-width),var(--views-responsive-grid-item--max-width)),1fr));gap:var(--views-responsive-grid--layout-gap);}.views-view-responsive-grid--vertical{margin-bottom:calc(var(--views-responsive-grid--layout-gap) * -1);column-width:var(--views-responsive-grid--cell-min-width);column-count:var(--views-responsive-grid--column-count);column-gap:var(--views-responsive-grid--layout-gap);}.views-view-responsive-grid--vertical .views-view-responsive-grid__item > *{padding-bottom:var(--views-responsive-grid--layout-gap);page-break-inside:avoid;break-inside:avoid;}
.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;}
.views-align-left{text-align:left;}.views-align-right{text-align:right;}.views-align-center{text-align:center;}.views-view-grid .views-col{float:left;}.views-view-grid .views-row{float:left;clear:both;width:100%;}.views-display-link + .views-display-link{margin-left:0.5em;}
.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:0.9rem;background:var(--ho-bg-sunken,#f5f4f1);border-radius:12px;padding:1rem 1.1rem;margin-bottom:1.5rem;}.oefeningen-subnav{display:inline-flex;align-self:flex-start;background:#fff;border:1px solid var(--ho-border,#e5e7eb);border-radius:var(--ho-radius-pill,999px);padding:3px;gap:2px;}.oefeningen-subnav__tab{display:inline-flex;align-items:center;padding:0.35rem 1rem;border-radius:var(--ho-radius-pill,999px);font-size:0.85rem;font-weight:600;color:var(--ho-fg-muted,#6b7280);text-decoration:none;transition:background 0.15s,color 0.15s;}.oefeningen-subnav__tab:hover{color:var(--ho-fg,#1c1a14);}.oefeningen-subnav__tab.is-active{background:var(--ho-orange-500,#F26B1F);color:#fff;}.oefeningen-filters .ho-filters{background:none;border-radius:0;padding:0;margin:0;}.oefeningen-count{margin-left:auto;font-size:0.8rem;color:var(--ho-fg-muted,#6b7280);white-space:nowrap;}.oefeningen-page .views-view-responsive-grid{gap:16px;}.oefeningen-teaser{position:relative;display:flex;align-items:center;gap:0.9rem;height:100%;box-sizing:border-box;background:#ffffff;border:1px solid var(--ho-border,#e5e7eb);border-radius:12px;padding:0.9rem 1rem;transition:transform 0.18s,box-shadow 0.18s,border-color 0.18s;}.oefeningen-teaser:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px rgba(28,26,20,0.18);border-color:var(--ho-orange-400,#FF8838);}.oefeningen-teaser__link{position:absolute;inset:0;border-radius:12px;}.oefeningen-teaser__icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--ho-orange-50,#FFF4EC);color:var(--ho-orange-600,#D9540F);}.oefeningen-teaser--listening-multiple-choice .oefeningen-teaser__icon{background:color-mix(in srgb,var(--ho-canal,#5BA3A8) 14%,white);color:color-mix(in srgb,var(--ho-canal,#5BA3A8) 80%,black);}.oefeningen-teaser--type-in-the-blanks .oefeningen-teaser__icon{background:color-mix(in srgb,var(--ho-delft-500,#1F4FA0) 10%,white);color:var(--ho-delft-500,#1F4FA0);}.oefeningen-teaser--fill-in-the-blanks .oefeningen-teaser__icon{background:color-mix(in srgb,var(--ho-stroop,#F2C14E) 18%,white);color:color-mix(in srgb,var(--ho-stroop,#F2C14E) 55%,black);}.oefeningen-teaser--speak-the-word .oefeningen-teaser__icon{background:color-mix(in srgb,var(--ho-tulip,#E63946) 10%,white);color:color-mix(in srgb,var(--ho-tulip,#E63946) 85%,black);}.oefeningen-teaser--explanation .oefeningen-teaser__icon{background:color-mix(in srgb,var(--ho-grass,#4F8B3B) 12%,white);color:var(--ho-grass,#4F8B3B);}.oefeningen-teaser__body{flex:1;min-width:0;}.oefeningen-teaser__title{font-size:0.95rem;font-weight:600;margin:0 0 0.35rem;line-height:1.35;}.oefeningen-teaser__title a{color:var(--ho-ink-700,#1C1A14);text-decoration:none;position:relative;z-index:1;}.oefeningen-teaser__title a:hover{color:var(--ho-orange-600,#D9540F);}.oefeningen-teaser__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;}.oefeningen-teaser__skill,.oefeningen-teaser__cefr,.oefeningen-teaser__examen{display:inline-block;font-size:0.7rem;font-weight:500;border-radius:var(--ho-radius-pill,999px);padding:0.14rem 0.55rem;position:relative;z-index:1;white-space:nowrap;}.oefeningen-teaser__skill{color:var(--ho-delft-500,#1F4FA0);background:var(--ho-delft-50,#EEF3FB);}.oefeningen-teaser__cefr{color:var(--ho-orange-700,#B84A0E);background:var(--ho-orange-50,#FFF4EC);}.oefeningen-teaser__examen{color:var(--ho-grass,#4F8B3B);background:color-mix(in srgb,var(--ho-grass,#4F8B3B) 10%,white);}.oefeningen-teaser__cta{flex-shrink:0;align-self:center;font-size:0.82rem;font-weight:600;color:var(--ho-orange-600,#D9540F);position:relative;z-index:1;white-space:nowrap;}.oefeningen-teaser:hover .oefeningen-teaser__cta{text-decoration:underline;}.ho-anonymous .oefeningen-page .pager{margin:2rem 0 1rem;}.ho-anonymous .oefeningen-page .pager__items{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0;}.ho-anonymous .oefeningen-page .pager__item a,.ho-anonymous .oefeningen-page .pager__item.is-active > *{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;font-size:0.85rem;font-weight:500;color:var(--ho-orange-600,#D9540F);text-decoration:none;background:transparent;border:1px solid transparent;transition:background 0.15s,border-color 0.15s,color 0.15s;}.ho-anonymous .oefeningen-page .pager__item a:hover{background:var(--ho-orange-50,#FFF4EC);border-color:var(--ho-orange-300,#FFB27A);}.ho-anonymous .oefeningen-page .pager__item.is-active > *{background:var(--ho-orange-500,#F26B1F);color:#fff;}.oefeningen-empty{display:flex;flex-direction:column;align-items:center;gap:0.6rem;text-align:center;color:var(--ho-fg-muted,#6b7280);padding:3.5rem 1rem;border:1px dashed var(--ho-border,#e5e7eb);border-radius:12px;}.oefeningen-empty p{margin:0;font-size:0.95rem;}.oefeningen-empty__reset{display:inline-flex;align-items:center;padding:0.4rem 1rem;border-radius:var(--ho-radius-pill,999px);background:var(--ho-orange-50,#FFF4EC);color:var(--ho-orange-700,#B84A0E);font-size:0.85rem;font-weight:600;text-decoration:none;transition:background 0.15s;}.oefeningen-empty__reset:hover{background:var(--ho-orange-100,#FFE4CF);}.oefeningen-activity-page{width:100%;box-sizing:border-box;}.ho-anonymous .oefeningen-activity-page{max-width:var(--ho-container-narrow,840px);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(--ho-container-narrow,840px);}.oefeningen-breadcrumb{margin-bottom:0.75rem;}.oefeningen-breadcrumb a{color:var(--ho-fg-muted,#6b7280);text-decoration:none;font-size:0.85rem;transition:color 0.15s;}.oefeningen-breadcrumb a:hover{color:var(--ho-fg,#1c1a14);}.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:0.75rem;font-weight:500;border-radius:var(--ho-radius-pill,999px);padding:0.2rem 0.7rem;}.oefeningen-meta-badge--skill{color:var(--ho-delft-500,#1F4FA0);background:var(--ho-delft-50,#EEF3FB);}.oefeningen-meta-badge--cefr{color:var(--ho-orange-700,#B84A0E);background:var(--ho-orange-50,#FFF4EC);}.oefeningen-meta-badge--topic{color:var(--ho-fg-muted,#6b7280);background:var(--ho-bg-sunken,#f5f4f1);}.oefeningen-form-wrapper{background:#ffffff;border:1px solid var(--ho-border,#e5e7eb);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:1rem;padding:0.35rem 0.7rem;vertical-align:middle;border:1.5px solid var(--ho-border,#e5e7eb);border-radius:6px;background:#fff;transition:border-color 0.15s;}.oefeningen-form-wrapper .type-blank-input:focus{outline:none;border-color:var(--ho-orange-400,#FF8838);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:1rem;padding:0.4rem 0.75rem;border-radius:6px;border:1.5px solid var(--ho-border,#e5e7eb);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:0.9rem;font-weight:500;transition:background 0.15s,box-shadow 0.15s;}.oefeningen-nav-btn--next{background:var(--ho-orange-500,#F26B1F);color:#fff;}.oefeningen-nav-btn--next:hover{background:var(--ho-orange-600,#D9540F);box-shadow:0 2px 8px rgba(242,107,31,0.3);color:#fff;}.oefeningen-nav-btn--back{color:var(--ho-fg-muted,#6b7280);background:transparent;}.oefeningen-nav-btn--back:hover{background:var(--ho-bg-sunken,#f5f4f1);color:var(--ho-fg,#1c1a14);}@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-teaser__cta{display:none;}.oefeningen-form-wrapper{padding:18px 16px;box-shadow:none;border-radius:8px;}.oefeningen-form-wrapper .type-blank-input{min-height:46px;font-size:1rem;}.oefeningen-after-nav{flex-direction:column;}.oefeningen-nav-btn{width:100%;justify-content:center;min-height:48px;}}