/* One chain is the main task; the complete catalogue remains a single click away. */
body[data-page=chains] #chain-layout{display:block;max-width:none;margin:0}
body[data-page=chains] #chain-layout[hidden]{display:none}
body[data-page=chains] .chain-return{display:inline-flex;align-items:center;min-height:44px;margin:4px 0 10px;color:#2b62a8;font-size:13px;font-weight:600;text-decoration:none}
body[data-page=chains] #chain-browser{position:static;display:block;margin:0 0 20px;border:1px solid #dce3ed;border-radius:12px;background:#fff;overflow:hidden}
body[data-page=chains] #chain-browser>summary{border:0;border-radius:0;margin:0;padding:13px 16px;background:#fff;color:#435978;font-size:14px;font-weight:600}
body[data-page=chains] #chain-browser[open]>summary{border-bottom:1px solid #e4e9f1;background:#f7f9fc}
body[data-page=chains] .chain-browse-controls{padding:2px 16px 0}
body[data-page=chains] .chain-browse-controls .filters{margin-top:12px;padding:0;grid-template-columns:minmax(0,2fr) minmax(150px,1fr)}
body[data-page=chains] .chain-browse-controls .results-meta{margin:12px 0}
body[data-page=chains] .chain-browse-controls .pack-guide{font-size:13px}
body[data-page=chains] #chain-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:static;max-height:320px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0 16px 16px;background:#fff;border:1px solid #e0e6ee;border-radius:9px}
body[data-page=chains] #chain-list a{padding:12px;font-size:13px;line-height:1.5;min-width:0;border-right:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;min-height:76px;text-decoration:none;color:#345475}
body[data-page=chains] #chain-list a.active{background:#eaf2ff;color:#165bb5;box-shadow:inset 3px 0 #2670d1}
body[data-page=chains] #chain-list a:hover{background:#f2f6fc}
body[data-page=chains] #chain-list a:focus-visible{outline-offset:-3px}
body[data-page=chains] #chain-work{max-width:none;min-width:0}
body[data-page=chains] #chain-work>h2{margin-top:0;scroll-margin-top:calc(var(--site-header-height,64px) + 16px)}
body[data-page=chains] #chain-work>h2:focus{outline:none}
body[data-page=chains] #chain-work .planner{margin-top:16px;background:#fff;border-color:#dce3ed;border-radius:14px;padding:20px}
body[data-page=chains] #chain-work .planner h3{margin-top:0}
body[data-page=chains] #chain-work .chain-purpose{margin:12px 0}
@media(max-width:760px){body[data-page=chains] #chain-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px;margin:0 12px 12px}body[data-page=chains] .chain-browse-controls{padding:2px 12px 0}body[data-page=chains] .chain-browse-controls .filters{grid-template-columns:1fr}body[data-page=chains] #chain-work .planner{padding:14px}body[data-page=chains] #chain-work>h2{font-size:23px;line-height:1.25}}
@media(max-width:400px){body[data-page=chains] #chain-list{grid-template-columns:1fr}}
@media print{body[data-page=chains] #chain-browser,body[data-page=chains] .chain-return{display:none!important}}