/* 移住先カルテ用の追加スタイル（style.css は水道水カルテと共通） */
:root{ --ok:#2f8a5e; --mid:#b08a2e; --low:#c0662b; --na:#8a979e; --gesui:#2f7fa8; --other:#8fbfd6; --none:#d8dee1; }
@media (prefers-color-scheme:dark){:root{ --ok:#5bc08f; --mid:#d6b05a; --low:#e08a55; --na:#7c8b92; --gesui:#5fb0d8; --other:#35627a; --none:#3a474c; }}
.house{width:16px;height:14px;background:var(--accent);clip-path:polygon(50% 0,100% 45%,88% 45%,88% 100%,12% 100%,12% 45%,0 45%)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
@media (max-width:640px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--c,var(--na));border-radius:var(--radius);padding:12px;text-decoration:none;color:var(--ink)}
.t-ok{--c:var(--ok)}.t-mid{--c:var(--mid)}.t-low,.t-kz{--c:var(--low)}.t-na{--c:var(--na)}
.t-label{font-size:13px;color:var(--muted)}
.t-num{font-size:30px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.t-num small{font-size:14px;font-weight:600;margin-left:2px}
.t-sub{font-size:12px;color:var(--muted)}
.verdict{font-weight:700;border-left:4px solid var(--c,var(--na));padding:4px 0 4px 12px}
.v-ok{--c:var(--ok)}.v-mid{--c:var(--mid)}.v-low,.v-kz{--c:var(--low)}.v-na{--c:var(--na)}
.stack{display:flex;height:22px;border-radius:6px;overflow:hidden;margin:12px 0 6px;background:var(--none)}
.seg{height:100%}.s-gesui{background:var(--gesui)}.s-other{background:var(--other)}.s-none{background:var(--none)}
.legend{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px}
.legend .dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}
.dot.s-none{outline:1px solid var(--line)}
.tip{background:var(--accent-soft);border-radius:var(--radius);padding:12px 16px;margin:14px 0}
.tip-title{font-weight:700;margin:0 0 4px}
.tip ul{margin:0;padding-left:1.2em;font-size:15px}
.kv{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:10px 0}
.kv-head{font-weight:700;margin:0 0 6px}.kv-head small{font-weight:400;color:var(--muted);margin-left:4px}
.kv dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:640px){.kv dl{grid-template-columns:1fr}}
.kv dt{font-size:12px;color:var(--muted)}.kv dd{margin:0;font-variant-numeric:tabular-nums}.kv dd b{font-size:24px}
.spark{display:flex;gap:10px;align-items:flex-end;height:120px;margin:14px 0 6px;max-width:420px}
.sp-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.sp-bar{width:60%;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px}
.sp-n{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.sp-y{font-size:11px;color:var(--muted);white-space:nowrap}
table.sortable th{cursor:pointer;user-select:none;white-space:nowrap}
table.sortable th[aria-sort="ascending"]::after{content:" ▲";font-size:10px}
table.sortable th[aria-sort="descending"]::after{content:" ▼";font-size:10px}
.pref{border-left-color:var(--accent)}
.mini-ranks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 12px}
@media (max-width:760px){.mini-ranks{grid-template-columns:1fr}}
.mini-ranks section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}
.mini-ranks h2{font-size:15px;margin:0 0 6px;border:0;padding:0}
.mini-ranks ol{margin:0;padding-left:1.4em;font-size:14px}
.mini-ranks li b{float:right;margin-left:8px}
.mini-ranks li::marker{color:var(--muted)}
.mini-ranks b{font-variant-numeric:tabular-nums}
.pref-s{color:var(--muted);margin-left:8px;font-size:12px}
.row-val{color:var(--accent)}
.summary ul{margin:0;padding-left:1.2em}
.summary li{margin:4px 0}
tr.me td{background:var(--accent-soft)}
.table-wrap{overflow-x:auto}