/* MultipleTools 5.0 — independent, accessible blue-first design layer. */
:root{--brand:#2563eb;--brand2:#194abe;--soft:#eff6ff;--surface:#fff;--line:#dce7f5;--ink:#122544;--muted:#586a83;--shadow:0 14px 38px rgba(37,79,146,.075);--radius:18px;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:96px}*,*:before,*:after{box-sizing:border-box}
body{background:#f7faff!important;color:var(--ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:16px;line-height:1.65}
a{color:#235ccf}a:hover{color:#163e9f}p{line-height:1.7}.container{max-width:1200px;width:calc(100% - 48px);margin-inline:auto}
.topbar{background:#0f2449!important;color:#e9f3ff!important;font-size:12px;letter-spacing:.02em;text-align:center;padding:6px 0}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px);border-bottom:1px solid #deebfa!important;box-shadow:0 5px 22px rgba(22,58,117,.04)}
.nav{min-height:78px;gap:24px}.logo{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none!important;font-size:22px!important;letter-spacing:-.8px;font-weight:850!important;color:#10284f!important;white-space:nowrap}
.logo span{color:#2563eb!important}.brand-symbol{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;background:linear-gradient(140deg,#2c77ff,#1551d9);border-radius:13px;color:#fff;font-size:24px;font-weight:900;box-shadow:0 7px 16px rgba(37,99,235,.23);letter-spacing:-3px;padding-right:3px}
.navlinks{gap:7px}.navlinks a{font-size:14px!important;font-weight:650!important;color:#496080!important;border-radius:10px!important;padding:10px 13px!important}.navlinks a:hover,.navlinks a[aria-current=page]{color:#1551ce!important;background:#edf4ff!important}
.menu-toggle{border:1px solid #d6e3f5!important;color:#17468a!important;background:#f2f7ff!important;box-shadow:none!important;border-radius:11px!important;padding:8px 13px!important}
.hero.landing-hero{padding:84px 0 80px!important;background:radial-gradient(circle at 12% 8%,#dcecff 0,transparent 34%),radial-gradient(circle at 95% 42%,#e0edff 0,transparent 32%),linear-gradient(135deg,#f9fcff,#eff6ff 70%,#f7faff)!important;overflow:hidden}
.hero.landing-hero>.container{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);align-items:center;gap:72px;text-align:left}
.hero-copy{min-width:0}.landing-hero .eyebrow{display:inline-flex;gap:8px;align-items:center;background:#e7f0ff!important;color:#1749b1!important;border:1px solid #cfe0ff!important;font-weight:800;font-size:11px;letter-spacing:.12em;padding:8px 13px;border-radius:999px}
.landing-hero h1{font-size:clamp(42px,4.8vw,68px)!important;line-height:1.09!important;letter-spacing:-.055em!important;font-weight:850!important;margin:23px 0 20px!important;max-width:680px;color:#10264b!important;text-align:left!important}
.landing-hero h1 em{font-style:normal;background:linear-gradient(105deg,#2563eb,#41a0f7);background-clip:text;-webkit-background-clip:text;color:transparent}
.landing-hero .hero-copy>p{font-size:18px!important;color:#526985!important;max-width:570px;margin:0 0 30px!important;text-align:left!important}
.landing-hero .searchbox{display:flex!important;max-width:600px!important;margin:0!important;background:#fff!important;border:1px solid #c6d9f6!important;box-shadow:0 17px 40px rgba(44,106,198,.13)!important;padding:7px!important;border-radius:16px!important;align-items:center}
.landing-hero .searchbox input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;min-height:48px!important;font-size:15px!important;color:#142b50!important;padding-inline:15px!important}
.landing-hero .searchbox button,.btn,.btn-primary,#runTool,#advRun,.mt-news-form button{background:linear-gradient(120deg,#2364ed,#1652d7)!important;color:white!important;border:0!important;box-shadow:0 7px 18px rgba(37,99,235,.17)!important;border-radius:11px!important;font-weight:760!important}
.landing-hero .searchbox button{padding:14px 19px!important;white-space:nowrap}.landing-hero .searchbox button:hover,.btn:hover,#runTool:hover,#advRun:hover{filter:brightness(1.05)}
.hero-trust{display:flex!important;flex-wrap:wrap;gap:13px 21px!important;justify-content:flex-start!important;margin-top:20px!important;font-size:12px!important;color:#49749f!important}
.hero-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:13px;color:#6e7f96}.hero-chips a{padding:5px 10px;border:1px solid #cbdcf7;border-radius:999px;background:#fff;color:#2455ad;font-weight:650;font-size:12px;text-decoration:none}.hero-chips a:hover{background:#e5efff}
.hero-art{position:relative;max-width:515px;width:100%;margin-left:auto;filter:drop-shadow(0 30px 36px rgba(42,80,150,.11))}.hero-art:before{content:"";position:absolute;inset:10% -8% -10% 6%;background:linear-gradient(140deg,#daeaff,#bcd6ff);border-radius:42px;transform:rotate(6deg);opacity:.65}
.workspace-visual{position:relative;z-index:1;background:#fff;border:1px solid #c9dcf8;border-radius:23px;overflow:hidden;box-shadow:0 22px 46px rgba(23,67,137,.14)}
.workspace-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e3ecf8;padding:17px 22px;background:#fbfdff}.window-dot{width:9px;height:9px;border-radius:50%;background:#c9d8ec}.window-dot:first-child{background:#ffa5a4}.window-dot:nth-child(2){background:#ffdb84}.window-dot:nth-child(3){background:#82dbb7}.workspace-top strong{margin-left:auto;font-size:11px;letter-spacing:.04em;color:#51729f}
.workspace-content{padding:26px}.workspace-label{font-size:12px;font-weight:820;color:#2661d7;letter-spacing:.07em;text-transform:uppercase}.workspace-content h2{font-size:25px;margin:7px 0 6px;letter-spacing:-.6px;color:#172a4c}.workspace-content p{font-size:13px;color:#687d99;margin:0 0 17px}.preview-input{background:#f5f9ff;border:1px solid #deebf9;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.6;color:#63758b}.preview-result{margin-top:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.preview-result div{background:#ebf5ff;border:1px solid #d5e8ff;border-radius:12px;padding:15px 10px;text-align:center}.preview-result strong{font-size:25px;color:#1b56c9;display:block;line-height:1.2}.preview-result span{display:block;font-size:11px;color:#517199;margin-top:4px}.workspace-foot{display:flex;gap:10px;align-items:center;margin-top:18px;color:#52749c;font-size:12px;font-weight:650}.workspace-foot .workspace-check{background:#dcfce7;color:#167047;padding:3px 8px;border-radius:999px;font-size:11px}
.art-floating{position:absolute;z-index:2;border:1px solid #d9e8fa;border-radius:14px;background:#fff;padding:10px 14px;color:#1b4da1;box-shadow:0 12px 29px rgba(26,83,160,.13);font-size:12px;font-weight:750}.art-float-top{top:-22px;right:-20px}.art-float-bottom{bottom:-24px;left:-22px}
.section{padding-block:60px!important}.section-head{margin-bottom:23px!important;gap:20px;align-items:end}.section-head h2{color:#102a55!important;font-weight:840!important;letter-spacing:-.035em;font-size:clamp(25px,2.6vw,33px)!important;line-height:1.2}.section-head p{color:#61728c!important;font-size:15px}.text-link{color:#215bdb!important;font-weight:750!important;text-decoration:none!important;font-size:14px}
.landing-section{background:#fff!important;padding-block:75px!important}.home-discovery{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}
.home-discovery .featured-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.home-rail{display:flex;flex-direction:column;gap:17px}.rail-card{background:#f7faff;border:1px solid #dfebfa;padding:20px 19px;border-radius:18px}.rail-card h3{font-size:16px;letter-spacing:-.015em;margin:0 0 13px;color:#1a3561}.rail-card a{display:flex;align-items:center;justify-content:space-between;gap:6px;text-decoration:none;font-size:13px;color:#36577e;border-bottom:1px solid #e2eaf5;padding:9px 1px;font-weight:650}.rail-card a:last-child{border-bottom:0}.rail-card a:hover{color:#235cde}.rail-card small{font-size:12px;color:#7386a0}.rail-card a.rail-guide{display:block;line-height:1.4}.rail-card a.rail-guide span{display:block;color:#174dd0;font-size:11px;font-weight:700;margin-top:3px}.rail-cta{background:linear-gradient(140deg,#1c56d8,#227af4);color:#fff;padding:22px;border-radius:18px}.rail-cta h3{margin:0 0 7px;color:#fff;font-size:18px}.rail-cta p{color:#dceaff;font-size:13px;margin:0 0 13px}.rail-cta a{display:inline-flex;color:#fff;text-decoration:underline;font-size:13px;font-weight:730}
.toolcard{background:#fff!important;border:1px solid #e0e9f6!important;border-radius:17px!important;box-shadow:0 5px 20px rgba(26,62,118,.035)!important;padding:20px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;color:#122b53!important}
.toolcard:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(30,83,173,.09)!important;border-color:#bad6ff!important}.toolicon{background:#e8f1ff!important;color:#1b5cce!important;border-radius:11px!important;font-weight:850!important}
.category{color:#2d6bd8!important;font-size:10px!important;letter-spacing:.08em!important;font-weight:800!important;text-transform:uppercase}.toolcard h3{font-size:16px!important;color:#173357!important;line-height:1.35;margin:7px 0!important}.toolcard p{color:#687b93!important;font-size:13px!important;line-height:1.6!important}.card-link{color:#2361d4!important;font-size:12px!important;font-weight:750!important}
.category-section{background:#f0f6ff!important}.category-grid{gap:13px!important}.category-tile{background:#fff!important;border:1px solid #dae8fa!important;border-radius:17px!important;box-shadow:none!important;padding:18px!important}.category-tile:hover{border-color:#b6d2fa!important;transform:translateY(-2px)}.category-symbol{border-radius:12px!important;background:#eaf2ff!important;color:#2260cd!important}.category-tile strong{color:#163256!important}.category-tile small{color:#6a7b91!important}.category-tile b{color:#2d6fdd!important}
.benefits-section{background:#fff!important}.benefit-row{gap:24px!important}.benefit-row>div{background:#f7faff;border:1px solid #e3ecf7;border-radius:20px;padding:24px!important}.benefit-icon{background:#e9f2ff!important;color:#1d60cf!important;border-radius:13px!important}.benefit-row h3{color:#18365f!important}.benefit-row p{color:#60748d!important}
.panel,.article-content,.tool-sidebar{background:#fff!important;border:1px solid #e0eaf6!important;border-radius:18px!important;box-shadow:0 6px 28px rgba(38,75,129,.045)!important}.content{padding-top:36px;padding-bottom:45px}.panel{padding:27px!important}.content h1,.tool-title{color:#112d56!important;letter-spacing:-.035em!important;font-weight:830!important;line-height:1.18!important}.lead{color:#5b7290!important;font-size:16px!important}.crumb{font-size:13px;color:#72849b;margin-bottom:17px}.crumb a{color:#2860c8}
.tool-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;column-gap:24px!important;row-gap:22px!important;align-items:start!important}.tool-layout>.crumb{grid-column:1/-1;grid-row:1}.tool-layout>.panel:first-of-type{grid-column:1;grid-row:2;margin:0!important;min-width:0}.tool-layout>.tool-sidebar{grid-column:2;grid-row:2;position:static!important;overflow:visible!important;max-height:none!important;min-height:0!important;display:block!important;padding:21px!important;margin:0!important;width:100%!important}.tool-layout>.article-content{grid-column:1/-1!important;grid-row:3;display:block!important;position:static!important;float:none!important;transform:none!important;height:auto!important;overflow:visible!important;margin:0!important;width:100%!important}.tool-layout>.notice{grid-column:1/-1;grid-row:4}.tool-layout>#relatedTools{grid-column:1/-1}.tool-sidebar h2{font-size:16px;color:#214379!important}.tool-sidebar ul{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;list-style:none!important;margin:0!important;padding:0!important}.tool-sidebar li a{display:block;padding:7px 10px!important;border-radius:9px!important;font-size:13px!important;color:#52708f!important;text-decoration:none!important}.tool-sidebar li a:hover{background:#eaf3ff!important;color:#225cc9!important}
.article-content h2{font-size:24px!important;color:#143761!important;margin-top:27px!important}.article-content h3{font-size:19px!important;color:#1c406e!important;margin-top:25px!important}.article-content h4{font-size:16px!important;color:#244c7e!important}.article-content p,.article-content li{font-size:15px!important;color:#4b607d!important;line-height:1.8!important}.article-content p{margin-bottom:15px}.article-content li{margin-bottom:5px}.article-content a{color:#1d61d4}.tool-layout #toolUI{margin-top:23px}.field-label{font-size:13px!important;font-weight:750!important;color:#274466!important;margin:12px 0 6px!important}#toolUI textarea,#toolUI input:not([type=checkbox]),#toolUI select,#advOutput,.directory-controls input,.directory-controls select{background:#fcfdff!important;border:1px solid #cbdaf0!important;border-radius:11px!important;color:#173656!important;min-height:45px!important}#toolUI textarea,#advOutput{min-height:160px!important;padding:13px!important;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.actions button,.directory-controls button{padding:11px 16px;border-radius:10px!important;cursor:pointer}.btn-secondary,#clearTool,#advClear,#downloadTool,#copyTool{color:#2059b6!important;background:#eaf2ff!important;border:1px solid #ccddfa!important;box-shadow:none!important}
.mt-tool-share{background:#f4f8ff!important;border:1px solid #d8e7fb!important;border-radius:12px!important;padding:10px!important}.mt-tool-share strong{color:#365983!important}.mt-tool-share button{background:#e5efff!important;color:#1c5bc2!important;border:1px solid #cbdcf6!important}.mt-tool-share button:hover{background:#d9e7fb!important}
.tool-example{margin:22px 0;padding:20px 23px;border:1px solid #d6e7fc;border-left:4px solid #3778e6;border-radius:13px;background:#f3f8ff}.tool-example h3{margin:0 0 7px!important}.tool-example p{margin:7px 0!important}.tool-example code{background:#e0edff;color:#133e78;padding:2px 5px;border-radius:4px}
.blog-cards{gap:18px!important}.blog-cards .toolcard h2,.blog-cards .toolcard h3{font-size:17px!important;color:#14375e!important}.blog-cards .toolcard p{font-size:14px!important;color:#637792!important}
.mt-community{background:#12346b!important;padding:34px 0!important;color:#eaf3ff!important}.mt-community-inner{max-width:1200px;gap:40px!important}.mt-community h2{color:#fff!important;font-size:23px!important}.mt-news-form input{border:1px solid #bfd7fa!important;border-radius:10px!important}.mt-share-btn{background:#2756a2!important;border-radius:9px!important}.footer{background:#0c2448!important;color:#e0edff!important;padding:50px 0 20px!important;margin:0!important}.footer .logo{color:#fff!important}.footer .logo span{color:#81c5ff!important}.footer-brand p,.footer a,.footer-bottom{color:#acc5e3!important}.footer-grid h2{color:#8fbeff!important}.footer a:hover{color:#fff!important}.footer-bottom{border-color:#274365!important}
.method-pill{display:inline-block;font-size:12px;font-weight:750;color:#215abb;border-radius:9px;padding:6px 10px;background:#e6f0ff;margin:5px 0 12px}.method-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.method-list>div{padding:22px;border:1px solid #dceafd;border-radius:15px;background:#f6faff}.method-list h3{font-size:18px;color:#1c467d;margin:0 0 7px}.method-list p{font-size:14px;color:#61758f;margin:0}
@media(max-width:1120px){.hero.landing-hero>.container{gap:35px;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}.home-discovery{grid-template-columns:minmax(0,1fr) 250px}.home-discovery .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:850px){.hero.landing-hero>.container{grid-template-columns:1fr;gap:45px}.hero.landing-hero{padding:55px 0 70px!important}.hero-art{max-width:500px;margin-inline:auto}.home-discovery{grid-template-columns:1fr}.home-rail{display:grid;grid-template-columns:1fr 1fr}.rail-cta{grid-column:1/-1}.tool-layout{grid-template-columns:1fr!important;gap:17px!important}.tool-layout>.crumb,.tool-layout>.panel:first-of-type,.tool-layout>.article-content,.tool-layout>.tool-sidebar,.tool-layout>.notice{grid-column:1!important}.tool-layout>.panel:first-of-type{grid-row:2}.tool-layout>.article-content{grid-row:3}.tool-layout>.tool-sidebar{grid-row:4}.tool-layout>.notice{grid-row:5}.tool-layout>.tool-sidebar ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}.method-list{grid-template-columns:1fr}}
@media(max-width:760px){.container{width:calc(100% - 34px)}.nav{min-height:66px;gap:12px}.navlinks.nav-open{display:flex!important;background:#fff;padding:13px 0}.landing-hero h1{font-size:43px!important}.landing-hero .hero-copy>p{font-size:16px!important}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-grid{grid-template-columns:1fr 1fr!important}.section{padding-block:44px!important}.panel{padding:22px!important}}
@media(max-width:520px){.container{width:calc(100% - 28px)}.logo{font-size:19px!important}.brand-symbol{width:36px;height:36px;font-size:20px}.hero.landing-hero{padding:40px 0 55px!important}.landing-hero h1{font-size:37px!important}.landing-hero .searchbox{flex-direction:column!important;align-items:stretch!important}.landing-hero .searchbox button{width:100%!important}.hero-art{max-width:430px}.workspace-content{padding:18px}.art-float-top{right:0}.art-float-bottom{left:0}.home-discovery .featured-grid,.featured-grid,.category-grid{grid-template-columns:1fr!important}.home-rail{grid-template-columns:1fr}.rail-cta{grid-column:auto}.tool-layout>.tool-sidebar ul{grid-template-columns:1fr!important}.benefit-row{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-brand{grid-column:1/-1}.section-head{align-items:start}.section-head .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.toolcard,.category-tile{transition:none!important;transform:none!important}}
/* Higher specificity than the legacy V4.6.5 emergency flex override. */
main.tool-layout{display:grid!important;flex-direction:initial!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:22px 24px!important;align-items:start!important;isolation:auto!important}
main.tool-layout>.crumb{grid-column:1/-1!important;grid-row:1!important;width:100%!important}
main.tool-layout>.panel:first-of-type{grid-column:1!important;grid-row:2!important;width:100%!important}
main.tool-layout>.tool-sidebar{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:100%!important;align-self:start!important}
main.tool-layout>.tool-sidebar ul{grid-template-columns:1fr!important;gap:3px!important}
main.tool-layout>.article-content{grid-column:1/-1!important;grid-row:3!important;width:100%!important}
main.tool-layout>.notice{grid-column:1/-1!important;grid-row:4!important}
main.tool-layout>.tool-sidebar li{display:block!important}
.logo .brand-symbol{background:linear-gradient(140deg,#2b80ff,#1756cf)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px;line-height:1!important}
.footer .logo .brand-symbol{color:#fff!important}
main>.section:has(> .container > #recentTools[hidden] ~ #favoriteTools[hidden]){display:none!important}
@media(max-width:850px){main.tool-layout{grid-template-columns:minmax(0,1fr)!important}main.tool-layout>.crumb,main.tool-layout>.panel:first-of-type,main.tool-layout>.article-content,main.tool-layout>.tool-sidebar,main.tool-layout>.notice{grid-column:1!important}main.tool-layout>.panel:first-of-type{grid-row:2!important}main.tool-layout>.article-content{grid-row:3!important}main.tool-layout>.tool-sidebar{grid-row:4!important}main.tool-layout>.notice{grid-row:5!important}main.tool-layout>.tool-sidebar ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){main.tool-layout>.tool-sidebar ul{grid-template-columns:1fr!important}}

/* Shorter mobile landing page; all tools remain accessible through the directory. */
@media(max-width:520px){.home-discovery .featured-grid .toolcard:nth-child(n+7){display:none!important}.landing-section{padding-block:44px!important}.hero-art{filter:drop-shadow(0 14px 25px rgba(42,80,150,.09))}.section{padding-block:36px!important}}