/* Scoped exclusively to informational sections under tool covers. */
.tool-page>.article:has(.info-section){max-width:1100px;padding:0 24px 80px;background:transparent}
.tool-page .info-section{margin-top:64px;min-width:0;scroll-margin-top:100px}
.tool-page .info-section>h2{font-size:28px;font-weight:700;line-height:1.35;letter-spacing:-.8px;color:#111827;margin:0 0 26px;max-width:100%;overflow-wrap:anywhere}
.tool-page .info-old-symbol{display:none}
.tool-page .info-how{padding:32px;background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 5px 22px #11182703}
.tool-page .info-how>h2{margin-bottom:26px}
.tool-page .info-how>ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:tool-step;list-style:none;padding:0;margin:0}
.tool-page .info-how li{counter-increment:tool-step;position:relative;display:flex;align-items:center;gap:16px;min-height:108px;padding:22px;border:1px solid #ede8f7;border-radius:16px;background:#fcfbff;color:#475569;font-size:13px;line-height:1.8;transition:border-color .2s,background .2s;min-width:0}
.tool-page .info-how li>.info-step-number{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#f0e8ff;color:#7c3aed;border:1px solid #e8dcfd;border-radius:50%;font-size:12px;font-weight:650;line-height:1;box-shadow:0 0 0 5px #f8f5ff}
.tool-page .info-how li:first-child>.info-step-number{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 0 0 5px #f2ebff}
.tool-page .info-how li:hover{border-color:#d6c3f4;background:#faf7ff}
.tool-page .info-features .featuregrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tool-page .info-features .featuregrid>section{display:flex;flex-direction:column;align-items:flex-start;position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;box-shadow:0 4px 16px #11182703;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}
.tool-page .info-features .featuregrid>section:hover{transform:translateY(-3px);border-color:#d7c7f5;box-shadow:0 10px 26px #59318a09}
.tool-page .info-feature-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ece2fc;background:#f5f0ff;border-radius:14px;color:#7c3aed;margin-bottom:23px}
.tool-page .info-feature-icon svg{width:23px;height:23px}
.tool-page .info-features .featuregrid>section:nth-child(2) .info-feature-icon{color:#9252dd;background:#f8f0ff;border-color:#efe0fd}
.tool-page .info-features .featuregrid>section:nth-child(3) .info-feature-icon{color:#6e55cd;background:#f2f0ff;border-color:#e6e0fb}
.tool-page .info-features .featuregrid h3{font-size:16px;font-weight:650;letter-spacing:-.3px;color:#111827;line-height:1.5;margin:0 0 11px}
.tool-page .info-features .featuregrid p{font-size:13px;line-height:1.9;color:#64748b;margin:0}
.tool-page .info-faq-list{display:grid;gap:12px}
.tool-page .info-faq .info-faq-list details{margin:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:0;box-shadow:0 2px 8px #11182702;transition:border-color .2s,background-color .2s,box-shadow .2s;overflow:hidden}
.tool-page .info-faq .info-faq-list details:hover{border-color:#d8caf0}
.tool-page .info-faq .info-faq-list details[open]{border-color:#d8c4f6;background:#fcfaff;box-shadow:0 4px 16px #7c3aed05}
.tool-page .info-faq .info-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:22px 26px;list-style:none;color:#334155;font-size:14px;font-weight:550;line-height:1.7;cursor:pointer;transition:color .2s}
.tool-page .info-faq summary::-webkit-details-marker{display:none}
.tool-page .info-faq summary::marker{content:''}
.tool-page .info-faq summary::after{content:'';width:28px;height:28px;flex-shrink:0;border-radius:50%;border:1px solid #e8e2f2;background:linear-gradient(#8f71b5,#8f71b5) center/10px 1.5px no-repeat,linear-gradient(#8f71b5,#8f71b5) center/1.5px 10px no-repeat,#faf8fd;transition:transform .2s,background-color .2s}
.tool-page .info-faq details[open] summary{color:#7c3aed}
.tool-page .info-faq details[open] summary::after{background:linear-gradient(#7c3aed,#7c3aed) center/10px 1.5px no-repeat,#f1e9fd;border-color:#e4d6fa;transform:rotate(180deg)}
.tool-page .info-faq .info-faq-list details p{margin:0;padding:0 72px 24px 26px;font-size:13px;line-height:1.95;color:#64748b;max-width:960px}
.tool-page .info-faq details[open] p{animation:info-answer-in .22s ease-out}
.tool-page .info-faq summary:focus-visible{outline:3px solid #b69ae8;outline-offset:-4px;border-radius:15px}
.tool-page .info-articles .bloggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tool-page .info-articles .blogcard{display:flex;flex-direction:column;position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #11182703;transition:transform .2s,border-color .2s,box-shadow .2s}
.tool-page .info-articles .blogcard:hover{transform:translateY(-4px);border-color:#d1bbf4;box-shadow:0 12px 28px #5034790d}
.tool-page .info-articles .blogcard:focus-visible{outline:3px solid #b69ae8;outline-offset:4px}
.tool-page .info-articles .blogart{position:relative;display:grid;place-items:center;height:174px;padding:0;margin:10px 10px 0;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#e6dcfa,transparent 75%),#f7f3fd}
.tool-page .info-articles .blogcard:nth-child(2) .blogart{background:radial-gradient(ellipse at 50% 100%,#dedff9,transparent 75%),#f3f4fd}
.tool-page .info-articles .blogcard:nth-child(3) .blogart{background:radial-gradient(ellipse at 50% 100%,#ebdff8,transparent 75%),#faf5fd}
.tool-page .info-blog-visual{position:relative;width:142px;height:138px;display:grid;place-items:center}
.tool-page .info-blog-visual::before,.tool-page .info-blog-visual::after{content:'';position:absolute;border:1px solid #cfb5ed66;border-radius:50%;width:172px;height:172px;top:-19px;left:-15px}
.tool-page .info-blog-visual::after{width:224px;height:224px;top:-45px;left:-41px;opacity:.55}
.tool-page .info-art-sheet{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;width:86px;height:111px;padding:16px;border-radius:10px;background:#ffffffed;border:1px solid #e9def9;box-shadow:0 10px 20px #68459d12;transform:rotate(-8deg);transition:transform .25s}
.tool-page .info-art-sheet>svg{width:31px;height:31px;color:#9674d1}
.tool-page .info-art-lines{display:grid;gap:5px;width:100%}
.tool-page .info-art-lines i{height:3px;width:100%;border-radius:3px;background:#e5ddf3}
.tool-page .info-art-lines i:nth-child(2){width:78%}.tool-page .info-art-lines i:nth-child(3){width:56%}
.tool-page .info-art-badge{position:absolute;right:5px;bottom:21px;width:48px;height:48px;z-index:2;display:grid;place-items:center;background:#7c3aed;border:3px solid #f7f3fd;border-radius:13px;box-shadow:0 6px 12px #7c3aed1a;transform:rotate(7deg);color:#fff}
.tool-page .info-art-badge svg{width:23px;height:23px}
.tool-page .info-blog-visual-1 .info-art-sheet{transform:rotate(6deg)}
.tool-page .info-blog-visual-1 .info-art-badge{background:#7860cc}
.tool-page .info-blog-visual-2 .info-art-badge{background:#a855f7}
.tool-page .info-articles .blogcard:hover .info-art-sheet{transform:translateY(-3px) rotate(-3deg)}
.tool-page .info-articles .blogcard h2{font-size:16px;font-weight:650;line-height:1.65;letter-spacing:-.3px;color:#111827;padding:0;margin:22px 22px 18px;transition:color .2s}
.tool-page .info-articles .blogcard:hover h2{color:#7c3aed}
.tool-page .info-articles .blogcard p{font-size:10px;line-height:1.7;color:#64748b;border-top:1px solid #f0edf5;padding:16px 44px 18px 0;margin:auto 22px 0;min-height:52px}
.tool-page .info-blog-arrow{position:absolute;right:20px;bottom:18px;color:#9a84bb;display:grid;place-items:center;width:24px;height:24px;transition:color .2s,transform .2s}
.tool-page .info-blog-arrow svg{width:17px;height:17px}
.tool-page .info-articles .blogcard:hover .info-blog-arrow{color:#7c3aed;transform:translateX(3px)}
@keyframes info-answer-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-width:1024px){.tool-page .info-features .featuregrid,.tool-page .info-articles .bloggrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page .info-how{padding:26px}.tool-page .info-how li{padding:18px;gap:13px}.tool-page .info-section>h2{font-size:26px}}
@media(max-width:760px){.tool-page>.article:has(.info-section){padding:0 16px 48px}.tool-page .info-section{margin-top:42px}.tool-page .info-section>h2{font-size:23px;letter-spacing:-.6px;margin-bottom:20px;line-height:1.45}.tool-page .info-how{padding:22px 16px;border-radius:18px}.tool-page .info-how>ol{grid-template-columns:minmax(0,1fr);gap:12px}.tool-page .info-how li{min-height:94px;padding:18px 14px;gap:14px;font-size:12px;line-height:1.8;border-radius:13px}.tool-page .info-how li>.info-step-number{width:34px;height:34px;font-size:11px;box-shadow:0 0 0 4px #f8f5ff}.tool-page .info-features .featuregrid,.tool-page .info-articles .bloggrid{grid-template-columns:minmax(0,1fr);gap:16px}.tool-page .info-features .featuregrid>section{padding:24px;border-radius:18px}.tool-page .info-feature-icon{width:44px;height:44px;margin-bottom:20px;border-radius:13px}.tool-page .info-features .featuregrid h3{font-size:16px}.tool-page .info-features .featuregrid p{font-size:12px;line-height:1.95}.tool-page .info-faq .info-faq-list summary{padding:19px 18px;gap:14px;min-height:76px;font-size:12px;line-height:1.8}.tool-page .info-faq summary::after{width:26px;height:26px}.tool-page .info-faq .info-faq-list details p{padding:0 18px 22px;font-size:12px;line-height:1.95}.tool-page .info-faq-list{gap:10px}.tool-page .info-articles .blogcard{border-radius:18px}.tool-page .info-articles .blogart{height:182px}.tool-page .info-articles .blogcard h2{margin:20px 22px 18px;font-size:16px}.tool-page .info-articles .blogcard p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tool-page .info-section *,.tool-page .info-section *::after,.tool-page .info-section details::details-content{animation:none!important;transition:none!important;transform:none!important}}
