.info-subnav { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin:0 0 1.5rem; padding:1rem; border:1px solid var(--line, #d8d8d8); border-radius:12px; background:var(--surface, #fff); }
.info-subnav a { color:var(--ink, #243735); text-underline-offset:3px; }
.info-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap:1rem; }
.info-card { text-decoration:none; color:var(--ink, #243735); }
.info-card h2 { text-decoration:underline; text-underline-offset:4px; }
.info-card:hover, .info-card:focus-visible { outline:2px solid var(--ink, #243735); outline-offset:3px; }
.info-prose { max-width:900px; line-height:1.65; }
.info-prose h2 { margin-top:1.75rem; }
.info-prose ul { padding-left:1.5rem; }
.info-prose li { margin:.6rem 0; }
.info-video video, .info-prose video { display:block; width:100%; max-height:70vh; margin-top:1rem; border-radius:8px; background:#111; }
.info-description { margin-bottom:1rem; white-space:normal; overflow-wrap:anywhere; }
.info-filter { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; margin:0 0 1.25rem; }
.info-filter select { width:auto; max-width:100%; }
.info-video-admin-list { display:grid; gap:1rem; }
.info-empty { grid-column:1/-1; }
.info-error { color:var(--theme-error-text, #9c2e24); background:var(--theme-error-bg, #fff0ed); padding:.75rem; border-radius:6px; }