.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.act-skip{position:fixed;left:12px;top:-60px;z-index:2000;background:#fff;padding:9px 12px;border-radius:8px;color:#14203a;text-decoration:none;box-shadow:0 4px 14px rgba(51,42,79,.12)}.act-skip:focus{top:12px}
.act-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
:root{--site-ink:#14203a;--site-line:#e7e8f0;--site-pink:#f24778;--site-shadow:0 6px 24px rgba(51,42,79,.08)}
.act-header{position:sticky;top:0;z-index:1000;padding:0 20px}
.act-nav-shell{width:min(1380px,100%);height:62px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:26px;background:rgba(255,255,255,.94);border:1px solid #fff;border-radius:0 0 18px 18px;box-shadow:var(--site-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.act-brand{display:flex;align-items:center;gap:8px;flex:none;color:var(--site-ink);font-size:20px;font-weight:900;letter-spacing:.02em;line-height:1;text-decoration:none}
.act-brand img{width:42px;height:42px;object-fit:contain}
.act-brand small{display:block;margin-top:3px;color:#8994aa;font-size:9px;font-weight:500;letter-spacing:0}
.act-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(5px,1vw,17px);margin:auto;white-space:nowrap}
.act-nav a{height:100%;display:inline-flex;align-items:center;padding:0 10px;position:relative;color:#34435f;font-size:13px;font-weight:650;text-decoration:none;transition:color .18s}
.act-nav a:hover,.act-nav a.is-current,.act-nav a[aria-current="page"]{color:#ec3f70}
.act-nav a.is-current:after,.act-nav a[aria-current="page"]:after{content:"";height:3px;position:absolute;bottom:8px;left:10px;right:10px;border-radius:4px;background:linear-gradient(90deg,#ff7e63,#ed3e72)}
.act-search{width:235px;height:38px;display:flex;align-items:center;flex:none;padding:0 10px 0 15px;border-radius:99px;background:#f3f3fa}
.act-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--site-ink);font:inherit;font-size:12px}
.act-search input::placeholder{color:#929bb0}
.act-search button{width:26px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:#495b7d;cursor:pointer}
.act-search .icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.act-login{display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:38px;padding:0 20px;border-radius:11px;background:linear-gradient(105deg,#ff8055,#f43e72);box-shadow:0 5px 14px rgba(239,82,121,.18);color:#fff!important;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.act-login:hover{filter:brightness(.97)}
.act-footer{width:min(1374px,calc(100% - 48px));min-height:55px;display:flex;gap:15px;align-items:center;margin:16px auto 0;padding:16px 0 26px;border-top:1px solid #ffffffa6;color:#8993a6;font-size:11px}
.act-footer span:first-child{color:#53627d;font-weight:750}
.act-footer a{margin-left:0;color:#73809a;text-decoration:none}
.act-footer a:hover{color:#347fe6}
.act-footer-links{display:flex;align-items:center;gap:14px;margin-left:auto}
.act-footer-links a{white-space:nowrap}
@media(max-width:1150px){.act-nav-shell{gap:12px;padding-inline:15px}.act-brand{font-size:17px}.act-brand img{width:38px;height:38px}.act-nav{gap:2px}.act-nav a{padding-inline:7px;font-size:12px}.act-search{width:190px}}
@media(max-width:930px){.act-header{padding:0 10px}.act-nav-shell{height:auto;min-height:62px;flex-wrap:wrap;padding:9px 14px;gap:7px 14px}.act-brand{margin-right:auto}.act-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;min-height:38px}.act-nav a{height:38px}.act-nav a.is-current:after,.act-nav a[aria-current="page"]:after{bottom:0}.act-search{width:min(250px,32vw)}}
@media(max-width:620px){.act-header{padding:0 8px}.act-nav-shell{border-radius:0 0 14px 14px;padding:8px 10px}.act-brand{font-size:16px}.act-brand img{width:34px;height:34px}.act-search{order:2;flex:1;width:auto;height:34px}.act-login{order:2;min-width:65px;height:34px;padding-inline:12px}.act-nav{gap:0}.act-nav a{padding-inline:11px}.act-footer{width:calc(100% - 24px);gap:8px;font-size:10px}.act-footer>span:nth-child(2){display:none}.act-footer-links{gap:9px}}
.act-logout{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid #ffe0e6;border-radius:50%;background:linear-gradient(145deg,#fff,#fff4f5);color:#ee5277;box-shadow:0 4px 12px rgba(239,82,121,.12);cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}
.act-logout:hover{transform:translateY(-1px);background:linear-gradient(120deg,#ff8055,#f43e72);color:#fff;box-shadow:0 6px 16px rgba(239,82,121,.22)}
.act-logout:focus-visible{outline:3px solid #f2477855;outline-offset:3px}
.act-logout:disabled{opacity:.55;cursor:wait;transform:none}
.act-logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* Shared page content width follows the homepage's 1240px desktop grid. */
.wrap,.act-container,.act-footer,.learning-home .home-width:not(.home-header){width:min(1240px,calc(100% - 48px));margin-inline:auto}
@media(max-width:1050px){.wrap,.act-container,.act-footer,.learning-home .home-width:not(.home-header){width:calc(100% - 32px)}}

/* Use the homepage's full-page pink and lavender grid background on tool pages. */
.learning-home.tool-pages,.learning-home.content-pages{background-color:#f8effb;background-image:linear-gradient(125deg,rgba(255,228,239,.75),rgba(237,230,255,.74)),linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;background-attachment:fixed}
.learning-home.tool-pages::before,.learning-home.content-pages::before{display:none}
.act-breadcrumb,.learning-home.tool-pages .breadcrumbs{display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:10px;color:#8792a8;font-size:12px;line-height:1.5;margin:0}
.learning-home.tool-pages .breadcrumbs{min-height:36px;padding:10px 12px 8px}
.learning-home.tool-pages .breadcrumbs a{color:inherit}
.learning-home.tool-pages .breadcrumbs a:hover{color:#3285f4}
@media(max-width:620px){.learning-home.tool-pages .breadcrumbs{min-height:34px;padding:9px 2px 7px}}