/* The description stays in the empty space beside the Y series. */
.y-collection { position:relative; transform:none !important; }
.entry-details { position:absolute; z-index:2; inset-block:0; inset-inline-start:calc(50% + clamp(180px,14vw,270px)); width:min(520px,calc(50vw - clamp(180px,14vw,270px) - 32px)); padding:3px 20px 12px; border-inline-start:1px solid var(--hairline); background:var(--paper); overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--hairline) transparent; text-align:left; }
.entry-details[hidden] { display:none; }
.detail-heading { position:sticky; top:-3px; z-index:1; background:var(--paper); padding-bottom:1px; }
.detail-kind { margin:0 32px 8px 0; color:var(--accent); text-transform:uppercase; font:10px/1.5 "Courier New",Courier,monospace; letter-spacing:.075em; }
.detail-title { margin:0 26px 10px 0; color:var(--ink); font-size:clamp(20px,1.8vw,28px); font-weight:400; line-height:1.15; letter-spacing:-.025em; overflow-wrap:anywhere; }
.detail-tagline { margin:0 0 12px; color:var(--ink); font-size:clamp(13px,1.15vw,16px); line-height:1.45; }
.detail-body,.detail-ownership { color:#c9c6be; font-size:clamp(12px,1.05vw,14px); line-height:1.55; overflow-wrap:anywhere; }
.detail-body p { margin:0 0 10px; }
.detail-ownership { margin:14px 0 0; color:var(--muted); padding-top:10px; border-top:1px solid var(--hairline); }
.detail-close { position:absolute; top:0; right:5px; border:0; padding:0; min-width:32px; min-height:32px; background:transparent; color:var(--muted); font:22px/1 Arial,sans-serif; cursor:pointer; }
.detail-close:hover { color:var(--accent); }
.detail-close:focus-visible,.details-picker select:focus-visible { outline:1px solid var(--accent); outline-offset:3px; }
.details-picker { display:none; }
@media(max-width:999px),(hover:none) {
  .y-collection { animation:none !important; }
  .entry-details { position:fixed; z-index:20; inset:auto 16px 16px; width:auto; max-height:70svh; padding:20px 20px 14px; border:1px solid var(--hairline); border-radius:3px; box-shadow:0 8px 40px #0008; }
  .detail-close { top:5px; right:5px; min-width:44px; min-height:44px; }
  .detail-kind { margin-right:35px; }.detail-title { font-size:24px; margin-right:35px; }
  .detail-body,.detail-ownership { font-size:14px; }.detail-tagline { font-size:16px; }
  .details-picker { display:flex; align-items:center; justify-content:center; gap:10px; padding:4px 0 18px; color:var(--muted); font:10px/1.5 "Courier New",Courier,monospace; }
  .details-picker select { max-width:75%; min-height:36px; padding:7px 10px; background:var(--paper); color:var(--ink); border:1px solid var(--hairline); border-radius:2px; font:inherit; }
}

/* Image previews mirror the text panel; source images are never stretched. */
.entry-media{position:absolute;inset-block-start:0;inset-inline-end:calc(50% + clamp(180px,14vw,270px));width:min(520px,calc(50vw - clamp(180px,14vw,270px) - 32px));margin:0}
.entry-media[hidden]{display:none}.entry-media-frame{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--paper);border-radius:2px}.entry-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.entry-media figcaption{margin:10px 0 0;color:var(--muted);font:10px/1.5 "Courier New",Courier,monospace;letter-spacing:.025em}
@media(max-width:999px),(hover:none){.entry-details .entry-media{position:static;inset:auto;width:100%;margin:4px 0 16px}.entry-media figcaption{font-size:10px}}
.entry-media-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;color:var(--muted);font:11px/1.5 "Courier New",Courier,monospace}
.entry-media-controls[hidden]{display:none}
.entry-media-controls button{display:grid;place-items:center;min-width:44px;min-height:36px;border:1px solid var(--hairline);border-radius:2px;background:transparent;color:var(--ink);font:18px/1 Arial,sans-serif;cursor:pointer}
.entry-media-controls button:hover{color:var(--accent);border-color:var(--accent)}
.entry-media-controls button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
@media(max-width:999px),(hover:none){.entry-media-controls button{min-height:44px}}