/* Wiki: Wikipedia-style article layout inside the normal site header + footer.
   Kept deliberately simple, in the site's Inter font and colours. */
.wiki-page {
	background: #fafafa;
	--wk-text: #111;
	--wk-muted: #737373;
	--wk-line: #e5e5e5;
	--wk-yellow: #fbbf24;
}
.wiki {
	background: #fafafa;
	color: var(--wk-text);
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	padding: 2.5rem 1.5rem 5rem;
}
@media (max-width: 767px) { .wiki { padding: 1.5rem 1.25rem 3rem; } }
.wiki *, .wiki *::before, .wiki *::after { box-sizing: border-box; }
.wiki-wrap { max-width: 1200px; margin: 0 auto; }
.wiki a { color: var(--wk-text); text-decoration: underline; text-decoration-color: #c4c4c4; text-underline-offset: 3px; }
.wiki a:hover { text-decoration-color: var(--wk-yellow); }

/* Top row: "Be Good Wiki" + search */
.wiki-topbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 2.5rem; }
.wiki .wiki-topbar-home { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wk-muted); text-decoration: none; }
.wiki .wiki-topbar-home:hover { color: var(--wk-text); }
/* Logo: same crop as the site footer (the SVG has empty space around the mark). */
.wiki-topbar-home img { display: block; width: 150px; height: 56px; object-fit: cover; object-position: center; margin-left: -10px; }
@media (max-width: 480px) { .wiki-topbar-home img { width: 120px; height: 45px; margin-left: -8px; } }
.wiki-search { display: flex; flex: 1 1 260px; max-width: 380px; }
.wiki-search input {
	flex: 1; min-width: 0; padding: 0.7rem 1.1rem; font: inherit; font-size: 16px; color: var(--wk-text);
	background: #fff; border: 1px solid var(--wk-line); border-right: 0; border-radius: 999px 0 0 999px; outline: none;
}
.wiki-search input:focus { border-color: var(--wk-text); }
.wiki-search button {
	padding: 0 1.25rem; font: inherit; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
	background: var(--wk-yellow); color: #111; border: 0; border-radius: 0 999px 999px 0; cursor: pointer;
}
.wiki-search button:hover { filter: brightness(0.95); }

/* Layout: Contents | article */
.wiki-layout { display: grid; grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 1024px) { .wiki-layout { grid-template-columns: 200px minmax(0, 1fr); gap: 3.5rem; } }
.wiki-sidebar { display: none; }
@media (min-width: 1024px) {
	.wiki-sidebar { display: block; }
	.wiki-sidebar-inner { position: sticky; top: 2rem; max-height: calc(100vh - 4rem); overflow-y: auto; }
	.wiki-toc-mobile { display: none; }
}
.wiki-toc-title { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wk-muted); margin-bottom: 0.75rem; }
.wiki-toc ol { list-style: none; margin: 0; padding: 0; font-size: 0.875rem; line-height: 1.4; }
.wiki-toc li { margin: 0 0 0.6rem; }
.wiki-toc li.lvl-3 { padding-left: 0.9rem; }
.wiki .wiki-toc a { text-decoration: none; color: var(--wk-muted); display: block; border-left: 2px solid transparent; padding-left: 0.6rem; margin-left: -0.75rem; }
.wiki .wiki-toc a:hover, .wiki .wiki-toc a.is-active { color: var(--wk-text); }
.wiki .wiki-toc a.is-active { border-left-color: var(--wk-yellow); font-weight: 600; }
.wiki-toc .num { display: none; }
.wiki-toc-mobile { border-top: 1px solid var(--wk-line); border-bottom: 1px solid var(--wk-line); padding: 0.75rem 0; margin: 0 0 1.5rem; }
.wiki-toc-mobile summary { cursor: pointer; font-weight: 700; font-size: 0.9rem; }
.wiki-toc-mobile .wiki-toc { margin-top: 0.75rem; padding-left: 0.75rem; }

/* Title */
.wiki-main { min-width: 0; max-width: 820px; }
.wiki-title { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; line-height: 1; letter-spacing: -0.03em; margin: 0 0 0.75rem; color: var(--wk-text); }
.wiki-from { font-size: 0.875rem; color: var(--wk-muted); margin: 0 0 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--wk-line); }

