/* ===== タブ ===== */
.tabs{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.tab{
  -webkit-appearance:none;appearance:none;cursor:pointer;text-align:left;
  background:var(--panel2);border:2px solid var(--line);border-radius:10px;
  padding:.55rem .7rem;min-height:64px;display:flex;flex-direction:column;gap:.1rem
}
.tab .tn{font-weight:700;font-size:.95rem}
.tab .td{font-size:.74rem;color:var(--chalk-faint);line-height:1.4}
.tab[aria-selected="true"]{border-color:var(--accent);background:rgba(255,217,120,.14)}
.tab:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}
@media (max-width:620px){.tab .td{display:none}.tab{min-height:48px}}

/* ===== 粘りけメーター ===== */
.meter{height:14px;border-radius:99px;background:linear-gradient(90deg,#2a1810,#c4552a,#e8b46a,#efe6d2);position:relative;margin:.3rem 0 .15rem;border:1px solid var(--line)}
.meter .pin{position:absolute;top:-6px;width:4px;height:24px;background:var(--chalk);border-radius:2px;box-shadow:0 0 0 2px #0d1815;transform:translateX(-2px)}
.meterlab{display:flex;justify-content:space-between;font-size:.72rem;color:var(--chalk-faint)}
.facts{display:grid;gap:.4rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.6rem}
.fact{background:var(--board2);border:1px solid var(--line);border-radius:8px;padding:.4rem .55rem}
.fact .k{font-size:.72rem;color:var(--chalk-faint)}
.fact .v{font-size:.98rem;font-weight:700;color:var(--accent)}
.fact.wide{grid-column:1/-1}

/* ===== 火成岩の表 ===== */
.rtable{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:4px;margin-top:.4rem;font-size:.85rem}
.rtable .h{font-size:.74rem;color:var(--chalk-dim);text-align:center;padding:.25rem;line-height:1.3}
.rtable .rh{font-size:.74rem;color:var(--chalk-dim);display:flex;align-items:center;padding:0 .35rem;line-height:1.3}
.rcell{
  -webkit-appearance:none;appearance:none;cursor:pointer;min-height:56px;border-radius:8px;
  border:2px solid var(--line);background:var(--board2);font-weight:700;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.05rem;padding:.25rem
}
.rcell small{font-weight:400;font-size:.68rem;color:var(--chalk-faint)}
.rcell[aria-pressed="true"]{border-color:var(--accent);background:rgba(255,217,120,.16)}
.rcell:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}
.bars{margin-top:.5rem}
.stack{display:flex;height:30px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.stack span{display:block;height:100%}
.minlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .6rem;margin-top:.4rem;font-size:.8rem}
.minlist div{display:flex;align-items:center;gap:.35rem}
.minlist i{width:.9rem;height:.9rem;border-radius:2px;flex:none;border:1px solid rgba(255,255,255,.3)}
.minlist b{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--accent)}

/* ===== 防災 ===== */
.toggles{display:flex;flex-wrap:wrap;gap:.4rem}
.tg{
  -webkit-appearance:none;appearance:none;cursor:pointer;border:2px solid var(--line);background:var(--board2);
  border-radius:999px;padding:.4rem .8rem;min-height:44px;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem
}
.tg i{width:.9rem;height:.9rem;border-radius:50%;display:inline-block}
.tg[aria-pressed="false"]{opacity:.5}
.tg[aria-pressed="true"]{border-color:var(--accent)}
.shelters{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.4rem}
.verdict{margin-top:.55rem;border-radius:8px;padding:.55rem .7rem;font-size:.9rem;display:none}
.verdict.show{display:block}
.verdict.ok{background:rgba(70,198,168,.14);border:1px solid var(--ridge)}
.verdict.ng{background:rgba(255,77,77,.12);border:1px solid var(--quake)}
.levels{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.25rem;font-size:.82rem}
.levels li{display:flex;gap:.5rem;align-items:baseline;background:var(--board2);border:1px solid var(--line);border-radius:6px;padding:.3rem .5rem}
.levels b{flex:none;min-width:4.6rem}
.panel[hidden]{display:none!important}

.lg.off .nm::after{content:"（いまは見られない）"}