/* Deck Tools workspace only. Shared navigation and calculator pages are unchanged. */
#db-tools-directory{container-type:inline-size}
#deck-builder .db-tools-intro h2{font-size:24px;letter-spacing:-.5px}
#deck-builder .db-tools-intro p{margin:5px 0 24px}
#deck-builder .db-tools-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
#deck-builder .db-tools-navigation [role=tablist]{display:flex;gap:4px;border-bottom:1px solid var(--db-border);max-width:100%}
#deck-builder .db-tools-navigation [role=tab]{background:none;border:0;border-radius:0;color:var(--db-muted);padding:10px 12px;border-bottom:2px solid transparent;white-space:nowrap}
#deck-builder .db-tools-navigation [aria-selected=true]{color:var(--db-text);border-bottom-color:var(--db-accent)}
#deck-builder .db-tools-navigation .db-tools-search{display:flex;align-items:center;gap:8px;border:1px solid var(--db-border);border-radius:8px;padding:0 12px;width:280px;max-width:100%;min-height:44px}
#deck-builder .db-tools-search input{background:none;border:0;width:100%;padding:8px 0;min-width:0}
#deck-builder .db-tools-search:focus-within{border-color:var(--db-accent)}
#deck-builder .db-tools-search [data-clear]{padding:0;border:0;background:none;min-width:44px}
.db-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#deck-builder .db-tools-next{display:flex;align-items:center;gap:16px;padding:20px 0 24px;border-top:1px solid var(--db-border);border-bottom:1px solid var(--db-border);margin-bottom:24px}
#deck-builder .db-tools-next-icon{color:var(--db-accent)}
#deck-builder .db-tools-next>div{flex:1}
#deck-builder .db-tools-next h3{font-size:16px}
#deck-builder .db-tools-next p{color:var(--db-muted);margin-top:4px}
#deck-builder .db-tools-next>a{white-space:nowrap;display:flex;gap:10px;align-items:center;min-height:44px;text-decoration:none}
#deck-builder .db-tool-families{display:grid;grid-template-columns:1fr;gap:18px}
#deck-builder .db-tool-family{position:relative;display:flex;flex-direction:column;padding:22px;border:1px solid var(--db-border);background:var(--db-panel);border-radius:10px;min-width:0;transition:transform 160ms ease-out,border-color 160ms ease-out,box-shadow 160ms ease-out}
#deck-builder .db-tool-family h3{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.2px}
#deck-builder .db-tool-family h3 svg{color:var(--db-accent);flex-shrink:0}
#deck-builder .db-tool-family>p{color:var(--db-muted);font-size:14px;line-height:1.5;margin:8px 0 16px;min-height:42px}
#deck-builder .db-family-preview{min-height:98px;display:flex;flex-direction:column;justify-content:center;gap:8px;margin-bottom:14px}
#deck-builder .db-family-preview small{font-size:11px;color:var(--db-muted);line-height:1.5}
#deck-builder .db-preview-empty{display:flex;align-items:center;gap:14px;min-height:64px;color:var(--db-muted);border-left:2px solid var(--db-border);padding-left:16px;font-size:13px}
#deck-builder .db-family-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;text-decoration:none;font-weight:750;border-top:1px solid var(--db-border)}
/* Stretch the existing link across the card, keeping native link semantics,
   keyboard access, and Ctrl/Cmd-click. Secondary actions sit above the link. */
