.mini-preview #points{display:none}.mini-preview #account-status{color:#5b624f;text-align:center}.mini-preview main{background-image:none}.mini-preview .reading{width:100%;max-width:850px}.mini-preview .mini-reading{max-width:850px}.mini-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center;padding:65px 0}.mini-intro h1{font-size:clamp(40px,4.4vw,65px)}.mini-intro .standfirst{font-size:19px;line-height:1.65;margin-top:24px}.mini-scope{font-size:12px;color:var(--muted);margin-top:24px}.mini-intro figure{margin:0}.mini-intro img{width:100%;height:330px;display:block;object-fit:cover}.mini-intro figcaption{font-size:10px;color:var(--muted);padding-top:10px}.mini-summary{display:grid;grid-template-columns:1fr .7fr 1.3fr;border:1px solid var(--line);background:#edf1e7;margin-bottom:38px}.mini-summary>div{padding:24px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.mini-summary>div:last-child{border:0}.mini-summary strong{font:26px Georgia,serif}.mini-summary span{font-size:11px;color:var(--muted)}.mini-summary .back{margin:0;text-align:left;font-size:11px}.mini-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:40px}.mini-card{border:1px solid var(--line);background:#fffdf8;display:flex;flex-direction:column;min-width:0}.mini-card-top{position:relative;display:grid;place-items:center;min-height:190px;background:#f4f4e9}.mini-card-top .eyebrow{position:absolute;left:20px;top:16px;font-size:8px}.mini-art{width:150px;aspect-ratio:1;background:url('assets/wijn-quiz-illustraties-transparant.png') var(--mini-x) var(--mini-y)/400% 400% no-repeat}.mini-card-copy{padding:27px;display:flex;flex-direction:column;flex:1}.mini-card h2{font-size:31px}.mini-card-copy>p{margin-top:15px;font-size:14px;line-height:1.75;color:var(--muted)}.mini-meta{font-size:11px;margin-top:18px}.mini-card .chapter-progress{margin-top:18px;min-width:0}.mini-card .chapter-progress>span{font-size:10px}.mini-card .mini-status{font-size:11px;line-height:1.8;margin-bottom:24px}.mini-card .primary,.mini-planned{margin-top:auto}.mini-planned{font-size:10px;color:#6a7161;border-top:1px solid var(--line);padding-top:14px;line-height:1.7}.mini-lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0 40px}.mini-lesson-list .lesson-card{width:100%;min-width:0}.mini-lesson-art{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:25px}.mini-lesson-art .mini-art{flex-shrink:0}.mini-lesson-art p{font:23px/1.4 Georgia,serif;color:var(--muted)}.mini-preview .prose p{font:17px/1.9 Georgia,serif;margin:0 0 24px}.mini-exercise{margin-top:45px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:24px}.mini-exercise h2{font-size:29px;line-height:1.3}.mini-exercise-nav{display:flex;gap:10px;margin-top:15px}.mini-exercise-nav .secondary{min-width:50px;margin:0}.mini-exercise .feedback{margin-top:22px}.mini-selects{display:grid;gap:16px;margin:25px 0}.mini-selects .mini-select-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:16px;font-size:14px}.mini-selects select{width:100%;min-height:48px;padding:10px;border:1px solid #acb6a0;background:#fffdf8;color:var(--ink);font:inherit}.mini-selects select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mini-selects select:disabled{opacity:1;color:#354b37}.mini-recap ul{padding-left:20px;font-size:15px;line-height:1.8}.mini-recap li+li{margin-top:10px}.mini-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:30px}.mini-actions .back{margin:0}.mini-counter{font-size:13px;margin-top:12px}.mini-preview .result aside{text-align:left}.mini-definitions dt{font:25px Georgia,serif;margin-top:28px}.mini-definitions dd{margin:10px 0 24px;font-size:15px;line-height:1.8}
@media(max-width:1000px){.mini-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-intro{gap:35px}.mini-intro img{height:300px}.mini-summary>div{padding:20px}.mini-summary strong{font-size:23px}}
@media(max-width:650px){.mini-intro{grid-template-columns:1fr;padding:38px 0;gap:28px}.mini-intro h1{font-size:43px}.mini-intro img{height:230px}.mini-summary{grid-template-columns:1fr}.mini-summary>div{border-right:0;border-bottom:1px solid var(--line);padding:20px 24px}.mini-courses,.mini-lesson-list{grid-template-columns:1fr}.mini-card-top{min-height:180px}.mini-card-copy{padding:25px}.mini-lesson-art{gap:18px}.mini-lesson-art .mini-art{width:110px}.mini-lesson-art p{font-size:20px}.mini-selects .mini-select-row{grid-template-columns:1fr;gap:7px}.mini-preview .reading{padding:26px 20px}.mini-preview .reading h1{font-size:37px}.mini-exercise h2{font-size:27px}.mini-preview .prose p{font-size:17px}.mini-preview .challenge{padding:28px 24px}}
/* Verplaatsen in plaats van keuzelijsten; dezelfde rustige kaartstijl. */
.mini-sort-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}.mini-sort-row{display:grid;grid-template-columns:38px 22px minmax(0,1fr) 88px;align-items:center;gap:9px;padding:12px;background:#fffdf8;border:1px solid #cbd5c0;min-height:70px}.mini-sort-row.is-dragging{background:#e4eddf;border-color:#637e59;box-shadow:0 8px 22px #173c2f25;position:relative;z-index:2}.mini-sort-handle{touch-action:none;cursor:grab;border:0;background:none;color:#526b49;font-size:27px;min-height:44px;min-width:36px;padding:0}.mini-sort-handle:active{cursor:grabbing}.mini-sort-number{color:#977b50;font-size:12px}.mini-sort-label{font:19px/1.3 Georgia,serif;overflow-wrap:anywhere}.mini-sort-buttons{display:flex;gap:3px}.mini-sort-buttons button{border:1px solid #d0d8c6;background:#f1f4e9;color:#38513a;min-height:44px;min-width:42px;font-size:19px}.mini-sort-buttons button:disabled{opacity:.3}.mini-sort-handle:disabled{cursor:default}.mini-match-bank{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.mini-match-token{padding:13px 17px;min-height:48px;touch-action:none;cursor:grab;background:#e8efdf;border:1px solid #a4b294;color:#233d2c;font:14px/1.4 Arial,sans-serif}.mini-match-token[aria-pressed="true"]{background:#244b38;color:#fffaf0;border-color:#244b38}.mini-match-token.is-placed{border-style:dashed}.mini-match-token.is-dragging{opacity:.4}.mini-match-targets{display:grid;gap:12px;margin-bottom:20px}.mini-match-row{display:grid;grid-template-columns:125px minmax(0,1fr);gap:18px;align-items:center}.mini-match-prompt{font:20px/1.3 Georgia,serif}.mini-match-target{min-height:58px;padding:14px 18px;text-align:left;border:1px dashed #9ba98b;background:#f2f5eb;color:#626d58;font:14px/1.5 Arial,sans-serif}.mini-match-target.has-card{border-style:solid;background:#e8efdf;color:#233d2c}.mini-match-target.is-drop-target{outline:3px solid #ba8259;outline-offset:2px}.mini-match-target:disabled,.mini-match-token:disabled{opacity:1;cursor:default}.mini-drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);padding:14px 20px;background:#244b38;color:#fffaf0;box-shadow:0 8px 25px #173c2f30;font:15px Arial,sans-serif;border:1px solid #93a27e;border-radius:2px;white-space:nowrap}.mini-sort-row button:focus-visible,.mini-match-target:focus-visible,.mini-match-token:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:650px){.mini-sort-row{grid-template-columns:30px 16px minmax(0,1fr) 80px;gap:6px;padding:10px 8px}.mini-sort-label{font-size:18px}.mini-sort-buttons button{min-width:38px}.mini-match-row{grid-template-columns:1fr;gap:7px}.mini-match-token{font-size:13px;padding:12px}.mini-match-target{min-height:55px}}
.mini-awards{padding:35px 0}.mini-awards .secondary{margin:0 10px 10px 0}.mini-map{margin:28px 0;background:#edf1e5;padding:22px;border:1px solid #cdd8c3}.mini-map figcaption{font:14px/1.6 Arial,sans-serif;color:#46603d}.mini-map svg{display:block;width:100%;height:auto;margin:16px 0}.mini-map ol{display:grid;grid-template-columns:1fr 1fr;gap:7px 30px;padding-left:22px;font:14px/1.5 Arial,sans-serif}.mini-map li{padding-left:2px}.mini-exercise .question-heading .mini-art{flex:0 0 90px;width:90px;height:90px}.progress-level details{margin-top:20px}.progress-level details ul{padding-left:20px}.steps{flex-wrap:wrap}@media(max-width:650px){.mini-map{padding:14px;margin:22px 0}.mini-map ol{grid-template-columns:1fr}.mini-exercise .question-heading .mini-art{flex-basis:65px;width:65px;height:65px}.mini-awards .secondary{width:100%;text-align:left}.certificate-banner{flex-wrap:wrap}}
.mini-country-maps{margin:32px 0}.mini-country-maps>h2{font-size:28px}.mini-country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mini-country-grid.one{grid-template-columns:1fr}.mini-country-card{margin:0;background:#edf1e5;padding:20px;border:1px solid #cdd8c3;min-width:0}.mini-country-card h3{font:24px/1.3 Georgia,serif;margin:0 0 12px}.mini-country-card img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain}.mini-country-card ol{font:14px/1.6 Arial,sans-serif;padding-left:22px;margin:14px 0 0}.mini-map-credit{font:11px/1.5 Arial,sans-serif;color:#66745e}@media(max-width:650px){.mini-country-grid{grid-template-columns:1fr}.mini-country-card{padding:16px}.mini-country-card img{max-height:310px}}
/* De fles toont beantwoorde vragen per minicursus, onafhankelijk van de score. */
.mini-bottle-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:start}.mini-bottle-content{min-width:0}.mini-bottle-content .reading{width:100%;margin-left:0;margin-right:0}.mini-bottle-layout .course-bottle{top:24px}.mini-bottle-layout .wine-bottle{width:146px}.bottle-course-title{font:13px/1.5 Georgia,serif;color:#52624e;margin:10px 0 0}@media(max-width:1000px) and (min-width:761px){.mini-bottle-layout{grid-template-columns:minmax(0,1fr) 160px;gap:18px}.mini-bottle-layout .wine-bottle{width:132px}.mini-bottle-layout .mini-lesson-list{grid-template-columns:1fr}}@media(max-width:760px){.mini-bottle-layout{grid-template-columns:1fr;gap:0}.mini-bottle-layout .course-bottle{grid-row:1}.mini-bottle-layout .wine-bottle{width:70px}.mini-bottle-layout .bottle-copy>strong{font-size:21px}.mini-bottle-layout .bottle-course-title{font-size:12px;margin-top:7px}}

/* Keep iOS text selection/callouts from taking over an answer-card drag. */
.mini-match-token,.mini-sort-handle{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mini-drag-ghost{max-width:min(280px,calc(100vw - 32px));box-sizing:border-box;white-space:normal}

.mini-glossary-group{margin:36px 0}.mini-glossary-group h2{font-size:clamp(25px,3vw,34px)}.mini-term-lesson{display:block;margin-top:8px;font-size:.8rem;line-height:1.5;text-align:left}.mini-glossary-group dd{margin-bottom:24px}

.mini-review-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.mini-review-link{width:100%;min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;border:1px solid #a5b49a;background:#f7f8f0;color:#244b38;font:18px/1.4 Georgia,serif;text-align:left;cursor:pointer;touch-action:manipulation}.mini-review-link:hover{background:#e3ecd9}.mini-review-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mini-result-return{display:block;margin-bottom:18px;font-weight:bold}

.mini-start{margin-top:24px;min-height:58px;padding:17px 32px;font-size:16px}

/* Eigen sfeerbeelden: meer beeld bij de les, een rustige strook bij vragen. */
.mini-photo{position:relative;isolation:isolate;height:132px;overflow:hidden;margin:0 0 26px;background:#172420}
.mini-photo img{display:block;width:100%;height:100%;object-fit:cover}
.mini-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07120f99,transparent 85%);pointer-events:none}
.mini-photo figcaption{position:absolute;z-index:1;bottom:12px;left:22px;right:16px;color:#fff8e8;font-size:9px;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase;text-shadow:0 1px 6px #0008}
.mini-photo-compact{height:88px;margin-bottom:22px}
main .reading.mini-photo-reading{padding-top:0}
.mini-photo-reading>.mini-photo{margin-left:calc(-1 * clamp(20px,3vw,38px));margin-right:calc(-1 * clamp(20px,3vw,38px))}
.mini-exercise>.mini-photo{margin-top:0}
@media(max-width:760px){.mini-photo{height:96px;margin-bottom:20px}.mini-photo-compact{height:64px}.mini-photo figcaption{font-size:8px;letter-spacing:1.1px;left:18px;bottom:9px}.mini-photo-reading>.mini-photo{margin-left:-18px;margin-right:-18px}}

/* Telefoonbediening: ruimte voor labels, duidelijke tikdoelen en compacter begin. */
@media(max-width:760px){
 .mini-preview header{gap:12px;padding:16px 5%;min-height:0}
 .mini-preview header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:0;margin:0;order:3}
 .mini-preview header nav button,.mini-preview header nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:10px 8px;font-size:11px;letter-spacing:.7px;line-height:1.4;text-align:center;white-space:normal}
 .mini-preview header .account-button{font-size:10px;min-height:44px;padding:8px 5px}
 .mini-preview .mini-intro{padding:26px 0;gap:22px}.mini-preview .mini-intro h1{font-size:clamp(34px,9.5vw,42px)}
 .mini-preview .mini-intro .standfirst{font-size:17px;line-height:1.6;margin-top:20px}.mini-preview .mini-scope{margin-top:18px}
 .mini-preview .mini-intro img{height:190px}.mini-preview .mini-intro .primary{margin-top:20px}
 .mini-preview .primary,.mini-preview .secondary,.mini-preview .back,.mini-preview .mini-choice{min-height:44px;font-size:12px}
 .mini-preview .mini-answer-form input,.mini-preview .mini-answer-form select,.mini-preview .search input{font-size:16px;min-height:44px}
 .mini-preview .mini-sort-arrows button{min-height:44px;min-width:36px}
 .mini-preview .mini-exercise-nav{flex-wrap:wrap}.mini-preview .mini-exercise-nav button{min-width:44px}
}
@media(max-width:760px){.mini-preview .mini-sort-buttons button{min-height:44px;min-width:36px}.mini-preview header .brand{min-width:0}.mini-preview .header-account{flex-shrink:0}}
@media(max-width:760px){
 .mini-preview header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}
 .mini-preview header .brand{grid-column:1;grid-row:1;font-size:clamp(18px,6vw,25px)}
 .mini-preview header .brand span{white-space:normal;line-height:1.5;letter-spacing:.7px}
 .mini-preview header .header-account{grid-column:2;grid-row:1;margin:0;gap:6px}
 .mini-preview header nav{grid-column:1/-1;grid-row:2}
}