/* ============================================================
   linguasphere.info - plate stylesheet  "GAZETTEER"
   hooks: data-lsp="<part>" attributes, no utility classes
   ============================================================ */

/* --- 1. plate variables ------------------------------------ */
:root{
  --plate-canvas:#eae4d6;
  --plate-canvas-line:#ded6c4;
  --plate-paper:#fdfbf6;
  --plate-paper-2:#f4efe3;
  --plate-ink:#1d1b17;
  --plate-ink-soft:#5b5649;
  --plate-ink-faint:#6b665a;
  --plate-rule:#cec6b2;
  --plate-rule-soft:#e6e0d0;
  --plate-indigo:#23407e;
  --plate-indigo-wash:#e3e7f1;
  --plate-ochre:#95500c;
  --plate-ochre-wash:#f3e7d5;
  --measure-col:888px;
  --measure-wide:1120px;
  --field:38px;
  --field-narrow:16px;
  --rail:20px;
  --face-display:Georgia,"Times New Roman",Times,serif;
  --face-data:"Lucida Sans Unicode","Lucida Grande","Segoe UI",Tahoma,sans-serif;
  --face-code:"Lucida Console","DejaVu Sans Mono",Consolas,monospace;
  --sec-0:#a85c33; --sec-1:#93781f; --sec-2:#6f8033; --sec-3:#337a64; --sec-4:#276b7e;
  --sec-5:#33538c; --sec-6:#5c4f8c; --sec-7:#8a3f68; --sec-8:#963d3f; --sec-9:#5d6149;
}

/* --- 2. canvas --------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background-color:var(--plate-canvas);
  background-image:
    repeating-linear-gradient(0deg,var(--plate-canvas-line) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(90deg,var(--plate-canvas-line) 0 1px,transparent 1px 44px);
  color:var(--plate-ink);
  font:16px/1.7 var(--face-data);
}
img{max-width:100%;height:auto}
a{color:var(--plate-indigo);text-underline-offset:.16em}
a:hover{color:var(--plate-ochre)}

/* --- 3. masthead ------------------------------------------- */
[data-lsp="masthead"]{
  background:var(--plate-paper);
  border-bottom:1px solid var(--plate-rule);
  box-shadow:0 1px 0 rgba(29,27,23,.05);
}
[data-lsp="masthead-top"],[data-lsp="masthead-nav"]{
  max-width:var(--measure-wide);margin:0 auto;padding:0 var(--rail);
}
[data-lsp="masthead-top"]{
  display:grid;grid-template-columns:auto 1fr;align-items:end;gap:18px;
  padding-top:16px;padding-bottom:12px;
}
[data-lsp="wordmark"]{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
[data-lsp="wordmark"] svg{display:block;flex:0 0 auto}
[data-lsp="wordmark-text"]{display:block;line-height:1.05}
[data-lsp="wordmark-text"] b{
  display:block;font:400 25px/1 var(--face-display);letter-spacing:.055em;color:var(--plate-ink);
}
[data-lsp="wordmark-text"] i{
  display:block;font-style:normal;font-size:10px;line-height:1.5;
  letter-spacing:.19em;text-transform:uppercase;color:var(--plate-ink-faint);margin-top:5px;
}
[data-lsp="masthead-stats"]{
  justify-self:end;display:flex;gap:0;margin:0;padding:0;list-style:none;
  border-left:1px solid var(--plate-rule-soft);
}
[data-lsp="masthead-stats"] li{
  padding:0 15px;border-right:1px solid var(--plate-rule-soft);text-align:right;
}
[data-lsp="masthead-stats"] b{
  display:block;font:400 19px/1.15 var(--face-display);font-variant-numeric:tabular-nums;color:var(--plate-indigo);
}
[data-lsp="masthead-stats"] span{
  display:block;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--plate-ink-faint);margin-top:3px;
}

