/* The comparison workspace uses the same type, focus and colours as the reader. */
.side-launch {font-size:.95rem;margin:.5rem 0 1.2rem}
.side-launch a {display:inline-block;min-height:44px;padding:.45rem 0}
.side-reader-page main {max-width:110rem;padding:1.2rem 1.5rem 2rem}
.side-reader-page .site-header {padding:.65rem 1.5rem}
.side-reader-page .brand {font-size:1.6rem}
.side-reader-page .brand span {display:none}
.side-reading-focus>.site-header,.side-reading-focus .side-heading,.side-reading-focus>footer {display:none}
.side-reading-focus main {padding-top:.25rem}
.side-heading h1 {margin:.4rem 0;font-size:clamp(1.8rem,3vw,2.5rem)}
.side-heading p {max-width:85ch;margin:.6rem 0 1rem}
.side-sessions {margin:.7rem 0;border:1px solid var(--control-edge);border-radius:.3rem;padding:.3rem .9rem;background:var(--surface)}
.side-sessions summary {cursor:pointer;min-height:44px;padding:.5rem 0;font-weight:600}
.side-sessions p {max-width:85ch;font-size:.9rem;line-height:1.5}
.side-sessions form {margin:.7rem 0;padding-bottom:.7rem;border-bottom:1px solid var(--line)}
.side-sessions input[type=text],.side-sessions select {width:100%;max-width:40rem;min-width:0;font-size:.95rem}
.side-session-actions,.side-session-resume {display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap}
.side-session-actions button,.side-sessions form button {margin:.6rem 0}
.side-session-resume p {max-width:75ch;font-size:.9rem;overflow-wrap:anywhere}
.side-work-picker {margin:.8rem 0;border:1px solid var(--control-edge);border-radius:.3rem;padding:.3rem .9rem;background:var(--surface)}
.side-work-picker summary {cursor:pointer;min-height:44px;padding:.5rem 0;font-weight:600}
.side-work-picker p {max-width:85ch;font-size:.95rem;margin:.5rem 0}
.side-work-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem}
.side-work-grid>div {min-width:0}
.side-work-grid label {font-size:.95rem}
.side-work-grid select {width:100%;max-width:100%;min-width:0;font-size:.95rem}
.side-work-picker button {margin:.8rem 0 .4rem}
.side-toolbar {display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.side-toolbar button {margin:0;font-size:.92rem}
.side-view {display:flex;gap:.3rem;flex-wrap:wrap}
.side-view button {background:var(--surface);color:var(--green);border-color:var(--control-edge)}
.side-view button[aria-pressed=true] {background:var(--green);color:var(--surface);text-decoration:underline;text-underline-offset:.2em}
.side-layout {flex-basis:100%;border-bottom:1px solid var(--line);padding:.25rem 0 .55rem}
.side-layout summary {cursor:pointer;min-height:44px;padding:.5rem 0}
.side-layout p {max-width:90ch;font-size:.95rem}
.side-layout input[type=range] {padding:0;max-width:26rem;accent-color:var(--green)}
.side-layout output {margin-left:.5rem}
.side-panes {display:grid;grid-template-columns:minmax(0,var(--left-width,50%)) minmax(0,1fr);gap:0}
#side-reader[data-view=left] .side-panes,#side-reader[data-view=right] .side-panes {grid-template-columns:minmax(0,1fr)}
.side-pane {min-width:0;border:1px solid var(--control-edge);border-radius:.3rem;background:var(--surface);overflow:hidden}
.side-pane+.side-pane {margin-left:.5rem}
#side-reader[data-view=right] .side-pane {margin-left:0}
.side-pane-header {padding:.65rem .9rem}
.side-pane h2 {font-size:1.1rem;margin:0 0 .2rem}
.side-pane-top {display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.side-current {font-size:.95rem;font-weight:600;margin:.3rem 0;line-height:1.45;overflow-wrap:anywhere}
.side-pane-actions {display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem}
.side-pane-actions button,.side-pane-actions a {font-size:.88rem;min-height:44px;padding:.4rem .65rem}
.side-new-tab {font-size:.85em}
.side-picker,.side-related {margin-top:.4rem}
.side-picker summary,.side-related summary {font-size:.95rem;cursor:pointer;min-height:44px;padding:.5rem 0}
.side-related p {font-size:.88rem;margin:.4rem 0;line-height:1.45}
.side-related-title {font-weight:600;overflow-wrap:anywhere}
.side-related label {font-size:.9rem}
.side-related select {width:100%;max-width:100%;min-width:0;font-size:.95rem}
.side-related nav {display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin:.4rem 0 .8rem}
.side-related nav a {display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;line-height:1.4;padding:.3rem 0}
.side-picker form {padding:.3rem 0 .8rem}
.side-filter-grid {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:.6rem}
.side-filter-grid>div {min-width:0}
.side-picker label {font-size:.9rem}
.side-picker input,.side-picker select {width:100%;max-width:100%;min-width:0;font-size:.95rem}
.side-picker select[size] {height:12rem;overflow:auto}
.side-picker option {padding:.4rem}
.side-picker button {display:inline-block;margin:.3rem .5rem .3rem 0}
.side-secondary {background:var(--surface);color:var(--green);border-color:var(--control-edge)}
.side-send {display:flex;align-items:center;gap:.5rem;font-size:.85rem;min-height:44px;margin:.3rem 0 0;line-height:1.4;cursor:pointer}
.side-send input {width:1.25rem;height:1.25rem;min-height:0;flex:none;margin:0;accent-color:var(--green)}
.side-load-status {font-size:.8rem;margin:0;padding:.2rem .9rem;background:var(--sage-surface)}
.side-frame {display:block;width:100%;height:76vh;height:76dvh;min-height:24rem;border:0;border-top:1px solid var(--line);background:var(--paper)}
.side-frame:focus-visible {outline:3px solid var(--focus);outline-offset:-4px}
.in-side-reader body.open-research {border-top:0}
.in-side-reader .site-header,.in-side-reader footer,.in-side-reader .side-launch {display:none}
.in-side-reader main {padding:.8rem 1rem 2rem;max-width:90ch}
.in-side-reader h1 {font-size:clamp(1.65rem,4vw,2.2rem);margin-top:1rem}
.in-side-reader .breadcrumbs {margin:.6rem 0;font-size:.85rem}
.in-side-reader .side-return {min-height:44px;background:var(--surface);color:var(--green);border:1px solid var(--control-edge);font-size:.85rem;padding:.4rem .7rem;margin:.3rem 0}
.in-side-reader .side-document-routes {margin:.6rem 0;border-block:1px solid var(--line)}
.in-side-reader .side-document-routes summary {min-height:44px;padding:.5rem 0;cursor:pointer;font-size:.9rem}
.in-side-reader .side-document-routes nav {border:0;margin:0;padding:.5rem 0}
.in-side-reader .pdf-reader {height:85vh;min-height:26rem}
@media(max-width:800px) {
  .side-reader-page main {padding:1rem .7rem 2rem}
  .side-panes {grid-template-columns:minmax(0,1fr);gap:1rem}
  .side-pane+.side-pane {margin-left:0}
  .side-filter-grid {grid-template-columns:minmax(0,1fr)}
  .side-work-grid {grid-template-columns:minmax(0,1fr)}
  .side-current {min-height:0}
  .side-toolbar {gap:.5rem}
  .side-toolbar button {padding:.5rem .65rem}
  .side-layout label[for=side-width],.side-layout #side-width {display:none}
  .side-frame {height:75vh;height:75dvh}
}
@media(forced-colors:active) {
  .side-view button[aria-pressed=true] {outline:3px solid Highlight;outline-offset:-4px}
  .side-pane,.side-return {border-color:CanvasText}
}
@media print {
  .side-toolbar,.side-sessions,.side-session-resume,.side-work-picker,.side-picker,.side-related,.side-pane-actions,.side-send,.side-return {display:none}
  .side-panes {display:block}
  .side-frame {height:80vh}
}