/* Article text */
.wiki-body::after { content: ""; display: table; clear: both; }
.wiki-body p { margin: 0 0 1.1rem; }
.wiki-body h2, .wiki-refs h2 {
	font-size: 1.6rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2;
	margin: 2.5rem 0 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--wk-line); scroll-margin-top: 1.5rem; overflow: hidden;
}
.wiki-body h3 { font-size: 1.15rem; font-weight: 700; line-height: 1.3; margin: 1.75rem 0 0.5rem; scroll-margin-top: 1.5rem; }
.wiki-body h4 { font-size: 1rem; font-weight: 700; margin: 1.25rem 0 0.4rem; }
.wiki-body ul, .wiki-body ol { margin: 0 0 1.1rem 1.4em; padding: 0; }
.wiki-body ul { list-style: disc; }
.wiki-body ol { list-style: decimal; }
.wiki-body li { margin-bottom: 0.35rem; }
.wiki-body img { max-width: 100%; height: auto; border-radius: 12px; }
.wiki-body figure { margin: 0 0 1.1rem; }
.wiki-body figcaption { font-size: 0.8rem; color: var(--wk-muted); margin-top: 0.4rem; }
.wiki-body blockquote { margin: 0 0 1.1rem; padding-left: 1rem; border-left: 3px solid var(--wk-yellow); color: #525252; }
.wiki-body table { border-collapse: collapse; margin: 0 0 1.1rem; font-size: 0.875rem; width: 100%; }
.wiki-body table th, .wiki-body table td { border-bottom: 1px solid var(--wk-line); padding: 0.5rem 0.75rem; text-align: left; }
.wiki-body table th { font-weight: 700; }
.wiki-body .wp-block-table { overflow-x: auto; }
.wiki-ref { font-size: 0.7rem; line-height: 1; vertical-align: super; }
.wiki .wiki-ref a { text-decoration: none; color: var(--wk-muted); font-weight: 600; }
.wiki .wiki-ref a:hover { color: var(--wk-text); }

/* Featured image under the title */
.wiki-hero { margin: 0 0 2rem; }
.wiki-hero img { display: block; width: 100%; height: auto; max-height: 460px; object-fit: cover; border-radius: 20px; }
.wiki-hero figcaption { font-size: 0.8rem; color: var(--wk-muted); margin-top: 0.5rem; }

/* References */
.wiki-refs ol { list-style: decimal; margin: 0 0 1rem 1.4em; padding: 0; font-size: 0.85rem; color: #525252; }
.wiki-refs li { margin-bottom: 0.4rem; scroll-margin-top: 1.5rem; }
.wiki-refs li:target { background: #fef3c7; }
.wiki .wiki-refs .back { text-decoration: none; margin-right: 0.35rem; color: var(--wk-muted); }

/* Topics + last edited */
.wiki-cats { clear: both; margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--wk-line); font-size: 0.875rem; display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.wiki-cats strong { font-weight: 700; margin-right: 0.25rem; }
.wiki .wiki-cats a { text-decoration: none; padding: 0.3rem 0.85rem; border-radius: 999px; background: #fff; border: 1px solid var(--wk-line); font-size: 0.8rem; }
.wiki .wiki-cats a:hover { border-color: var(--wk-yellow); }
.wiki-lastmod { margin: 1rem 0 0; font-size: 0.8rem; color: var(--wk-muted); }

/* Main page */
.wiki-welcome { margin-bottom: 3rem; }
.wiki-welcome h1 { font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 900; line-height: 1; letter-spacing: -0.03em; margin: 0 0 1rem; }
.wiki-welcome p { margin: 0; font-size: 1.05rem; color: #525252; max-width: 900px; }
.wiki-panels { display: grid; grid-template-columns: 1fr; gap: 3rem; }
@media (min-width: 900px) { .wiki-panels { grid-template-columns: 3fr 2fr; gap: 4rem; } }
.wiki-panel[style] { margin-top: 3rem !important; }
.wiki-panel > h2 { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wk-muted); margin: 0 0 1rem; padding-bottom: 0.6rem; border-bottom: 1px solid var(--wk-line); }
.wiki-panel-body { font-size: 0.95rem; }
.wiki-panel-body::after { content: ""; display: table; clear: both; }
.wiki-featured-img { float: left; width: 140px; margin: 0 1.25rem 0.5rem 0; border-radius: 14px; overflow: hidden; }
.wiki-featured-img img { display: block; width: 100%; height: auto; }
.wiki-featured h3 { font-size: 1.4rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 0.5rem; }
.wiki .wiki-featured h3 a { text-decoration: none; }
.wiki-featured p { margin: 0 0 0.5rem; color: #525252; }
.wiki-list { list-style: none; margin: 0; padding: 0; }
.wiki-list li { padding: 0.55rem 0; border-bottom: 1px solid var(--wk-line); }
.wiki .wiki-list a { text-decoration: none; font-weight: 600; }
.wiki .wiki-list a:hover { text-decoration: underline; text-decoration-color: var(--wk-yellow); }
.wiki-list .desc { color: var(--wk-muted); font-size: 0.875rem; }
.wiki-empty { color: var(--wk-muted); }
.wiki-pagination { margin-top: 1.5rem; font-size: 0.875rem; display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; }
.wiki-pagination .current { font-weight: 700; }

.wiki-az { display: flex; flex-wrap: wrap; gap: 0.25rem 0.9rem; margin: 0 0 1.5rem; font-size: 0.95rem; }
.wiki .wiki-az a { text-decoration: none; font-weight: 700; color: var(--wk-muted); }
.wiki .wiki-az a:hover { color: var(--wk-text); }
.wiki .wiki-az a.is-active { color: var(--wk-text); text-decoration: underline; text-decoration-color: var(--wk-yellow); text-decoration-thickness: 3px; }
.wiki-panel-body .wiki-az { margin: 0; }

/* No site header on wiki pages: the page fills the screen above the small footer. */
.wiki { min-height: calc(100vh - 140px); }

/* Narrow phones: let the search box shrink and long links wrap instead of
   pushing the page sideways. */
.wiki-search { min-width: 0; }
.wiki-search input { width: 100%; }
.wiki-body a, .wiki-refs li { overflow-wrap: anywhere; }

/* Breadcrumb: Directory › Topics › Places */
.wiki-crumbs ol { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-wrap: wrap; align-items: center; font-size: 0.85rem; color: var(--wk-muted); }
.wiki-crumbs li + li::before { content: "\203A"; margin: 0 0.5rem; color: #a3a3a3; }
.wiki .wiki-crumbs a { color: var(--wk-muted); text-decoration: none; }
.wiki .wiki-crumbs a:hover { color: var(--wk-text); text-decoration: underline; text-decoration-color: var(--wk-yellow); }
.wiki-crumbs [aria-current] { color: var(--wk-text); font-weight: 600; }

/* Byline under an entry title: Written by · Reviewed by · Updated */
.wiki-from span + span::before { content: "\00B7"; margin: 0 0.5rem; }

/* Intro / description on topic, letter and search pages */
.wiki-intro { font-size: 1.1rem; line-height: 1.6; color: #404040; max-width: 680px; margin: 0 0 2rem; }
.wiki-noresults { margin-bottom: 1rem; }
.wiki-tips { margin: 0 0 1.25rem 1.2em; padding: 0; color: #404040; }
.wiki-tips li { margin-bottom: 0.35rem; }

/* A-Z letters with no entries */
.wiki-az .is-empty { font-weight: 700; color: #d4d4d4; cursor: default; }

/* Topic chips under lists */
.wiki-more { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--wk-line); }
.wiki-more > h2 { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wk-muted); margin: 0 0 1rem; }
.wiki-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.wiki .wiki-chips a { text-decoration: none; padding: 0.45rem 1rem; border-radius: 999px; background: #fff; border: 1px solid var(--wk-line); font-size: 0.9rem; font-weight: 600; }
.wiki .wiki-chips a:hover { border-color: var(--wk-yellow); }
.wiki-chips a span { color: var(--wk-muted); font-weight: 500; margin-left: 0.2rem; }

/* Main page */
.wiki-welcome h1 span { display: block; font-size: 0.4em; font-weight: 600; letter-spacing: -0.01em; color: var(--wk-muted); margin-top: 0.6rem; }
.wiki-panel-more { margin: 1rem 0 0; font-size: 0.9rem; }
.wiki .wiki-panel-more a { font-weight: 600; }

/* Info box beside an entry (Wikipedia-style) */
.wiki-infobox { background: #fff; border: 1px solid var(--wk-line); border-radius: 16px; padding: 1rem; margin: 0 0 1.5rem; font-size: 0.875rem; line-height: 1.45; }
@media (min-width: 700px) { .wiki-infobox { float: right; width: 300px; margin: 0 0 1.5rem 2rem; } }
.wiki-infobox-title { font-weight: 800; font-size: 1rem; text-align: center; margin: 0 0 0.75rem !important; }
.wiki-infobox figure { margin: 0 0 0.75rem; }
.wiki-infobox img { display: block; width: 100%; height: auto; border-radius: 10px; }
.wiki-infobox figcaption { font-size: 0.75rem; color: var(--wk-muted); margin-top: 0.35rem; text-align: center; }
.wiki-infobox table { width: 100%; margin: 0; font-size: 0.85rem; border-collapse: collapse; }
.wiki-infobox th, .wiki-infobox td { padding: 0.4rem 0.25rem; border-bottom: 1px solid var(--wk-line); vertical-align: top; text-align: left; }
.wiki-infobox tr:last-child th, .wiki-infobox tr:last-child td { border-bottom: 0; }
.wiki-infobox th { width: 42%; font-weight: 700; padding-right: 0.75rem; }

/* Call to action at the end of an entry */
.wiki-cta { margin-top: 2rem; padding: 1.5rem; border-radius: 20px; background: #111; color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; }
.wiki-cta p { margin: 0; }
.wiki-cta-title { font-size: 1.15rem; font-weight: 800; letter-spacing: -0.01em; line-height: 1.3; }
.wiki-cta-text { font-size: 0.9rem; color: #d4d4d4; margin-top: 0.25rem !important; }
.wiki .wiki-cta-btn { flex-shrink: 0; display: inline-block; padding: 0.8rem 1.4rem; border-radius: 999px; background: var(--wk-yellow); color: #111; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; }
.wiki .wiki-cta-btn:hover { filter: brightness(0.95); }

/* Small footer that links back to the consultancy */
.wiki-footer { background: #fafafa; border-top: 1px solid #e5e5e5; padding: 2rem 1.5rem; font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-size: 0.875rem; color: #525252; }
.wiki-footer-inner { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; }
.wiki-footer p { margin: 0; max-width: 520px; }
.wiki-footer a { color: #111; text-decoration: underline; text-decoration-color: #c4c4c4; text-underline-offset: 3px; }
.wiki-footer nav { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.25rem; }
.wiki-footer nav a { text-decoration: none; font-weight: 600; }
.wiki-footer .wiki-footer-cta { padding: 0.55rem 1.1rem; border-radius: 999px; background: #fbbf24; }
.wiki-footer-copy { width: 100%; font-size: 0.8rem; color: #737373; }

/* Main page intro: eyebrow above the H1, guide count below */
.wiki-eyebrow { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wk-muted); margin: 0 0 1rem !important; }
.wiki-welcome .wiki-count { margin-top: 1rem; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wk-text); }
.wiki-welcome .wiki-count::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--wk-yellow); margin-right: 0.5rem; vertical-align: 1px; }
/* Keep the first intro sentence on one line on laptop/desktop screens */
@media (min-width: 900px) { .wiki-welcome .wiki-lede-1 { white-space: nowrap; } }
.wiki-welcome .wiki-byline-intro { margin-top: 0.75rem; }

/* ---- Layout update: "directory" wordmark, search in right column, footer box ---- */
.wiki .wiki-wordmark { font-size: clamp(2.75rem, 6vw, 4.5rem); font-weight: 900; letter-spacing: -0.05em; line-height: 0.9; color: var(--wk-text); text-decoration: none; }
.wiki .wiki-wordmark:hover { color: var(--wk-text); text-decoration: none; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.wiki-panel-body .wiki-search { max-width: none; }

/* Topics: empty ones greyed out */
.wiki-topic-list li { break-inside: avoid; }
.wiki-topic-list li.is-empty span { color: #b5b5b5; font-weight: 500; }

/* Footer: directory description + Request button */
.wiki-footer-about { max-width: 640px; }
.wiki-footer-about p { max-width: none; margin: 0 0 0.6rem; line-height: 1.6; }
.wiki-footer-about p:last-child { margin-bottom: 0; }
.wiki-footer .wiki-footer-title { font-size: 1rem; font-weight: 800; color: #111; }
.wiki-footer .wiki-footer-cta { flex-shrink: 0; padding: 0.75rem 1.6rem; border-radius: 999px; background: #fbbf24; color: #111; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; }
.wiki-footer .wiki-footer-cta:hover { filter: brightness(0.95); }

/* Wider page */
.wiki-wrap, .wiki-footer-inner { max-width: 1440px; }
@media (min-width: 1200px) { .wiki { padding-left: 3rem; padding-right: 3rem; } .wiki-footer { padding-left: 3rem; padding-right: 3rem; } }

/* Footer: title + Request button on one row, text full width below */
.wiki-footer-inner { display: block; }
.wiki-footer-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.9rem; }
.wiki-footer-head .wiki-footer-title { margin: 0; }
.wiki-footer .wiki-footer-about { max-width: 900px; }