#deck-builder .db-family-primary::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer}
#deck-builder .db-family-related a,#deck-builder .db-family-preview :is(a,button,input,select){position:relative;z-index:2}
#deck-builder .db-tool-family:has(.db-family-primary:focus-visible){outline:2px solid var(--db-accent);outline-offset:3px}
#deck-builder .db-family-related{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:5px}
#deck-builder .db-family-related a{font-size:12px;color:var(--db-muted);display:inline-flex;align-items:center;gap:4px;min-height:44px;text-decoration:none;overflow-wrap:anywhere}
#deck-builder .db-family-related a svg{display:none}
#deck-builder .db-family-related a:hover{color:var(--db-text)}
#deck-builder .db-mini-curve{display:flex;align-items:end;gap:7px;height:70px}
#deck-builder .db-mini-curve>span{display:flex;flex:1;flex-direction:column;height:100%;justify-content:end;gap:3px;text-align:center;min-width:0}
#deck-builder .db-mini-curve i{height:var(--bar);max-height:50px;min-height:2px;background:var(--db-accent);border-radius:3px 3px 0 0;transform-origin:bottom;transition:transform 220ms ease-out}
#deck-builder .db-audit-preview{display:grid;gap:6px}
#deck-builder .db-audit-preview span{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--db-muted)}
#deck-builder .db-audit-preview svg{width:13px;height:13px;transition:transform 200ms ease-out}
#deck-builder .db-bracket-ladder{display:flex;gap:8px}
#deck-builder .db-bracket-ladder a{display:grid;place-items:center;min-height:44px;min-width:44px;color:var(--db-text);border:1px solid var(--db-border);border-radius:6px;text-decoration:none;font-size:18px;font-weight:700}
#deck-builder .db-bracket-ladder a:hover{border-color:var(--db-accent);color:var(--db-accent)}
#deck-builder .db-family-art{display:flex;align-items:center;padding-left:8px;min-height:75px}
#deck-builder .db-family-art img{object-fit:cover;border-radius:4px;margin-left:-8px;transform:rotate(-4deg);transition:transform 220ms ease-out}
#deck-builder .db-family-art img:nth-child(2){transform:rotate(0deg)}
#deck-builder .db-family-art img:nth-child(3){transform:rotate(4deg)}
#deck-builder .db-price-preview{font-size:25px;font-weight:700;letter-spacing:-.4px}
#deck-builder .db-tools-results{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
#deck-builder .db-directory-tool{display:flex;gap:12px;align-items:start;padding:16px;border:1px solid var(--db-border);border-radius:8px;text-decoration:none;color:var(--db-text);transition:border-color 160ms ease-out,background 160ms ease-out}
#deck-builder .db-directory-tool>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
#deck-builder .db-directory-tool strong{font-size:14px;line-height:1.4}
#deck-builder .db-directory-tool small{font-size:11px;color:var(--db-accent)}
#deck-builder .db-directory-tool>span>span{color:var(--db-muted);font-size:12px;line-height:1.5}
#deck-builder .db-directory-tool>svg{flex-shrink:0;color:var(--db-muted)}
#deck-builder .db-directory-icon{color:var(--db-accent);padding-top:2px}
#deck-builder .db-tool-group{margin-bottom:28px}
#deck-builder .db-tool-group h3,#deck-builder .db-directory-heading{font-size:16px}
#deck-builder .db-tools-recent{margin-top:28px}
#deck-builder .db-tools-recent>div{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:8px}
#deck-builder .db-tools-recent a{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-size:13px}
#deck-builder .db-tools-more{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--db-border);color:var(--db-muted);font-size:13px}
#deck-builder .db-tools-more button{background:none;border:0;color:var(--db-accent);display:flex;align-items:center;gap:8px}
#deck-builder .db-tools-no-results{padding:28px 0}
#deck-builder .db-tools-no-results p{margin-top:8px;color:var(--db-muted)}
#deck-builder .db-tools-result-count{color:var(--db-muted);font-size:12px;margin-top:16px}
@container (min-width:620px){#deck-builder .db-tool-families,#deck-builder .db-tools-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:1020px){#deck-builder .db-tool-families{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:619px){#deck-builder .db-tools-navigation .db-tools-search{width:100%}#deck-builder .db-tools-next{flex-wrap:wrap}#deck-builder .db-tools-next>a{width:100%;padding-left:40px}}
@media(hover:hover) and (pointer:fine){#deck-builder .db-tool-family:hover{transform:translateY(-2px);border-color:#81714d;box-shadow:0 8px 20px #0003}#deck-builder .db-family-primary:hover svg{transform:translateX(3px)}#deck-builder .db-family-primary svg{transition:transform 160ms ease-out}#deck-builder .db-tool-family:hover .db-mini-curve i{transform:scaleY(1.06)}#deck-builder .db-tool-family:hover .db-family-art img:first-child{transform:translateX(-4px) rotate(-8deg)}#deck-builder .db-tool-family:hover .db-family-art img:last-child{transform:translateX(4px) rotate(8deg)}#deck-builder .db-directory-tool:hover{border-color:#81714d;background:var(--db-raised)}}
@media(prefers-reduced-motion:reduce){#deck-builder .db-tool-family,#deck-builder .db-tool-family *{transition:none!important;transform:none!important}}

#deck-builder .db-tools-navigation [role=tablist]{position:relative}
#deck-builder .db-tools-navigation [data-tab-indicator]{position:absolute;left:0;bottom:-1px;height:2px;background:var(--db-accent);pointer-events:none;transition:transform 200ms ease-out,width 200ms ease-out}
#deck-builder .db-tools-navigation [role=tab]{border-radius:0!important}
#deck-builder .db-tools-navigation [aria-selected=true]{border-bottom-color:transparent}
@media(prefers-reduced-motion:reduce){#deck-builder .db-tools-navigation [data-tab-indicator]{transition:none}}