.hydro-detail .lede { margin-bottom: 24px; }
.hydro-status { padding: 18px 22px; border: 1px solid var(--border-hover); border-left: 3px solid var(--accent); border-radius: 0 12px 12px 0; background: var(--accent-soft); margin: 24px 0 32px; }
.hydro-status strong { color: var(--accent); font-size: 13px; }
.hydro-status p { color: var(--text-secondary); font-size: 14px; margin-top: 6px; }
.hydro-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.hydro-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px; min-width: 0; }
.hydro-card p, .hydro-card li { font-size: 14px; color: var(--text-secondary); line-height: 1.7; }
.hydro-card ul { padding-left: 18px; }
.hydro-card h3 { margin-bottom: 10px; }
.hydro-architecture { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 26px; margin: 24px 0; }
.hydro-path { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; list-style: none; }
.hydro-path li { padding: 16px 12px; border: 1px solid var(--border-hover); border-radius: 10px; font-size: 13px; }
.hydro-path small { display: block; font-size: 11px; color: var(--text-secondary); margin-top: 5px; }
.hydro-path b { color: var(--accent); display: block; font-size: 11px; margin-bottom: 8px; }
.hydro-branches { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0; }
.hydro-branches div { padding: 16px; border: 1px dashed var(--border-hover); border-radius: 10px; font-size: 13px; }
.hydro-architecture p { font-size: 13px; color: var(--text-secondary); }
.hydro-architecture strong { color: var(--accent); }
.hydro-jumps { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 24px 0; font-size: 13px; color: var(--accent); }
.hydro-detail section { scroll-margin-top: 100px; }
.hydro-detail .hydro-status-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.hydro-detail .hydro-status-grid h3 { font-size: 13px; }
.hydro-detail .hydro-status-grid li { margin-bottom: 7px; }
@media(max-width:760px) { .hydro-grid, .hydro-detail .hydro-status-grid { grid-template-columns:1fr; } .hydro-path { grid-template-columns:repeat(2,minmax(0,1fr)); } .hydro-architecture { padding:16px; } }
@media(max-width:400px) { .hydro-branches { grid-template-columns:1fr; } }

.hydro-overview {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0 32px}.hydro-overview p,.hydro-proof p{font-size:14px;color:var(--text-secondary);line-height:1.7}.hydro-proof{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);margin:22px 0}.hydro-equation{font-family:Georgia,serif;font-size:clamp(16px,2.2vw,21px);margin:18px 0;overflow-wrap:anywhere}.hydro-result{border-top:1px solid var(--border-hover);padding-top:16px;color:var(--accent)}.hydro-region{margin-top:36px}.hydro-region .cpu-summary{margin:0}.hydro-region .cpu-split{align-items:start}.hydro-region h3{margin-bottom:14px}@media(max-width:760px){.hydro-overview,.hydro-proof{grid-template-columns:1fr}.hydro-proof{padding:20px;gap:20px}}

.hydro-block-diagram {padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin:24px 0}
.hydro-block-flow {display:flex;flex-wrap:wrap;gap:22px 26px;list-style:none;padding:0;margin:0 0 24px}
.hydro-block-flow li {position:relative;flex:1 1 calc(25% - 26px);min-width:150px;padding:18px 14px;border:1px solid var(--border-hover);border-radius:10px}
.hydro-block-flow li:not(:last-child)::after {content:'→';position:absolute;right:-22px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:20px}
.hydro-block-flow strong {font-size:13px;display:block}
.hydro-block-flow small {display:block;color:var(--text-secondary);font-size:12px;margin-top:7px;line-height:1.5}
.hydro-block-flow .hydro-planned {border-style:dashed}
.hydro-block-diagram p {font-size:13px;color:var(--text-secondary);line-height:1.7}
.hydro-block-diagram p strong {color:var(--accent)}
@media(max-width:760px){.hydro-block-flow{flex-direction:column;gap:28px}.hydro-block-flow li{flex:auto;min-width:0;text-align:center}.hydro-block-flow li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-26px;transform:translateX(50%)}.hydro-block-diagram{padding:18px}}

.hydro-mcu-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;text-align:center;color:var(--accent);font-size:11px;margin:0 0 14px}
.hydro-mcu-block{padding:22px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft)}
.hydro-mcu-block h3{font-size:16px;margin-bottom:8px}.hydro-mcu-block ul{padding-left:18px;margin:14px 0;color:var(--text-secondary);font-size:13px;line-height:1.7}.hydro-mcu-block li{margin-bottom:8px}.hydro-mcu-block strong{color:var(--text)}.hydro-mcu-block .hydro-mcu-note{font-size:12px;border-top:1px solid var(--border-hover);padding-top:12px}
@media(max-width:760px){.hydro-mcu-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hydro-mcu-block{padding:18px}}

.hydro-mcu-block{width:100%;padding:16px 18px;text-align:center}.hydro-mcu-block>strong{display:block;color:var(--accent);font-size:14px;margin-bottom:6px}.hydro-mcu-block>span{display:block;color:var(--text-secondary);font-size:12px;line-height:1.6}.hydro-block-diagram .hydro-mcu-caption{font-size:11px;margin-top:10px;text-align:center}

.hydro-detail .hydro-cover{max-width:480px;margin:24px auto 32px}.hydro-overview ul{padding-left:18px;color:var(--text-secondary);font-size:14px;line-height:1.65}.hydro-overview li{margin-bottom:8px}