.collections-item-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--color-surface);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-16);flex-wrap:wrap}@media(max-width: 640px){.collections-item-nav-bar{flex-direction:column;gap:var(--space-2)}}.collections-item-nav-bar .collections-nav-toggle{flex:1;min-width:200px;display:flex;align-items:center;gap:var(--space-8);justify-content:flex-start}.collections-item-nav-bar .collections-nav-toggle .d-icon{flex-shrink:0}@media(max-width: 640px){.collections-item-nav-bar .collections-nav-toggle{width:100%;justify-content:center}}.collections-item-nav-bar .collections-quick-nav{display:flex;gap:var(--space-8);flex-shrink:0}@media(max-width: 640px){.collections-item-nav-bar .collections-quick-nav{width:100%;justify-content:center}}.collections-item-nav-bar .collections-nav-prev,.collections-item-nav-bar .collections-nav-next{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:all 150ms ease-out}.collections-item-nav-bar .collections-nav-prev:disabled,.collections-item-nav-bar .collections-nav-next:disabled{opacity:.5;cursor:not-allowed}.collections-item-nav-bar .collections-nav-prev:not(:disabled):hover,.collections-item-nav-bar .collections-nav-next:not(:disabled):hover{background:var(--color-secondary)}.collections-item-nav-bar .collections-nav-prev:focus-visible,.collections-item-nav-bar .collections-nav-next:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.collections-item-nav-bar .collections-nav-prev .d-icon,.collections-item-nav-bar .collections-nav-next .d-icon{font-size:var(--font-size-lg);margin:0}.collections-nav-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:9999;padding:var(--space-16);overflow-y:auto;display:none;align-items:center;justify-content:center}.collections-nav-modal-overlay[style*="display: flex"]{display:flex}@media(prefers-reduced-motion: no-preference){.collections-nav-modal-overlay{animation:fadeIn 200ms ease-out}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.collections-nav-modal{background:var(--secondary) !important;border-radius:var(--d-border-radius);box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;width:100%;max-width:800px;height:90vh;overflow:hidden;padding:1em}@media(prefers-reduced-motion: no-preference){.collections-nav-modal{animation:slideUp 300ms ease-out}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:var(--space-20);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-16)}.modal-header .modal-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight)}.modal-header .modal-close-btn{background:rgba(0,0,0,0);border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-8);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all 150ms ease-out;flex-shrink:0}.modal-header .modal-close-btn:hover{background:var(--color-secondary);color:var(--color-text)}.modal-header .modal-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-header .modal-close-btn .d-icon{font-size:var(--font-size-lg)}.modal-content{flex:1;overflow-y:auto;padding:0}.collection-items-list{list-style:none;margin:0;padding:0}.collection-items-list .collection-item{border-bottom:1px solid var(--color-border)}.collection-items-list .collection-item:last-child{border-bottom:none}.collection-items-list .collection-item-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);color:var(--color-text);text-decoration:none;transition:all 150ms ease-out;border:none;text-align:left;font-family:inherit;font-size:inherit}.collection-items-list .collection-item-link:hover{color:var(--secondary);background:var(--tertiary);font-weight:var(--font-weight-semibold)}.collection-items-list .collection-item-link.active{color:var(--secondary);background:var(--tertiary);font-weight:var(--font-weight-semibold)}.collection-items-list .collection-item-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.collection-items-list .collection-item-link .item-number{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;background:var(--color-border);border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.collection-items-list .collection-item-link .item-title{flex:1;font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-normal)}.collection-items-list .collection-item-link .d-icon{flex-shrink:0;color:var(--color-success);font-size:var(--font-size-lg)}.modal-footer{padding:var(--space-16);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-12)}.collections-modal-with-content{max-width:900px;height:90vh;background-color:var(--secondary) !important}@media(max-width: 1024px){.collections-modal-with-content{max-width:95vw}}.collections-modal-with-content .modal-header{padding:var(--space-16);border-bottom:1px solid var(--color-border)}.collections-modal-with-content .modal-body-split{display:flex;flex:1;overflow:hidden;gap:var(--space-2)}@media(max-width: 768px){.collections-modal-with-content .modal-body-split{flex-direction:column}}.collections-modal-with-content .modal-items-sidebar{flex:0 0 200px;border-right:1px solid var(--color-border);overflow-y:auto;transition:flex 300ms ease-out,opacity 300ms ease-out}.collections-modal-with-content .modal-items-sidebar.collapsed{flex:0 0 0;opacity:0;border-right:none;overflow:hidden}@media(max-width: 768px){.collections-modal-with-content .modal-items-sidebar{flex:0 0 150px;border-right:none;border-bottom:1px solid var(--color-border)}.collections-modal-with-content .modal-items-sidebar.collapsed{flex:0 0 0;border-bottom:none}}.collections-modal-with-content .modal-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.collections-modal-with-content .modal-content-area .content-header{padding:var(--space-16);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.collections-modal-with-content .modal-content-area .content-header .content-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.collections-modal-with-content .modal-content-area .cooked-content{flex:1;overflow-y:auto;padding:var(--space-16);background-color:var(--secondary) !important}@media(max-width: 768px){.collections-modal-with-content .modal-content-area .cooked-content{padding:var(--space-12)}}.modal-sidebar-toggle{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 150ms ease-out}.modal-sidebar-toggle:hover{background:var(--secondary)}.modal-sidebar-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-sidebar-toggle .d-icon{font-size:var(--font-size-lg)}.modal-nav-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-16);border-top:1px solid var(--color-border);background:var(--secondary)}.modal-nav-footer .btn{flex:1}.modal-nav-footer .paging-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.modal-nav-footer .modal-content-prev,.modal-nav-footer .modal-content-next{display:flex;align-items:center;gap:var(--space-8);justify-content:center}.modal-nav-footer .modal-content-prev:disabled,.modal-nav-footer .modal-content-next:disabled{opacity:.5;cursor:not-allowed}.modal-header-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0}.modal-header-content .modal-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);text-align:center}.modal-header-content .collection-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.topic-slider-container{width:100%;overflow:hidden;border-bottom:1px solid var(--color-border)}.topic-slider-container.collapsed{display:none}.topic-slider{display:flex;gap:var(--space-4);overflow-x:auto;scroll-behavior:smooth;padding:var(--space-4);-webkit-overflow-scrolling:touch}.topic-slider::-webkit-scrollbar{height:4px}.topic-slider::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.topic-slider::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:2px}.topic-slider .slider-item{flex:0 0 auto;padding:var(--space-2) var(--space-3);background:rgba(0,0,0,0);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;transition:all 150ms ease-out}.topic-slider .slider-item:hover{color:var(--secondary) !important;background:var(--tertiary) !important}.topic-slider .slider-item.active{color:var(--secondary) !important;background:var(--tertiary) !important}.topic-slider .slider-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width: 768px){.modal-items-sidebar .collection-items-list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0}.modal-items-sidebar .collection-item{flex:0 0 80px;border-bottom:none;border-right:1px solid var(--color-border)}.modal-items-sidebar .collection-item-link{flex-direction:column;padding:var(--space-2);font-size:var(--font-size-xs)}.modal-items-sidebar .item-title{display:none}.cooked-content{padding:var(--space-6)}}@media(prefers-color-scheme: dark){.collections-item-nav-bar{background:var(--color-surface)}.collection-item-link:hover{background:hsla(0,0%,100%,.05)}}@media(prefers-contrast: more){.collections-nav-prev,.collections-nav-next{border:1px solid currentColor}.modal-close-btn{border:1px solid currentColor}.collection-item-link{border-left:3px solid rgba(0,0,0,0)}.active .collection-item-link{border-left-color:var(--color-success)}}@media print{.collections-item-nav-bar,.collections-nav-modal-overlay,.collections-nav-modal{display:none}}@media(prefers-reduced-motion: reduce){.topic-slider,.modal-items-sidebar,.collection-item-link,.slider-item{scroll-behavior:auto !important;transition:none !important;animation:none !important}}.modal-paging{display:flex;align-items:center;justify-content:center;padding:0 var(--space-12)}.collections-item-nav-bar *,.modal-header *,.topic-slider *,.collection-items-list *,.content-header *,.modal-nav-footer *{color:inherit}.collections-nav-toggle .nav-text,.modal-title,.slider-item,.item-title,.item-number,.content-title,.paging-text{color:var(--primary);opacity:1;visibility:visible}
/*# sourceMappingURL=common_theme_137_a85163d28bf65dedc158bfe9e4b2adb87c8ee8e7.css.map?__ws=dev.story.pub */