/* WIJDR 1.0.8 REV24 — MEDIA PAGE EDITORIAL PRESENTATION ONLY.
   Intentionally limited to .wijdr-media-responsive and its adjacent discussion.
   No JS, hidden controls, media viewer endpoints, OCR/transcript data or form logic changed.
   Compatible with image, video, audio, PDF and other file types. */
:root {
  --wijdr-r24-ink:#1d1915;
  --wijdr-r24-cream:#f7f1e5;
  --wijdr-r24-paper:#fffdf8;
  --wijdr-r24-red:#b7272b;
  --wijdr-r24-gold:#c39745;
  --wijdr-r24-line:#dfd2bc;
  --wijdr-r24-muted:#685c4c;
}

/* Main media content, not the global navigation or other site pages. */
main .wijdr-media-responsive {
  width:min(100%,1160px);margin-inline:auto;
  min-width:0;max-width:100%;box-sizing:border-box;
  padding-top:clamp(20px,3.5vw,46px);
  padding-bottom:clamp(26px,4vw,54px);
  color:var(--wijdr-r24-ink);
}
main .wijdr-media-responsive > .section-kicker {
  display:inline-flex;align-items:center;gap:.6rem;
  margin:0 0 14px;padding:8px 12px;
  background:#251f1a;border-radius:6px;
  color:#f5dda9;font-size:.71rem;letter-spacing:.14em;
  line-height:1.45;font-weight:900;
  max-width:100%;overflow-wrap:anywhere;
}
main .wijdr-media-responsive > h1 {
  color:#1a1815;max-width:100%;min-width:0;
  margin:0 0 clamp(22px,3vw,32px);
  padding:0 0 clamp(19px,2.6vw,28px);
  border-bottom:4px solid var(--wijdr-r24-red);
  font-size:clamp(1.65rem,3.6vw,3rem);
  line-height:1.12;font-weight:900;letter-spacing:-.044em;
  overflow-wrap:anywhere;word-break:normal;
}

