/* The compact binder is a single readable page, with original wire binding.
   The photographed two-page desktop binder keeps its existing geometry. */
.binder-pocket-spiral {display:none}
.index-card[href],.ml-index-card[href],.resource-row[href] {text-decoration:none}
@media screen and (max-width:1100px) {
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderShell {
    width:100%;max-width:940px;height:max(520px,calc(100svh - var(--binder-chrome-height,160px) - 20px));
    margin:0 auto;border-radius:10px;background:linear-gradient(110deg,#26485d,#112b40 48%,#24445a);
    box-shadow:inset 0 0 0 1px #526d7d,inset 0 0 0 5px #142c40,0 7px 18px #071b2b38;
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderShell::before {
    content:'';position:absolute;inset:7px;z-index:0;border:1px dashed #8ba3ad66;border-radius:6px;pointer-events:none;
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderShell::after {
    inset:60px 34px 88px 21px;clip-path:none;border:1px solid #d1d5d0;border-radius:2px;
    background:linear-gradient(90deg,#dce2de,#fffdf5 5%,#fffefa 94%,#e8eae3);
    box-shadow:-3px 2px #c8ceca,-5px 4px #e2e5de,3px 3px #c8ceca,5px 5px #e6e9e1,0 5px 9px #09192360;
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) .binder-pocket-spiral {
    display:block;position:absolute;z-index:4;pointer-events:none;left:3px;top:76px;bottom:94px;width:34px;
    background:url('assets/binder/pocket-spiral.svg') left top/34px 42px repeat-y;
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs.binder-tabs {z-index:auto}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-edge-tabs {z-index:1;pointer-events:auto;filter:drop-shadow(0 2px 2px #071b2b50)}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-left-tabs {
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;
    left:44px;right:54px;top:14px;bottom:auto;width:auto;height:56px;
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-left-tabs .binder-tab {
    display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:56px;min-height:44px;max-height:none;
    padding:6px 4px 14px;font-size:12.5px;line-height:1.2;white-space:normal;
    clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%,0 5px);
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-left-tabs .binder-tab .tab-label {display:none}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-left-tabs .binder-tab::after {display:block;content:attr(data-tab-short);writing-mode:horizontal-tb;transform:none;white-space:normal}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-left-tabs .binder-tab.emerg {background:#ba2935;color:#fff}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-right-tabs {
    display:flex;flex-direction:column;gap:3px;left:auto;right:0;top:78px;bottom:14px;width:44px;
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-right-tabs .binder-tab {
    display:flex;flex:1 1 0;align-items:center;justify-content:center;width:44px;min-width:0;min-height:56px;max-height:84px;
    margin:0;padding:3px 2px 3px 8px;font-size:11.5px;line-height:1;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;
    clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-right-tabs .binder-tab .tab-label {display:none}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-right-tabs .binder-tab::after {display:block;content:attr(data-tab-short)}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderTabs .binder-tab[aria-current="page"] {background:color-mix(in srgb,var(--tab-color) 78%,#102b3c);color:#fff}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #paperContent {
    position:absolute;left:44px;right:54px;top:82px;bottom:106px;width:auto;height:auto;margin:0;padding:0 5px 6px 0;
    overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scroll-padding-top:58px;
    font-size:17px;line-height:1.55;overscroll-behavior-y:contain;
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderArea .binder-paper {min-height:0}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderArea #binderPage {min-height:0;padding:0;overflow-wrap:anywhere}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderArea #binderPage :is(p,li,dd,.resource-description,.index-copy small,.cover-sub) {font-size:17px;line-height:1.55}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderArea #binderPage :is(.reference-meta,.eyebrow,.procedure-boundary,.reference-crumb) {font-size:13px;line-height:1.5}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderArea #binderPage h1 {font-size:27px!important;line-height:1.2!important}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderArea #binderPage :is(.ml-card,.nursing-area-start) {padding:10px}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderArea #binderPage .ml-page-tools {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) #binderArea #binderPage .ml-page-tools .reading-toggle {grid-column:1/-1}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) .binder-reading-controls {
    left:44px;right:54px;bottom:12px;width:auto;gap:5px;padding:6px;z-index:5;grid-template-columns:1fr 1fr;background:#f7f9f6;
  }
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) .binder-reading-controls p {font-size:12px;line-height:1.3}
  body.nb-modern.binder-open:not(.event-mode):not(.reading-expanded) .binder-reading-controls button {font-size:13px;min-height:44px}
}
@media screen and (max-width:700px) {
  body.nb-modern:not(.event-mode) .top-actions {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media print {.binder-pocket-spiral {display:none!important}}