/* CS Network — site chrome shared by home and section pages. Tokens match
   the article page; Bootstrap grid + utilities do the layout. */
:root{--fg:#1a1a1a;--muted:#5c5c5c;--bg:#fff;--rule:#e5e5e5;--accent:#0b5d8f;--tile:#f4f6f8;--ok:#1f7a4d;--warn:#b4530a}
@media (prefers-color-scheme:dark){:root{--fg:#e8e8e8;--muted:#a0a0a0;--bg:#141414;--rule:#2e2e2e;--accent:#6db3e2;--tile:#1d1f22;--ok:#6cc79a;--warn:#e69a5c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:1rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}
a{color:var(--accent)}
.site-header{border-bottom:1px solid var(--rule);padding:1rem 0}
.site-header .brand{font-weight:700;font-size:1.25rem;color:var(--fg);text-decoration:none}
.site-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none}
.site-nav a{color:var(--muted);text-decoration:none;font-size:.9375rem;padding:.25rem 0;border-bottom:2px solid transparent}
.site-nav a:hover,.site-nav a.active{color:var(--fg);border-bottom-color:var(--accent)}
.site-nav .lang{margin-left:auto;font-size:.8125rem}
main{padding:2rem 0 3rem}
.page-title{font-size:1.75rem;line-height:1.2;margin:0 0 .25rem}
.page-intro{color:var(--muted);margin:0 0 1.5rem;max-width:62ch}
.card-cs{display:flex;flex-direction:column;height:100%;border:1px solid var(--rule);border-radius:.5rem;overflow:hidden;background:var(--bg)}
.card-cs .thumb{aspect-ratio:16/10;width:100%;height:auto;object-fit:cover;display:block;background:var(--tile)}
.card-cs .body{padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.card-cs .kicker{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.card-cs h3{font-size:1.125rem;line-height:1.3;margin:0}
.card-cs h3 a{color:var(--fg);text-decoration:none}
.card-cs h3 a:hover{text-decoration:underline;text-underline-offset:2px}
.card-cs p{margin:0;color:var(--muted);font-size:.9375rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-cs .foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.75rem;color:var(--muted);padding-top:.5rem}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;background:var(--tile);color:var(--fg);font-variant-numeric:tabular-nums}
.chip b{color:var(--ok)}
.lead-card .card-cs{flex-direction:row}
.lead-card .card-cs .thumb{aspect-ratio:auto;height:100%;min-height:280px}
.lead-card .card-cs h3{font-size:1.5rem}
.lead-card .card-cs p{-webkit-line-clamp:4;font-size:1rem}
@media (max-width:767.98px){.lead-card .card-cs{flex-direction:column}.lead-card .card-cs .thumb{aspect-ratio:16/10;min-height:0}}
.affiliate{border:1px solid var(--rule);border-radius:.5rem;padding:1rem;background:var(--tile);margin:1.5rem 0}
.affiliate .disc{font-size:.75rem;color:var(--muted);margin:.5rem 0 0}
.site-footer{border-top:1px solid var(--rule);padding:1.5rem 0 2.5rem;font-size:.8125rem;color:var(--muted)}
.site-footer a{color:var(--muted)}
.empty{color:var(--muted)}