/* Kitwise design layer (kw.css) - loaded last on every page.
   Idea: a toolbox index. Everything is quiet white, navy ink and one blue for actions; the only bold element is the
   A-Z index (yellow letter tabs), which is also the colour of search highlights. Older stylesheets use !important,
   so overrides of their classes use it too; new kw-* classes do not need it. */
:root{--kw-ink:#16213e;--kw-soft:#566176;--kw-line:#e2e6ee;--kw-wash:#f5f7fb;--kw-paper:#fff;--kw-blue:#1d4ed8;--kw-blue-2:#1e40af;--kw-blue-wash:#eef3ff;
  --kw-hi:#ffe066;--kw-green:#0f6b46;--kw-green-wash:#e6f5ed;--kw-slate:#44506a;--kw-slate-wash:#eef1f6;--kw-r:10px;--kw-R:14px;
  --kw-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Noto Naskh Arabic",sans-serif;--kw-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
html{scroll-padding-top:120px}
body{font-family:var(--kw-font)!important;color:var(--kw-ink)!important;background:var(--kw-paper)!important;-webkit-font-smoothing:antialiased}
html.kw-noscroll{overflow:hidden}
:focus-visible{outline:3px solid var(--kw-blue)!important;outline-offset:2px!important}
.eyebrow,.ut-kicker{display:none!important}                 /* no ALL-CAPS labels above headings */
.kw-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
mark{background:var(--kw-hi);color:inherit;border-radius:2px;padding:0 1px}

/* ---------- header */
.site-header{position:sticky!important;top:0!important;z-index:60!important;min-height:64px!important;height:auto!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--kw-line)!important;box-shadow:none!important;backdrop-filter:none!important}
.site-header .header-inner{max-width:1200px!important;min-height:64px!important;margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:nowrap!important}
.site-header .logo,.site-footer .logo{font-size:22px!important;font-weight:800!important;letter-spacing:-.6px!important;color:var(--kw-ink)!important;text-decoration:none!important}
.site-header .logo span,.site-footer .logo span{color:var(--kw-blue)!important}
.site-header .main-nav{display:flex!important;gap:4px!important;margin-left:8px!important;overflow:visible!important}
.site-header .main-nav a{font-size:14px!important;font-weight:600!important;color:var(--kw-soft)!important;padding:8px 10px!important;border-radius:8px!important;text-decoration:none!important;white-space:nowrap}
.site-header .main-nav a:hover{color:var(--kw-ink)!important;background:var(--kw-wash)!important}
.site-header .main-nav a[aria-current="page"]{color:var(--kw-ink)!important;box-shadow:inset 0 -2px 0 var(--kw-blue)!important;border-radius:0!important}
.kw-find{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 11px;border:1px solid var(--kw-line)!important;border-radius:999px!important;background:var(--kw-wash)!important;color:var(--kw-soft)!important;font:600 14px var(--kw-font)!important;cursor:pointer;white-space:nowrap;box-shadow:none!important}
.kw-find:hover{border-color:#c9d2e3!important;color:var(--kw-ink)!important}
.kw-find svg{flex:none}
@media (hover:none),(max-width:980px){.kw-find kbd{display:none}}   /* no keyboard hint on touch screens */
.kw-find kbd,.kw-finder kbd{font:600 11px var(--kw-font);border:1px solid var(--kw-line);border-bottom-width:2px;background:#fff;border-radius:5px;padding:1px 5px;color:var(--kw-soft)}
.site-header .account{margin-left:0!important;display:flex!important;gap:8px!important}
.site-header .account .tv-pill,.site-header .account button.tv-pill{display:inline-flex!important;align-items:center!important;height:40px!important;padding:0 13px!important;border-radius:999px!important;border:1px solid var(--kw-line)!important;background:#fff!important;color:var(--kw-ink)!important;box-shadow:none!important;font:600 13px var(--kw-font)!important}
.site-header .account .tv-pill.low{background:#fff7e6!important;border-color:#f2cf8a!important;color:#7a4a00!important}
.mobile-suite-nav{display:none!important}
@media(max-width:980px){
  .site-header .main-nav{display:none!important}
  .mobile-suite-nav{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:8px 16px!important;background:#fff!important;border-bottom:1px solid var(--kw-line)!important;scrollbar-width:none;position:static!important}
  .mobile-suite-nav::-webkit-scrollbar{display:none}
  .mobile-suite-nav a{flex:none;font:600 13px var(--kw-font)!important;color:var(--kw-soft)!important;padding:8px 12px!important;border:1px solid var(--kw-line)!important;border-radius:999px!important;background:#fff!important;text-decoration:none!important}
  .mobile-suite-nav a[aria-current="page"]{color:#fff!important;background:var(--kw-ink)!important;border-color:var(--kw-ink)!important}
}
@media(max-width:620px){
  .site-header .header-inner{padding:0 14px!important;gap:10px!important}
  .kw-find{width:40px;padding:0;justify-content:center}.kw-find .kw-find-label,.kw-find kbd{display:none}
  .site-header .account .tv-pill{padding:0 10px!important;font-size:12px!important}
}

/* ---------- shared bits */
.kw-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.kw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--kw-r)!important;border:1px solid var(--kw-line)!important;background:#fff!important;color:var(--kw-ink)!important;font:700 15px var(--kw-font)!important;text-decoration:none;cursor:pointer;box-shadow:none!important}
.kw-btn.primary{background:var(--kw-blue)!important;border-color:var(--kw-blue)!important;color:#fff!important}.kw-btn.primary:hover{background:var(--kw-blue-2)!important}.kw-btn:hover{border-color:#b9c6dd!important}
.kw-linkbtn{border:0!important;background:none!important;padding:0!important;color:var(--kw-blue)!important;font:inherit!important;text-decoration:underline;cursor:pointer;box-shadow:none!important}
.kw-crumbs{font-size:14px;color:var(--kw-soft);margin:0 0 10px}.kw-crumbs a{color:var(--kw-soft)}.kw-crumbs a:hover{color:var(--kw-blue)}
.kw-run{flex:none;align-self:start;font:600 12px/1 var(--kw-font);font-style:normal;padding:5px 8px;border-radius:999px;white-space:nowrap}
.kw-run.b{color:var(--kw-green);background:var(--kw-green-wash)}.kw-run.s{color:var(--kw-slate);background:var(--kw-slate-wash)}

/* ---------- home: hero with the one search box */
.kw-hero{background:var(--kw-wash);border-bottom:1px solid var(--kw-line)}
.kw-hero .kw-wrap{padding-top:52px;padding-bottom:30px}
.kw-hero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.08;letter-spacing:-1.2px;margin:0 0 12px;max-width:760px;font-weight:800;color:var(--kw-ink);text-wrap:balance}
.kw-hero p{font-size:18px;line-height:1.55;color:var(--kw-soft);margin:0 0 26px;max-width:640px}
.kw-search{position:relative;max-width:760px}
.kw-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--kw-soft);pointer-events:none}
.kw-search input{width:100%;height:60px;border:2px solid #cfd7e6;border-radius:14px;background:#fff;padding:0 18px 0 52px;font:500 18px var(--kw-font);color:var(--kw-ink);box-shadow:0 1px 0 rgba(22,33,62,.04)}
.kw-search input::placeholder,.kw-finder-top input::placeholder,.kw-input::placeholder{color:#6b7489}
.kw-search input:focus{border-color:var(--kw-blue);outline:none!important;box-shadow:0 0 0 4px rgba(29,78,216,.15)}

/* ---------- home: popular tools, category buttons, one category at a time (views chosen by kw.js from the address) */
.kw-dir{max-width:1200px;margin:0 auto;padding:28px 24px 34px}
.kw-dir h2{font-size:22px;letter-spacing:-.4px;margin:0 0 12px;color:var(--kw-ink)}
.kw-cats{margin-top:32px}.kw-recent:not([hidden]){margin-bottom:32px}
.kw-popgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kw-popgrid li{min-width:0}
.kw-pop-item{display:flex;align-items:center;gap:12px;min-height:62px;height:100%;box-sizing:border-box;padding:10px 14px;border:1px solid var(--kw-line);border-radius:12px;background:#fff;color:var(--kw-ink);text-decoration:none;font-weight:700;font-size:15.5px;line-height:1.25}
.kw-pop-item:hover{border-color:#b9c6dd;background:#fbfcff}
.kw-pop-item .kw-ic{width:38px;height:38px}
.kw-recent .kw-popgrid .kw-item{align-items:center}.kw-recent .kw-popgrid .kw-tx small,.kw-recent .kw-popgrid .kw-run{display:none}
.kw-catgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kw-catgrid li{min-width:0}
.kw-cat{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;align-content:center;height:100%;box-sizing:border-box;padding:14px;border:1px solid var(--kw-line);border-radius:14px;background:#fff;color:var(--kw-ink);text-decoration:none}
.kw-cat:hover{border-color:#b9c6dd;background:#fbfcff}
.kw-cat-ic{grid-row:1/3;width:46px;height:46px;border-radius:12px;background:var(--kw-wash);display:grid;place-items:center;font-size:23px;line-height:1}
.kw-cat-ic[lang=ur]{font-size:15px;font-weight:700;color:var(--kw-ink)}
.kw-cat b{font-size:16px;line-height:1.25;font-weight:700}.kw-cat b span{font-weight:500;color:var(--kw-soft);font-size:14px;margin-left:3px}
.kw-cat small{color:var(--kw-soft);font-size:13.5px;line-height:1.4}
.kw-all-link{margin:16px 0 0;font-size:15px}.kw-all-link a{color:var(--kw-blue);font-weight:600}
.kw-vhead{margin:0 0 14px}.kw-vhead h2{margin:4px 0 0}.kw-vhead h2 span{font-weight:500;color:var(--kw-soft);font-size:16px;margin-left:6px}
.kw-back{display:inline-block;color:var(--kw-blue);font-weight:600;text-decoration:none;font-size:15px;padding:4px 0}.kw-back:hover{text-decoration:underline}
.kw-sub{font-size:16px;font-weight:700;color:var(--kw-ink);margin:20px 0 8px}.kw-vhead+.kw-sub{margin-top:6px}
.kw-view+.kw-view{margin-top:34px}                       /* without JavaScript every category is listed */
.js .kw-view:not(.on){display:none}
.kw-searchout{display:none}.kw-searching .kw-searchout{display:block}.kw-searching .kw-home,.kw-searching .kw-views{display:none!important}
.kw-count{margin:0 0 12px;color:var(--kw-soft);font-size:15px}
.kw-rail{position:sticky;top:64px;z-index:20;display:flex;gap:2px;flex-wrap:wrap;background:rgba(255,255,255,.97);padding:8px 0;margin:0 0 6px;border-bottom:1px solid var(--kw-line)}
.kw-rail button{min-width:30px;height:32px;display:grid;place-items:center;border:0!important;border-radius:7px!important;background:transparent!important;font:700 14px var(--kw-font)!important;color:var(--kw-ink)!important;cursor:pointer;padding:0 6px!important;box-shadow:none!important}
.kw-rail button:hover{background:var(--kw-hi)!important}
.kw-group{padding-top:18px}
.kw-letter{display:inline-block;margin:0 0 10px;font:800 22px/1 var(--kw-font);color:var(--kw-ink);background:var(--kw-hi);padding:7px 12px 6px;border-radius:8px 8px 8px 2px;min-width:22px;text-align:center}
.kw-list,.kw-results{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}
.kw-list li,.kw-results li{min-width:0}
.kw-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--kw-line);border-radius:12px;background:#fff;color:var(--kw-ink);text-decoration:none;height:100%;box-sizing:border-box}
.kw-item:hover{border-color:#b9c6dd;background:#fbfcff}
.kw-ic{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--kw-blue-wash);color:var(--kw-blue-2);font:700 15px/1 var(--kw-font);overflow:hidden}
.kw-tx{flex:1;min-width:0}
.kw-tx b{display:block;font-size:15px;line-height:1.3;font-weight:700;color:var(--kw-ink)}
.kw-tx small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--kw-soft)}
.kw-empty{margin:18px 0;padding:16px;border:1px dashed #c9d2e3;border-radius:12px;color:var(--kw-soft);background:var(--kw-wash)}
@media(max-width:980px){.kw-list,.kw-results{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-popgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.kw-catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .kw-hero .kw-wrap{padding-top:30px;padding-bottom:22px}.kw-hero p{font-size:16px;margin-bottom:18px}
  .kw-search input{height:54px;font-size:16px}
  .kw-dir{padding:20px 14px 26px}.kw-dir h2{font-size:20px}.kw-cats{margin-top:26px}.kw-recent:not([hidden]){margin-bottom:26px}
  .kw-popgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kw-pop-item{min-height:56px;padding:8px 10px;gap:10px;font-size:14.5px}.kw-pop-item .kw-ic{width:32px;height:32px;font-size:14px}
  .kw-catgrid{gap:8px}.kw-cat{grid-template-columns:38px minmax(0,1fr);column-gap:10px;padding:11px}.kw-cat-ic{width:38px;height:38px;font-size:20px;border-radius:10px}
  .kw-cat b{font-size:14.5px}.kw-cat b span{display:block;margin:2px 0 0;font-size:13px}.kw-cat small{display:none}
  .kw-rail{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.kw-rail::-webkit-scrollbar{display:none}.kw-rail button{flex:none}
  .kw-list,.kw-results{grid-template-columns:1fr}
  .kw-item{padding:11px}
}

/* ---------- home: how it works + small print */
.kw-band{border-top:1px solid var(--kw-line);background:var(--kw-wash)}
.kw-band .kw-wrap{padding-top:34px;padding-bottom:34px}
.kw-band h2{font-size:22px;margin:0 0 16px;color:var(--kw-ink)}
.kw-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kw-steps li{counter-increment:s;background:#fff;border:1px solid var(--kw-line);border-radius:12px;padding:16px 16px 16px 54px;position:relative;color:var(--kw-soft);font-size:15px;line-height:1.5}
.kw-steps li::before{content:counter(s);position:absolute;left:16px;top:15px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--kw-ink);color:#fff;font:700 14px var(--kw-font)}
.kw-steps b{display:block;color:var(--kw-ink);margin-bottom:2px}
.kw-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.kw-facts p{margin:0;background:#fff;border:1px solid var(--kw-line);border-radius:12px;padding:16px;color:var(--kw-soft);font-size:15px;line-height:1.5}.kw-facts b{color:var(--kw-ink)}
@media(max-width:780px){.kw-steps,.kw-facts{grid-template-columns:1fr}}

/* ---------- quick finder dialog */
.kw-finder{position:fixed;inset:0;z-index:3000;background:rgba(17,24,39,.45);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}
.kw-finder[hidden]{display:none}
.kw-finder-box{width:min(680px,100%);max-height:78vh;display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(15,23,42,.35);overflow:hidden}
.kw-finder-top{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--kw-line);color:var(--kw-soft)}
.kw-finder-top input{flex:1;height:58px!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font:500 18px var(--kw-font)!important;color:var(--kw-ink)!important;background:transparent!important;min-width:0}
.kw-finder-top input:focus{outline:none!important;box-shadow:none!important}
.kw-finder-top input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.kw-finder-close{border:1px solid var(--kw-line)!important;border-radius:7px!important;background:#fff!important;color:var(--kw-soft)!important;font:600 12px var(--kw-font)!important;padding:5px 8px!important;cursor:pointer;box-shadow:none!important}
.kw-finder-note{margin:10px 16px 4px;font-size:13px;color:var(--kw-soft)}
.kw-finder-list{list-style:none;margin:0;padding:4px 10px 10px;overflow:auto;display:grid;gap:6px}
.kw-finder-list .kw-item{border-color:transparent}.kw-finder-list .kw-item:hover,.kw-finder-list .kw-item:focus{border-color:var(--kw-line);background:var(--kw-wash)}
.kw-finder-all{display:block;padding:12px 16px;border-top:1px solid var(--kw-line);font-weight:600;color:var(--kw-blue);text-decoration:none}
@media(max-width:620px){.kw-finder{padding:0}.kw-finder-box{max-height:100vh;height:100%;border-radius:0}}

/* ---------- page heads (workspaces, info pages) */
.kw-pagehead{max-width:1200px;margin:0 auto;padding:30px 24px 8px}
.kw-pagehead h1,main.legal>h1,main.dl>h1{font-size:clamp(28px,3.6vw,38px)!important;line-height:1.12!important;letter-spacing:-.8px!important;margin:0 0 10px!important;color:var(--kw-ink)!important}
.kw-lead{font-size:17px;line-height:1.55;color:var(--kw-soft);margin:0;max-width:720px}
.it-hero,.mt-hero,.ai-hero,.arc-hero{background:var(--kw-wash)!important;color:var(--kw-ink)!important;padding:30px 24px 24px!important;border-bottom:1px solid var(--kw-line)!important}
.it-hero h1,.mt-hero h1,.ai-hero h1,.arc-hero h1{font-size:clamp(28px,3.6vw,38px)!important;line-height:1.12!important;letter-spacing:-.8px!important;margin:0 0 10px!important;color:var(--kw-ink)!important}
.it-hero h1 span,.mt-hero h1 span,.ai-hero h1 span,.arc-hero h1 span{color:inherit!important}
.it-hero p,.mt-hero p,.ai-hero p,.arc-hero p{color:var(--kw-soft)!important;font-size:17px!important;max-width:720px}
.hero-orb,.tv-command-launch{display:none!important}

/* ---------- PDF tools page */
.kw-page{max-width:1200px;margin:0 auto;padding:0 0 40px}
#pdf-workspace{margin:0 auto!important;max-width:1200px!important;padding:8px 24px 0!important}
.kw-input{width:100%;max-width:640px;height:50px;border:2px solid #cfd7e6;border-radius:12px;padding:0 16px;font:500 16px var(--kw-font);color:var(--kw-ink);background:#fff}
.kw-input:focus{border-color:var(--kw-blue);outline:none!important;box-shadow:0 0 0 4px rgba(29,78,216,.15)}
#categories{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
#categories button{border:1px solid var(--kw-line)!important;background:#fff!important;color:var(--kw-ink)!important;border-radius:999px!important;padding:8px 13px!important;font:600 14px var(--kw-font)!important}
#categories button.active{background:var(--kw-ink)!important;color:#fff!important;border-color:var(--kw-ink)!important}
#toolsGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 14px!important}
#toolsGrid button.kw-item{width:100%;text-align:left;font:inherit;cursor:pointer}
#toolsGrid .kw-item.active{border-color:var(--kw-blue);background:var(--kw-blue-wash)}
#toolsGrid .kw-ic{font-size:13px}
#panel{border-radius:16px!important;box-shadow:none!important;border:1px solid #cfd7e6!important}
#run{min-height:48px!important;padding:0 26px!important;font-size:16px!important}
@media(max-width:980px){#toolsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){#toolsGrid{grid-template-columns:1fr!important}#pdf-workspace{padding:8px 14px 0!important}.kw-pagehead{padding:22px 14px 6px}}
.kw-howto{max-width:1200px;margin:30px auto 0;padding:0 24px}
.kw-howto h2{font-size:22px;margin:0 0 14px}
.kw-small{font-size:14px;color:var(--kw-soft);line-height:1.6;margin:14px 0 0}

/* ---------- tool pages (/tool/*.html) and the everyday tools hub */
body.kw-toolpage .ut-hero{display:none!important}
.kw-toolhead{max-width:1200px;margin:0 auto;padding:22px 24px 6px}
.kw-toolhead h1{font-size:clamp(26px,3.4vw,36px);line-height:1.15;letter-spacing:-.7px;margin:0 0 8px;color:var(--kw-ink)}
.kw-toolhead p{font-size:16.5px;line-height:1.55;color:var(--kw-soft);margin:0;max-width:760px}
.kw-toolhead .kw-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.kw-toolhead .kw-tags span{font:600 12.5px/1 var(--kw-font);padding:6px 10px;border-radius:999px;background:var(--kw-slate-wash);color:var(--kw-slate)}
.kw-toolhead .kw-tags .b{background:var(--kw-green-wash);color:var(--kw-green)}
body.kw-toolpage .ut-main{padding-top:10px!important}
.ut-main .kw-toolhead{max-width:none;padding:12px 0 8px}
body.kw-toolpage .ut-toolbar,body.kw-toolpage #utTabs,body.kw-toolpage #utGrid{display:none!important}
body.kw-toolpage .ut-work{margin-top:6px!important}
body.kw-toolpage .ut-work .ut-headrow{display:none!important}
.ut-hero{padding:30px 24px 24px!important;background:var(--kw-wash)!important;border-bottom:1px solid var(--kw-line)!important}
.ut-hero h1{font-size:clamp(28px,3.6vw,38px)!important;letter-spacing:-.8px!important;line-height:1.12!important;margin:0 0 10px!important}
.ut-hero h1 span{color:inherit!important}.ut-hero br{display:none}
.ut-hero p{font-size:17px!important}
.ut-work{border-radius:16px!important;border:1px solid #cfd7e6!important;box-shadow:none!important;padding:22px!important}
.ut-fields label{font-size:14px!important;font-weight:700!important;color:var(--kw-ink)!important}
.ut-fields textarea,.ut-fields input,.ut-fields select{border:1px solid #cfd7e6!important;border-radius:10px!important;font-size:16px!important;color:var(--kw-ink)!important;min-height:44px}
.ut-fields textarea:focus,.ut-fields input:focus,.ut-fields select:focus{border-color:var(--kw-blue)!important;outline:none!important;box-shadow:0 0 0 4px rgba(29,78,216,.15)!important}
.ut-actions{gap:8px!important;margin-top:16px!important;align-items:center}
.ut-actions button,.ut-actions select{min-height:40px;border-radius:9px!important;font:600 14px var(--kw-font)!important;border:1px solid var(--kw-line)!important;background:#fff!important;color:var(--kw-ink)!important;padding:0 13px!important}
.ut-actions button.primary,#utRun{background:var(--kw-blue)!important;border-color:var(--kw-blue)!important;color:#fff!important;min-height:48px!important;padding:0 26px!important;font-size:16px!important;font-weight:700!important}
.ut-actions button.primary:hover,#utRun:hover{background:var(--kw-blue-2)!important}
.ut-output{border-radius:12px!important;background:var(--kw-wash)!important;border:1px solid var(--kw-line)!important;font-size:14px!important}
.ut-status{color:var(--kw-green)!important;font-weight:600}
.ut-privacy{color:var(--kw-soft)!important;font-size:13px!important}
.ut-card{transform:none!important;box-shadow:none!important;border-radius:12px!important}
.ut-card:hover,.ut-card.active{border-color:#b9c6dd!important;background:#fbfcff!important}
.ut-icon{background:var(--kw-blue-wash)!important;color:var(--kw-blue-2)!important}
.ut-tabs button{font:600 14px var(--kw-font)!important;color:var(--kw-ink)!important}
.ut-tabs button.active{background:var(--kw-ink)!important;border-color:var(--kw-ink)!important;color:#fff!important}
.ut-search{height:50px!important;border:2px solid #cfd7e6!important;border-radius:12px!important;font-size:16px!important}
.ut-group{grid-column:1/-1;margin:16px 0 2px;font-size:17px;font-weight:700;color:var(--kw-ink)}.ut-group:first-child{margin-top:0}
.kw-more{max-width:1200px;margin:28px auto 0;padding:0 24px}
.kw-more h2{font-size:20px;margin:0 0 12px}
.kw-more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 18px}
.kw-more li a{color:var(--kw-blue);text-decoration:none;font-size:15px;line-height:1.5}.kw-more li a:hover{text-decoration:underline}
.kw-more p{margin:14px 0 0}
@media(max-width:780px){.kw-more ul{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.kw-toolhead{padding:16px 14px 4px}.ut-work{padding:16px!important}.kw-more{padding:0 14px}.kw-howto{padding:0 14px}}
.user-guide-block{border-color:var(--kw-line)!important}
.user-guide-block .guide-columns>div{background:var(--kw-wash)!important}

/* ---------- alignment: every page's content starts on the same left edge as the header (1200px, 24px gutter) */
.ut-main{max-width:1200px!important;padding:24px 24px 28px!important}
.ut-hero .ut-inner{max-width:1152px!important;margin:0 auto!important}
@media(max-width:620px){.ut-main{padding:16px 14px 24px!important}.ut-hero{padding:24px 14px 20px!important}}
/* hub cards read like the home A-Z list: icon left, name, one short line */
.ut-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 14px!important}
.ut-card{display:grid!important;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:start;align-content:start;min-height:0!important;padding:12px!important;border:1px solid var(--kw-line)!important;background:#fff!important;color:var(--kw-ink)!important;font:inherit!important}
.ut-card .ut-icon{grid-row:1/3;width:34px!important;height:34px!important;margin:0!important;border-radius:9px!important;font:700 15px/1 var(--kw-font)!important;overflow:hidden}
.ut-card b{font-size:15px!important;line-height:1.3!important;font-weight:700!important;color:var(--kw-ink)!important}
.ut-card small{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;font-size:13.5px!important;line-height:1.45!important;color:var(--kw-soft)!important}
@media(max-width:980px){.ut-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.ut-grid{grid-template-columns:1fr!important}}
body .ut-tabs button:not(.ut-card){border:1px solid var(--kw-line)!important;background:#fff!important;color:var(--kw-ink)!important;border-radius:999px!important;padding:8px 13px!important;font:600 14px var(--kw-font)!important;box-shadow:none!important}
body .ut-tabs button.active:not(.ut-card){background:var(--kw-ink)!important;border-color:var(--kw-ink)!important;color:#fff!important}
body button.primary,body .btn.primary{background:var(--kw-blue)!important;border-color:var(--kw-blue)!important;color:#fff!important}
body button.primary:hover,body .btn.primary:hover{background:var(--kw-blue-2)!important}

/* ---------- image, video/audio, AI and ZIP workspaces: same edges as the header; the tool comes first, the short guide after it */
.it-hero .it-inner,.mt-hero .mt-inner,.ai-hero .ai-inner,.arc-hero .arc-inner{max-width:1152px!important;margin:0 auto!important}
.it-main,.mt-main,.ai-main,.arc-main{max-width:1200px!important;padding:24px 24px 8px!important}
.kw-guide{max-width:1152px!important;margin:12px auto 36px!important;padding:20px 22px!important;border:1px solid var(--kw-line)!important;border-radius:14px!important;background:var(--kw-wash)!important;color:var(--kw-ink)!important;box-shadow:none!important;box-sizing:border-box}
.kw-guide h2{font-size:20px!important;color:var(--kw-ink)!important}
.kw-guide p,.kw-guide li{color:var(--kw-soft)!important;font-size:14.5px!important}
@media(max-width:1200px){.kw-guide{margin:12px 24px 36px!important}}
@media(max-width:620px){.it-main,.mt-main,.ai-main,.arc-main{padding:16px 14px 8px!important}.kw-guide{margin:12px 14px 28px!important;padding:16px!important}.it-hero,.mt-hero,.ai-hero,.arc-hero{padding:24px 14px 20px!important}}
/* PDF tool panel */
#close.pdf-close{width:auto!important;height:auto!important;min-width:0!important;line-height:1.2!important}
.pdf-drop .pdf-choose{color:var(--kw-blue-2)!important;border-color:#b9c6dd!important;background:#fff!important}
#run{box-shadow:none!important}

/* ---------- pricing */
.featured{border-color:var(--kw-blue)!important;box-shadow:none!important}
.featured .badge{background:var(--kw-blue)!important;color:#fff!important;letter-spacing:0!important;text-transform:none!important;font:700 12px/1 var(--kw-font)!important;padding:6px 10px!important}

/* tool actions: Run first; Save and Share are quieter and sit at the right */
#utFav{margin-left:auto!important}
#utFav,#utShare{border-color:transparent!important;background:transparent!important;color:var(--kw-soft)!important}
#utFav:hover,#utShare:hover{color:var(--kw-ink)!important;background:var(--kw-wash)!important}
#utFav[aria-pressed="true"]{color:#7a4a00!important}
@media(max-width:620px){#utFav{margin-left:0!important}}

/* ---------- footer */
.site-footer{background:#fff!important;border-top:1px solid var(--kw-line)!important;color:var(--kw-soft)!important}
.site-footer .footer-bottom{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;padding:22px 24px!important;font-size:14px}
.site-footer.site-footer-slim .footer-bottom a{color:var(--kw-soft)!important;text-decoration:none}.site-footer.site-footer-slim .footer-bottom a:hover{color:var(--kw-blue)!important;text-decoration:underline}
body:has(main .kw-band:last-child) .site-footer{margin-top:0!important}   /* home: the grey band meets the footer */

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.mobile-suite-nav,.site-footer,.kw-finder,.kw-rail{display:none!important}}
.result .rnote{margin:8px 0 0;font-size:13px;color:#33503d;line-height:1.5}
.result .linkbtn{background:none;border:0;padding:0;color:#18763c;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
/* server tools switched off (or no server): one set of words for each mode, and no "In browser" badge on every card */
.kw-toolsoff .if-tools{display:none!important}html:not(.kw-toolsoff) .if-notools{display:none!important}
.kw-toolsoff .kw-run{display:none!important}
#panel,.panel{scroll-margin-top:84px}