/**
 * @file
 * "At a Glance" summary + "Go Deeper with AI" component.
 *
 * The .b-summary rules below are copied verbatim from the Altium resources
 * theme so the block matches the reference design. Icon rules underneath map
 * the copied classes to the SVG assets shipped with this component.
 */

/* ---------------------------------------------------------------------------
 * Copied .b-summary styles.
 * ------------------------------------------------------------------------- */
.b-summary { background:#f5f7fd;border:1px solid #e3e9f1;border-radius:12px;padding:20px 24px;margin:0 0 30px }
.b-summary,.b-summary__header { display:flex;flex-direction:column;gap:16px }
.b-summary__title-row { display:flex;align-items:center;gap:8px }
.b-summary__icon { width:20px;height:20px;flex-shrink:0 }
.b-summary__title { font-weight:500;font-size:18px;line-height:24px;letter-spacing:-.02em;color:#333;margin:0 }
.b-summary__text { font-weight:400;font-size:14px;line-height:1.4;letter-spacing:-.02em;color:#457;margin:0 }
.b-summary__text._collapsed { display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden }
.b-summary__toggle { display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:none;border:none;padding:0;font-weight:500;font-size:12px;line-height:1.4;letter-spacing:-.02em;color:#0b55d9 }
.b-summary__toggle:hover { opacity:.8 }
.b-summary__toggle__icon { width:14px;height:14px;flex-shrink:0;transition:transform .2s }
.b-summary._expanded .b-summary__toggle__icon { transform:rotate(180deg) }
.b-summary__ai { display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #e3e9f1;flex-wrap:wrap }
.b-summary__ai:first-child { padding-top:0;border-top:none }
.b-summary__ai-label { display:flex;align-items:center;gap:8px;flex-shrink:0 }
.b-summary__ai-icon { width:20px;height:20px;flex-shrink:0 }
.b-summary__ai-text { font-weight:500;font-size:14px;line-height:21px;letter-spacing:-.02em;color:#252a3a;white-space:nowrap }
.b-summary__ai-links { display:flex;align-items:center;gap:8px }
.b-summary__ai-link { display:flex;justify-content:center;align-items:center;width:32px;height:32px;background:#fff;border:1px solid #e3e9f1;border-radius:6px;transition:background-color .2s }
.b-summary__ai-link:hover { background:#edf3fd }
.b-summary__ai-link img { width:16px;height:16px;display:block }

/* ---------------------------------------------------------------------------
 * Icon assets shipped with this component. Rendered as background images on
 * dedicated <span> elements so the link's own background (and its hover state)
 * stay independent of the service icon.
 * ------------------------------------------------------------------------- */
.b-summary__icon { background:url(images/ico-summary.svg) no-repeat center/contain }
.b-summary__toggle__icon { background:url(images/ico-chevron-down.svg) no-repeat center/contain }
.b-summary__ai-icon { background:url(images/ico-ai-sparkle.svg) no-repeat center/contain }

.b-summary__ai-link-ico { width:16px;height:16px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain }
.b-summary__ai-link-ico--chatgpt { background-image:url(images/ico-ai-chatgpt.svg) }
.b-summary__ai-link-ico--perplexity { background-image:url(images/ico-ai-perplexity.svg) }
.b-summary__ai-link-ico--claude { background-image:url(images/ico-ai-claude.svg) }
.b-summary__ai-link-ico--google { background-image:url(images/ico-ai-google.svg) }
.b-summary__ai-link-ico--gemini { background-image:url(images/ico-ai-gemini.svg) }