/* Lewo Sites v2 — the site header and footer on the item, legal and status
   pages (SiteStyleAsset, content-addressed). Those pages keep their own sheet
   and its six tokens: --paper --text --mute --line --accent --accent-on. */
.shead{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:16px;height:64px;padding:0 clamp(16px,5vw,48px);
  background:var(--paper);border-bottom:1px solid var(--line);font-family:var(--sans)}
.brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:inherit;text-decoration:none}
.logo{width:32px;height:32px;border-radius:9px;flex:none;display:grid;place-items:center;object-fit:cover;
  background:var(--text);color:var(--paper);font-weight:700;font-size:14px}
.snames{min-width:0;display:flex;align-items:baseline;gap:8px;overflow:hidden}
.sname{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scat{display:none;font-size:12px;color:var(--mute);white-space:nowrap}
.snav{display:none;gap:24px;font-size:14px;font-weight:500}
.snav a,.mnav-list a{color:var(--mute);text-decoration:none}
.snav a:hover,.snav a[aria-current]{color:var(--text)}
.hcta{display:none;flex:none;align-items:center;height:40px;padding:0 16px;border-radius:9999px;font-size:13.5px;font-weight:600;
  background:var(--accent);color:var(--accent-on);text-decoration:none}
.mnav{position:relative;flex:none}
.mnav summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;border-radius:9999px;border:1px solid var(--line)}
.mnav summary::-webkit-details-marker{display:none}
.hbars{width:18px;height:12px;border-block:2px solid var(--text);position:relative}
.hbars::after{content:"";position:absolute;inset-inline:0;top:3px;border-top:2px solid var(--text)}
.mnav-list{position:absolute;inset-inline-end:0;top:48px;z-index:30;min-width:200px;display:grid;padding:8px;
  background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px -18px rgba(10,10,10,.28)}
.mnav-list a{padding:12px 16px;border-radius:12px;font-size:14.5px;color:var(--text)}
.mnav-list a[aria-current]{background:var(--line)}
@media(min-width:760px){.snav,.hcta,.scat{display:flex}.mnav{display:none}}
.sfoot{margin-top:48px;padding:48px clamp(16px,5vw,48px) 32px;border-top:1px solid var(--line);font-family:var(--sans);font-size:14px}
.fcols{max-width:1180px;margin:0 auto;display:grid;gap:24px 48px}
@media(min-width:760px){.fcols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.fcol{display:grid;gap:10px;align-content:start;justify-items:start}
.fname{font-weight:700;font-size:16px;margin:0}
.fsub,.fcol p{margin:0;color:var(--mute)}
.fhead{margin:0;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--mute)}
.fcol a{color:var(--text);text-decoration:none}
.fsoc{display:flex;gap:10px}.fsoc svg{width:20px;height:20px}
.fbar{max-width:1180px;margin:32px auto 0;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;color:var(--mute);font-size:12.5px}
.fcopy{margin:0}.flegal{display:flex;gap:16px}.flegal a{color:var(--mute)}
.sfoot .made{display:inline;max-width:none;margin:0;padding:0;color:var(--accent);font-weight:600;font-size:12.5px}
/* The site header carries the way home: v1's breadcrumb row inside an item page says it twice (P4). */
html.v2 .crumbs{display:none}
/* P8: the "Made with Lewo" pill, in the page's own ink. */
.sfoot .mpill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid currentColor;border-radius:9999px;
  color:inherit;opacity:.6;font-size:12px;font-weight:500;line-height:1.3;text-decoration:none}
.sfoot .mpill:hover{opacity:.9}
.mpill .mp2{font-weight:600}
.mpill .mp2::before{content:"\00B7";margin-inline-end:6px;font-weight:400}