.field-tabs{display:flex;gap:5px;padding:10px 14px;background:#0d1825;border-bottom:1px solid #315263;flex-shrink:0;z-index:3}
.field-tabs button{flex:1;min-width:0;min-height:44px;padding:8px 5px;border:1px solid #426273;border-radius:9px;background:#142736;color:#bcd2db;font:600 12px system-ui;cursor:pointer}
.field-tabs button[aria-selected="true"]{background:#ccf5ec;color:#102d35;border-color:#ccf5ec}
.field-tabs button:focus-visible,.field-context-preview:focus-visible{outline:3px solid #76e8e1;outline-offset:2px}
.field-tabs [hidden],.field-panel[hidden],.field-context-preview[hidden]{display:none!important}
.field-panel:focus-visible{outline:2px solid #76e8e1;outline-offset:2px}
.field-context-preview{display:block;width:100%;text-align:left;margin:14px 0 18px;padding:13px 14px;border:1px solid #5b9ba7;border-radius:12px;background:#153541;color:#e1f5f3;cursor:pointer}
.field-context-preview strong{display:block;font-size:15px;line-height:1.35;margin-bottom:6px}
.field-context-preview span{display:block;font-size:12px;line-height:1.5;color:#9ae6df}
.field-panel .hydro-story{margin:0;padding:0;border:0}
.field-panel .station-scope{margin-top:0}
.story-body{min-height:0}
@media(max-width:820px){
  #mobileSheet .field-tabs{position:sticky;top:0;padding:8px 0;background:#0b1422;z-index:4}
  #mobileSheet .field-tabs button{padding:8px 5px;font-size:12px}
  #mobileSheet .field-tabs button[aria-selected="true"]{background:#ccf5ec;color:#102d35}
  #mobileSheet .field-context-preview{padding:13px 14px;background:#153541;border-color:#5b9ba7}
}
@media(max-width:820px){
  /* The sheet already supplies the chapter title and previous/next controls. */
  #mobileSheet .story-head,#mobileSheet .story-foot{display:none}
}