/* nav: flat row of sections, no dropdowns */
[data-lsp="masthead-nav"]{border-top:1px solid var(--plate-rule-soft)}
[data-lsp="sections"]{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}
[data-lsp="sections"] a{
  display:block;padding:13px 17px 12px;text-decoration:none;color:var(--plate-ink-soft);
  font-size:11.5px;letter-spacing:.155em;text-transform:uppercase;
  border-bottom:3px solid transparent;
}
[data-lsp="sections"] a:hover{color:var(--plate-ink);border-bottom-color:var(--plate-rule)}
[data-lsp="sections"] a[aria-current]{color:var(--plate-ink);border-bottom-color:var(--plate-ochre)}
[data-lsp="sections"] li:first-child a{padding-left:0}

[data-lsp="burger"],[data-lsp="burger-label"],[data-lsp="burger-close"]{display:none}

/* --- 4. plate (page sheet) --------------------------------- */
[data-lsp="plate"]{
  max-width:calc(var(--measure-col) + var(--field)*2);
  margin:26px auto 34px;
  background:var(--plate-paper);
  border:1px solid var(--plate-rule);
  box-shadow:0 1px 2px rgba(29,27,23,.05),0 10px 26px -18px rgba(29,27,23,.4);
  padding:0 var(--field) var(--field);
}

/* running head: breadcrumb rail */
[data-lsp="rail"]{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;
  margin:0 calc(var(--field)*-1);padding:11px var(--field) 10px;
  border-bottom:1px solid var(--plate-rule-soft);
  font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--plate-ink-faint);
}
[data-lsp="rail"] a{color:var(--plate-ink-soft);text-decoration:none}
[data-lsp="rail"] a:hover{color:var(--plate-ochre);text-decoration:underline}
[data-lsp="rail"] em{font-style:normal;color:var(--plate-ink-faint)}

/* --- 5. headings ------------------------------------------- */
[data-lsp="head"]{margin:30px 0 0}
[data-lsp="head"] h1{
  margin:0;font:400 clamp(28px,4.2vw,42px)/1.16 var(--face-display);letter-spacing:-.012em;
}
[data-lsp="head"] h1 [data-lsp="key"]{
  display:inline-block;margin-right:.45em;font-family:var(--face-code);
  font-size:.62em;letter-spacing:.02em;color:var(--plate-ochre);vertical-align:.14em;
}
[data-lsp="kicker"]{
  margin:0 0 9px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--plate-ink-faint);
}
[data-lsp="lede"]{
  margin:15px 0 0;font:400 19px/1.62 var(--face-display);color:var(--plate-ink-soft);max-width:64ch;
}
[data-lsp="plate"] h2{
  margin:38px 0 14px;font:400 25px/1.28 var(--face-display);letter-spacing:-.008em;
  padding-bottom:8px;border-bottom:1px solid var(--plate-rule-soft);
}
[data-lsp="plate"] h3{margin:26px 0 10px;font:400 20px/1.32 var(--face-display)}
[data-lsp="plate"] h4{
  margin:22px 0 8px;font:600 13px/1.4 var(--face-data);letter-spacing:.11em;
  text-transform:uppercase;color:var(--plate-ink-soft);
}
[data-lsp="plate"] p{margin:0 0 15px}
[data-lsp="plate"] ul,[data-lsp="plate"] ol{margin:0 0 15px;padding-left:22px}
[data-lsp="plate"] li{margin:0 0 6px}

/* --- 6. facts strip ---------------------------------------- */
/* cells carry their own hairlines, so a half-empty last row stays paper, not rule */
[data-lsp="facts"]{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));
  margin:24px 0 4px;background:var(--plate-paper-2);
  border:1px solid var(--plate-rule-soft);border-width:1px 0 0 1px;
}
[data-lsp="facts"] div{
  background:var(--plate-paper-2);padding:12px 16px;
  border:0 solid var(--plate-rule-soft);border-width:0 1px 1px 0;
}
[data-lsp="facts"] b{
  display:block;font:400 21px/1.2 var(--face-display);font-variant-numeric:tabular-nums;color:var(--plate-ink);
}
[data-lsp="facts"] span{
  display:block;margin:4px 0 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--plate-ink-faint);
}

