


 
.panel-toggle{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;
  border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);cursor:pointer}
.panel-toggle:hover,.panel-toggle:focus-visible{color:var(--gold);border-color:var(--gold-line)}
.panel-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.panel-toggle svg{width:18px;height:18px;display:block}
html.panel-hidden .panel-toggle{color:var(--gold)}
@media(pointer:coarse){ .panel-toggle{width:44px;height:44px} }


@media(max-width:820px){ #v-comms .panel-toggle{display:none} }

@media(min-width:1001px) and (max-width:1200px){
  #v-comms #commsWrap.reading{grid-template-columns:180px minmax(300px,1fr) minmax(300px,40%)}
}
@media(min-width:821px) and (max-width:1000px){
  html:not(.panel-shown):not(.rail-min) #v-comms #commsWrap.reading #railCol,
  html:not(.panel-shown):not(.rail-min) #v-comms #commsWrap.reading #roster{display:none}
  html:not(.panel-shown):not(.rail-min) #v-comms #commsWrap.reading{grid-template-columns:minmax(300px,1fr) minmax(300px,46%)}
  html.panel-shown:not(.rail-min) #v-comms #commsWrap.reading{grid-template-columns:150px minmax(240px,1fr) minmax(260px,42%)}
}
 
@media(min-width:821px) and (max-width:1200px){
  html.rail-min #v-comms #commsWrap.reading{grid-template-columns:var(--rail-w) minmax(280px,1fr) minmax(300px,42%)}
}
 
@media(min-width:821px){
  html.panel-hidden #v-comms #commsWrap #railCol,html.panel-hidden #v-comms #commsWrap #roster{display:none}
  html.panel-hidden #v-comms #commsWrap{grid-template-columns:minmax(0,1fr)}
  html.panel-hidden #v-comms #commsWrap.reading{grid-template-columns:minmax(300px,1fr) minmax(320px,46%)}
}



html.reader-full #v-comms{z-index:60}


html.reader-full #v-comms{animation:none;transform:none}
#v-comms #readPane.rp-full{position:fixed;inset:0;z-index:60;border:0;border-radius:0;width:auto;height:auto;min-width:0}
#v-comms #readPane.rp-full #readPaneBody .pbdoc{max-width:none}  
#v-comms #readPane.rp-full #readPaneBody iframe:not(.rp-frame){height:calc(100vh - 120px)!important}
#v-comms #readPane.rp-full #readPaneBody > img{max-height:calc(100vh - 120px);max-width:100%;display:block;margin:0 auto}
#v-comms #readPane.rp-full #readPaneBody pre{max-height:calc(100vh - 120px)!important}  
#v-comms #readPane.rp-full .sheetview-wrap{max-height:calc(100vh - 200px)!important}
#v-comms #readPane.rp-full .deckview img{width:auto!important;max-width:100%!important;max-height:calc(100vh - 230px);margin:0 auto}
#readPaneExpand[aria-pressed="true"]{color:var(--gold);border-color:var(--gold-line)}
