/* Compact, consistent reading layouts for article, photo, video and publication details. */
body .detail-page { margin-top: 0 !important; padding: 28px 0 12px; color: var(--portal-ink); }
.detail-page .detail-container { max-width: 1040px; }
.detail-header { margin-bottom: 24px; }
.detail-header .breadcrumb { gap: 9px; margin: 0 0 18px !important; font-size: 10px; line-height: 1.7; }
body .detail-header .breadcrumb .detail-breadcrumb-current { opacity: 1; color: var(--portal-muted); }
body .detail-header .breadcrumb .detail-breadcrumb-current::before { content: none; }
.detail-title { margin: 0 0 22px; font-size: clamp(25px,2.6vw,36px); line-height: 1.35; letter-spacing: -.035em; font-weight: 600; color: var(--portal-ink); overflow-wrap: anywhere; }
.detail-meta-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-bottom: 22px; border-bottom: 1px solid var(--portal-border); }
.detail-author { display: flex; align-items: center; gap: 11px; min-width: 0; }
.detail-author > img { width: 38px; height: 38px; flex-shrink: 0; object-fit: contain; padding: 5px; border: 1px solid var(--portal-border); border-radius: 50%; background: #fff; }
.detail-author-name { font-size: 11px; font-weight: 600; color: var(--portal-ink); }
.detail-author-name:hover { color: var(--portal-blue); }
.detail-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 14px; margin-top: 3px; color: var(--portal-muted); font-size: 10px; line-height: 1.75; }
.detail-meta time,.detail-meta > span { display: inline-flex; align-items: center; gap: 5px; }
.detail-meta i { font-size: 13px; opacity: .8; }
.detail-page .detail-speech .bg-sound { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 7px; margin: 0; border: 1px solid var(--portal-border); border-radius: 11px; background: var(--portal-surface); }
.detail-speech-label { display: inline-flex; align-items: center; gap: 7px; margin: 0 8px 0 4px; color: var(--portal-muted); font-size: 10px; }
.detail-speech-label > i { color: var(--portal-blue); font-size: 18px; }
.detail-page .detail-speech button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; width: auto; min-height: 30px; padding: 6px 10px; margin: 0; border: 0; border-radius: 7px; font-size: 10px; font-weight: 500; line-height: 1.5; background: var(--portal-blue-soft); color: var(--portal-blue) !important; cursor: pointer; }
.detail-page .detail-speech .button-play { background: var(--portal-blue); color: var(--portal-surface) !important; }
.detail-page .detail-speech button:hover { transform: none; filter: none; box-shadow: inset 0 0 0 1px var(--portal-blue); }
.detail-page .detail-speech button:disabled { opacity: .5; cursor: default; }
.detail-page .speech-reader-status { flex-basis: 100%; margin: 0; padding: 0 4px; font-size: 10px; color: var(--portal-muted); }
.detail-page .speech-reader-status:empty { display: none; }
.detail-page .detail-card { margin: 0 0 22px; padding: 28px; background: var(--portal-surface); border: 1px solid var(--portal-border); border-radius: 16px; box-shadow: 0 5px 22px rgba(19,42,57,.025); }
.detail-page .detail-body { margin: 0; font-size: 14px; line-height: 1.9; color: var(--portal-ink); overflow-wrap: anywhere; }
.detail-body > :first-child { margin-top: 0 !important; }
.detail-body > :last-child { margin-bottom: 0 !important; }
.detail-page .detail-body p { font-size: inherit; line-height: inherit; margin: 0 0 16px; color: inherit; }
.detail-body p:empty { display: none; }
.detail-body h2,.detail-body h3,.detail-body h4 { margin: 24px 0 12px; font-size: 21px; font-weight: 600; line-height: 1.45; color: var(--portal-ink); }
.detail-body h3 { font-size: 18px; }
.detail-body h4 { font-size: 16px; }
.detail-body ul,.detail-body ol { margin: 0 0 16px; padding-left: 24px; }
.detail-body li { margin-bottom: 6px; }
.detail-body img { display: block; max-width: 100%; height: auto; border-radius: 10px; }
.detail-body table { display: block; max-width: 100%; overflow-x: auto; }
.detail-body iframe { max-width: 100%; }
.detail-body blockquote,.detail-source { border: 0; border-left: 3px solid var(--portal-blue); background: var(--portal-blue-soft); border-radius: 0 10px 10px 0; margin: 20px 0; padding: 14px 18px; color: var(--portal-muted); font-size: 12px; line-height: 1.8; }
.detail-source a { color: var(--portal-blue); }
.detail-share { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.detail-share > span { font-size: 10px; color: var(--portal-muted); margin-right: 4px; }
.detail-share a { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--portal-border); border-radius: 50%; background: var(--portal-surface); color: var(--portal-muted); font-size: 15px; transition: background .2s,color .2s; }
.detail-share a:hover { background: var(--portal-blue-soft); border-color: var(--portal-blue); color: var(--portal-blue); }
.detail-card-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; border-top: 1px solid var(--portal-border); padding-top: 18px; margin-top: 24px; }
.detail-card-footer > .detail-share:only-child { margin-left: auto; }
.detail-download { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 9px; padding: 10px 16px; border: 1px solid var(--portal-border); background: var(--portal-blue-soft); color: var(--portal-blue); font-size: 11px; font-weight: 500; }
.detail-download:hover { background: var(--portal-blue); color: var(--portal-surface); }
.detail-page .detail-media { margin: 0 0 22px; overflow: hidden; border: 1px solid var(--portal-border); border-radius: 16px; background: var(--portal-surface); }
.detail-media > img,.detail-media > a > img { display: block; width: 100%; max-height: 600px; object-fit: contain; }
.detail-media figcaption { padding: 12px 16px; font-size: 10px; color: var(--portal-muted); line-height: 1.8; border-top: 1px solid var(--portal-border); }
.detail-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.detail-gallery figure { margin: 0; min-width: 0; overflow: hidden; border: 1px solid var(--portal-border); border-radius: 12px; background: var(--portal-soft); }
.detail-gallery a { display: block; background: var(--portal-soft); }
.detail-gallery img { width: 100%; height: 250px; object-fit: contain; }
.detail-gallery figcaption { color: var(--portal-muted); font-size: 11px; line-height: 1.8; padding: 12px 14px; }
.detail-page .detail-video { position: relative; aspect-ratio: 16/9; background: #0c1c2d; border-radius: 16px; overflow: hidden; margin-bottom: 22px; }
.detail-video > .playerkemendag,.detail-video > .plyr { position: relative; inset: auto; left: auto; top: auto; transform: none; width: 100%; height: 100%; min-width: 0; min-height: 0; }
.detail-video iframe { width: 100%; height: 100%; border: 0; }
.detail-page .detail-pdf { display: block; width: 100%; height: min(800px,80vh); min-height: 380px; border: 1px solid var(--portal-border); border-radius: 12px; margin: 22px 0 0; }
.detail-publication-grid { display: grid; grid-template-columns: minmax(180px,260px) minmax(0,1fr); align-items: start; gap: 32px; }
.detail-publication-cover { width: 100%; max-height: 390px; object-fit: contain; border-radius: 10px; background: var(--portal-soft); }
.detail-publication-grid .detail-download { margin-top: 22px; }
.detail-page + .portal-footer { margin-top: 24px; }
@media (max-width: 767.98px) {
    body .detail-page { padding-top: 22px; }
    .detail-title { font-size: 26px; margin-bottom: 18px; }
    .detail-meta-row { align-items: flex-start; gap: 16px; padding-bottom: 18px; }
    .detail-header { margin-bottom: 18px; }
    .detail-header .breadcrumb { margin-bottom: 14px !important; }
    .detail-page .detail-card { padding: 22px; }
    .detail-page .detail-body { font-size: 13px; line-height: 1.85; }
    .detail-gallery img { height: 190px; }
    .detail-publication-grid { grid-template-columns: minmax(130px,200px) minmax(0,1fr); gap: 22px; }
}
@media (max-width: 575.98px) {
    .detail-title { font-size: 24px; }
    .detail-author > img { width: 34px; height: 34px; }
    .detail-meta { font-size: 9px; gap: 4px 10px; }
    .detail-page .detail-card { padding: 20px 18px; border-radius: 13px; }
    .detail-meta-row { flex-direction: column; }
    .detail-gallery { grid-template-columns: 1fr; gap: 14px; }
    .detail-gallery img { height: auto; max-height: 400px; }
    .detail-publication-grid { grid-template-columns: 1fr; gap: 22px; }
    .detail-publication-cover { max-width: 240px; margin: 0 auto; max-height: 320px; }
    .detail-card-footer > .detail-share:only-child { margin-left: 0; }
    .detail-body h2 { font-size: 19px; }
}
.detail-event-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 28px; padding: 20px; margin: 0 0 24px; border: 1px solid var(--portal-border); border-radius: 12px; background: var(--portal-soft); }
.detail-event-facts dt { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 600; color: var(--portal-ink); margin-bottom: 7px; }
.detail-event-facts dt i { font-size: 17px; color: var(--portal-blue); }
.detail-event-facts dd { font-size: 11px; color: var(--portal-muted); line-height: 1.9; margin: 0; }
@media (max-width: 575.98px) { .detail-event-facts { grid-template-columns: 1fr; padding: 16px; } }