/* --- 7. sector legend / chips ------------------------------- */
[data-lsp="legend"]{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));
  margin:20px 0;background:var(--plate-paper);
  border:1px solid var(--plate-rule-soft);border-width:1px 0 0 1px;
}
[data-lsp="legend"] a{
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;
  background:var(--plate-paper);padding:13px 16px;text-decoration:none;color:inherit;min-width:0;
  border:0 solid var(--plate-rule-soft);border-width:0 1px 1px 0;
}
[data-lsp="legend"] a:hover{background:var(--plate-paper-2)}
[data-lsp="legend"] i{width:9px;height:34px;display:block;background:var(--tint,var(--plate-rule))}
[data-lsp="legend"] b{display:block;font:400 16px/1.25 var(--face-display)}
[data-lsp="legend"] span{
  display:block;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--plate-ink-faint);margin-top:3px;
}

[data-lsp="chip"]{
  display:inline-block;padding:3px 9px 2px;margin:0 5px 5px 0;
  font-family:var(--face-code);font-size:11.5px;letter-spacing:.02em;
  background:var(--plate-paper-2);border:1px solid var(--plate-rule-soft);
  color:var(--plate-ink-soft);text-decoration:none;
}
a[data-lsp="chip"]:hover{border-color:var(--plate-ochre);color:var(--plate-ochre)}

/* --- 8. register tree (details, zero JS) -------------------- */
[data-lsp="tree"]{margin:18px 0 8px;border-top:1px solid var(--plate-rule-soft)}
[data-lsp="tree"] details{border-bottom:1px solid var(--plate-rule-soft)}
[data-lsp="tree"] summary{
  list-style:none;cursor:pointer;display:grid;grid-template-columns:112px 1fr auto;
  gap:12px;align-items:baseline;padding:9px 8px 9px calc(var(--depth,0)*16px + 8px);min-height:44px;
}
[data-lsp="tree"] summary::-webkit-details-marker{display:none}
[data-lsp="tree"] summary:hover{background:var(--plate-paper-2)}
[data-lsp="tree"] summary code{font-family:var(--face-code);font-size:12px;color:var(--plate-ochre);white-space:nowrap}
[data-lsp="tree"] summary b{font:400 16px/1.4 var(--face-display);min-width:0}
[data-lsp="tree"] summary em{
  font-style:normal;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--plate-ink-faint);
}
[data-lsp="tree"] details[open] > summary{background:var(--plate-indigo-wash)}
[data-lsp="tree"] [data-lsp="leaf"]{
  display:grid;grid-template-columns:112px 1fr auto;gap:12px;align-items:baseline;
  padding:7px 8px 7px calc(var(--depth,0)*16px + 8px);
  border-top:1px solid var(--plate-rule-soft);min-height:38px;
}
[data-lsp="tree"] [data-lsp="leaf"]:hover{background:var(--plate-paper-2)}
[data-lsp="tree"] [data-lsp="leaf"] code{font-family:var(--face-code);font-size:12px;color:var(--plate-ochre)}
[data-lsp="tree"] [data-lsp="leaf"] a,[data-lsp="tree"] [data-lsp="leaf"] b{
  font:400 15.5px/1.4 var(--face-display);text-decoration:none;min-width:0;
}
[data-lsp="tree"] [data-lsp="leaf"] a:hover{text-decoration:underline}
[data-lsp="tree"] [data-lsp="leaf"] em{
  font-style:normal;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--plate-ink-faint);
}

/* --- 9. index tables --------------------------------------- */
[data-lsp="table-wrap"]{overflow-x:auto;margin:18px 0}
[data-lsp="plate"] table{border-collapse:collapse;width:100%;font-size:14.5px}
[data-lsp="plate"] th{
  text-align:left;font:600 10.5px/1.4 var(--face-data);letter-spacing:.14em;text-transform:uppercase;
  color:var(--plate-ink-faint);border-bottom:1px solid var(--plate-rule);padding:8px 10px;white-space:nowrap;
}
[data-lsp="plate"] td{padding:8px 10px;border-bottom:1px solid var(--plate-rule-soft);vertical-align:top}
[data-lsp="plate"] tbody tr:hover td{background:var(--plate-paper-2)}
[data-lsp="plate"] td code{font-family:var(--face-code);font-size:12px;color:var(--plate-ochre);white-space:nowrap}

