/*
 * Scoped CAD technology offering cards and compact related-tool collection.
 * Use this with cad-portfolio.mjs on the CAD technology page, not the Creo product page.
 * Preserve responsive wrapping, shared line/color language, and visibility-gated traces.
 */
/* Portfolio collection for the CAD technology page. */
.cad-portfolio{--cad-ink:#0b3548;--cad-body:var(--body-text);--cad-line:#bedce3;min-width:0}
.cad-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cad-product-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px 32px;background:#f0f7f8;border:1px solid var(--cad-line);color:var(--cad-ink);transition:background .25s,border-color .25s,box-shadow .25s}
.cad-product-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.cad-product-role{font-size:.875rem;letter-spacing:.06em;font-weight:700;text-transform:uppercase;color:#237e90;line-height:1.5}
.cad-product-top>.ms-icon{display:grid;place-items:center;width:45px;height:45px;flex:none;border:1px solid #a7d6df;color:#168fa3;background:#e3f2f4;font-size:26px;transition:color .25s,background .25s}
.cad-vendor{display:block;font:600 .875rem/1.5 var(--font-body);letter-spacing:.025em;color:#94bdc9;margin-bottom:3px}
.cad-product-name h3{font:600 clamp(1.8rem,2.8vw,2.75rem)/1.15 var(--font-display);letter-spacing:-.04em;margin:0 0 16px;overflow-wrap:anywhere}
.cad-portfolio .cad-product-card p{font-size:1rem;line-height:1.75;color:var(--cad-body);margin:0 0 20px;max-width:620px}
.cad-product-card>.ip-inline-link{margin-top:auto;max-width:none;font-size:.875rem;min-height:44px;color:#0b536c;border-bottom-color:#8ec9d4}
.cad-product-card:hover,.cad-product-card:focus-within{border-color:#38b5bd;background:#e7f5f5;box-shadow:0 10px 25px #0c46540c}
.cad-product-card:is(:hover,:focus-within) .cad-product-top>.ms-icon{background:#9be4dd;color:#08384b}
.cad-product-companion{background:#0a3043;border-color:#3c6879;color:#fff}
.cad-product-companion .cad-product-role{color:#70d9d5}
.cad-portfolio .cad-product-companion p{color:var(--body-text-on-dark)}
.cad-product-companion .cad-product-top>.ms-icon{background:#16485a;border-color:#427b88;color:#8ee4dc}
.cad-product-companion>.ip-inline-link{color:#a2e4e1;border-bottom-color:#417d8d}
.cad-product-companion:is(:hover,:focus-within){background:#104153;border-color:#62d6cd;box-shadow:0 10px 25px #0c46540c}
.cad-product-signal{position:absolute;inset:0 0 auto;height:2px;overflow:hidden;pointer-events:none}
.cad-product-signal:after{content:"";position:absolute;left:-70px;top:0;width:70px;height:2px;background:linear-gradient(90deg,transparent,#2ab9be,#8ee7d7,transparent);opacity:0;animation:cad-portfolio-signal 8s linear infinite;animation-delay:var(--cad-signal-delay,0s);animation-play-state:paused}
.cad-product-card.ip-animation-active>.cad-product-signal:after{animation-play-state:running}
@keyframes cad-portfolio-signal{0%{left:-70px;opacity:0}8%,24%{opacity:.8}30%,100%{left:100%;opacity:0}}
.cad-tools{margin-top:32px}
.cad-tools>h3{font:600 1.4rem/1.4 var(--font-display);letter-spacing:-.025em;margin-bottom:16px}
.cad-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--cad-line);border-left:1px solid var(--cad-line)}
.cad-tool-grid>a{display:grid;grid-template-columns:26px minmax(0,1fr) 16px;align-items:start;gap:12px;padding:20px 17px;border-right:1px solid var(--cad-line);border-bottom:1px solid var(--cad-line);min-width:0;transition:background .25s}
.cad-tool-grid>a:hover{background:#e7f4f5}
.cad-tool-grid .ms-icon{font-size:22px;color:#1b98aa}
.cad-tool-grid>a>.ms-icon{font-size:16px;padding-top:3px}
.cad-tool-grid strong{display:block;font-size:.875rem;line-height:1.5;color:#154c62;margin-bottom:7px}
.cad-tool-grid a>span>span{display:block;font-size:.875rem;color:#416e80;line-height:1.5}
.cad-portfolio-bottom{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:8%;border-top:1px solid var(--cad-line);margin-top:30px;padding-top:24px}
.cad-portfolio .cad-portfolio-bottom p{font-size:.875rem;line-height:1.75;color:var(--body-text);margin:0}
.cad-portfolio-bottom>.ip-inline-link{font-size:.875rem;min-height:44px}
.cad-portfolio :is(a):focus-visible{outline:2px solid #16a8b3;outline-offset:4px}
@media(min-width:1150px){.cad-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cad-product-card{padding:24px 20px}.cad-product-top{flex-direction:column-reverse;align-items:flex-start;gap:15px;margin-bottom:16px}.cad-product-role{letter-spacing:0;min-height:42px}.cad-product-name h3{font-size:2rem;min-height:74px;margin-bottom:16px}.cad-product-name h3 .cad-vendor{margin-bottom:0}.cad-product-card>.ip-inline-link{line-height:1.5}}
@media(max-width:1000px){.cad-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cad-tool-grid>a:last-child{grid-column:1/-1}.cad-product-card{padding:25px}.cad-product-role{font-size:.875rem;letter-spacing:.025em}}
@media(max-width:600px){.cad-product-grid{grid-template-columns:minmax(0,1fr);gap:16px}.cad-product-card{padding:24px}.cad-product-name h3{font-size:2.15rem}.cad-product-top{margin-bottom:15px}.cad-portfolio-bottom{grid-template-columns:minmax(0,1fr);gap:20px}.cad-tool-grid>a{grid-template-columns:minmax(0,1fr) 16px;padding:17px 14px;gap:8px}.cad-tool-icon{display:none}.cad-tool-grid>a>span:nth-child(2){grid-column:1}.cad-tool-grid>a>.ms-icon{grid-column:2}.cad-tools{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.cad-product-signal{display:none}.cad-product-card,.cad-product-top>.ms-icon,.cad-tool-grid>a{transition:none}}
.industry-page .cad-product-companion>.ip-inline-link:is(:hover,:focus-visible){color:var(--link-hover-on-dark)}