/* INTEGRA TOOLS / original cartoon, page guides, accessibility and social footer */
:root{--indigo:#1e5ab6;--mint:#eaf9f3;--radius:20px}
.tool-icon img{width:67px;height:67px;object-fit:contain;display:block}
.tool-icon{width:70px;height:70px;background:transparent!important;border-radius:17px;box-shadow:none;overflow:visible}
.tool-top{min-height:70px}
.tool-card{min-height:210px;transition:transform .2s ease,box-shadow .2s ease}
.tool-card:hover,.tool-card:focus-visible{transform:translateY(-3px)}
.tool-card .tool-description{font-size:12.5px;line-height:1.55}
.tool-heading-icon.art-icon{width:85px;height:85px;background:transparent!important;border-radius:22px;padding:0}
.tool-heading-icon.art-icon img{width:85px;height:85px;display:block}
.tool-meta-line{font-size:11px;color:#51718d;grid-column:1/-1;padding-top:8px}
.hero-cartoon-carousel{min-height:390px;position:relative;overflow:hidden;border-radius:28px;box-shadow:0 22px 58px rgba(29,70,124,.13);background:linear-gradient(145deg,#eef7ff,#eaf9f2);border:1px solid #dceaf6}
.cartoon-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;display:flex;flex-direction:column}
.cartoon-slide.is-current{opacity:1;visibility:visible}
.cartoon-slide img{display:block;width:100%;height:calc(100% - 78px);max-height:350px;object-fit:contain;object-position:center center}
.cartoon-caption{position:absolute;left:0;right:0;bottom:0;min-height:89px;background:linear-gradient(100deg,#053b85,#087f75);color:#fff;padding:17px 25px 24px;display:flex;flex-direction:column;gap:4px}
.cartoon-caption strong{font-weight:800;font-size:15px}.cartoon-caption span{font-size:12px;opacity:.9;line-height:1.35}
.cartoon-controls{position:absolute;right:18px;bottom:9px;display:flex;align-items:center;gap:9px;z-index:3}
.cartoon-controls button{border:0;cursor:pointer;border-radius:20px;background:rgba(255,255,255,.38);height:8px;width:8px;padding:0}
.cartoon-controls button[aria-pressed=true]{width:25px;background:#fff}
.cartoon-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.guide-kicker{font-size:11px;font-weight:850;letter-spacing:.14em;color:#127b83;text-transform:uppercase}
.tool-guide{margin:58px auto 28px;padding:36px 0 16px;border-top:1px solid #e3edf4;max-width:1110px}
.tool-guide h2{font-size:clamp(23px,2.4vw,32px);max-width:850px;line-height:1.25;letter-spacing:-.04em;margin:10px 0 17px}
.tool-guide h3{font-size:17px;line-height:1.32;margin:0 0 15px;color:#123a65}
.tool-guide p,.tool-guide li{font-size:14px;line-height:1.8;color:#526b84}
.guide-intro{font-size:15px!important;max-width:910px;line-height:1.88!important;margin:0 0 30px}
.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}
.guide-panel{border:1px solid #e0eaf2;border-radius:18px;padding:26px;background:#fff;box-shadow:0 8px 25px rgba(33,80,130,.045)}
.guide-panel ul,.guide-panel ol,.guide-advice ul{padding-left:20px;margin:0}
.guide-panel li+li,.guide-advice li+li{margin-top:9px}
.guide-panel li::marker{color:#139584;font-weight:850}
.guide-advice{border:1px solid #d1e6e2;background:linear-gradient(110deg,#f0fbf8,#f5f9ff);padding:26px;border-radius:18px;margin:25px 0 30px}
.guide-advice .guide-advice-fine{margin:14px 0 0;color:#64768d;font-size:12px}
.guide-faq{padding:10px 0 5px}.guide-faq details{padding:16px 0;border-bottom:1px solid #e4eaf1}.guide-faq summary{font-weight:750;font-size:14px;cursor:pointer;color:#183b60;list-style:none}.guide-faq summary::after{content:'+';float:right;color:#197e72;font-weight:900;font-size:18px}.guide-faq details[open] summary::after{content:'−'}.guide-faq details p{margin:10px 0 0;max-width:900px}
.related-tools{padding:28px 0 86px;margin:0 auto;max-width:1110px}
.related-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.related-head h2{font-size:25px;margin:8px 0 0;letter-spacing:-.035em}.related-head a{color:#166bb1;font-size:13px;font-weight:750}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.related-grid .tool-card{min-width:0}
.footer-main{grid-template-columns:1.7fr 1fr 1fr 1fr 1.5fr;gap:22px}.footer-col-social>p{color:#c2d2e0;font-size:12px;line-height:1.6}
.social-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:16px 0}
.social-links .social-active{background:#eafaf2;border-radius:12px;padding:9px 12px;color:#096a46!important;font-weight:800;display:inline-flex;gap:8px;align-items:center;font-size:13px}
.social-coming{color:#8ba0b1;cursor:default;display:flex;gap:8px;align-items:center;font-size:12px;opacity:.8}.social-coming small{font-size:9px;border:1px solid #607688;padding:2px 5px;border-radius:5px;text-transform:uppercase}
.legal-links{display:inline-flex;gap:15px;flex-wrap:wrap}.legal-links a{color:inherit;text-decoration:none;font-size:11px}
.legal-links a:hover{text-decoration:underline}
.legal-page{background:linear-gradient(180deg,#f2f9ff 0,#fff 320px);padding:55px 0 100px}
.legal-hero{max-width:860px}.legal-hero h1{font-size:clamp(30px,4vw,50px);line-height:1.12;letter-spacing:-.05em;margin:13px 0}.legal-hero p{font-size:16px;line-height:1.8;color:#57728b}
.legal-body{max-width:880px;margin:35px 0 0;border:1px solid #e6eef5;border-radius:24px;padding:38px 45px;background:white;box-shadow:0 18px 50px rgba(23,69,117,.05)}
.legal-body h2{font-size:21px;color:#123d69;margin:28px 0 12px}.legal-body h2:first-child{margin-top:0}.legal-body p{font-size:14px;line-height:1.9;color:#586e83;margin:0 0 16px}.legal-body a{color:#1263ae;text-decoration:underline}
@media(max-width:1120px){.footer-main{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-cartoon-carousel{min-height:330px}.cartoon-slide img{max-height:260px;height:calc(100% - 91px)}.cartoon-caption{padding:16px 20px 20px;min-height:90px}.guide-columns{grid-template-columns:1fr}.tool-guide{margin-top:35px;padding:22px 0}.guide-panel,.guide-advice{padding:20px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-grid .tool-card{min-height:195px}.related-head{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-page{padding:30px 0 60px}.legal-body{padding:26px 23px}}
@media(max-width:475px){.hero-cartoon-carousel{min-height:280px}.cartoon-slide img{height:calc(100% - 93px)}.tool-card{min-height:180px}.related-grid .tool-card{padding:12px;min-height:178px}.related-grid .tool-card strong{font-size:13px}.footer-main{grid-template-columns:1fr 1fr}.footer-col-social{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.cartoon-slide,.tool-card{transition:none}}

.hero-cartoon-carousel{transform:none!important;height:390px!important;display:block!important}
@media(max-width:760px){.hero-cartoon-carousel{height:330px!important}}
@media(max-width:475px){.hero-cartoon-carousel{height:280px!important}}
