.oot-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 1.5rem;padding:.8rem;background:#20372a;border:1px solid #647152;border-left:4px solid #c6bd7e}
.oot-nav a{padding:.45rem .75rem;background:#fff;border:1px solid #c6cebe;color:#29421f;font-size:1rem;font-weight:700;text-decoration:none}
.oot-nav a:hover,.oot-nav a:focus-visible{background:#29421f;color:#fff}
.oot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0 2rem}
.oot-card{border:1px solid #c7cbbf;background:#fff;min-width:0;scroll-margin-top:1rem;overflow:hidden}
.oot-art{display:flex;align-items:center;justify-content:center;min-height:180px;background:#f1f3ed;border-bottom:1px solid #d5d9cd;padding:.65rem}
.oot-art img{display:block;width:100%;height:170px;object-fit:contain;image-rendering:auto}
.oot-inventory .oot-art{min-height:130px}.oot-inventory .oot-art img{width:96px;height:96px;image-rendering:pixelated}
.oot-card-body{padding:1rem}.oot-card h3{font-size:1.12rem;line-height:1.35;margin:0 0 .65rem;color:#243820}
.oot-card p{font-size:1rem;line-height:1.55;margin:0 0 .8rem}.oot-card .oot-note{font-size:.875rem;color:#565b51}
.oot-source{font-size:.875rem;font-weight:600}.oot-credits{overflow-wrap:anywhere}.oot-credits li{margin-bottom:.65rem}
.oot-image-caption{padding:.5rem .9rem;background:#f1f3ed;font-size:.875rem;line-height:1.4;color:#53584d}
body[data-game="zelda-ocarina-of-time"] .oot-card{background:#24392b;border-color:#667257}
body[data-game="zelda-ocarina-of-time"] .oot-card h3{color:#eae5b7}
body[data-game="zelda-ocarina-of-time"] .oot-card p{color:#eef0e6}
body[data-game="zelda-ocarina-of-time"] .oot-card .oot-note{color:#c5ccbc}
body[data-game="zelda-ocarina-of-time"] .oot-source{color:#ead392}
body[data-game="zelda-ocarina-of-time"] article:has(.oot-grid) .toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 1rem;width:100%;min-width:0}
body[data-game="zelda-ocarina-of-time"] article:has(.oot-grid) .toc strong{grid-column:1/-1}
@media(max-width:1100px){.oot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.oot-grid{grid-template-columns:minmax(0,1fr)}.oot-art img{height:180px}.oot-nav a{flex:1 0 35%;text-align:center}}