/* パズサバ図解 — 全ページ共通の上の帯といちばん下（グラレコ風：紙に黒ペン・黄色の強調） */
.site-head{position:sticky;top:0;z-index:20;background:#141414;color:#fff;font-family:"Noto Sans JP",system-ui,sans-serif}
.site-head .in{max-width:980px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.site-head .logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-weight:900;font-size:1.05rem;margin-right:auto;white-space:nowrap}
.site-head .logo .mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#FFD000;color:#141414;font-size:1.1rem}
.site-head .logo small{font-weight:500;font-size:.75rem;color:#ccc;margin-left:4px}
.site-nav{display:flex;gap:6px;flex-wrap:wrap}
.site-nav a{color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;padding:5px 11px;border-radius:999px;border:2px solid transparent}
.site-nav a:hover{border-color:#FFD000}
.site-nav a[aria-current="page"]{background:#FFD000;color:#141414}
.site-lang{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.site-lang span{font-size:.8rem;color:#ccc}
.site-lang button{font:inherit;font-weight:700;font-size:.85rem;border:2px solid #FFD000;background:transparent;color:#fff;border-radius:999px;padding:3px 11px;cursor:pointer}
.site-lang button[aria-pressed="true"]{background:#FFD000;color:#141414}
.site-foot{padding:28px 16px 48px;text-align:center;color:#5F5F5F;font-size:.85rem;border-top:3px dashed #141414;background:#FFFDF5;font-family:"Noto Sans JP",system-ui,sans-serif}
.site-foot a{color:#141414;font-weight:700;text-decoration:none;margin:0 8px}
.site-foot p{margin:4px 0}
@media (max-width:600px){
  .site-head .in{padding:8px 12px;gap:8px}
  .site-head .logo{font-size:.95rem}
  .site-nav a{font-size:.82rem;padding:4px 9px}
}