/* Reading controls, responsive editorial media and related content. */
.detail-category-label { display: inline-flex; align-items: center; margin: 0 0 12px; padding: 4px 9px; border: 1px solid var(--portal-border); border-radius: 6px; color: var(--portal-blue); background: var(--portal-blue-soft); font-size: 9px; font-weight: 600; }
.detail-back-link { display: inline-flex; align-items: center; gap: 6px; color: var(--portal-blue); font-size: 10px; }
.detail-back-link i { font-size: 16px; }
.editorial-detail .detail-header { margin-bottom: 22px; }
.editorial-detail .detail-card { padding: 28px; }
.editorial-detail .detail-body :is(ul,ol) { list-style: revert; }
.editorial-detail .detail-body a { color: var(--portal-blue); text-decoration: underline; text-underline-offset: 3px; }
.detail-table-scroll { max-width: 100%; margin: 18px 0; overflow-x: auto; border: 1px solid var(--portal-border); border-radius: 9px; }
.editorial-detail .detail-table-scroll table { display: table; width: 100%; margin: 0; border-collapse: collapse; }
.editorial-detail .detail-body :is(th,td) { padding: 11px 13px; border: 1px solid var(--portal-border); font-size: 12px; }
.editorial-detail .detail-body th { background: var(--portal-blue-soft); }
.editorial-detail .detail-body :is(iframe,video) { max-width: 100%; }
.detail-event-overview { display: grid; grid-template-columns: minmax(200px, 280px) minmax(0, 1fr); align-items: start; gap: 26px; margin-bottom: 26px; }
.detail-event-overview--text { grid-template-columns: minmax(0, 1fr); }
.detail-event-overview .detail-media { margin-bottom: 0; }
.detail-event-overview .detail-media img { max-height: 390px; object-fit: contain; }
.detail-event-information h2 { margin: 0 0 16px; color: var(--portal-ink); font-size: 19px; font-weight: 600; }
.detail-event-overview .detail-event-facts { grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 0; }
.detail-publication-art { min-width: 0; border: 1px solid var(--portal-border); border-radius: 12px; overflow: hidden; }
.detail-publication-art .editorial-media { aspect-ratio: 3 / 4; }
.detail-publication-art .editorial-media > img { padding: 12px; }
.detail-publication-label { display: inline-flex; margin: 0 0 16px; padding: 5px 9px; border-radius: 6px; background: var(--portal-blue-soft); color: var(--portal-blue); font-size: 10px; }
.detail-reading-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.detail-publication-grid .detail-reading-actions .detail-download { margin: 0; }
.editorial-detail .detail-download:is(:hover,:focus-visible) { border-color: #084fb9; background: #084fb9; color: #fff; }
@media (max-width: 767.98px) { .editorial-detail .detail-card { padding: 22px; } .detail-event-overview { grid-template-columns: minmax(0, 1fr); gap: 22px; } .detail-event-overview .detail-media { max-width: 320px; width: 100%; margin: 0 auto; } }
@media (max-width: 575.98px) { .editorial-detail .detail-card { padding: 20px 18px; } .detail-publication-art { width: min(100%, 240px); justify-self: center; } .detail-event-information h2 { font-size: 17px; } }
@media (prefers-reduced-motion: reduce) { .editorial-detail * { scroll-behavior: auto !important; } }

.editorial-detail [data-fancybox="gallery"] { display: block; cursor: zoom-in; }
.editorial-detail .detail-gallery a { overflow: hidden; }
.editorial-detail .detail-gallery img { transition: transform .3s ease; }
.editorial-detail .detail-gallery a:is(:hover, :focus-visible) img { transform: scale(1.02); }
@media (prefers-reduced-motion: reduce) { .editorial-detail * { transition: none !important; } }