/* ===== zetaP 情報ページ共通スタイル（index と同トーン） ===== */
:root{
  --bg:#0b0612; --bg2:#120a1e; --ink:#f3ecdf; --mut:#9d90b4;
  --accent:#ffe25c; --hot:#f22b8f; --cy:#46e8ff;
  --serif:"Shippori Mincho",serif; --sans:"Zen Kaku Gothic New",sans-serif;
  --mono:"Space Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  line-height:1.9;overflow-x:hidden;
  background-image:radial-gradient(120% 80% at 20% -10%,rgba(242,43,143,.10),transparent 55%),
    radial-gradient(120% 80% at 90% 0%,rgba(70,232,255,.07),transparent 55%);
  background-attachment:fixed}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}

/* header */
.lg-head{position:sticky;top:0;z-index:10;backdrop-filter:blur(9px);
  background:rgba(11,6,18,.82);border-bottom:1px solid rgba(255,226,124,.16)}
.lg-head .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font:800 22px/1 var(--mono);letter-spacing:.16em;color:var(--ink);
  display:inline-flex;align-items:center}
.logo b{color:var(--hot)}
.logo .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);
  margin-left:6px;box-shadow:0 0 10px var(--accent)}
.lg-head nav{display:flex;gap:22px;font:700 10px/1 var(--mono);letter-spacing:.16em;color:var(--mut)}
.lg-head nav a{color:var(--mut)}
.lg-head nav a:hover{color:var(--accent);text-decoration:none}

/* breadcrumb */
.crumb{font:400 12px/1 var(--mono);letter-spacing:.08em;color:var(--mut);
  padding:26px 0 0}
.crumb a{color:var(--mut)}
.crumb b{color:var(--accent)}

/* article */
main.lg{padding:8px 0 70px}
.lg-title{margin:14px 0 6px;font:700 clamp(28px,5vw,44px)/1.2 var(--serif)}
.lg-lead{color:var(--mut);font-size:14px;letter-spacing:.04em;margin:0 0 8px}
.lg-updated{font:400 11px/1 var(--mono);color:var(--mut);letter-spacing:.1em;
  padding:6px 0 22px;border-bottom:1px solid rgba(157,144,180,.22);margin-bottom:30px}
.lg h2{font:700 clamp(19px,3vw,24px)/1.4 var(--serif);margin:40px 0 12px;
  padding-left:14px;border-left:3px solid var(--hot)}
.lg h3{font:700 16px/1.5 var(--sans);margin:26px 0 8px;color:var(--accent)}
.lg p{margin:0 0 14px}
.lg ul,.lg ol{margin:0 0 16px;padding-left:22px}
.lg li{margin:0 0 7px}
.lg strong{color:var(--ink)}
.lg .ok{color:var(--cy)} .lg .ng{color:var(--hot)}
.lg-card{background:rgba(18,10,30,.6);border:1px solid rgba(255,226,124,.18);
  border-radius:12px;padding:20px 22px;margin:18px 0}
.lg dl{margin:0}
.lg dt{font:700 12px/1.4 var(--mono);letter-spacing:.1em;color:var(--accent);
  margin-top:14px}
.lg dt:first-child{margin-top:0}
.lg dd{margin:2px 0 0;padding:0}
.lg-cta{display:inline-flex;align-items:center;gap:8px;margin-top:8px;
  padding:12px 22px;border:1px solid var(--accent);border-radius:999px;
  font:700 13px/1 var(--mono);letter-spacing:.08em;color:var(--accent)}
.lg-cta:hover{background:var(--accent);color:var(--bg);text-decoration:none}

/* footer */
.lg-foot{border-top:1px solid rgba(157,144,180,.22);padding:30px 0 46px}
.lg-foot .wrap{display:flex;flex-wrap:wrap;gap:14px 26px;
  align-items:center;justify-content:space-between}
.lg-foot nav{display:flex;flex-wrap:wrap;gap:18px;font:700 11px/1 var(--mono);letter-spacing:.12em}
.lg-foot nav a{color:var(--mut)}
.lg-foot small{color:var(--mut);font:400 11px/1.6 var(--mono);letter-spacing:.06em}
@media (max-width:560px){.lg-head nav{gap:14px}}