/* KFChow Repo Watch — self-contained styles (no shared kfchow page dependencies) */
:root{
  --gw-bg:#0f1117; --gw-surface:#171a21; --gw-border:#262b36; --gw-text:#e8eaf0;
  --gw-muted:#9aa3b5; --gw-accent:#3b82f6; --gw-accent-soft:#1d2634;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;color:var(--gw-text);background:var(--gw-bg);line-height:1.6}
a{color:var(--gw-accent);text-decoration:none}
a:hover{text-decoration:underline}
main{max-width:860px;margin:0 auto;padding:1rem 1.25rem 3rem}
header.site{border-bottom:1px solid var(--gw-border);position:sticky;top:0;background:var(--gw-bg);z-index:10}
.bar{max-width:1060px;margin:0 auto;padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:baseline;gap:.55rem;color:var(--gw-text);flex-wrap:wrap}
.brand b{font-size:1.05rem}
.brand span{color:var(--gw-muted);font-size:.8rem}
.globe-wrap{position:relative}
.globe-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border:1px solid var(--gw-border);border-radius:.55rem;background:var(--gw-surface);color:var(--gw-text);cursor:pointer;font-size:.9rem}
.globe-btn svg{width:1rem;height:1rem}
.globe-menu{display:none;position:absolute;right:0;top:calc(100% + .35rem);min-width:11rem;max-height:17rem;overflow:auto;background:var(--gw-surface);border:1px solid var(--gw-border);border-radius:.6rem;padding:.3rem;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.globe-menu.open{display:block}
.globe-menu a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.4rem .65rem;border-radius:.4rem;color:var(--gw-text);font-size:.9rem;white-space:nowrap}
.globe-menu a:hover{background:var(--gw-accent-soft);text-decoration:none}
.globe-menu .cur{color:var(--gw-muted)}
.globe-menu .come{font-size:.68rem;color:var(--gw-muted);border:1px solid var(--gw-border);border-radius:.35rem;padding:0 .3rem}
.hero{padding:2.2rem 0 1.4rem}
.hero h1{font-size:1.9rem;line-height:1.25;margin:.2rem 0 .7rem}
.hero p{color:var(--gw-muted);max-width:44rem}
.btn{display:inline-block;margin-top:.4rem;padding:.55rem 1.05rem;border-radius:.55rem;background:var(--gw-accent);color:#fff;font-weight:600}
.btn:hover{text-decoration:none;filter:brightness(1.08)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem;margin:1.2rem 0}
.card{background:var(--gw-surface);border:1px solid var(--gw-border);border-radius:.7rem;padding:1rem}
.card h3{margin:.1rem 0 .45rem;font-size:1rem}
.card p{margin:0;color:var(--gw-muted);font-size:.92rem}
.card a::after{content:" \2192"}
.guide h2{margin:1.7rem 0 .35rem;font-size:1.25rem}
.guide p{color:var(--gw-muted)}
.crumbs{font-size:.85rem;color:var(--gw-muted);margin-top:1.1rem}
.ph-note{border-left:3px solid var(--gw-accent);padding:.5rem .9rem;background:var(--gw-surface);border-radius:.4rem;color:var(--gw-muted)}
footer.site{border-top:1px solid var(--gw-border);margin-top:2rem}
footer.site .bar{align-items:center;flex-wrap:wrap}
.disc{color:var(--gw-muted);font-size:.8rem;max-width:44rem}
[dir=rtl] .hero,[dir=rtl] .cards,[dir=rtl] footer .bar{direction:rtl;text-align:right}
@media (max-width:560px){.brand span{display:none}.hero h1{font-size:1.5rem}}