/* ============================================================
   teas.co.uk, Wiki landing
   Minimal version: structure only. No fictional 247-entry counts.
   Empty-state framing because real wiki content doesn't exist yet.
   ============================================================ */

body.page-template-page-wiki,
body.page-wiki{
  /* Wiki uses the default cyan accent (matches homepage) */
}

/* ===== HERO ===== */
.wiki-hero{
  background:linear-gradient(135deg, #0e6868 0%, #062828 60%, #042220 100%);color:#eff7f6;border-radius:var(--r-3xl);
  padding:52px 48px 44px;margin-bottom:var(--gap);position:relative;overflow:hidden;
  display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:end;
}
.wiki-hero .index-num{
  position:absolute;top:36px;right:48px;
  font-family:var(--fm);font-size:11px;font-weight:600;
  color:rgba(239,247,246,.45);letter-spacing:.10em;text-transform:uppercase;
}
.wiki-hero .kicker{
  font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.12em;
  color:var(--acc);font-weight:600;display:inline-flex;align-items:center;gap:10px;
}
.wiki-hero .kicker .pip{
  width:8px;height:8px;border-radius:50%;background:var(--acc);
  box-shadow:0 0 14px var(--acc);
}
/* v5 Indigo palette overrides — beat c-sitewide-polish.css */
html body .wiki-hero .kicker .pip,
.wiki-hero .wiki-hero .kicker .pip,
.wiki-hero .kicker .pip.pip{
  background:#b7adff !important;
  box-shadow:0 0 14px rgba(183,173,255,.55) !important;
}
html body .wiki-hero .kicker,
.wiki-hero .kicker.kicker{ color:#b7adff !important; }
.wiki-hero h1{
  font-family:var(--fb);font-size:88px;font-weight:800;letter-spacing:-.032em;
  line-height:.94;margin:18px 0 0;color:var(--bone);text-wrap:balance;
}
.wiki-hero h1 em{
  font-family:var(--fd);font-style:italic;font-weight:400;color:#30d8c8;
  letter-spacing:-.012em;
}
.wiki-hero h1 .underline{position:relative;display:inline-block}
.wiki-hero h1 .underline::after{
  content:'';position:absolute;left:-4px;right:-4px;bottom:6px;height:14px;
  background:var(--berry);z-index:0;border-radius:6px;transform:rotate(-.4deg);opacity:.7;
}
.wiki-hero h1 .underline span{position:relative;z-index:1}
.wiki-hero .lede{
  font-family:var(--fb);font-size:17px;line-height:1.55;
  color:rgba(239,247,246,.75);max-width:48ch;margin:24px 0 0;
}

.wiki-search{
  background:rgba(239,247,246,.06);border:1.5px solid rgba(239,247,246,.10);
  border-radius:var(--r-2xl);padding:20px;
  display:flex;flex-direction:column;gap:14px;
}
.wiki-search .lab{
  font-family:var(--fm);font-size:10.5px;text-transform:uppercase;letter-spacing:.10em;
  color:rgba(239,247,246,.55);font-weight:600;
}
.wiki-search .input{
  display:flex;align-items:center;gap:10px;
  background:#eff7f6;border-radius:var(--r-pill);padding:6px 6px 6px 18px;
}
.wiki-search .input svg{width:16px;height:16px;color:var(--slate);flex-shrink:0}
.wiki-search .input input{
  flex:1;background:transparent;border:none;outline:none;
  font-family:inherit;font-size:14px;font-weight:500;color:var(--ink);padding:10px 0;
}
.wiki-search .input input::placeholder{color:var(--mist)}
.wiki-search .input button{
  background:#042220;color:var(--acc);border-radius:var(--r-pill);
  padding:0 18px;height:38px;font-weight:600;font-size:13px;
  border:none;cursor:pointer;font-family:inherit;
}
.wiki-search .quick{display:flex;flex-wrap:wrap;gap:6px}
.wiki-search .quick a{
  font-family:var(--fm);font-size:11px;font-weight:500;
  padding:6px 11px;border-radius:var(--r-pill);
  background:rgba(239,247,246,.08);color:rgba(239,247,246,.85);
  border:1px solid rgba(239,247,246,.10);transition:all .14s var(--ease);
}
.wiki-search .quick a:hover{
  background:var(--acc);color:#0A0B0F;border-color:var(--acc);
}

/* ===== "COMING SOON" honest banner ===== */
.wiki-soon{
  background:#fff;border-radius:var(--r-2xl);padding:22px 28px;
  margin-bottom:36px;box-shadow:var(--sh-card);
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.wiki-soon .ic{
  width:42px;height:42px;border-radius:50%;background:var(--acc);color:#0A0B0F;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  font-family:var(--fb);font-weight:800;font-size:18px;
}
.wiki-soon .body{flex:1;min-width:240px;display:flex;flex-direction:column;gap:4px}
.wiki-soon .body .nm{
  font-family:var(--fb);font-size:15px;font-weight:700;letter-spacing:-.005em;line-height:1.3;
}
.wiki-soon .body .desc{font-size:13px;color:var(--slate);line-height:1.5;margin:0}
.wiki-soon .cta{
  background:#042220;color:var(--acc);padding:11px 18px;border-radius:var(--r-pill);
  font-weight:700;font-size:13px;
  display:inline-flex;align-items:center;gap:8px;flex-shrink:0;
}
.wiki-soon .cta svg{width:13px;height:13px}

/* ===== BROWSE BY FAMILY ===== */
.wiki-cat-tiles{
  display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap);margin-bottom:36px;
}
.wiki-cat-tile{
  border-radius:var(--r-2xl);padding:20px;min-height:180px;
  display:flex;flex-direction:column;justify-content:space-between;
  cursor:pointer;transition:transform .18s var(--ease);
  position:relative;overflow:hidden;box-shadow:var(--sh-card);
}
.wiki-cat-tile:hover{transform:translateY(-3px)}
.wiki-cat-tile h3{
  font-family:var(--fd);font-style:italic;font-weight:400;font-size:28px;
  letter-spacing:-.012em;margin:0;line-height:1;
}
.wiki-cat-tile .ct{
  font-family:var(--fm);font-size:10.5px;font-weight:500;
  text-transform:uppercase;letter-spacing:.06em;margin-top:6px;opacity:.7;
}
.wiki-cat-tile .arr{
  width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;
}
.wiki-cat-tile .arr svg{width:11px;height:11px}

/* family span variations */
.wiki-cat-tile.span-2{grid-column:span 2}
.wiki-cat-tile.span-3{grid-column:span 3}

/* family colour variants */
.wiki-cat-tile.tile-black{background:var(--tea-black);color:#F2EBE3}
.wiki-cat-tile.tile-black .arr{background:rgba(242,235,227,.14);color:#F2EBE3}
.wiki-cat-tile.tile-green{background:var(--tea-green);color:#fff}
.wiki-cat-tile.tile-green .arr{background:rgba(255,255,255,.18);color:#fff}
.wiki-cat-tile.tile-fruit{background:var(--tea-fruit-tint);color:var(--tea-fruit)}
.wiki-cat-tile.tile-fruit .arr{background:var(--tea-fruit);color:#fff}
.wiki-cat-tile.tile-rooibos{background:var(--tea-rooibos-tint);color:var(--tea-rooibos)}
.wiki-cat-tile.tile-rooibos .arr{background:var(--tea-rooibos);color:#fff}
.wiki-cat-tile.tile-chai{background:var(--tea-chai-tint);color:var(--tea-chai)}
.wiki-cat-tile.tile-chai .arr{background:var(--tea-chai);color:#fff}
.wiki-cat-tile.tile-wellness{background:var(--tea-wellness-tint);color:var(--tea-wellness)}
.wiki-cat-tile.tile-wellness .arr{background:var(--tea-wellness);color:#fff}
.wiki-cat-tile.tile-coffee{background:var(--tea-coffee);color:var(--tea-coffee-tint)}
.wiki-cat-tile.tile-coffee .arr{background:rgba(235,224,214,.18);color:var(--tea-coffee-tint)}
.wiki-cat-tile.tile-biscuit{background:var(--tea-biscuit-tint);color:var(--tea-biscuit)}
.wiki-cat-tile.tile-biscuit .arr{background:var(--tea-biscuit);color:#fff}

/* ===== EXISTING GUIDES (18+ pages already live) ===== */
.wiki-guides{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-bottom:36px;
}
.wiki-guide-group{
  background:#fff;border-radius:var(--r-2xl);padding:24px;box-shadow:var(--sh-card);
  display:flex;flex-direction:column;gap:14px;
}
.wiki-guide-group-title{
  font-family:var(--fm);font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.10em;color:var(--slate);
  margin:0;padding-bottom:10px;border-bottom:1px solid var(--hair);
}
.wiki-guide-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.wiki-guide-group li{margin:0}
.wiki-guide-group li a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border-radius:var(--r-md);
  font-family:var(--fb);font-size:14px;font-weight:600;color:var(--ink);
  text-decoration:none;letter-spacing:-.005em;line-height:1.3;
  transition:background .14s var(--ease),color .14s var(--ease);
}
.wiki-guide-group li a:hover{background:var(--paper-2)}
.wiki-guide-group li a svg{
  width:13px;height:13px;color:var(--slate);flex-shrink:0;
  transition:transform .14s var(--ease),color .14s var(--ease);
}
.wiki-guide-group li a:hover svg{transform:translateX(3px);color:var(--ink)}

/* "In progress" guide rows, visible but not clickable. Tells Lee at a glance
   which guides still need content. Audit 4 May 2026: all 18 currently empty. */
.wiki-guide-group li.guide-draft .guide-draft-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border-radius:var(--r-md);
  font-family:var(--fb);font-size:14px;font-weight:500;letter-spacing:-.005em;
  color:var(--mist);cursor:default;line-height:1.3;
}
.wiki-guide-group li.guide-draft .guide-draft-badge{
  font-family:var(--fm);font-size:9.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;
  padding:3px 8px;border-radius:99px;
  background:var(--paper-2);color:var(--slate);
  flex-shrink:0;
}

@media (max-width:1180px){
  .wiki-guides{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .wiki-guides{grid-template-columns:1fr}
}

/* ===== EDITORIAL ROW ===== */
.wiki-editorial{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.wiki-ed{
  background:#fff;border-radius:var(--r-2xl);padding:24px;box-shadow:var(--sh-card);
  display:flex;flex-direction:column;gap:14px;
}
.wiki-ed.dark{background:#042220;color:#eff7f6}
.wiki-ed .kicker{
  font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.10em;
  color:var(--slate);font-weight:600;
}
.wiki-ed.dark .kicker{color:var(--acc)}
.wiki-ed h3{
  font-family:var(--fd);font-style:italic;font-weight:400;font-size:26px;
  letter-spacing:-.010em;line-height:1.1;margin:0;
}
.wiki-ed.dark h3{color:var(--bone)}
.wiki-ed p{font-size:13px;line-height:1.5;color:var(--slate);margin:0;flex:1}
.wiki-ed.dark p{color:rgba(239,247,246,.75)}
.wiki-ed .cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;border-radius:var(--r-pill);background:var(--paper-2);
  font-size:12.5px;font-weight:600;align-self:flex-start;color:var(--ink);
}
.wiki-ed.dark .cta{background:rgba(239,247,246,.10);color:var(--bone)}
.wiki-ed .cta svg{width:11px;height:11px}

/* ===== RESPONSIVE ===== */
@media (max-width:1180px){
  .wiki-hero{grid-template-columns:1fr;padding:36px 28px}
  .wiki-hero h1{font-size:60px}
  .wiki-cat-tiles{grid-template-columns:repeat(4,1fr)}
  .wiki-cat-tile.span-2,.wiki-cat-tile.span-3{grid-column:span 2}
  .wiki-editorial{grid-template-columns:1fr}
}
@media (max-width:760px){
  .wiki-hero h1{font-size:42px}
  .wiki-cat-tiles{grid-template-columns:1fr 1fr}
  .wiki-cat-tile.span-2,.wiki-cat-tile.span-3{grid-column:span 1}
}

/* ===== Wiki tea-people grid (added 2026-05-08) ===== */
.wiki-people-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 0 0 56px;
}
.wiki-person-card {
  background: #fff;
  border: 1px solid rgba(14,15,18,0.08);
  border-radius: 14px;
  padding: 22px;
  text-decoration: none;
  color: #042220;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all .15s ease;
  position: relative;
}
.wiki-person-card:hover {
  border-color: #042220;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
.wiki-person-card.is-coming { opacity: 0.55; pointer-events: none; }
.wpc-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  color: #c44b4b;
  font-weight: 600;
}
.wiki-person-card h3 {
  font-family: 'Instrument Serif', serif;
  font-size: 22px;
  margin: 0;
  line-height: 1.2;
}
.wiki-person-card p {
  font-size: 13.5px;
  color: #5C6270;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.wpc-cta { font-size: 12.5px; font-weight: 600; margin-top: auto; padding-top: 6px; }

/* ===== Wiki news widget ===== */
.wiki-news-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 0 0 56px;
}
.wni-card {
  background: #eff7f6;
  border-radius: 12px;
  padding: 18px;
  text-decoration: none;
  color: #042220;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: transform .15s ease;
}
.wni-card:hover { transform: translateY(-2px); }
.wni-cat { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.08em; color: #c44b4b; }
.wni-card h3 { font-family: 'Instrument Serif', serif; font-size: 16px; margin: 0; line-height: 1.25; flex: 1; }
.wni-date { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #5C6270; }

@media (max-width: 1080px) {
  .wiki-people-grid { grid-template-columns: repeat(2, 1fr); }
  .wiki-news-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .wiki-people-grid, .wiki-news-grid { grid-template-columns: 1fr; }
}

/* ===== 2026-06-16 polish pass: long titles, A-Z index, overflow guard ===== */
body.page-template-page-wiki,
body.page-wiki{overflow-x:clip}

.wiki-hero,
.wiki-search,
.wiki-soon,
.wiki-cat-tiles,
.wiki-cat-tile,
.wiki-guides,
.wiki-guide-group,
.wiki-editorial,
.wiki-ed,
.wiki-people-grid,
.wiki-person-card,
.wiki-news-grid,
.wni-card,
.wiki-az,
.wiki-az-section{min-width:0;max-width:100%;box-sizing:border-box}

.wiki-guides{grid-template-columns:repeat(3,minmax(0,1fr))}
.wiki-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.wiki-news-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.wiki-guide-group li a,
.wiki-guide-group li.guide-draft .guide-draft-row{min-width:0}

.wiki-guide-title,
.wiki-person-card h3,
.wiki-person-card p,
.wpc-tag,
.wni-card h3,
.wni-cat,
.wiki-ed h3,
.wiki-ed p,
.wiki-cat-tile h3{min-width:0;overflow-wrap:anywhere}

.wiki-guide-title{display:block;min-width:0;line-height:1.32}

.wiki-az{
  background:#fff;border:1px solid rgba(14,15,18,.08);border-radius:var(--r-2xl);
  padding:28px;box-shadow:var(--sh-card);margin:56px 0 0;
}
.wiki-az-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;
  align-items:end;margin-bottom:18px;
}
.wiki-az-head .kicker{
  font-family:var(--fm);font-size:10.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--slate);display:block;margin-bottom:8px;
}
.wiki-az-head h2{
  font-family:var(--fb);font-size:32px;font-weight:800;letter-spacing:-.022em;
  line-height:1.05;margin:0;color:var(--ink);
}
.wiki-az-head .muted{font-size:13px;line-height:1.5;color:var(--slate);margin:8px 0 0}
.wiki-az-jump{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:420px}
.wiki-az-jump a{
  width:30px;height:30px;border-radius:999px;background:var(--paper-2);color:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--fm);font-size:11px;font-weight:700;text-decoration:none;
}
.wiki-az-jump a:hover{background:#042220;color:var(--acc)}
.wiki-az-section{
  display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;
  padding:18px 0;border-top:1px solid var(--hair);
}
.wiki-az-section h3{
  font-family:var(--fd);font-style:italic;font-size:30px;line-height:1;margin:0;color:#c44b4b;
}
.wiki-az-list{
  columns:3 220px;column-gap:26px;list-style:none;margin:0;padding:0;
}
.wiki-az-list li{break-inside:avoid;margin:0 0 8px}
.wiki-az-list a{
  color:var(--ink);font-size:14px;font-weight:600;line-height:1.32;text-decoration:none;
  overflow-wrap:anywhere;
}
.wiki-az-list a:hover{color:#0e6868;text-decoration:underline;text-underline-offset:3px}

@media (max-width: 1180px) {
  .wiki-guides{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wiki-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wiki-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px) {
  .wiki-guides,
  .wiki-people-grid,
  .wiki-news-grid{grid-template-columns:minmax(0,1fr)}
  .wiki-az{padding:22px 18px;border-radius:18px;margin-top:38px}
  .wiki-az-head{display:block}
  .wiki-az-jump{justify-content:flex-start;max-width:none;margin-top:16px}
  .wiki-az-section{grid-template-columns:1fr;gap:10px}
  .wiki-az-list{columns:1}
}