.WRtoPa_viewerWrapper{background:var(--color-bg-clean);border-radius:var(--radius-lg);border:var(--border-light);width:100%;box-shadow:var(--shadow-premium);margin:3rem 0;overflow:hidden}.WRtoPa_viewerHeader{background-color:var(--color-bg-light);border-bottom:var(--border-light);flex-direction:column;gap:.8rem;padding:2rem 2.5rem;display:flex}.WRtoPa_headerInfo{align-items:center;gap:1rem;display:flex}.WRtoPa_badge{background-color:var(--color-accent);color:#fff;border-radius:var(--radius-sm);letter-spacing:.05em;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.WRtoPa_counter{color:var(--color-text-muted);font-size:.88rem}.WRtoPa_counter strong{color:var(--color-primary);font-size:1.1rem;font-weight:700}.WRtoPa_currentSlideTitle{color:var(--color-primary-dark);margin:0;font-size:1.4rem;font-weight:700;line-height:1.4}.WRtoPa_mainGrid{grid-template-columns:280px 1fr;min-height:580px;display:grid}.WRtoPa_sidebarSection{background-color:var(--color-bg-light);border-right:var(--border-light);flex-direction:column;max-height:640px;display:flex}.WRtoPa_sidebarHeader{border-bottom:var(--border-light);background-color:#0a5c4e05;padding:1.5rem}.WRtoPa_sidebarHeader h3{color:var(--color-primary-dark);margin-bottom:.3rem;font-size:.95rem;font-weight:700}.WRtoPa_sidebarSub{color:var(--color-text-muted);font-size:.7rem;display:block}.WRtoPa_sidebarList{scrollbar-width:thin;scrollbar-color:#0a5c4e26 transparent;flex-direction:column;flex-grow:1;gap:.4rem;padding:.8rem;display:flex;overflow-y:auto}.WRtoPa_sidebarList::-webkit-scrollbar{width:5px}.WRtoPa_sidebarList::-webkit-scrollbar-thumb{background-color:#0a5c4e26;border-radius:99px}.WRtoPa_sidebarItem{border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:flex-start;gap:.8rem;width:100%;padding:.85rem 1rem;display:flex}.WRtoPa_sidebarItem:hover{background-color:#0a5c4e0a}.WRtoPa_sidebarItemActive{border-left:3px solid var(--color-gold);background-color:#0a5c4e14!important}.WRtoPa_itemNumber{color:var(--color-gold);text-align:center;background-color:#c5a8801a;border-radius:3px;min-width:22px;margin-top:.15rem;padding:.05rem .3rem;font-size:.78rem;font-weight:700}.WRtoPa_sidebarItemActive .WRtoPa_itemNumber{background-color:var(--color-gold);color:#fff}.WRtoPa_itemTitle{color:var(--color-text-dark);font-size:.88rem;font-weight:500;line-height:1.4}.WRtoPa_sidebarItemActive .WRtoPa_itemTitle{color:var(--color-primary-dark);font-weight:700}.WRtoPa_contentSection{background-color:#fff;flex-direction:column;justify-content:space-between;gap:2rem;padding:2.5rem;display:flex}.WRtoPa_mobileTocContainer{width:100%;display:none;position:relative}.WRtoPa_mobileTocTrigger{background-color:var(--color-bg-light);border-radius:var(--radius-md);width:100%;color:var(--color-primary-dark);cursor:pointer;border:1px solid #0a5c4e1a;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;font-size:.9rem;font-weight:700;display:flex}.WRtoPa_arrowIcon{color:var(--color-gold);font-size:.75rem;transition:transform .2s}.WRtoPa_arrowIconOpen{transform:rotate(180deg)}.WRtoPa_mobileTocDropdown{border-radius:0 0 var(--radius-md) var(--radius-md);z-index:10;background:#fff;border:1px solid #0a5c4e1a;width:100%;max-height:300px;margin-top:-1px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 10px 30px #0000001a}.WRtoPa_mobileTocItem{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0a5c4e0d;gap:.5rem;width:100%;padding:.8rem 1.2rem;display:flex}.WRtoPa_mobileTocItemActive{color:var(--color-primary);background-color:#0a5c4e0d;font-weight:700}.WRtoPa_mobileItemNum{color:var(--color-gold);font-weight:700}.WRtoPa_mobileItemTitle{font-size:.88rem}.WRtoPa_slideContainer{aspect-ratio:4/3;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-premium);border:var(--border-light);cursor:zoom-in;background-color:#f0f3f2;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.WRtoPa_slideImage{object-fit:contain;width:100%;height:100%;display:block}.WRtoPa_zoomHint{color:#fff;border-radius:var(--radius-pill);letter-spacing:.05em;opacity:0;transition:var(--transition-fast);pointer-events:none;background-color:#063d33d9;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;bottom:1.2rem;right:1.2rem;transform:translateY(5px);box-shadow:0 4px 10px #00000026}.WRtoPa_slideContainer:hover .WRtoPa_zoomHint{opacity:1;transform:translateY(0)}.WRtoPa_controls{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.WRtoPa_navButton{border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-fast);background-color:var(--color-bg-light);color:var(--color-primary-dark);border:1px solid #0a5c4e1a;align-items:center;gap:.6rem;padding:.9rem 1.8rem;font-size:.9rem;font-weight:700;display:flex}.WRtoPa_navButton:hover:not(:disabled){background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0a5c4e1f}.WRtoPa_navButton:disabled{opacity:.4;cursor:not-allowed}.WRtoPa_btnArrow{font-size:.78rem}.WRtoPa_pageIndicator{color:var(--color-text-muted);font-size:.95rem}.WRtoPa_pageIndicator strong{color:var(--color-primary);font-size:1.2rem}.WRtoPa_keyboardGuide{text-align:center;color:var(--color-text-muted);border-top:1px solid #0a5c4e0f;padding-top:1rem;font-size:.78rem}.WRtoPa_keyboardGuide strong{color:var(--color-primary)}.WRtoPa_modalOverlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background-color:#0a1412e6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards WRtoPa_modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes WRtoPa_modalFadeIn{0%{opacity:0}to{opacity:1}}.WRtoPa_modalClose{color:#fff;cursor:pointer;width:50px;height:50px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;top:2rem;right:2rem}.WRtoPa_modalClose:hover{background-color:#ffffff1a;transform:rotate(90deg)}.WRtoPa_modalContent{justify-content:center;align-items:center;max-width:90%;max-height:85%;display:flex;position:relative}.WRtoPa_modalImage{object-fit:contain;border-radius:var(--radius-md);cursor:zoom-out;max-width:100%;max-height:75vh;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards WRtoPa_modalImageZoom;box-shadow:0 30px 60px #00000080}@keyframes WRtoPa_modalImageZoom{0%{transform:scale(.95)}to{transform:scale(1)}}.WRtoPa_modalNavButton{color:#fff;cursor:pointer;width:55px;height:55px;transition:var(--transition-fast);z-index:10005;background-color:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.WRtoPa_modalNavButton:hover:not(:disabled){background-color:var(--color-gold);color:#fff;border-color:var(--color-gold);box-shadow:0 0 20px #c5a88066}.WRtoPa_modalNavButton:disabled{opacity:.2;cursor:not-allowed}.WRtoPa_modalPrev{left:-80px}.WRtoPa_modalNext{right:-80px}.WRtoPa_modalCaption{text-align:center;color:#fff;width:100%;position:absolute;bottom:-4.5rem;left:50%;transform:translate(-50%)}.WRtoPa_modalCaption h3{color:#fff;text-shadow:0 2px 4px #00000080;margin-bottom:.3rem;font-size:1.15rem;font-weight:700}.WRtoPa_modalCaption span{color:var(--color-gold);font-size:.85rem;font-weight:700}@media (max-width:991px){.WRtoPa_mainGrid{grid-template-columns:1fr;min-height:auto}.WRtoPa_sidebarSection{display:none}.WRtoPa_mobileTocContainer{display:block}.WRtoPa_contentSection{gap:1.5rem;padding:1.5rem}.WRtoPa_viewerHeader{padding:1.5rem}.WRtoPa_currentSlideTitle{font-size:1.2rem}.WRtoPa_navButton{padding:.8rem 1.2rem}.WRtoPa_btnText,.WRtoPa_keyboardGuide{display:none}}@media (max-width:1200px){.WRtoPa_modalPrev{left:1.5rem}.WRtoPa_modalNext{right:1.5rem}.WRtoPa_modalImage{max-width:calc(100vw - 180px)}}@media (max-width:768px){.WRtoPa_modalNavButton{width:45px;height:45px;font-size:1rem}.WRtoPa_modalPrev{left:.8rem}.WRtoPa_modalNext{right:.8rem}.WRtoPa_modalImage{max-width:calc(100vw - 130px);max-height:60vh}.WRtoPa_modalCaption h3{font-size:.95rem}.WRtoPa_modalClose{font-size:1.5rem;top:1rem;right:1rem}}@media (max-width:480px){.WRtoPa_contentSection{gap:1.2rem;padding:1rem}.WRtoPa_controls{gap:.8rem}.WRtoPa_pageIndicator{font-size:.85rem}}