/* --- 10. card grids ---------------------------------------- */
[data-lsp="grid"]{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));
  margin:20px 0;background:var(--plate-paper);
  border:1px solid var(--plate-rule-soft);border-width:1px 0 0 1px;
}
[data-lsp="grid"] > a{
  display:block;background:var(--plate-paper);padding:14px 16px;text-decoration:none;color:inherit;
  border:0 solid var(--plate-rule-soft);border-width:0 1px 1px 0;min-width:0;
  box-shadow:inset 3px 0 0 var(--tint,transparent);
}
[data-lsp="grid"][data-marks] > a{display:flex;align-items:center;justify-content:center;min-height:96px}
[data-lsp="grid"] > a:hover{background:var(--plate-paper-2)}
[data-lsp="grid"] b{display:block;font:400 17px/1.3 var(--face-display)}
[data-lsp="grid"] span{
  display:block;margin-top:5px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--plate-ink-faint);
}
[data-lsp="grid"] p{margin:7px 0 0;font-size:13.5px;line-height:1.55;color:var(--plate-ink-soft)}

/* --- 11. editorial cards with photographs ------------------- */
[data-lsp="stories"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:26px;margin:22px 0}
[data-lsp="story"]{min-width:0}
[data-lsp="story"] a{text-decoration:none;color:inherit;display:block}
[data-lsp="story"] figure{margin:0 0 11px;border:1px solid var(--plate-rule-soft);background:var(--plate-paper-2)}
[data-lsp="story"] img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:0}
[data-lsp="story"] em{
  display:block;font-style:normal;font-size:10px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--plate-ochre);margin-bottom:6px;
}
[data-lsp="story"] b{display:block;font:400 19px/1.32 var(--face-display)}
[data-lsp="story"] a:hover b{color:var(--plate-indigo)}
[data-lsp="story"] p{margin:7px 0 0;font-size:14px;line-height:1.6;color:var(--plate-ink-soft)}
[data-lsp="credit"]{
  display:block;padding:9px 16px;font-size:10.5px;line-height:1.45;color:var(--plate-ink-faint);
  border-top:1px solid var(--plate-rule-soft);
}

/* --- 12. notes, source strip ------------------------------- */
[data-lsp="note"]{
  margin:22px 0;padding:14px 17px;background:var(--plate-ochre-wash);
  border-left:3px solid var(--plate-ochre);font-size:14.5px;line-height:1.62;
}
[data-lsp="note"] p{margin:0 0 9px}
[data-lsp="note"] p:last-child{margin:0}
[data-lsp="source"]{
  margin:26px 0 0;padding:13px 16px;background:var(--plate-paper-2);
  border:1px solid var(--plate-rule-soft);font-size:13px;line-height:1.6;color:var(--plate-ink-soft);
}