/* File metadata: real text, full hash retained by REV6 copy control. */
main .wijdr-media-responsive > .wijdr-media-overview {
  position:relative;isolation:isolate;min-width:0;
  padding:clamp(18px,2.6vw,29px);
  border:1px solid var(--wijdr-r24-line);border-top:5px solid var(--wijdr-r24-gold);
  border-radius:16px;
  background:linear-gradient(145deg,#fffdfa 0%,#f8f1e5 100%);
  box-shadow:0 13px 30px rgba(40,27,11,.075);
  font-size:.92rem;line-height:1.85;color:#42382b;
  overflow-wrap:anywhere;
}
main .wijdr-media-responsive > .wijdr-media-overview strong {
  color:#201a14;font-weight:850;
}
main .wijdr-media-responsive .wijdr-media-description {
  margin:0 0 17px;padding:0 0 16px;
  border-bottom:1px solid #ddcfb6;
  color:#3f382f;line-height:1.68;font-size:1rem;
  overflow-wrap:anywhere;
}
main .wijdr-media-responsive .wijdr-media-sha-short {
  display:inline-block;max-width:100%;box-sizing:border-box;
  margin:2px 3px 2px 0;padding:4px 8px;
  border:1px solid #e4d5b9;border-radius:6px;
  background:#f8f1e5;color:#4e3b25;
  font:650 .79rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
  white-space:normal;overflow-wrap:anywhere;
}
main .wijdr-media-responsive .wijdr-media-sha-copy {
  display:inline-flex;vertical-align:middle;align-items:center;
  padding:8px 12px;margin:3px 0 3px 6px;
  border:1px solid #bd9951;background:#fffaf0;color:#713a23;
  border-radius:8px;font-size:.77rem;font-weight:850;
  cursor:pointer;transition:background .2s,border-color .2s;
}
main .wijdr-media-responsive .wijdr-media-sha-copy:hover {
  background:#ffefd2;border-color:var(--wijdr-r24-red);
}
main .wijdr-media-responsive .wijdr-media-sha-copy:focus-visible {
  outline:3px solid #d9ad48;outline-offset:3px;
}

/* Main viewer. Never crop source images, embed pixels, or playback controls. */
main .wijdr-media-responsive > .embed-frame.article-block,
main .wijdr-media-responsive > .card.article-block {
  width:100%;min-width:0;max-width:100%;box-sizing:border-box;
  margin:clamp(20px,3vw,30px) 0;
  overflow:hidden;border:1px solid #d7c4a7;
  border-radius:18px;background:#201a16;
  box-shadow:0 16px 38px rgba(32,24,13,.13);
}
main .wijdr-media-responsive > .embed-frame.article-block:has(img):not(:has(.pdf-embed)) {
  background:radial-gradient(circle at top,#39352f,#171614);
}
main .wijdr-media-responsive > .embed-frame.article-block > img {
  display:block;width:100%;height:auto;max-width:100%;max-height:85vh;
  margin-inline:auto;object-fit:contain;background:transparent;
}
main .wijdr-media-responsive > .embed-frame.article-block > video {
  display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;
  background:#0f0f0f;
}
main .wijdr-media-responsive > .card.article-block:has(audio) {
  background:linear-gradient(120deg,#27211b,#181714);color:#f8f0dc;
  padding:clamp(20px,3vw,34px);border-top:5px solid var(--wijdr-r24-gold);
}
main .wijdr-media-responsive > .card.article-block audio {
  display:block;max-width:100%;width:100%;min-width:0;
}
/* Responsive PDF preview remains a true scrollable, individually rendered page reader. */
main .wijdr-media-responsive .pdf-embed {
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  max-height:min(79vh,1100px);overflow-y:auto;overflow-x:hidden;
  overscroll-behavior:contain;
  background:linear-gradient(145deg,#282420,#171717);
  padding:clamp(8px,1.5vw,17px);
  scrollbar-color:#b78b3b #302a24;
}
main .wijdr-media-responsive .pdf-embed img {
  display:block;width:auto;max-width:100%;height:auto;
  margin:0 auto 12px;
  background:#fff;box-shadow:0 5px 14px rgba(0,0,0,.28);
}
main .wijdr-media-responsive .embed-caption {
  padding:15px 20px;background:#fcf6eb;
  border-top:1px solid #dcc7a9;color:#433627;
  font-size:.89rem;font-weight:800;overflow-wrap:anywhere;
}
main .wijdr-media-responsive .embed-caption a {
  color:#92232a;text-decoration:underline;text-underline-offset:3px;
}
main .wijdr-media-responsive .embed-caption a:focus-visible,
main .wijdr-media-responsive .embed-caption a:hover {color:#4b181e}
/* Direct file link for unsupported formats: restyle; never remove it. */
main .wijdr-media-responsive > p > a.button {
  border-color:var(--wijdr-r24-red);color:#fff;background:var(--wijdr-r24-red);
  box-shadow:0 6px 16px rgba(153,20,28,.18);
}

/* Search within a media item — inputs and submit remain functional. */
main .wijdr-media-responsive > form.library-toolbar {
  display:flex;flex-wrap:wrap;align-items:stretch;gap:11px;
  min-width:0;margin:26px 0 25px;padding:clamp(12px,2vw,18px);
  border:1px solid #ded0b7;border-radius:13px;
  background:#fcf6eb;box-shadow:0 4px 13px rgba(25,19,12,.035);
}
main .wijdr-media-responsive > form.library-toolbar input {
  flex:1 1 230px;width:auto;min-width:0;max-width:100%;
  border:1px solid #cbbda8;border-radius:9px;background:#fffefa;
  color:#1c1813;padding:12px 14px;
}
main .wijdr-media-responsive > form.library-toolbar > button {
  flex:0 0 auto;border-radius:9px;
  border:1px solid #9b2328;background:#a9262c;color:white;
  padding:10px 18px;font-weight:850;min-height:44px;
}
main .wijdr-media-responsive > form.library-toolbar > button:is(:hover,:focus-visible) {
  background:#781d22;outline-offset:2px;
}
main .wijdr-media-responsive > h2 {
  margin:clamp(25px,3vw,35px) 0 12px;
  padding:0 0 10px;border-bottom:2px solid #d2b57e;
  color:#211c17;font-size:clamp(1.3rem,2.4vw,1.85rem);
  letter-spacing:-.035em;line-height:1.15;
}

/* OCR, transcript, search result text: full text stays selectable and scrollable. */
main .wijdr-media-responsive > .card.codeish,
main .wijdr-media-responsive > .card:has(> h2) {
  border:1px solid #d6c6ad;border-radius:13px;
  background:#fffefb;color:#2b251f;
  box-shadow:0 5px 16px rgba(39,25,13,.045);
}
main .wijdr-media-responsive > .card.codeish {
  max-width:100%;min-width:0;max-height:600px;overflow:auto;
  box-sizing:border-box;padding:clamp(16px,2vw,23px);
  white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;
  font:400 .9rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;
}
main .wijdr-media-responsive > .card:has(> h2) {
  max-height:650px;overflow-y:auto;overflow-x:hidden;
  padding:clamp(16px,2.3vw,24px);
  overflow-wrap:anywhere;
}
main .wijdr-media-responsive > .card:has(> h2) > h2 {
  margin:0 0 15px;color:#282019;font-size:1.27rem;
}
main .wijdr-media-responsive .transcript {
  max-width:100%;min-width:0;max-height:600px;overflow:auto;
  border:1px solid #d9c9af;border-radius:13px;
  background:#fffcf7;
  box-shadow:0 5px 17px rgba(29,19,11,.055);
}
main .wijdr-media-responsive .transcript .segment,
main .wijdr-media-responsive .card .segment {
  display:block;max-width:100%;min-width:0;
  padding:13px 16px;text-align:left;white-space:normal;
  background:transparent;border:0;border-bottom:1px solid #e9ddc8;
  color:#2c2721;line-height:1.65;overflow-wrap:anywhere;
}
main .wijdr-media-responsive .transcript .segment:hover,
main .wijdr-media-responsive .card .segment:hover {background:#fff1d7}
main .wijdr-media-responsive .transcript .segment:focus-visible,
main .wijdr-media-responsive .card .segment:focus-visible {outline:3px solid #b5282d;outline-offset:-3px}
main .wijdr-media-responsive .segment time {
  color:#9c262a;font-weight:850;white-space:nowrap;
}
/* REV15 public references: keep open/close, links, and load-more behavior untouched. */
main .wijdr-media-responsive #wijdr-where-used {
  margin:24px 0;border:1px solid #d9c39c;border-top:5px solid #ae8339;
  border-radius:15px;background:#fffdf7;color:#2f281e;
  box-shadow:0 8px 22px rgba(39,24,10,.06);
}
main .wijdr-media-responsive #wijdr-where-used summary {
  border-radius:9px;color:#211b15;font-weight:850;
  background:linear-gradient(110deg,#fef9ef,#f5e8d1);
}
main .wijdr-media-responsive #wijdr-where-used .wijdr-wu-count {
  background:#25201b;color:#f6e5bf;opacity:1;
  border-radius:6px;padding:5px 9px;
}
main .wijdr-media-responsive #wijdr-where-used .wijdr-wu-kind {
  background:#9e2429;color:white;
}
main .wijdr-media-responsive #wijdr-where-used .wijdr-wu-result {
  border-top-color:#e8d9bf;
}
main .wijdr-media-responsive #wijdr-where-used a {
  color:#922328;overflow-wrap:anywhere;
}
main .wijdr-media-responsive #wijdr-where-used a:is(:hover,:focus-visible) {color:#501e22}
/* Maintain REV23 comment/reply visual rules and all interactive controls. */
main .wijdr-media-responsive + .comments-shell {
  margin-top:0;border-top-color:#251f19;
  box-shadow:0 6px 25px rgba(38,23,12,.05);
}
@media(max-width:680px) {
  main .wijdr-media-responsive {padding-top:20px;padding-bottom:28px}
  main .wijdr-media-responsive > h1 {margin-bottom:16px;font-size:clamp(1.5rem,7vw,2.35rem)}
  main .wijdr-media-responsive > .wijdr-media-overview {padding:17px;font-size:.86rem}
  main .wijdr-media-responsive .wijdr-media-sha-copy {margin-left:0}
  main .wijdr-media-responsive .pdf-embed {max-height:68vh;padding:7px}
  main .wijdr-media-responsive > form.library-toolbar {gap:9px}
  main .wijdr-media-responsive > form.library-toolbar input,
  main .wijdr-media-responsive > form.library-toolbar button {flex:1 1 100%;width:100%}
  main .wijdr-media-responsive > .card.codeish {max-height:420px}
  main .wijdr-media-responsive #wijdr-where-used .wijdr-wu-count {white-space:normal}
}
@media(prefers-reduced-motion:reduce) {
  main .wijdr-media-responsive .wijdr-media-sha-copy {transition:none!important}
}