.inf-nav { display:flex; flex-wrap:wrap; gap:6px; border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:28px; }
.inf-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; align-items:end; }
.inf-filters label, .inf-editor label { display:block; font-size:12px; color:var(--muted); margin-bottom:8px; }
.inf-filters .inf-check { display:flex; align-items:center; gap:9px; min-height:44px; margin:0; line-height:1.5; }
.inf-check input { width:18px; height:18px; accent-color:var(--accent); flex-shrink:0; }
.inf-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.inf-actions form { margin:0; }
.inf-board { margin-top:28px; margin-bottom:28px; }
.inf-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); gap:20px; }
.inf-grid .panel { margin-bottom:0; min-width:0; }
.inf-card { display:flex; flex-direction:column; }
.inf-card-heading { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.inf-card h3 a, .inf-related a { color:var(--accent); }
.inf-card dl { margin:0 0 20px; }
.inf-card dl > div { display:grid; grid-template-columns:minmax(100px, .7fr) 1.3fr; gap:12px; margin-bottom:10px; font-size:12px; line-height:1.6; }
.inf-card dt { color:var(--muted); }
.inf-card dd { margin:0; overflow-wrap:anywhere; white-space:pre-line; }
.inf-card dd a, .inf-evidence a { color:var(--accent); }
.inf-card-footer { margin-top:auto; padding-top:20px; }
.inf-evidence { padding:12px; border-left:3px solid var(--accent); background:var(--surface-raised); border-radius:4px; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.inf-editor { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.inf-wide { grid-column:1 / -1; }
.inf-editor .validation-summary:empty { display:none; }
.inf-table-wrap { overflow:auto; margin:24px 0; border:1px solid var(--line); border-radius:10px; }
.inf-table { width:100%; border-collapse:collapse; font-size:13px; background:var(--surface); }
.inf-table th, .inf-table td { padding:16px; text-align:left; border-bottom:1px solid var(--line); line-height:1.6; }
.inf-table th { color:var(--muted); font-weight:500; }
.inf-related { list-style:none; padding:0; }
.inf-related li { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; border-bottom:1px solid var(--line); padding:14px 0; }
.inf-editor button:disabled { opacity:.5; cursor:not-allowed; }
@media(max-width:700px) { .inf-editor { grid-template-columns:1fr; } .inf-card dl > div { grid-template-columns:1fr; gap:2px; } }

.inf-topic { grid-column:span 2; }
.inf-platforms { display:flex; flex-wrap:wrap; gap:16px; }
.inf-platform { display:grid; grid-template-columns:24px auto auto; gap:10px; align-items:center; padding:16px; border:1px solid var(--line); border-radius:9px; }
.inf-platform small { grid-column:2 / -1; color:var(--muted); }
.inf-platform input, .inf-game-check input { accent-color:var(--accent); width:18px; height:18px; flex-shrink:0; }
.inf-match-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:20px; margin-bottom:24px; }
.inf-match-grid .panel { margin:0; }
.inf-game-check { display:flex; align-items:center; gap:12px; line-height:1.6; }
.inf-match p { font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.inf-match > p:not(.quiet) { max-height:135px; overflow:auto; }
.inf-match details, .inf-evidence details { margin:15px 0; font-size:12px; line-height:1.7; }
.inf-match summary, .inf-discovery-creator summary { cursor:pointer; color:var(--accent); }
.inf-search-submit { display:flex; gap:24px; align-items:center; margin-top:24px; }
.inf-search-submit h2 { margin-bottom:12px; }
.inf-search-submit p { margin:0; }
.inf-import { display:grid; gap:18px; margin-top:24px; }
.inf-import label { display:block; margin-bottom:8px; color:var(--muted); font-size:12px; }
.inf-import .inf-game-check { display:flex; }
.inf-step-list { list-style:none; padding:0; font-size:13px; }
.inf-step-list li { padding:16px 0; border-bottom:1px solid var(--line); }
.inf-step-list .badge { margin-left:12px; }
.inf-discovery-creator h2 { margin-top:18px; }
.inf-discovery-creator h2 a { color:var(--accent); }
@media(max-width:700px) { .inf-topic { grid-column:auto; } .inf-search-submit { flex-direction:column; align-items:stretch; } }

.inf-actions [hidden] { display:none; }

.inf-publication { display:grid; grid-template-columns:112px minmax(0,1fr); gap:16px; margin-top:14px; align-items:start; }
.inf-video-thumbnail { display:block; position:relative; width:112px; aspect-ratio:9 / 16; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.inf-video-thumbnail img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.inf-video-thumbnail img[hidden] { display:none; }
.inf-thumbnail-fallback { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:10px; text-align:center; color:var(--muted); font-size:24px; }
.inf-thumbnail-fallback small { font-size:11px; line-height:1.5; }
.inf-publication-content { min-width:0; }
@media(max-width:440px) { .inf-publication { grid-template-columns:84px minmax(0,1fr); gap:12px; } .inf-video-thumbnail { width:84px; } }

.inf-library-totals { gap:24px; margin-bottom:24px; color:var(--muted); font-size:13px; }
.inf-library-totals strong { color:var(--text); font-size:20px; margin-right:5px; }
.inf-library-filters { grid-template-columns:minmax(180px,2fr) minmax(160px,1fr) minmax(160px,1fr) auto; }
.inf-library-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr)); gap:20px; }
.inf-library-grid .panel { padding:0; margin:0; min-width:0; overflow:hidden; }
.inf-library-cover { width:100%; aspect-ratio:9 / 11; max-height:300px; border:0; border-radius:0; border-bottom:1px solid var(--line); }
.inf-library-body { padding:20px; }
.inf-library-author { font-size:13px; color:var(--accent); overflow-wrap:anywhere; }
.inf-library-card h2 { font-size:14px; line-height:1.7; margin:12px 0; overflow-wrap:anywhere; }
.inf-library-card h2 a { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; color:var(--text); }
.inf-library-games { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.inf-library-games .badge { text-decoration:none; line-height:1.6; }
.inf-library-metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; font-size:12px; }
.inf-library-metrics dt { color:var(--muted); margin-bottom:4px; }
.inf-library-metrics dd { margin:0; }
.inf-library-metrics .inf-library-views { font-size:24px; }
.inf-library-card details { font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.inf-library-card summary { cursor:pointer; color:var(--accent); }
.inf-library-caption { white-space:pre-line; }
.inf-library-review { display:inline-block; margin-top:18px; font-size:12px; }
@media(max-width:1000px) { .inf-library-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .inf-library-filters { grid-template-columns:1fr; } .inf-library-totals { gap:16px; } }
