/* Alduin Online Wiki: builds on the site's main.css + community.css (same fonts, colours, parchment
   cards, tables and page hero). Everything here is scoped to wiki elements; colours the staff can
   change come from theme.css (--wiki-accent, --wiki-accent-2, --wiki-hero-start/end). */
.wiki-root { --wiki-accent: #7b5cff; --wiki-accent-rgb: 123, 92, 255; --wiki-accent-2: #f062a8; --wiki-accent-2-rgb: 240, 98, 168; --wiki-hero-start: #120b2e; --wiki-hero-end: #b56aa8; }

/* ---- hero */
.wiki-hero { padding-top: calc(var(--header-h) + clamp(1.6rem, 4vw, 3rem)); padding-bottom: clamp(4.5rem, 8vw, 6.5rem);
  background: radial-gradient(60% 70% at 50% 100%, rgba(var(--wiki-accent-2-rgb), .45), transparent 70%), radial-gradient(40% 50% at 85% 20%, rgba(var(--wiki-accent-rgb), .35), transparent 70%), linear-gradient(180deg, var(--wiki-hero-start) 0%, color-mix(in srgb, var(--wiki-hero-start), var(--wiki-hero-end) 45%) 50%, var(--wiki-hero-end) 100%); }
.wiki-hero h1 { font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3.2rem); max-width: 52rem; }
.wiki-hero p { margin-inline: auto; }
.wiki-hero--home { padding-bottom: clamp(6rem, 10vw, 8.5rem); }
.wiki-hero--home h1 { font-size: clamp(2.3rem, 1.5rem + 3vw, 4rem); }
.wiki-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .35; z-index: -1; }
.wiki-crumbs { flex-wrap: wrap; justify-content: center; }
.wiki-pills { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.wiki-preview-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: flex; gap: .6rem; align-items: center; justify-content: center; padding: .55rem 1rem; font-weight: 800; color: #5a3100; background: linear-gradient(180deg, var(--gold-300), var(--gold-500)); }
.wiki-preview-bar svg { width: 18px; height: 18px; }

/* ---- search */
.wiki-search { position: relative; display: flex; gap: .6rem; width: min(100%, 40rem); margin-inline: auto; }
.wiki-search .cm-search { flex: 1; }
.wiki-search--big .cm-input { padding-block: 1rem; font-size: 1.08rem; box-shadow: 0 10px 30px -12px rgba(20, 8, 60, .5); }
.wiki-search .btn { flex: none; }
.wiki-side .wiki-search { width: 100%; }
.wiki-side .wiki-search .btn { display: none; }
.wiki-suggest { position: absolute; z-index: 40; top: calc(100% + .4rem); left: 0; right: 0; margin: 0; padding: .35rem; list-style: none; text-align: left; border-radius: var(--r-md); background: #fff; border: 2px solid var(--lilac-200); box-shadow: var(--shadow-card); max-height: 24rem; overflow-y: auto; }
.wiki-suggest a { display: grid; grid-template-columns: 32px 1fr; gap: .1rem .7rem; align-items: center; padding: .5rem .6rem; border-radius: var(--r-sm); text-decoration: none; color: var(--ink); }
.wiki-suggest a[aria-selected="true"], .wiki-suggest a:hover { background: var(--lilac-50); }
.wiki-suggest img, .wiki-suggest .wiki-suggest__dot { grid-row: span 2; width: 32px; height: 32px; object-fit: contain; image-rendering: pixelated; }
.wiki-suggest .wiki-suggest__dot { border-radius: 10px; background: var(--lilac-100); }
.wiki-suggest strong { font-family: var(--font-display); font-size: 1rem; line-height: 1.2; }
.wiki-suggest small { color: var(--ink-faint); font-weight: 700; font-size: .78rem; }
.wiki-suggest li.wiki-suggest__all a { display: block; text-align: center; font-weight: 800; color: var(--wiki-accent); }

/* ---- home + category grids */
.wiki-home { padding-top: clamp(1.5rem, 4vw, 3rem); }
.wiki-home__grid { display: grid; gap: clamp(2rem, 4vw, 3rem); }
.wiki-home__grid > *, .wiki-search-page > * { min-width: 0; }
.wiki-home__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; margin-bottom: 1rem; }
.wiki-home__head h2 { color: var(--ink); }
.wiki-start { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1rem; }
.wiki-start__card { display: grid; gap: .45rem; align-content: start; padding: 1.3rem 1.3rem 1.4rem; border-radius: var(--r-lg); text-decoration: none; color: #fff;
  background: linear-gradient(160deg, var(--wiki-accent), color-mix(in srgb, var(--wiki-accent), var(--wiki-accent-2) 55%)); box-shadow: 0 14px 30px -16px rgba(var(--wiki-accent-rgb), .9); transition: transform .2s var(--ease-out, ease), box-shadow .2s; }
.wiki-start__card:hover, .wiki-start__card:focus-visible { transform: translateY(-3px); box-shadow: 0 18px 36px -14px rgba(var(--wiki-accent-rgb), 1); }
.wiki-start__card svg { width: 34px; height: 34px; padding: 7px; border-radius: 12px; background: rgba(255, 255, 255, .18); }
.wiki-start__card strong { font: 800 1.2rem/1.2 var(--font-display); }
.wiki-start__card span { font-size: .95rem; line-height: 1.5; color: rgba(255, 255, 255, .9); }
.wiki-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: 1rem; }
.wiki-card { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 1rem; align-items: start; padding: 1.1rem 1.2rem; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.wiki-card:hover, .wiki-card:focus-visible { transform: translateY(-2px); }
.wiki-card__media { position: relative; z-index: 1; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--lilac-50); border: 1.5px solid var(--lilac-100); overflow: hidden; }
.wiki-card__media img { max-width: 52px; max-height: 52px; object-fit: contain; }
.wiki-card__icon svg { width: 28px; height: 28px; color: var(--wiki-accent); }
.wiki-card__body { position: relative; z-index: 1; display: grid; gap: .2rem; }
.wiki-card__cat { font: 800 .7rem/1 var(--font-body); letter-spacing: .14em; text-transform: uppercase; color: var(--wiki-accent-2); }
.wiki-card strong { font: 800 1.12rem/1.25 var(--font-display); color: var(--ink); }
.wiki-card__text { font-size: .92rem; line-height: 1.5; color: var(--ink-soft); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.wiki-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: .8rem; }
.wiki-cat { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: .8rem; align-items: center; padding: .9rem 1rem; border-radius: var(--r-md); text-decoration: none; background: #fff; border: 2px solid var(--lilac-100); transition: border-color .2s, transform .2s; }
.wiki-cat:hover, .wiki-cat:focus-visible { border-color: var(--wiki-accent); transform: translateY(-2px); }
.wiki-cat > svg { width: 44px; height: 44px; padding: 10px; border-radius: 14px; color: var(--wiki-accent); background: var(--lilac-50); }
.wiki-cat strong { display: block; font: 800 1.05rem/1.2 var(--font-display); color: var(--ink); }
.wiki-cat small { display: block; font-size: .84rem; line-height: 1.4; color: var(--ink-soft); }
.wiki-cat em { font-style: normal; font-weight: 800; font-size: .85rem; color: var(--ink-faint); background: var(--lilac-50); border-radius: var(--r-pill); padding: .2rem .6rem; }
.wiki-events { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: 1rem; }
.wiki-event { display: grid; gap: .45rem; padding: 1.2rem 1.3rem; text-decoration: none; }
.wiki-event > * { position: relative; z-index: 1; }
.wiki-event strong { font: 800 1.25rem/1.2 var(--font-display); color: var(--ink); }
.wiki-event span:not(.wiki-status) { color: var(--ink-soft); font-size: .95rem; line-height: 1.5; }
.wiki-event small { font-weight: 800; color: var(--ink-faint); }
.wiki-bosses { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 1rem; }
.wiki-boss { display: grid; justify-items: center; gap: .3rem; padding: 1rem; text-align: center; text-decoration: none; }
.wiki-boss > * { position: relative; z-index: 1; }
.wiki-boss__img { display: grid; place-items: center; height: 96px; }
.wiki-boss__img img { max-height: 96px; max-width: 120px; image-rendering: pixelated; }
.wiki-boss strong { font: 800 1.05rem/1.2 var(--font-display); color: var(--ink); }
.wiki-boss small { font-weight: 700; color: var(--ink-faint); }
.wiki-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: .5rem 1.5rem; margin: 0; padding: 0; list-style: none; counter-reset: wl; }
.wiki-list li { display: flex; justify-content: space-between; gap: .8rem; padding: .6rem .2rem; border-bottom: 1px dashed var(--lilac-200); }
.wiki-list a { font-weight: 800; color: var(--ink); text-decoration: none; }
.wiki-list a:hover { color: var(--wiki-accent); }
.wiki-list small { font-weight: 700; color: var(--ink-faint); white-space: nowrap; }
.wiki-tips { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: .8rem; margin: 0; padding: 0; list-style: none; }
.wiki-tips li { display: grid; grid-template-columns: 32px 1fr; gap: .7rem; padding: .9rem 1rem; border-radius: var(--r-md); background: #fff8e6; border: 2px solid #f6dc95; color: #4d3a12; line-height: 1.5; }
.wiki-tips svg { width: 32px; height: 32px; padding: 6px; border-radius: 10px; color: #9a5a00; background: #fff; }
.wiki-block { padding: clamp(1rem, 3vw, 1.8rem); }
.wiki-block .doc { padding: 0; position: relative; z-index: 1; }
.wiki-index { columns: 15rem; column-gap: 2rem; margin: 0; padding: 0; list-style: none; }
.wiki-index li { break-inside: avoid; padding: .25rem 0; }
.wiki-index a { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700; color: var(--ink); text-decoration: none; }
.wiki-index a:hover { color: var(--wiki-accent); }

/* ---- chips */
.wiki-chips, .doc ul.wiki-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0 !important; list-style: none; }
.doc .wiki-chips li { padding: 0; }
.doc .wiki-chips li::before { display: none; }
.wiki-chips li, .wiki-chips > a { display: inline-flex; align-items: center; gap: .35rem; }
.wiki-chips a, .wiki-filters a { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .9rem; border-radius: var(--r-pill); font-weight: 800; font-size: .92rem; text-decoration: none; color: var(--night-600); background: #fff; border: 2px solid var(--lilac-100); }
.wiki-chips a:hover, .wiki-filters a.is-active { color: #fff; background: var(--wiki-accent); border-color: var(--wiki-accent); }
.wiki-chips li > .wiki-ref, .wiki-chips li > .wiki-nolink { display: inline-flex; padding: .45rem .9rem; border-radius: var(--r-pill); font-weight: 800; font-size: .92rem; color: var(--ink-soft); background: var(--lilac-50); border: 2px dashed var(--lilac-200); }
.wiki-chips--big a { padding: .6rem 1.1rem; font-size: 1rem; }
.wiki-filters { margin: 1.2rem 0; justify-content: center; }
.wiki-filters small { opacity: .7; }

/* ---- article layout */
.wiki-section { padding-top: clamp(1.5rem, 4vw, 3rem); }
.wiki-layout { display: grid; grid-template-columns: 15.5rem minmax(0, 1fr); gap: clamp(1.2rem, 3vw, 2.5rem); align-items: start; }
.wiki-layout--wide { --container: 88rem; }
.wiki-side { position: sticky; top: calc(var(--header-h) + 1rem); max-height: calc(100vh - var(--header-h) - 2rem); overflow-y: auto; scrollbar-width: thin; }
.wiki-side__inner { display: grid; gap: 1rem; padding: 1rem; }
.wiki-side__inner > * { position: relative; z-index: 1; }
.wiki-side__box summary { cursor: pointer; list-style: none; }
.wiki-side__box summary::-webkit-details-marker { display: none; }
.wiki-side__box summary::after { content: "▾"; float: right; color: var(--ink-faint); }
.wiki-side__box:not([open]) summary::after { content: "▸"; }
.wiki-toc ol, .wiki-side__links { display: grid; gap: .1rem; margin: 0; padding: 0; list-style: none; }
.wiki-toc a, .wiki-side__links a { display: flex; align-items: center; gap: .5rem; padding: .4rem .55rem; border-radius: var(--r-xs); font-weight: 700; font-size: .9rem; line-height: 1.3; color: var(--ink-soft); text-decoration: none; border-left: 3px solid transparent; }
.wiki-toc a:hover, .wiki-side__links a:hover { background: var(--lilac-50); color: var(--ink); }
.wiki-toc a.is-active, .wiki-side__links a[aria-current="page"] { color: var(--wiki-accent); background: var(--lilac-100); border-left-color: var(--wiki-accent); }
.wiki-side__links svg { width: 16px; height: 16px; flex: none; color: var(--wiki-accent); }
.wiki-article { min-width: 0; }
.wiki-article::after { content: ""; display: table; clear: both; }
.wiki-article h2 { clear: none; }
.wiki-article h4 { font: 800 1.05rem/1.3 var(--font-display); color: var(--ink); margin: 0; }
.wiki-article ol.wiki-ol { padding-left: 1.4rem; display: grid; gap: .4rem; }
.wiki-article a { overflow-wrap: break-word; }
.wiki-ext { width: .85em; height: .85em; margin-left: .2em; vertical-align: -.05em; }
.wiki-nolink { font-weight: 700; color: var(--ink); }
.wiki-muted { color: var(--ink-faint); font-size: .9em; }
.wiki-note { font-size: .92rem !important; color: var(--ink-soft) !important; padding: .7rem .9rem; border-radius: var(--r-sm); background: var(--lilac-50); }
.wiki-empty { color: var(--ink-faint); font-style: italic; }
.wiki-hr { border: 0; border-top: 2px dashed var(--lilac-200); margin: 2rem 0 !important; }

/* ---- infobox */
.wiki-infobox { float: right; clear: right; width: min(19rem, 100%); margin: 0 0 1.4rem 1.6rem !important; padding: 1rem 1.1rem 1.1rem; }
.wiki-article--box-left .wiki-infobox { float: left; clear: left; margin: 0 1.6rem 1.4rem 0 !important; }
.wiki-infobox > * { position: relative; z-index: 1; }
.wiki-infobox__title { margin: 0 0 .6rem !important; font-size: 1.15rem !important; text-align: center; justify-content: center; }
.wiki-infobox__img { display: grid; place-items: center; min-height: 80px; margin-bottom: .7rem; padding: .8rem; border-radius: var(--r-md); background: radial-gradient(circle at 50% 60%, #fff, var(--lilac-50)); border: 1.5px solid var(--lilac-100); }
.wiki-infobox__img img { max-width: 100%; max-height: 180px; image-rendering: pixelated; }
.wiki-infobox__text { font-size: .9rem !important; }
.wiki-dl { display: grid; gap: .35rem; margin: 0; font-size: .95rem; }
.wiki-dl__row { display: grid; grid-template-columns: minmax(6.5rem, max-content) minmax(0, 1fr); gap: .9rem; }
.wiki-dl dt { font-weight: 800; color: var(--ink-faint); }
.wiki-dl dd { margin: 0; color: var(--ink); font-weight: 700; overflow-wrap: anywhere; }
.wiki-effects { margin-top: .8rem !important; }

/* info box across the top (default): picture on the left, facts in columns */
.wiki-article--box-top .wiki-infobox { float: none; width: auto; margin: 0 0 1.6rem !important; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "img title" "img body"; column-gap: 1.4rem; align-items: start; }
.wiki-article--box-top .wiki-infobox--noimg { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "body"; }
.wiki-article--box-top .wiki-infobox__title { grid-area: title; text-align: left; justify-content: flex-start; }
.wiki-article--box-top .wiki-infobox__img { grid-area: img; width: 9rem; min-height: 9rem; margin: 0; }
.wiki-article--box-top .wiki-infobox__body { grid-area: body; }
.wiki-article--box-top .wiki-infobox .wiki-dl { grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr)); column-gap: 1.6rem; }
@media (max-width: 760px) {
  .wiki-article--box-top .wiki-infobox { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "img" "body"; }
  .wiki-article--box-top .wiki-infobox__img { width: auto; }
}

/* ---- tables */
.wiki-table-wrap { margin: 1rem 0; }
/* wide tables never squeeze next to the info box */
.wiki-article .wiki-table-wrap, .wiki-article .wiki-steps, .wiki-article .wiki-pets, .wiki-article .wiki-filter { clear: both; }
.wiki-table th[data-wide], .wiki-table td[data-wide] { }
.wiki-table td { white-space: normal; vertical-align: middle; }
.wiki-table td:first-child { min-width: 9rem; }
.wiki-table--text td { white-space: normal; }
.wiki-ref { display: inline-flex; align-items: center; gap: .45rem; font-weight: 800; }
.wiki-ico { width: 24px; height: 24px; object-fit: contain; image-rendering: pixelated; flex: none; }
.wiki-filter { max-width: 22rem; margin: .4rem 0 .2rem; }
.wiki-filter .cm-input { padding-block: .6rem; font-size: .95rem; }
.wiki-table tr[hidden] { display: none; }
.wiki-badge { display: inline-flex; align-items: center; padding: .12rem .5rem; border-radius: var(--r-pill); font: 800 .72rem/1.3 var(--font-body); letter-spacing: .02em; color: var(--night-600); background: var(--lilac-100); white-space: nowrap; vertical-align: middle; }
.wiki-badge--event { color: #7a2a00; background: #ffe0c7; }
.wiki-badge--pet { color: #0f5e3d; background: #cdf6e2; }
.wiki-badge--boss { color: #fff; background: #c2356f; }
.wiki-badge--aggro { color: #8a1f1f; background: #ffd9d9; }
.wiki-badge--tip { color: #6b4d00; background: #fff0b3; }
.wiki-badge--rarity-rare { color: #0b4f86; background: #d6ecff; }
.wiki-badge--rarity-epic { color: #5a1f9e; background: #ead9ff; }
.wiki-badge--rarity-legendary { color: #7a4a00; background: #ffe7a8; }
.wiki-badge--rarity-event { color: #7a2a00; background: #ffe0c7; }
.wiki-rarity { font-weight: 800; font-size: .88rem; }
.wiki-rarity--common { color: #4a7a32; }
.wiki-rarity--uncommon { color: #1f7a8a; }
.wiki-rarity--rare { color: #2a5cc7; }
.wiki-rarity--very-rare { color: #8a3ac7; }
.wiki-rarity--extreme { color: #c2356f; }
.wiki-status { display: inline-flex; align-items: center; gap: .4rem; width: max-content; padding: .2rem .65rem; border-radius: var(--r-pill); font: 800 .8rem/1.3 var(--font-body); }
.wiki-status::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: currentColor; }
.wiki-status--active { color: #0f7a4a; background: #d4f7e4; }
.wiki-status--upcoming { color: #0b4f86; background: #d6ecff; }
.wiki-status--ended, .wiki-status--inactive { color: #6d6488; background: #ece8f5; }
.wiki-status--unknown { color: #7a4a00; background: #fff0b3; }

/* ---- callouts, spoilers, steps, figures */
.wiki-callout { margin: 1.2rem 0 !important; }
.wiki-callout p { margin: .25rem 0 0; }
.wiki-callout--info { --callout-bg: #eef4ff; --callout-border: #bcd3ff; --callout-fg: #1f4fa3; }
.wiki-callout--tip { --callout-bg: #fff4d6; --callout-border: #f3d27a; --callout-fg: #7a4a00; }
.wiki-callout--warning { --callout-bg: #ffecec; --callout-border: #ffb8b8; --callout-fg: #a32a2a; }
.wiki-callout--event { --callout-bg: #fff0e3; --callout-border: #ffc79a; --callout-fg: #a8480a; }
.wiki-callout--lore { --callout-bg: #f3edff; --callout-border: #d9c9ff; --callout-fg: #5a3fb0; }
.wiki-spoiler { margin: 1rem 0 !important; border-radius: var(--r-md); border: 2px solid var(--lilac-100); background: #fff; }
.wiki-spoiler > summary { cursor: pointer; padding: .7rem 1rem; font-weight: 800; color: var(--wiki-accent); list-style: none; display: flex; align-items: center; gap: .5rem; }
.wiki-spoiler > summary::before { content: "▸"; transition: transform .2s; }
.wiki-spoiler[open] > summary::before { transform: rotate(90deg); }
.wiki-spoiler > summary::-webkit-details-marker { display: none; }
.wiki-spoiler > div { padding: 0 1rem 1rem; }
.wiki-spoiler > div > * + * { margin-top: .8rem; }
.wiki-steps { display: grid; gap: .9rem; margin: 1.2rem 0 !important; padding: 0 !important; list-style: none; counter-reset: none; }
.doc .wiki-steps > li { padding-left: 0; }
.doc .wiki-steps > li::before { display: none; }
.wiki-step { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: .9rem; align-items: start; padding: 1rem 1.1rem !important; border-radius: var(--r-md); background: var(--lilac-50); border: 1.5px solid var(--lilac-100); }
.wiki-step__num { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 12px; font: 800 1.1rem/1 var(--font-display); color: #5a3100; background: linear-gradient(180deg, var(--gold-300), var(--gold-500)); border: 2px solid #7a4a00; box-shadow: 0 2px 0 #9a5a00; }
.wiki-step__body > * + * { margin-top: .45rem; }
.wiki-goals { display: grid; gap: .3rem; }
.wiki-results { font-weight: 700; color: #1f6a45 !important; }
.wiki-aborts { display: flex; gap: .5rem; align-items: flex-start; font-size: .92rem !important; color: #a32a2a !important; }
.wiki-aborts svg { flex: none; width: 16px; height: 16px; margin-top: .3em; }
.wiki-figure { margin: 1.4rem auto !important; text-align: center; }
.wiki-figure img { border-radius: var(--r-md); border: 2px solid var(--lilac-100); background: #0f0a26; max-width: 100%; height: auto; }
.wiki-figure--small { max-width: 18rem; }
.wiki-figure--medium { max-width: 40rem; }
.wiki-figure figcaption { margin-top: .4rem; font-size: .88rem; color: var(--ink-faint); font-weight: 700; }
.wiki-pets { display: grid; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); gap: .9rem; margin: 1rem 0 !important; }
.wiki-pet { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: .9rem; padding: .9rem 1rem; border-radius: var(--r-md); background: #fff; border: 2px solid var(--lilac-100); }
.wiki-pet img { width: 64px; height: 64px; }
.wiki-pet h4 { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.wiki-pet p { font-size: .94rem !important; line-height: 1.55 !important; margin-top: .3rem; }
.wiki-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: .3rem 1.4rem; }
.wiki-related { clear: both; margin-top: 2.4rem !important; padding-top: 1.4rem; border-top: 2px dashed var(--lilac-200); }
.wiki-related h3 { margin: 0 0 .7rem; }

/* ---- search page */
.wiki-search-page { display: grid; gap: 1rem; max-width: 52rem; }
.wiki-results { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }
.wiki-result { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; align-items: center; padding: 1rem 1.2rem; text-decoration: none; }
.wiki-result > * { position: relative; z-index: 1; }
.wiki-result__img { width: 48px; height: 48px; object-fit: contain; }
.wiki-result span { display: grid; gap: .15rem; color: var(--ink-soft); line-height: 1.5; }
.wiki-result small { font: 800 .7rem/1 var(--font-body); letter-spacing: .14em; text-transform: uppercase; color: var(--wiki-accent-2); }
.wiki-result strong { font: 800 1.2rem/1.2 var(--font-display); color: var(--ink); }
.wiki-result mark { background: #fff0b3; color: inherit; border-radius: 3px; padding: 0 .1em; }
.wiki-noresults h2 { margin-top: 0 !important; }

/* ---- responsive */
@media (max-width: 1100px) {
  .wiki-layout { grid-template-columns: minmax(0, 1fr); }
  .wiki-side { position: static; max-height: none; overflow: visible; order: 2; }
  .wiki-article { order: 1; }
  .wiki-side__inner { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
  .wiki-side__inner > .wiki-search { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .wiki-infobox, .wiki-article--box-left .wiki-infobox { float: none; width: 100%; margin: 0 0 1.4rem !important; }
  .wiki-table th[data-wide], .wiki-table td[data-wide] { display: none; }
  .wiki-table th, .wiki-table td { padding: .6rem .7rem; font-size: .94rem; }
  .wiki-table td:first-child { min-width: 0; }
  .wiki-search { flex-direction: column; }
  .wiki-search .btn { width: 100%; justify-content: center; }
  .wiki-side .wiki-search .btn { display: none; }
  .wiki-step { grid-template-columns: 2.2rem minmax(0, 1fr); padding: .8rem !important; }
  .wiki-step__num { width: 2.2rem; height: 2.2rem; font-size: 1rem; }
  .wiki-card { grid-template-columns: 44px minmax(0, 1fr); padding: 1rem; }
  .wiki-card__media { width: 44px; height: 44px; }
  .wiki-side__inner { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .wiki-start__card, .wiki-card, .wiki-cat { transition: none; }
}
@media print {
  .wiki-side, .site-header, .site-footer, .wiki-search { display: none !important; }
  .wiki-layout { display: block; }
}