.human-middle-family .hm-family-heading{margin:0 0 17px}
.human-middle-family .hm-family-heading h2{margin:0 0 6px;font-size:clamp(1.35rem,3vw,1.9rem);font-weight:600;letter-spacing:-.035em}
.human-middle-family .hm-family-heading p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.65}
.human-middle-family .hm-family-heading .hm-scale-note{max-width:78ch;margin-top:12px;color:var(--ink);line-height:1.75}
.human-middle-family .hm-unified-banner{padding:23px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(115deg,color-mix(in srgb,var(--surface) 94%,var(--accent2)),var(--surface))}
.human-middle-family .hm-family-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.human-middle-family .hm-family-entry{display:block;min-width:0;min-height:69px;padding:13px 14px;text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}
.human-middle-family .hm-family-entry:hover{border-color:var(--accent2);background:color-mix(in srgb,var(--surface) 94%,var(--accent2))}
.human-middle-family .hm-family-entry:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}
.human-middle-family .hm-entry-label{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.83rem;font-weight:600;line-height:1.4}
.human-middle-family .hm-entry-label>[aria-hidden]{color:var(--accent2);font-weight:400}
.human-middle-family .hm-family-entry-questions{background:color-mix(in srgb,var(--surface) 94%,var(--accent2))}
.human-middle-family .hm-family-banners{display:grid;gap:10px}
.human-middle-family .human-middle-card{grid-template-columns:auto minmax(0,1fr) auto;text-align:left}
.human-middle-family .human-middle-copy{min-width:0}
.human-middle-family .hm-series-status{display:block;margin-top:7px;font:500 .6rem/1.5 Consolas,monospace;color:var(--accent2)}
.human-middle-family .hm-series-status[data-pending="true"]{color:var(--muted)}
.human-middle-family .human-middle-icon.hm-family-icon:before,.human-middle-family .human-middle-icon.hm-family-icon:after{display:none}
.human-middle-family .hm-family-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.human-middle-dialog .hm-family-tabs{display:flex;justify-content:center;gap:6px;padding:10px 18px;background:var(--surface);border-bottom:1px solid var(--line);flex:none}
.human-middle-dialog .hm-family-tab{font:inherit;font-size:.72rem;font-weight:600;line-height:1.4;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;min-height:40px;padding:7px 16px;cursor:pointer}
.human-middle-dialog .hm-family-tab[aria-pressed="true"]{border-color:color-mix(in srgb,var(--accent2) 55%,var(--line));background:color-mix(in srgb,var(--surface) 92%,var(--accent2));color:var(--ink)}
.hm-family-tab:focus-visible,.hm-future-card:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}
.human-middle-dialog .hm-future-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}
.hm-future-intro h3{margin:0 0 8px;font-size:1.45rem;font-weight:600;letter-spacing:-.025em}
.hm-future-intro p{max-width:65ch;margin:0;color:var(--muted);font-size:.8rem;line-height:1.7}
.hm-future-status{flex:none;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font:500 .6rem/1.4 Consolas,monospace;color:var(--muted)}
.hm-future-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hm-future-grid.hm-question-grid{grid-template-columns:minmax(0,1fr);max-width:430px;margin:0 auto}
.hm-future-card{margin:0;display:flex;flex-direction:column;text-align:left;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:13px;color:var(--ink);padding:0}
.hm-future-card:hover{border-color:color-mix(in srgb,var(--accent2) 65%,var(--line))}
.hm-future-media{display:block;width:100%;margin:0;padding:0;border:0;border-radius:0;cursor:zoom-in;background:var(--bg);color:inherit}
.hm-future-media:focus-visible,.hm-future-expander summary:focus-visible{outline:2px solid var(--accent2);outline-offset:-2px}
.hm-future-expander{display:block;min-width:0}
.hm-future-expander summary{display:block;position:relative;list-style:none;cursor:pointer;padding-right:26px;min-height:34px}
.hm-future-expander summary::-webkit-details-marker{display:none}
.hm-future-expander summary::marker{content:""}
.hm-future-expander summary::after{content:"+";position:absolute;top:0;right:0;display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:7px;font-size:1rem;font-weight:400;line-height:1;color:var(--accent2);background:var(--surface)}
.hm-future-expander[open] summary::after{content:"−"}
.hm-future-expander summary:hover strong{text-decoration:underline;text-decoration-color:var(--accent2);text-underline-offset:3px}
.hm-future-expander .hm-future-short{margin:0;color:var(--muted);font-size:.73rem;line-height:1.7}
.hm-future-expander .hm-future-long{margin:13px 0 0;padding-top:13px;border-top:1px solid var(--line);color:var(--ink);font-size:.78rem;line-height:1.8}
.hm-future-card img{display:block;width:100%;height:auto;aspect-ratio:941/1672;object-fit:contain;background:var(--bg)}
.hm-future-placeholder{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:15px 17px;background:linear-gradient(115deg,color-mix(in srgb,var(--surface) 94%,var(--accent2)),var(--surface));border-bottom:1px solid var(--line)}
.hm-future-number{font:400 1.8rem/1 Consolas,monospace;color:var(--accent2);opacity:.7}
.hm-future-placeholder small{color:var(--muted);font-size:.62rem}
.hm-future-copy{display:block;padding:15px 17px 18px}
.hm-future-copy strong{display:block;margin:0 0 9px;font-size:.86rem;line-height:1.45;font-weight:600}
.hm-future-copy p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.7}
.human-middle-dialog .hm-family-about{max-width:820px;margin:0 auto;padding:28px 24px 36px}
.hm-family-about h3{margin:0 0 15px;font-size:1.5rem;letter-spacing:-.025em}
.hm-family-about h4{font-size:.9rem;margin:26px 0 8px}
.hm-family-about p,.hm-family-about li{font-size:.8rem;line-height:1.8;color:var(--muted)}
.hm-family-about a{color:var(--accent2)}
@media(max-width:900px){.hm-future-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.human-middle-family .hm-unified-banner{padding:17px}.human-middle-family .hm-family-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.human-middle-family .hm-family-entry{padding:12px;min-height:66px}.human-middle-family .hm-family-heading{margin-bottom:13px}.human-middle-family .hm-family-heading p{font-size:.72rem}.human-middle-dialog .hm-family-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px 9px;gap:3px}.human-middle-dialog .hm-family-tab{padding:7px 5px;font-size:.69rem}.human-middle-dialog .hm-future-intro{display:block}.hm-future-status{display:inline-block;margin-top:12px}.hm-future-grid{grid-template-columns:1fr}.human-middle-dialog .hm-family-about{padding:22px 15px 30px}.hm-future-intro h3{font-size:1.2rem}.hm-future-copy strong{font-size:.82rem}}

