/* 日本軍の歴史（history.js）用。色トークンは各ページの :root を使う */
.era{display:flex;gap:16px;position:relative;padding-bottom:26px}
.era:not(:last-child)::before{content:"";position:absolute;left:21px;top:46px;bottom:0;width:2px;background:var(--line)}
.era-no{flex:none;width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-size:15px}
.era-main{flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 20px}
.era-main h3{margin:0;font-size:18px}
.era-sub{margin:0 0 8px;font-size:13px;color:var(--sub)}
.era-body{margin:0;padding-left:1.2em}
.era-body li{margin:2px 0}
.coord{display:inline-flex;gap:8px;align-items:center;margin-top:10px;font-family:"JetBrains Mono",monospace;font-size:13px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 10px}
.coord span{font-family:"Noto Sans JP",sans-serif;color:var(--sub);font-size:12px}
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:12px}
.person{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--tc);border-radius:10px;padding:8px 10px;min-width:0}
a.person:hover{border-color:var(--tc)}
.face{flex:none;width:40px;height:40px;border-radius:6px;image-rendering:pixelated}
.noskin{display:grid;place-items:center;background:var(--line);color:var(--sub);font-weight:700}
.pinfo{min-width:0}
.pinfo b{display:block;font-family:"JetBrains Mono",monospace;font-weight:500;font-size:14px;overflow-wrap:anywhere}
.pinfo small{display:block;font-size:12px;color:var(--sub);line-height:1.5}
.event{margin-top:14px;border-radius:12px;padding:12px 16px;background:var(--accent-soft);border:1px solid var(--accent)}
.event b{color:var(--accent)}
.event p{margin:4px 0 0}
.t-founder{--tc:var(--ink)}.t-ally{--tc:#2f8f5b}.t-mentor{--tc:#2f6fdb}.t-traitor{--tc:var(--accent)}.t-enemy{--tc:#7a1a14}
.roster-h{margin:20px 0 0;font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}
.roster-h::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--tc)}
.note{font-size:12px;color:var(--sub);line-height:1.6;margin-top:14px}
@media (max-width:480px){.era{gap:10px}.era-no{width:34px;height:34px;font-size:13px;border-radius:10px}.era:not(:last-child)::before{left:16px;top:36px}.era-main{padding:14px 14px}}
/* 言語切り替え：.ja / .en の片方だけ表示（html[data-lang] は history.js が head で設定） */
:root[data-lang="en"] .ja,:root:not([data-lang="en"]) .en{display:none!important}
.langbtn{display:flex;justify-content:flex-end;gap:4px;margin-bottom:12px}
.langbtn button{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--card);color:var(--sub);border-radius:999px;padding:3px 12px;cursor:pointer}
.langbtn button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.clanmark{display:grid;place-items:center;background:#7a1a14;color:#fff;font-size:20px}
.clantag{display:inline-block;margin-left:6px;font-family:"Noto Sans JP",sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;color:#fff;background:#7a1a14;border-radius:4px;padding:0 5px;vertical-align:2px}
.era-link{display:inline-block;margin-top:10px;text-decoration:none;background:#5865f2;color:#fff;font-size:13px;font-weight:700;border-radius:8px;padding:4px 12px}