
/* Scroll the expanded list independently so every setup link stays reachable. */
.hero-more-panel{width:min(400px,calc(100vw - 40px));max-height:min(480px,65dvh);overflow-y:auto;overscroll-behavior:contain}
.hero-more-panel h3{font-size:12px;font-weight:650;line-height:1.4;letter-spacing:0;color:var(--muted);margin:16px 0 7px}
.hero-more-list a{overflow-wrap:anywhere}
.hero:has(.hero-more[open]) .hero-copy-reveal{z-index:4}

.hero-more-panel{width:min(460px,calc(100vw - 32px));padding:18px;border:1px solid #e1e4f2;border-radius:20px;box-shadow:0 16px 48px #13234b14}
.hero-more-panel h3{margin:18px 0 9px}
.hero-more-panel .hero-more-list{gap:4px 8px}
.hero-more-panel .hero-more-list a{display:flex;align-items:center;gap:9px;min-width:0;min-height:52px;padding:7px 8px;border-radius:12px;font-size:13px;line-height:1.3;transition:background-color .15s,color .15s}
.hero-more-panel .hero-more-list a:hover,.hero-more-panel .hero-more-list a:focus-visible{background:#eeebff;color:#563dfc}
.hero-more-panel .tool-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#f0f0f7;overflow:hidden}
.hero-more-panel .tool-icon img{display:block;width:24px;height:24px;object-fit:contain}
.hero-more-panel .tool-icon .codearts-mark{object-fit:cover;object-position:left}
.hero-more-panel .tool-name{flex:1;min-width:0;font-size:inherit;font-weight:500;overflow-wrap:anywhere}
.hero-more-panel .hero-more-list a>span[aria-hidden]{flex:0 0 auto;color:#9299af;font-size:12px}
.hero-more-panel .tool-status{display:block;margin-top:3px;color:#8b6a44;font-size:10px;line-height:1.25}
.hero-more-panel>small{display:block;line-height:1.6;margin-top:14px}
@media(max-width:600px){.hero-more-panel{padding:14px}.hero-more-panel .hero-more-list a{padding:6px 4px;gap:8px;font-size:12px}.hero-more-panel .tool-icon{width:32px;height:32px;flex-basis:32px}.hero-more-panel .tool-name{overflow-wrap:normal;word-break:normal}.hero-more-panel .hero-more-list a>span[aria-hidden]{display:none}}
@media(max-width:380px){.hero-more-panel{padding:13px}.hero-more-panel .hero-more-list{gap:3px 2px}.hero-more-panel .hero-more-list a{padding:6px 3px;gap:6px;font-size:11px}.hero-more-panel .tool-icon{width:29px;height:29px;flex-basis:29px}.hero-more-panel .tool-icon img{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.hero-more-panel .hero-more-list a{transition:none}}
