.module-nav{display:flex;gap:24px;height:100%;align-items:stretch}.module-nav a{display:flex;align-items:center;text-decoration:none;color:#74796f;font-size:12px;border-bottom:2px solid transparent;padding:0 3px}.module-nav a[aria-current=page]{color:var(--ink);border-color:var(--accent)}.renal-main{max-width:1640px}.renal-page .heading-row{min-height:84px}.renal-page h1{font-size:26px}.simulation-clock{display:flex;align-items:center;gap:18px;font:11px var(--mono);color:#646c63}.simulation-clock>span{font-variant-numeric:tabular-nums}.speed-label{display:flex;align-items:center;gap:8px;font:10px Arial,sans-serif}.speed-label select{background:transparent;color:var(--ink);padding:6px;border:1px solid var(--line);font:11px Arial,sans-serif}#sim-pause{background:transparent;border:1px solid var(--line);width:30px;height:30px}.renal-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.renal-controls{border-top:1px solid var(--ink);padding:20px 0;max-height:calc(100dvh - 155px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b7b3a8 transparent}.controls-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.controls-title h2{font-size:14px;letter-spacing:-.2px;font-weight:500;margin:0}.controls-title button{font-size:9px;background:none;color:#797c71;text-decoration:underline;text-underline-offset:3px;padding:0 5px}.renal-mode{display:flex;border:1px solid #bfc1b6;margin-bottom:8px}.renal-mode button{width:50%;padding:10px 6px;background:transparent;font-size:10px;color:#6f7569}.renal-mode button.active{background:#303b36;color:#f1f0e5}.parameter{padding:17px 0 15px;border-bottom:1px solid var(--line)}.parameter label{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px;color:#414a3e}.parameter output{font:11px var(--mono);color:#313c30;font-variant-numeric:tabular-nums;white-space:nowrap}.parameter output small{font:9px Arial,sans-serif;color:#777e70}.main-parameter label{font-size:12px}.main-parameter output{font-size:22px;color:var(--accent);letter-spacing:-1px}.main-parameter output small{font-size:10px}.parameter input{display:block;width:calc(100% - 4px);margin:15px 2px 7px;accent-color:#b66b42;height:4px;cursor:pointer}.parameter input:disabled{opacity:.45;cursor:default}.parameter p{font-size:10px;line-height:1.65;color:#7c8273;margin:10px 0 0}.range-end{display:flex;justify-content:space-between;color:#8a8f81;font-size:8px;margin-top:9px}fieldset{border:0;padding:0;margin:0}fieldset legend{font:10px var(--mono);letter-spacing:1px;color:#747b6b;padding:20px 0 0}.preset-section{margin-top:21px}.preset-section h3{font-size:11px;font-weight:500;margin:0 0 10px}.preset-list{display:flex;flex-direction:column;gap:4px}.preset-list button{display:flex;justify-content:space-between;text-align:left;font-size:10px;padding:9px;background:#f2efe6;color:#596450}.preset-list button span{color:#aa7656}.model-note{font-size:9px;line-height:1.65;color:#8a8f80;margin:19px 0 0}.model-note button{padding:0;background:none;color:#707966;font-size:9px;text-decoration:underline}.renal-experiment{min-width:0;padding-bottom:15px}.metric-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#d0d1c5;border:1px solid #d0d1c5;border-bottom:0}.metric-card{background:var(--sheet);padding:14px 18px 9px;min-width:0}.metric-label{display:flex;justify-content:space-between;font-size:11px;color:#5e6958;gap:8px}.metric-label span{font:9px var(--mono);color:#959988}.metric-number{font-size:29px;letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:8px;color:#8e7339}.metric-card:nth-child(2) .metric-number{color:#6d718c}.metric-card:nth-child(3) .metric-number{color:#a56a60}.metric-card canvas{height:32px;width:100%;display:block;margin:4px 0}.metric-foot{font-size:8px;color:#929784;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.organ-panel{background:#202528;color:#e9e9dd}.organ-toolbar{height:42px;padding:0 20px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff13}.organ-tabs{display:flex;gap:22px;align-items:stretch;height:100%}.organ-tabs button{background:none;color:#939f9b;font-size:11px;padding:0;border-bottom:2px solid transparent}.organ-tabs button.active{color:#f5ead6;border-color:#db9e6d}.organ-toolbar>span{margin-left:auto;font:8px var(--mono);color:#88958f}#reset-camera{background:none;color:#bbc4b8;border:1px solid #59635c;width:25px;height:25px}.renal-visual{height:clamp(330px,43dvh,510px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#354043,#202528 75%)}#renal-scene{position:absolute;inset:0 105px 0 0}#renal-scene canvas{display:block;touch-action:none}#organ-labels{position:absolute;inset:0 105px 0 0;pointer-events:none}.renal-organ-label{position:absolute;transform:translate(-50%,-50%);font:9px Arial,sans-serif;color:#bac6c2;white-space:nowrap;padding:4px;background:#20252877}.flow-key{display:flex;flex-direction:column;gap:8px;position:absolute;left:19px;top:18px;font-size:9px;color:#9daaa4;pointer-events:none}.flow-key span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#d77f6d;margin-right:7px}.flow-key .venous:before{background:#88b3cb}.flow-key .urinary:before{background:#d1b36a}.scene-footnote{position:absolute;bottom:12px;left:19px;font:8px var(--mono);color:#7b8b84;pointer-events:none}#renal-loading{position:absolute;inset:0 105px 0 0;display:grid;place-content:center;font-size:12px;color:#c7d1c5;background:#202528}.urine-collection{position:absolute;right:0;top:0;bottom:0;width:106px;background:#1b2021aa;border-left:1px solid #6d817225;display:flex;align-items:center;flex-direction:column;padding:17px 10px 12px}.collection-label{font-size:9px;color:#b2b9a8}.urine-collection>strong{font:24px var(--mono);color:#d1b36a;margin-top:9px;font-variant-numeric:tabular-nums}.urine-collection>strong small{font-size:9px;color:#9ba58e}.beaker{position:relative;border:1px solid #a3ad8d;border-top:0;width:48px;flex:1;max-height:180px;min-height:75px;margin:14px 8px 13px 0;border-radius:0 0 6px 6px;overflow:visible;background:#879b7e0a}#urine-fill{position:absolute;bottom:0;left:0;right:0;height:0;background:#d6aa4eb3;border-top:2px solid #e9c66f;border-radius:0 0 5px 5px;transition:height .2s linear}.beaker-ticks{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.beaker-ticks span{font:7px var(--mono);color:#8d9b85;margin-right:-21px;text-align:right;position:relative}.beaker-ticks span:before{content:'';width:8px;position:absolute;right:22px;top:4px;border-top:1px solid #a9b294}.collection-buttons{display:flex;gap:4px;width:100%;margin-top:auto}.collection-buttons button{font-size:9px;padding:7px 5px;background:#a68a50;color:#171d17}.collection-buttons button:first-child{flex:1}.collection-buttons button:last-child{background:none;border:1px solid #676f5a;color:#a8b297}#collection-status{font-size:7px;color:#8d9984;margin-top:8px;text-align:center;line-height:1.4}.flow-values{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff17;padding:0 16px}.flow-values>div{padding:13px 10px;border-right:1px solid #ffffff10}.flow-values>div:last-child{border:0}.flow-values span{font-size:8px;color:#86968d;display:block}.flow-values strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;display:block;margin-top:6px;color:#d3d9cb;white-space:nowrap}.flow-values strong small{font-size:8px;color:#8e9d90;font-weight:400}.flow-values .urine-value strong{color:#d5b56d}.insight{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f3f0e7;border:1px solid #d0d1c5;border-top:0;padding:17px 20px}.insight .eyebrow{font-size:8px;letter-spacing:1px}.insight h2{font-size:14px;font-weight:500;margin:7px 0}.insight p{font-size:11px;line-height:1.7;color:#737e69;margin:0;max-width:650px}.insight button{background:none;border:1px solid #bebfae;white-space:nowrap;font-size:10px;padding:11px;display:flex;gap:15px}.insight button span{color:#a07b4b}.renal-bottom{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#909783;margin-top:10px}.nephron-note{font-size:8px;color:#9bab9d;text-align:center;padding:5px 12px}#nephron-view{position:absolute;inset:0 105px 0 0;padding:14px 6px 0}#nephron-view svg{width:100%;height:calc(100% - 24px);overflow:visible}#nephron-view text{fill:#c1d1c4;font:13px Arial,sans-serif}#nephron-view .svg-small{fill:#829c8e;font-size:10px}#nephron-view .svg-value{font:19px var(--mono);fill:#dfc983}#nephron-view .gold-text{fill:#d9bb6e}.capsule{fill:#b9925630;stroke:#cfb070;stroke-width:2}.vessel{fill:none;stroke:#b65b4e;stroke-width:10;stroke-linecap:round}.glomerulus{fill:none;stroke:#e18d79;stroke-width:8;stroke-linecap:round}.peritubular{fill:none;stroke:#698f9c;stroke-width:5;opacity:.75}.tubule{fill:none;stroke:#d3b366;stroke-width:10;stroke-linecap:round}.collecting{stroke:#b79859;fill:none;stroke-width:13;stroke-linecap:round}.reabsorb-arrow{stroke:#8ab5c2;stroke-width:2;fill:none}.urine-arrow{stroke:#d6b963;stroke-width:2;fill:none}.flow-path{stroke-dasharray:5 16;animation:flow-dash 2s linear infinite}@keyframes flow-dash{to{stroke-dashoffset:-42}}.simulation-paused .flow-path{animation-play-state:paused}
@media(min-width:1500px){.renal-layout{grid-template-columns:300px minmax(0,1fr);gap:28px}.parameter label{font-size:13px}.parameter p{font-size:12px}.range-end{font-size:10px}.metric-label{font-size:13px}.metric-number{font-size:34px}.metric-card canvas{height:45px}.renal-visual{height:clamp(400px,45dvh,570px)}.flow-values span{font-size:10px}.flow-values strong{font-size:22px}.insight p{font-size:13px}.insight h2{font-size:16px}.preset-list button{font-size:12px}.renal-organ-label{font-size:11px}.flow-key{font-size:11px}}
@media(max-width:1000px){.renal-layout{grid-template-columns:235px minmax(0,1fr);gap:15px}.renal-page h1{font-size:23px}.simulation-clock{gap:9px;font-size:10px}.metric-card{padding:12px 10px 8px}.metric-label{font-size:10px}.metric-number{font-size:25px}.metric-label span{font-size:8px}.metric-foot{font-size:7px}.organ-toolbar{padding:0 12px;gap:10px}.organ-toolbar>span{display:none}.organ-toolbar>button{margin-left:auto}.renal-visual{height:380px}.renal-organ-label{font-size:8px}.flow-key{font-size:8px;left:12px}.flow-values{padding:0 7px}.flow-values>div{padding:11px 6px}.flow-values span{font-size:7px}.flow-values strong{font-size:14px}.flow-values strong small{font-size:7px}.insight{padding:15px;gap:14px;align-items:flex-start}.insight button{font-size:9px;padding:9px;gap:7px}.insight p{font-size:10px}.renal-bottom{font-size:7px}}
@media(max-width:760px){.renal-layout{grid-template-columns:1fr}.renal-controls{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding-bottom:0}.controls-title,.renal-mode,.model-note,fieldset,.preset-section{grid-column:1/-1}.controls-title{margin-bottom:12px}.renal-mode{max-width:350px;margin-bottom:3px}.preset-section{margin-top:15px}.preset-list{display:grid;grid-template-columns:1fr 1fr}.model-note{margin-top:11px}.renal-experiment{margin-top:4px}.renal-page .heading-row{flex-wrap:wrap;padding:20px 0;gap:18px;min-height:0}.simulation-clock{margin-left:auto}.renal-visual{height:430px}.flow-values strong{font-size:18px}.flow-values span{font-size:9px}.insight p{font-size:12px}.insight h2{font-size:15px}.metric-label{font-size:11px}.metric-card{padding:15px 12px 9px}.metric-number{font-size:28px}.metric-foot{font-size:8px}.renal-controls fieldset .parameter{padding:14px 0}.renal-bottom{font-size:8px}.module-nav{gap:15px}.module-nav a{font-size:11px}.topbar{gap:12px}}
@media(max-width:480px){.renal-page .topbar{height:auto;min-height:56px;flex-wrap:wrap;padding-top:13px;gap:10px}.renal-page .topbar .module-nav{order:3;width:100%;height:38px}.renal-page .text-button{margin-left:auto}.renal-page .heading-row{padding:18px 3px 14px}.renal-page h1{font-size:24px;line-height:1.15;letter-spacing:-.8px}.renal-page .simulation-clock{width:100%;justify-content:space-between;font-size:11px}.renal-controls{gap:0 17px}.main-parameter label{font-size:11px;flex-wrap:wrap}.main-parameter output{font-size:23px}.parameter label{font-size:10px;flex-wrap:wrap}.parameter p{font-size:10px}.controls-title h2{font-size:14px}.renal-mode{max-width:none;width:100%}.renal-mode button{padding:12px 6px;font-size:11px}.metric-row{gap:0}.metric-card{padding:12px 9px 9px;border-right:1px solid #d0d1c5}.metric-card:last-child{border:0}.metric-label{font-size:9px;flex-direction:column;gap:3px}.metric-number{font-size:25px}.metric-foot{font-size:7px;min-height:18px;white-space:normal}.metric-card canvas{height:26px}.renal-visual{height:395px}#renal-scene,#organ-labels{right:82px}#renal-loading{right:82px}.urine-collection{width:83px;padding:15px 6px 10px}.collection-label{font-size:8px}.urine-collection>strong{font-size:20px}.beaker{width:37px;margin-right:14px}.beaker-ticks span{font-size:6px;margin-right:-17px}.beaker-ticks span:before{right:19px}.collection-buttons button{font-size:8px;padding:6px 3px}.flow-key{gap:6px;font-size:7px;left:10px;top:12px}.scene-footnote{font-size:6px;left:10px;max-width:165px;line-height:1.6}.renal-organ-label{font-size:7px;padding:3px}.flow-values{grid-template-columns:1fr 1fr;padding:0 9px}.flow-values>div{padding:11px;border-bottom:1px solid #ffffff10}.flow-values>div:nth-child(2){border-right:0}.flow-values strong{font-size:19px}.flow-values span{font-size:9px}.flow-values strong small{font-size:9px}.insight{flex-direction:column;gap:13px;padding:17px}.insight button{font-size:11px}.renal-bottom{flex-direction:column;gap:5px;font-size:8px;line-height:1.5}#nephron-view{right:82px;padding:0 0 25px}#nephron-view svg{height:100%}.nephron-note{position:absolute;bottom:26px;font-size:7px;padding:0 12px}.organ-tabs button{font-size:11px}.renal-page footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.flow-path{animation:none}#urine-fill{transition:none}}

.nephron-scroll{height:calc(100% - 24px)}#nephron-view .nephron-scroll svg{height:100%}.pan-hint{display:none}
@media(max-width:600px){.nephron-scroll{overflow-x:auto;overflow-y:hidden;height:330px;scrollbar-color:#9aab9b #273033;scrollbar-width:thin}#nephron-view .nephron-scroll svg{width:620px;max-width:none;height:330px}.pan-hint{display:inline}.nephron-note{bottom:10px;line-height:1.5}}

/* Anatomical exploration: understated tools, stable explanation and pointer label. */
.anatomy-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 19px;border-bottom:1px solid #ffffff13;color:#b1bcb2;font-size:10px;background:#252c2e}
.anatomy-tools label{display:flex;align-items:center;gap:10px}.anatomy-tools select{background:#202729;color:#d2dacf;border:1px solid #56615b;font:11px Arial,sans-serif;padding:6px 24px 6px 9px;max-width:340px}.skeleton-switch{white-space:nowrap}.skeleton-switch input{accent-color:#d3aa78;width:14px;height:14px;margin:0}
.anatomy-inspector{display:grid;grid-template-columns:minmax(160px,1fr) 2fr auto;align-items:center;gap:18px;padding:13px 20px;border-top:1px solid #ffffff16;background:#262e30;min-height:77px}.anatomy-inspector strong{display:block;color:#ead9bd;font-size:13px;font-weight:500}.anatomy-inspector span{display:block;color:#9bada4;font-size:10px;margin-top:4px}.anatomy-inspector p{font-size:11px;color:#b3c0b5;line-height:1.6;margin:0}.anatomy-inspector button{background:none;color:#ced7cb;border:1px solid #637267;width:28px;height:28px;font-size:18px}.anatomy-tooltip{position:absolute;z-index:3;pointer-events:none;max-width:calc(100% - 16px);width:max-content;padding:8px 10px;border:1px solid #bba37c;border-radius:2px;background:#f0e8d9;color:#27332e;font-size:11px;box-shadow:0 4px 16px #0003;line-height:1.4}
#renal-scene canvas{cursor:grab}.renal-page .renal-visual{height:410px}.scene-footnote{line-height:1.6}#structure-select:focus-visible,#show-skeleton:focus-visible{outline:2px solid #d3aa78;outline-offset:3px}
@media(min-width:1500px){.renal-page .renal-visual{height:480px}.anatomy-inspector p{font-size:12px}}
@media(max-width:1000px){.anatomy-tools{padding:9px 12px;flex-wrap:wrap}.anatomy-tools label{gap:7px}.anatomy-tools select{max-width:230px;font-size:10px}.anatomy-inspector{grid-template-columns:1fr auto;gap:7px;padding:13px}.anatomy-inspector p{grid-column:1/-1;grid-row:2}.anatomy-inspector button{grid-column:2;grid-row:1}}
@media(max-width:480px){.anatomy-tools{align-items:flex-start;gap:10px}.anatomy-tools>label:first-child{flex-direction:column;align-items:flex-start;width:100%}.anatomy-tools select{max-width:none;width:100%;min-height:34px;font-size:11px}.anatomy-tools>label:last-child{font-size:11px;padding:3px 0}.anatomy-inspector strong{font-size:13px}.anatomy-inspector p{font-size:12px}.renal-page .renal-visual{height:395px}.anatomy-tooltip{font-size:10px}.scene-footnote{max-width:205px;font-size:6px}}