/* =====================================================================
   language.css — מדד השפה של התפריט (prefix: lg-)
   A bookish, editorial data page in the house style. Builds on base.css:
   the word/lexicon boards reuse .bar/.bl/.bt/.bn, so only the deltas live
   here. One accent (aubergine, set by the view). Hairlines, tabular price
   columns, centered letter-spaced section headers, no italic on Hebrew.
   ===================================================================== */

/* the micrography emblem — sits like a printer's device above the title */
.lg-emblem{
  width:112px;height:112px;margin:0 auto 10px;
  opacity:.94;
}
.lg-emblem svg{display:block;width:100%;height:100%}

/* a book title, set apart by tracking + weight (never italic) */
.lg-book{font-weight:700;letter-spacing:.4px;white-space:nowrap}

/* ---- section header: centered, letter-spaced, hairline flanks ---- */
.lg-h{
  font-size:14px;letter-spacing:5px;font-weight:700;line-height:1.5;
  text-align:center;margin:56px 0 6px;
  display:flex;align-items:center;gap:18px;justify-content:center;
}
.lg-h::before,.lg-h::after{content:'';height:1px;background:var(--faint);flex:1;max-width:120px}
.lg-hsub{
  max-width:600px;margin:0 auto 22px;text-align:center;
  font-size:13.5px;color:var(--soft);line-height:1.85;font-weight:300;text-wrap:pretty;
}

/* ---- headline stat band note ---- */
.lg-headline{margin-top:28px}
.lg-headline .nv{color:var(--acc)}
.lg-headnote{margin-top:14px}

/* ================= 1 · the words board ================= */
.lg-words{max-width:640px;margin:0 auto}
/* two-up on wide screens — a dense, ledger-like word list */
@media(min-width:721px){
  .lg-words{
    max-width:820px;
    columns:2;column-gap:52px;column-rule:var(--hair2);
  }
  .lg-wbar{break-inside:avoid}
}
.lg-wbar{margin-bottom:9px}
.lg-wl{
  display:flex;align-items:baseline;gap:8px;width:132px;
  font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.35;
}
.lg-rank{
  font-size:11px;color:var(--mut);font-weight:400;min-width:20px;
  font-variant-numeric:tabular-nums;letter-spacing:.5px;
}
/* the accent lives in this section's bars — it is the page's subject */
.lg-wbar .bt i{background:var(--acc);opacity:.9}
.lg-wbar .bn{font-weight:700;color:var(--ink)}

/* ============== 2 · 3 · lexicon boards ============== */
.lg-lex{max-width:560px;margin:0 auto}
.lg-lexbar{margin-bottom:9px}
.lg-lexl{
  width:132px;font-family:var(--serif);font-size:16.5px;font-weight:700;line-height:1.35;
}
.lg-lexbar .bt i{background:var(--ink);opacity:.82}
.lg-lexbar .bn{font-weight:700;color:var(--ink)}

/* the "total N, across M restaurants" line under a lexicon board */
.lg-tally{
  max-width:600px;margin:16px auto 0;text-align:center;
  font-size:12.5px;color:var(--soft);line-height:1.9;font-weight:300;text-wrap:pretty;
}
.lg-tally b{color:var(--ink);font-weight:700}

/* an honest empty lexicon (e.g. origin words that never appeared) */
.lg-empty{
  max-width:560px;margin:8px auto 0;text-align:center;
  background:var(--faint2);padding:14px 20px;
  font-size:13px;color:var(--soft);line-height:1.85;font-weight:300;
}

/* ================= 4 · length × price ================= */
.lg-lpwrap{
  max-width:600px;margin:4px auto 0;
  display:flex;flex-direction:column;gap:20px;
}
.lg-lp{width:100%}
.lg-lptop{
  display:flex;align-items:baseline;gap:8px;justify-content:space-between;
  font-size:14px;font-weight:700;color:var(--ink);letter-spacing:.3px;margin-bottom:7px;
  font-family:var(--serif);
}
.lg-lpcut{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--soft);letter-spacing:.5px;font-variant-numeric:tabular-nums}
.lg-lpbar{
  position:relative;height:34px;background:var(--faint2);overflow:hidden;
  border:var(--hair2);
}
.lg-lpbar i{position:absolute;right:0;top:0;bottom:0;background:var(--acc);opacity:.9}
.lg-lpnum{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  font-family:var(--serif);font-size:19px;font-weight:900;color:var(--paper);
  font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.lg-lpunit{font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:1px;text-shadow:none}
.lg-lpbot{font-size:11.5px;color:var(--soft);letter-spacing:.5px;margin-top:6px;font-weight:300;font-variant-numeric:tabular-nums}
.lg-lpnote{margin-top:22px}

/* ================= methodology + citation ================= */
.lg-method{max-width:660px;margin:12px auto 0}
.lg-method p{font-size:15px;line-height:1.95;font-weight:300}
.lg-method p b{font-weight:700}
.lg-cite{
  background:var(--faint2);padding:16px 20px;margin-top:14px;
  font-size:14.5px;line-height:1.75;font-weight:300;
  border-right:2px solid var(--acc);
}
.lg-cite .lg-book{font-weight:700}
.lg-citetitle{font-size:11px;letter-spacing:2px;color:var(--soft);margin-bottom:5px;font-weight:400}

/* cross-links, in the house "…more" idiom */
.lg-more{text-align:center;margin:30px auto 0;font-size:14px}
.lg-more a{
  color:var(--acc);cursor:pointer;text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .2s;
}
.lg-more a:hover{border-color:var(--acc)}

/* ============================ mobile ============================ */
@media(max-width:640px){
  .lg-emblem{width:92px;height:92px}
  .lg-h{letter-spacing:3px;gap:12px;margin-top:44px}
  .lg-h::before,.lg-h::after{max-width:40px}
  .lg-wl,.lg-lexl{width:110px;font-size:15px}
  .lg-wbar .bn,.lg-lexbar .bn{width:44px;font-size:12px}
  .lg-lptop{font-size:13px}
  .lg-lpnum{font-size:17px}
  .lg-method p{font-size:14px}
}