.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-nav-toggle .nav-text,.modal-title,.slider-item,.item-title,.item-number,.content-title,.paging-text{color:var(--primary);opacity:1;visibility:visible}.cooked-content.external-url-content-wrapper{flex:0 0 auto !important;overflow:visible !important;height:auto !important;max-height:none !important;padding:0 !important}.external-url-content{height:70vh;max-height:80vh;display:flex;flex-direction:column}@media(max-height: 700px){.external-url-content{height:60vh}}@media(max-width: 768px){.external-url-content{height:65vh}}@media(max-width: 640px){.external-url-content{height:60vh !important}}.external-url-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-12) var(--space-16);background:var(--color-surface-low);border-bottom:1px solid var(--color-border)}.external-url-header h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.external-url-header h4 a{color:var(--primary);text-decoration:none;word-break:break-all;font-family:var(--font-family-monospace);font-size:var(--font-size-sm)}.external-url-header h4 a:hover{text-decoration:underline}.external-url-header h4 a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.external-url-header h4 a .d-icon{font-size:var(--font-size-xs);opacity:.7}.iframe-container{flex:1;position:relative;min-height:0}.iframe-loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:var(--space-16);background:rgba(var(--color-background), 0.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);font-style:italic;z-index:10;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.15)}.iframe-loading::after{content:"";display:block;width:36px;height:36px;margin:var(--space-12) auto 0;border:3px solid var(--primary-low);border-top-color:var(--primary);border-radius:50%;animation:spinner 1s linear infinite}.external-topic-iframe{width:100%;height:100%;border:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--secondary);overflow:auto}.iframe-error{flex:1;padding:var(--space-24);text-align:center;display:flex !important;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-12);background:var(--tertiary);border:2px solid var(--color-border-danger);border-radius:var(--radius-base)}.iframe-error p{margin:0;color:var(--color-text-secondary)}.iframe-error p:first-child{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-danger)}.iframe-error .btn{margin:0;padding:var(--space-8) var(--space-16);max-width:220px}.iframe-error .btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.external-url-content.iframe-loaded .iframe-error{display:none !important}.collections-nav-modal.external-url-active .modal-body-split,.collections-nav-modal.external-url-active .modal-content-area{overflow:hidden}.collection-item-link.external-link .d-icon-external-link-alt{font-size:var(--font-size-sm);color:var(--tertiary);margin-left:auto}.content-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12)}.content-header .content-header-actions{display:flex;gap:var(--space-8)}.content-header .content-header-actions .btn{gap:var(--space-4);color:var(--d-button-primary-text-color)}@keyframes spinner{to{transform:translate(-50%, -50%) rotate(360deg)}}
/*# sourceMappingURL=common_theme_140_4ebf1f2506a1a12faa59e45090cf520e02daacf8.css.map?__ws=dev.story.pub */