/* Toolkit layout: quiet navigation and a useful, accessible download library. */
.toolkit { background:var(--paper); }
.toolkit [hidden] { display:none!important; }
.toolkit .site-head { border-bottom:1px solid #004b361c; }
.toolkit .nav a { font-size:14px;padding:10px 12px; }
.toolkit .section { padding-block:48px; }
.toolkit .section--tight { padding-block:34px; }
.toolkit .eyebrow { display:block;font:700 12px/1.5 var(--font-sans);letter-spacing:.09em;text-transform:uppercase;margin-bottom:16px; }
.toolkit .page-hero { padding-block:52px;min-height:0;border-radius:0 0 24px 24px; }
.toolkit .page-hero .q { font-size:clamp(38px,5vw,68px);max-width:900px; }
.toolkit .page-hero .sub { font-size:18px;max-width:780px; }
.toolkit .page-hero .orn { max-height:220px;max-width:22%; }
.toolkit .page-hero.q .q { max-width:75%; }
.toolkit .page-hero .w { animation:none; }
.toolkit .reveal { opacity:1;transform:none; }
.toolkit .site-foot { margin-top:36px;padding-block:42px; }
.toolkit .site-foot h2 { font-size:25px; }
.toolkit .site-foot .brand--foot { margin-bottom:28px; }
.toolkit .site-foot .fine { margin-top:32px; }
.toolkit .sec-head h2 { font-size:clamp(30px,3vw,42px); }
.toolkit .sec-head { margin-bottom:24px; }
.toolkit-home { background:var(--green);color:var(--paper);padding:52px 0 48px;border-radius:0 0 30px 30px; }
.home-layout { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:56px;align-items:center; }
.home-intro { min-width:0; }
.home-brand { position:relative;display:flex;align-items:center;gap:22px;margin-bottom:26px; }
.toolkit .home-brand .vb-title { font-size:clamp(48px,6vw,88px);line-height:.83;width:70%;max-width:none;flex:none; }
.toolkit .home-brand .vb-title .l1 { font-size:.38em; }
.toolkit .home-brand .vb-title .l2 { font-size:1em; }
.toolkit .home-brand .vb-title .l3 { font-size:1em; }
.home-book { width:24%;max-height:240px;object-fit:contain;transform:rotate(5deg);filter:drop-shadow(0 12px 14px #001c2855); }
.home-intro p { max-width:570px; }
.home-intro .home-lead { font-weight:700;font-size:25px;margin-bottom:12px; }
.home-intro .text-link { color:var(--purple); }
.text-link { display:inline-block;font-weight:700;text-decoration:none; }
.home-library { background:var(--paper);color:var(--green);padding:30px;border-radius:20px; }
.home-library h2 { font-size:42px; }
.home-library p { font-size:16px; }
.home-library .text-link { display:block;font-size:14px;margin-top:18px; }
.home-preview { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0; }
.home-preview img { width:100%;aspect-ratio:4/4.5;object-fit:cover;object-position:center 30%;border-radius:8px; }
.toolkit-summary { display:flex;align-items:center;gap:32px;padding-block:26px;border-bottom:1px solid #004b3622;color:var(--green);font-size:14px; }
.toolkit-summary b { font-size:24px;margin-right:5px; }
.toolkit-summary a { margin-left:auto;font-size:13px; }
.toolkit .fan { margin-top:28px; }
.toolkit .fan-stage { min-height:390px; }
.toolkit .cascade { display:none; }
/* All chapter portraits fill the same rounded frame, including older photo assets. */
.toolkit .card-fig img.f { object-fit:cover;object-position:center 25%; }
.toolkit .chapter-pics { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px; }
.chapter-pics img { width:100%;height:240px;object-fit:cover;object-position:center 25%;border-radius:12px; }
.library-header { padding:52px 0 20px;background:var(--paper); }
.library-header h1 { font-size:clamp(48px,6vw,78px);margin-bottom:20px; }
.library-header p { max-width:710px;font-size:19px; }
.subnav { display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px; }
.subnav a { padding:10px 18px;border:1px solid #004b3633;border-radius:99px;font-size:14px;font-weight:700;text-decoration:none; }
.subnav a:hover,.subnav a[aria-current] { background:var(--green);color:var(--paper); }
.library-filters { display:grid;grid-template-columns:1.35fr .85fr 1.35fr auto;gap:16px;align-items:end;padding:22px;background:#e8e4df;border-radius:16px; }
.library-filters>div { min-width:0; }
.library-filters label { display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:var(--green); }
.library-filters input,.library-filters select { width:100%;min-width:0;padding:13px 12px;border:1px solid #004b3635;border-radius:8px;background:#fff;color:var(--green);font:inherit;font-size:14px;height:48px; }
.library-filters .btn { height:48px;padding:12px;font-size:13px; }
#media-count { font-size:14px;font-weight:700;margin:20px 0 8px;color:var(--green); }
.library-help { font-size:13px;max-width:780px;color:#555; }
.topic-material { border-top:1px solid #004b3630;margin-top:48px;padding-top:32px;scroll-margin-top:100px; }
.topic-heading { display:flex;gap:24px;justify-content:space-between;align-items:end;margin-bottom:28px; }
.topic-heading h2 { font-size:clamp(28px,3vw,40px);max-width:820px; }
.topic-heading>a { flex:none;font-size:13px;font-weight:700;margin-bottom:4px; }
.topic-heading .eyebrow { margin-bottom:8px; }
.person-downloads { background:#fff;padding:24px;border-radius:16px;margin-bottom:18px; }
.person-download-head { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px; }
.person-download-head .eyebrow { margin-bottom:6px;font-size:11px; }
.person-download-head h3 { font-family:var(--font-sans);font-size:20px;text-transform:none;line-height:1.2; }
.download-actions { display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:700; }
.person-media { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.9fr);gap:16px; }
.download-tile { margin:0;min-width:0; }
.download-preview { display:block;background:#eee9e5;border-radius:10px;overflow:hidden; }
.person-media .download-preview { aspect-ratio:3/4;display:flex;align-items:center; }
.download-preview img { width:100%;height:auto; }
.portrait-tile .download-preview img { height:100%;object-fit:cover;object-position:center 25%; }
.person-media .download-tile:not(.portrait-tile) .download-preview { background:var(--green); }
.download-tile figcaption { padding-top:12px;font-size:12px;display:flex;flex-direction:column;gap:7px; }
.download-tile figcaption>a { font-weight:700;align-self:start; }
.download-tile figcaption>span { color:#555; }
.download-preview:hover { box-shadow:0 0 0 3px var(--purple); }
.general-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px; }
.general-grid .download-preview { height:330px;background:#fff; }
.general-grid img { height:100%;object-fit:contain;padding:20px; }
.library-subtitle { margin:36px 0 16px;font-size:28px; }
.signature-grid { display:grid;grid-template-columns:1fr 1fr;gap:28px; }
.signature-grid .download-preview { background:#fff;padding:16px; }
.download-line { margin:20px 0; }
.material-note { border:1px solid #004b3630;border-radius:16px;padding:28px;margin-top:40px; }
.material-note h2,.material-note h3 { font-size:28px;margin-bottom:16px; }
.material-note p { max-width:840px; }
.library-empty { padding:60px 20px;text-align:center; }
.library-empty h2 { margin-bottom:20px; }
.partner-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }
.partner-download { border:1px solid #004b3620;border-radius:16px;padding:24px;background:#fff;min-width:0; }
.partner-preview { height:115px;display:flex;align-items:center;justify-content:center;margin-bottom:24px; }
.partner-preview img { max-width:85%;max-height:100%;object-fit:contain; }
.partner-download h3 { font:700 18px/1.3 var(--font-sans);text-transform:none;margin-bottom:18px; }
.partner-download summary { cursor:pointer;font-size:14px;color:var(--green);font-weight:700; }
.logo-downloads { display:grid;gap:12px;font-size:12px;padding-top:16px;overflow-wrap:anywhere; }
.format-overview { display:grid;gap:0; }
.info-format { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:48px;padding:44px 0;border-bottom:1px solid #004b3620;align-items:center;scroll-margin-top:90px; }
.info-format h2 { font-size:40px;margin-bottom:20px; }
.info-image { background:var(--green);border-radius:18px;overflow:hidden; }
.info-image img { width:100%;height:auto; }
.book-image { background:var(--purple);height:340px; }
.book-image img { height:100%;object-fit:contain;padding:28px; }
.radio-image { height:230px;background:var(--purple);display:flex;align-items:center;justify-content:center; }
.radio-image img { width:auto;max-height:140px; }
.toolkit .panel h2 { font-size:36px; }
.toolkit .panel { padding:32px; }
.toolkit .ep { animation:none; }
.order-pending { padding:12px 0;font-weight:700; }
@media(min-width:1241px) { .toolkit .brand { width:180px; }.toolkit .nav { gap:2px; } }
@media(max-width:1240px) { .toolkit .nav a { font-size:clamp(25px,5vw,42px);padding:14px 18px; }.home-layout { gap:28px; }.home-brand { gap:10px; }.library-filters { grid-template-columns:1fr 1fr; } }
@media(max-width:800px) { .home-layout { grid-template-columns:1fr; }.toolkit .home-brand .vb-title { font-size:clamp(48px,10vw,88px); }.home-brand { max-width:570px; }.home-library { padding:24px; }.home-preview { max-width:360px; }.toolkit-summary { flex-wrap:wrap;gap:16px; }.toolkit-summary a { margin-left:0;width:100%; }.person-media { grid-template-columns:repeat(3,1fr);gap:10px; }.person-media .download-tile:last-child:not(.portrait-tile) { grid-column:1/-1;max-width:550px; }.person-media .download-tile:last-child:not(.portrait-tile) .download-preview { aspect-ratio:auto; }.person-download-head,.topic-heading { align-items:start;flex-direction:column;gap:12px; }.partner-grid { grid-template-columns:1fr 1fr; }.info-format { grid-template-columns:1fr;gap:24px; }.info-image { max-width:540px; }.toolkit .page-hero.q .q { max-width:100%; }.toolkit .page-hero .orn { display:none; } }
@media(max-width:520px) { .toolkit-home { padding-block:32px; }.home-intro .home-lead { font-size:22px; }.home-library h2 { font-size:36px; }.library-filters { grid-template-columns:1fr;padding:18px; }.library-header { padding-top:32px; }.library-header p { font-size:16px; }.person-downloads { padding:16px; }.person-media { gap:8px; }.download-tile figcaption { font-size:11px; }.download-actions { gap:10px; }.general-grid,.signature-grid,.partner-grid { grid-template-columns:1fr; }.toolkit .panel { padding:24px; }.chapter-pics img { height:180px; }.toolkit .site-foot .foot-grid { gap:30px; } }
@media(prefers-reduced-motion:reduce) { .toolkit * { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }
.toolkit .home-intro>.eyebrow { color:var(--purple); }
.toolkit .home-brand .vb-title .l1,.toolkit .home-brand .vb-title .l2,.toolkit .home-brand .vb-title .l3,.toolkit .home-brand .vb-title .o { animation:none; }
@media(min-width:801px) { .person-media .download-preview { aspect-ratio:auto;height:clamp(180px,23vw,290px); }.person-media .download-tile:not(.portrait-tile) img { max-height:100%;object-fit:contain; } }
#professoren,#algemeen,#partners { scroll-margin-top:90px; }

.partner-preview--dark { background:var(--green);border-radius:10px;padding:20px; }

/* Compact topic index; open a subject to see its downloads. */
.toolkit .topic-material { margin-top:0;padding-top:0; }
.topic-material>summary { display:flex;align-items:center;gap:18px;padding:18px 0;cursor:pointer;list-style:none; }
.topic-material>summary::-webkit-details-marker { display:none; }
.topic-thumbs { display:flex;gap:5px;flex:none; }
.topic-thumbs img { width:44px;height:54px;object-fit:cover;object-position:center 25%;border-radius:6px; }
.topic-material .topic-heading { display:block;flex:1;min-width:0;margin:0; }
.topic-material .topic-heading .eyebrow { font-size:10px;margin-bottom:5px; }
.topic-material .topic-heading h2 { font-size:23px;line-height:1.08; }
.topic-names { display:block;font-size:12px;margin-top:7px;color:#555; }
.topic-expand { font-size:28px;color:var(--green);flex:none; }
.topic-files { padding:0 0 12px; }
.topic-info { display:inline-block;font-size:13px;font-weight:700;margin-bottom:14px; }
.toolkit .person-downloads { padding:16px;margin-bottom:12px; }
.toolkit .person-download-head { margin-bottom:12px;gap:12px; }
.toolkit .person-media { grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.7fr);gap:10px; }
.toolkit .person-media .download-preview { height:150px;aspect-ratio:auto; }
.toolkit .person-media .download-tile:last-child:not(.portrait-tile) { grid-column:auto;max-width:none; }
.toolkit .person-media .download-tile:not(.portrait-tile) img { max-height:100%;object-fit:contain; }
.toolkit .person-media figcaption { padding-top:7px;gap:4px; }
@media(max-width:800px) {
  .topic-material>summary { gap:12px;padding:16px 0; }
  .topic-thumbs { flex-direction:column;gap:4px; }
  .topic-thumbs img { width:34px;height:38px; }
  .topic-material .topic-heading h2 { font-size:20px; }
  .toolkit .person-media { gap:7px; }
  .toolkit .person-media .download-preview { height:90px; }
  .toolkit .person-media figcaption { font-size:10px; }
  .toolkit .person-download-head h3 { font-size:18px; }
  .toolkit .download-actions { font-size:11px;gap:12px; }
}

@media(max-width:520px) {
  .library-header .subnav { flex-wrap:nowrap;gap:6px; }
  .library-header .subnav a { display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:44px;padding:10px clamp(6px,1.7vw,9px);font-size:clamp(10px,2.8vw,14px);white-space:nowrap; }
}

/* Two chapter cards per row on phones. */
@media(max-width:640px) {
  #vragen-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px; }
  #vragen-grid .card-wrap { gap:5px; }
  #vragen-grid .card { display:flex;flex-direction:column;padding:6px;border-radius:16px; }
  #vragen-grid .card-fig { aspect-ratio:1/1;min-height:0;border-radius:11px; }
  #vragen-grid .card h3 { font-size:14px;line-height:1.18;padding:10px 5px 0; }
  #vragen-grid .card .who { margin-top:auto;font-size:10px;line-height:1.35;padding:9px 5px 5px; }
  #vragen-grid .card .who span { display:block; }
  #vragen-grid .card-nr { font-size:10px;padding-left:4px; }
}

/* Desktop image library: visual subject cards rather than compact rows. */
@media(min-width:801px) {
  #media-results { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin-top:24px; }
  .toolkit #media-results .topic-material { min-width:0;border:1px solid #004b3620;border-radius:20px;padding:18px;background:#fff; }
  #media-results .topic-material>summary { display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:18px;padding:0;align-items:start; }
  #media-results .topic-thumbs { grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%; }
  #media-results .topic-thumbs img { width:100%;height:190px;border-radius:12px; }
  #media-results .topic-heading h2 { font-size:25px;line-height:1.1; }
  #media-results .topic-heading .eyebrow { font-size:11px;margin-bottom:10px; }
  #media-results .topic-names { font-size:13px;line-height:1.45;margin-top:12px; }
          #media-results .topic-files { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:20px; }
  #media-results .topic-info { grid-column:1 / -1;margin:0; }
  #media-results .person-downloads { margin:0;background:var(--paper);min-width:0; }
  #media-results .person-download-head { flex-direction:column;align-items:start; }
  #media-results .person-media .download-preview { height:160px; }
}
@media(min-width:1100px) {
  #media-results { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

.home-materials { display:grid;gap:14px; }
.home-material-link { display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 18px;padding:24px;background:var(--paper);color:var(--green);border-radius:18px;text-decoration:none; }
.home-material-link h2 { font-size:clamp(26px,2.5vw,34px); }
.home-material-link p { margin:0;font-size:15px; }
.home-material-link .arr { grid-column:3;font-size:28px; }
.home-material-link:hover { background:#e5d4f6; }

/* Keep the book fully inside the questions banner, at its natural proportions. */
@media(min-width:801px) {
  .toolkit .questions-hero .wrap { padding-right:260px; }
  .toolkit .questions-hero .q,.toolkit .questions-hero .sub { max-width:none; }
  .toolkit .questions-hero .orn[src$="boek-3d.webp"] { top:50%;bottom:auto;right:max(40px,calc((100% - var(--wrap))/2 + 40px));width:160px;height:220px;max-height:none;max-width:none;object-fit:contain;transform:translateY(-50%) rotate(5deg); }
}
@media(min-width:1000px) {
  #vragen-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px; }
  #vragen-grid .card h3 { font-size:18px;padding:12px 6px 0; }
  #vragen-grid .card .who { font-size:11px;padding:12px 6px 7px; }
}
@media(min-width:1241px) {
  #vragen-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}

/* bars op de homepage: visual per bar */
.mat-t h2,.mat-t p { margin:0; } .mat-t p { margin-top:6px; }
.mat-vis { display:flex;align-items:center; }
.mat-vis--fotos img { width:54px;height:54px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:3px solid var(--paper);background:#dfbeff; }
.mat-vis--fotos img + img { margin-left:-16px; }
.mat-logo { display:grid;place-items:center;height:46px;border-radius:12px;padding:0 10px; }
.mat-logo + .mat-logo { margin-left:8px; }
.mat-logo--vb { background:#585ff1; } .mat-logo--vb img { height:22px;width:auto; }
.mat-logo--uv { background:#dfbeff;width:46px;padding:0; } .mat-logo--uv img { height:28px;width:auto; }
.home-material-link:hover .mat-vis--fotos img + img { margin-left:-10px; }


/* brede desktop: het boek groot, deels achter de bars */
@media(min-width:1101px){
  .home-layout { position:relative; grid-template-columns:minmax(0,1.25fr) minmax(380px,1fr); }
  .home-brand { position:static; }
  .home-book { position:absolute; z-index:0; width:auto; height:clamp(340px,31vw,440px); max-height:none; left:calc(100% - 70px); top:50%; transform:translateY(-50%) rotate(7deg); filter:drop-shadow(0 22px 28px #001c2877); }
  .home-intro { position:relative; z-index:1; }
  .home-intro p,.home-intro .home-lead { max-width:min(440px,100%); }
  .home-materials { position:relative; z-index:2; }
}
@media(min-width:801px) and (max-width:1100px){ .mat-vis { display:none; } .home-material-link { grid-template-columns:minmax(0,1fr) auto; } .home-material-link .arr { grid-column:2; } }

/* mobiel: twee compacte, visuele tegels naast elkaar, alleen titel */
@media(max-width:520px){
  .home-materials { grid-template-columns:1fr 1fr; gap:10px; }
  .home-material-link { position:relative; grid-template-columns:1fr; grid-auto-rows:auto; align-content:space-between; gap:14px; padding:14px 14px 16px; border-radius:20px; min-height:136px; }
  .home-material-link .mat-vis { display:flex; order:-1; }
  .home-material-link .mat-t p { display:none; }
  .home-material-link h2 { font-size:21px; line-height:1; padding-right:26px; }
  .home-material-link .arr { position:absolute; right:12px; bottom:12px; grid-column:auto; font-size:22px; line-height:1; }
  .mat-vis--fotos img { width:40px; height:40px; }
  .mat-vis--fotos img + img { margin-left:-12px; }
  .mat-logo { height:38px; } .mat-logo--uv { width:38px; } .mat-logo--vb img { height:17px; } .mat-logo--uv img { height:22px; }
}
@media(max-width:520px){ .home-intro .home-lead + p { display:none; } }
@media(max-width:520px){
  .toolkit-summary { flex-wrap:wrap; gap:10px 14px; padding-block:16px; justify-content:space-between; font-size:12px; }
  .toolkit-summary span { display:flex; flex-direction:column; line-height:1.1; }
  .toolkit-summary b { font-size:26px; margin:0 0 2px; line-height:1; }
  .toolkit-summary a { flex-basis:100%; margin:0; font-size:12px; }
}

/* partnerlogo's: twee of drie naast elkaar op mobiel */
@media(max-width:800px){ .partner-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; } }
@media(max-width:520px){
  .partner-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .partner-download { padding:10px 10px 12px; border-radius:16px; }
  .partner-preview { height:64px; margin-bottom:10px; }
  .partner-preview--dark { padding:10px; border-radius:10px; }
  .partner-preview img { max-width:90%; max-height:42px; }
  .partner-download h3 { font-size:12.5px; line-height:1.2; margin-bottom:8px; min-height:2.4em; }
  .partner-download summary { font-size:12px; }
  .logo-downloads { gap:8px; font-size:11.5px; padding-top:10px; }
}

/* Onderwerp in een venster: de lijst blijft stilstaan */
html.modal-open { overflow:hidden; }
.topic-material>summary { cursor:pointer; }
.topic-material>summary:focus-visible { outline:3px solid #585ff1; outline-offset:3px; border-radius:12px; }
.topic-material:hover { box-shadow:0 10px 30px #004b3618; transform:translateY(-2px); }
.topic-material { transition:box-shadow .2s ease, transform .2s ease; }
.topic-dialog { width:min(1100px,94vw); max-height:90vh; margin:auto; padding:0; border:0; border-radius:22px; background:var(--paper); color:var(--green); box-shadow:0 30px 80px #0008; overflow:auto; overscroll-behavior:contain; }
.topic-dialog::backdrop { background:#0a2a20cc; }
.topic-dialog[open] { animation:topic-in .22s ease; }
@keyframes topic-in { from { opacity:0; transform:translateY(14px) scale(.985); } to { opacity:1; transform:none; } }
.topic-dialog-bar { position:sticky; top:0; z-index:2; display:flex; justify-content:flex-end; padding:14px 18px; background:linear-gradient(var(--paper) 70%, transparent); }
.topic-dialog-close { display:inline-flex; align-items:center; gap:8px; border:0; border-radius:999px; padding:10px 18px; background:var(--green); color:var(--paper); font:700 14px/1 var(--font-sans); cursor:pointer; }
.topic-dialog-close:hover { background:#00694c; }
.topic-dialog-body { padding:0 clamp(18px,3vw,36px) clamp(22px,3vw,36px); }
.topic-dialog-head { margin-bottom:22px; }
.topic-dialog-head .topic-heading { display:block; margin:0; }
.topic-dialog-head .eyebrow { font-size:11px; margin-bottom:8px; }
.topic-dialog-head h2 { font-size:clamp(26px,3vw,38px); line-height:1.08; }
.topic-dialog .topic-names { font-size:14px; margin-top:10px; }
.topic-dialog .topic-files { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; padding:0; }
.topic-dialog .topic-info { margin:0; }
.topic-dialog .person-downloads { margin:0; background:#fff; min-width:0; }
@media(min-width:801px){
  .topic-dialog .topic-files { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .topic-dialog .topic-info { grid-column:1 / -1; }
  .topic-dialog .person-download-head { flex-direction:column; align-items:start; }
  .topic-dialog .person-media .download-preview { height:150px; }
}
@media(max-width:800px){
  .topic-dialog { width:100vw; max-width:100vw; max-height:94vh; margin:auto 0 0; border-radius:22px 22px 0 0; }
  .topic-dialog .person-media { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .topic-dialog .person-media .download-tile:not(.portrait-tile) { grid-column:1 / -1; }
}
@media(prefers-reduced-motion:reduce){ .topic-dialog[open] { animation:none; } .topic-material { transition:none; } .topic-material:hover { transform:none; } }