/* --- 13. colophon ------------------------------------------ */
[data-lsp="colophon"]{background:var(--plate-ink);color:#cfcabd;margin-top:8px;border-top:4px solid var(--plate-ochre)}
[data-lsp="colophon-in"]{max-width:var(--measure-wide);margin:0 auto;padding:34px var(--rail) 30px}
[data-lsp="colophon-cols"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:26px}
[data-lsp="colophon"] h2{
  margin:0 0 11px;font:600 10.5px/1.4 var(--face-data);letter-spacing:.19em;text-transform:uppercase;
  color:#9d9787;border:0;padding:0;
}
[data-lsp="colophon"] ul{list-style:none;margin:0;padding:0}
[data-lsp="colophon"] li{margin:0 0 7px}
[data-lsp="colophon"] a{color:#e6e1d4;text-decoration:none;font-size:14px}
[data-lsp="colophon"] a:hover{color:#fff;text-decoration:underline}
[data-lsp="disclaimer"]{
  margin:28px 0 0;padding:16px 0 0;border-top:1px solid #3a372f;
  font-size:12.5px;line-height:1.65;color:#a8a294;max-width:88ch;
}
[data-lsp="disclaimer"] a{color:#cdc7b8;font-size:inherit;text-decoration:underline}
[data-lsp="stamp"]{margin:14px 0 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8b8571}

/* --- 14. donor leftovers described with our own rules ------- */
[data-lsp="body"] .spip_documents,[data-lsp="body"] .spip_document_1{display:none}
[data-lsp="body"] blockquote{
  margin:20px 0;padding:4px 0 4px 18px;border-left:3px solid var(--plate-rule);
  font:400 18px/1.6 var(--face-display);color:var(--plate-ink-soft);
}
[data-lsp="body"] table{border-collapse:collapse;width:100%;font-size:14.5px;margin:16px 0}
[data-lsp="body"] hr{border:0;border-top:1px solid var(--plate-rule-soft);margin:26px 0}
[data-lsp="body"] img{border:1px solid var(--plate-rule-soft)}
[data-lsp="body"] .cartouche,[data-lsp="body"] #linguamap{display:none}

/* --- 15. mobile -------------------------------------------- */
@media (max-width:899px){
  :root{--field:var(--field-narrow);--rail:14px}
  [data-lsp="masthead-top"]{grid-template-columns:1fr auto;align-items:center;padding:12px 0}
  [data-lsp="masthead-top"],[data-lsp="masthead-nav"]{padding-left:var(--rail);padding-right:var(--rail)}
  [data-lsp="masthead-stats"]{display:none}
  [data-lsp="burger-label"]{
    display:flex;align-items:center;justify-content:center;gap:8px;
    min-width:46px;min-height:46px;padding:0 12px;cursor:pointer;
    border:1px solid var(--plate-rule);background:var(--plate-paper-2);
    font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--plate-ink-soft);
  }
  [data-lsp="burger-label"] svg{display:block}
  [data-lsp="masthead-nav"]{display:none;border-top:1px solid var(--plate-rule)}
  [data-lsp="burger"]:checked ~ [data-lsp="masthead-nav"]{display:block}
  [data-lsp="sections"]{display:block;padding-bottom:6px}
  [data-lsp="sections"] li{border-bottom:1px solid var(--plate-rule-soft)}
  [data-lsp="sections"] li:first-child a{padding-left:0}
  [data-lsp="sections"] a{
    padding:15px 0;font-size:13px;letter-spacing:.13em;border-bottom:0;min-height:46px;
    display:flex;align-items:center;
  }
  [data-lsp="sections"] a[aria-current]{color:var(--plate-ochre)}
  [data-lsp="burger-close"]{
    display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;
    margin:8px 0 12px;border:1px solid var(--plate-rule);background:var(--plate-paper-2);
    font-family:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--plate-ink-soft);cursor:pointer;
  }
  [data-lsp="plate"]{margin:12px 10px 20px;padding:0 var(--field) var(--field)}
  [data-lsp="rail"]{margin:0 calc(var(--field)*-1);padding:10px var(--field) 9px}
  [data-lsp="tree"] summary,[data-lsp="tree"] [data-lsp="leaf"]{
    grid-template-columns:1fr;gap:2px;padding-left:calc(var(--depth,0)*11px + 6px);
  }
  [data-lsp="facts"]{grid-template-columns:repeat(2,1fr)}
  [data-lsp="stories"]{grid-template-columns:1fr;gap:22px}
  [data-lsp="head"] h1{font-size:27px}
  [data-lsp="lede"]{font-size:17px}
}
@media (max-width:420px){
  [data-lsp="wordmark-text"] b{font-size:20px}
  [data-lsp="grid"]{grid-template-columns:1fr}
}
@media print{
  body{background:#fff}
  [data-lsp="masthead-nav"],[data-lsp="colophon"]{display:none}
  [data-lsp="plate"]{border:0;box-shadow:none;max-width:none}
}