/* Water Realm overlay — visible tab strip + rail affordance. Injected by assemble.sh; never touches synced/. */
.wr-tabs{position:sticky;top:56px;z-index:39;background:var(--edge-black);border-top:1px solid var(--border-dark);border-bottom:2px solid var(--field-orange)}
.wr-tabs-row{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);display:flex;overflow-x:auto;scrollbar-width:none}
.wr-tabs-row::-webkit-scrollbar{display:none}
.wr-tab{all:unset;cursor:pointer;flex:0 0 auto;padding:15px 18px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-label);
  color:var(--text-on-dark);opacity:.72;border-right:1px solid var(--border-dark);display:flex;align-items:center;gap:8px;
  box-shadow:inset 0 -3px 0 transparent;
  transition:opacity var(--duration-fast) var(--ease-mechanical),background var(--duration-fast) var(--ease-mechanical),box-shadow var(--duration-fast) var(--ease-mechanical)}
.wr-tab:first-child{border-left:1px solid var(--border-dark)}
.wr-tab .k{color:var(--field-orange);font-size:10px}
.wr-tab:hover{opacity:1;box-shadow:inset 0 -3px 0 var(--field-orange)}
.wr-tab.is-active{opacity:1}
.wr-tab.is-active{background:var(--field-orange);color:var(--edge-black)}
.wr-tab.is-active .k{color:var(--edge-black)}
@media(max-width:720px){.wr-tabs{top:48px}}
/* rail cells still look pressable and route into tabs */
.rail .rcell{position:relative;cursor:pointer;border-top:3px solid transparent;padding-top:calc(var(--space-4) - 3px);
  transition:border-color var(--duration-fast) var(--ease-mechanical),background var(--duration-fast) var(--ease-mechanical)}
.rail .rcell::after{content:"→";position:absolute;right:var(--space-4);top:var(--space-4);font-family:var(--font-mono);font-size:12px;
  color:var(--field-orange);opacity:0;transform:translateX(-4px);transition:opacity var(--duration-fast) var(--ease-mechanical),transform var(--duration-fast) var(--ease-mechanical)}
.rail .rcell:hover{border-top-color:var(--field-orange);background:var(--surface-panel)}
.rail .rcell:hover::after{opacity:1;transform:none}
.masthead nav a.scratch-link{color:var(--field-orange)}
/* injected figures */
.wr-fig{margin-top:var(--space-7);margin-bottom:var(--space-2)}
.wr-fig .imgbox{aspect-ratio:auto}
.wr-fig .imgbox img{height:auto;object-fit:unset;display:block;width:100%}
.wr-fig .cap{background:var(--surface-panel-raised)}
.dark .wr-fig .cap{background:var(--edge-black);border-top:1px solid var(--border-dark);color:var(--text-muted-on-dark)}
.dark .wr-fig.frame{border-color:var(--border-dark)}
.dark .wr-fig.frame::before,.dark .wr-fig.frame::after{border-color:var(--field-orange)}