:root{
 --orange:#ff5a00;--ink:#111827;--muted:#667085;--line:#e6e8ec;--soft:#f6f7f8;
 --card:#fff;--success:#138a45;--radius:16px;--shadow:0 12px 34px rgba(17,24,39,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:1480px;margin:auto;padding:0 32px}
.header{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:800}.brand img{width:42px}.nav{display:flex;gap:32px;font-size:15px}.nav a:hover{color:var(--orange)}
.header-actions{display:flex;gap:10px;align-items:center}.pill,.theme,.command-launch{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:0 14px;box-shadow:0 6px 18px rgba(17,24,39,.05);cursor:pointer}.pill img{width:28px}.theme{width:44px;padding:0;justify-content:center}.command-launch kbd{font-size:11px;color:var(--muted)}
.tail{position:absolute;left:0;top:84px;width:410px;height:360px;background:url('../assets/fox-tail-master.png') no-repeat left top/410px 360px;pointer-events:none}
main{position:relative}.hero{text-align:center;padding:32px 0 18px}.hero h1{font-size:74px;letter-spacing:-3px;margin:4px 0 10px}.accent{color:var(--orange)}.hero p,.subtitle{color:var(--muted);font-size:20px}
.search{max-width:860px;height:78px;margin:24px auto 12px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;padding:0 14px 0 24px;position:relative}.search input{flex:1;border:0;outline:0;font-size:20px}.search button{width:58px;height:54px;border:0;border-radius:13px;background:var(--orange);color:#fff;font-size:26px}
.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-head h2{font-size:22px;margin:0}
.tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tool-card{min-height:130px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(17,24,39,.04);display:flex;gap:13px;align-items:flex-start;transition:.15s}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.tool-card strong{display:block;margin-bottom:7px}.tool-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.app-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:20px}.green{background:#eaf8d7;color:#6fa51f}.gold{background:#fff0cf;color:#cb8700}.blue{background:#e4f2ff;color:#287fce}.purple{background:#eee8ff;color:#6e56df}.cyan{background:#def7fb;color:#168fa4}.mint{background:#def8ef;color:#16885f}.violet{background:#eee6ff;color:#6549d4}.red{background:#ffe3e6;color:#db4054}
.lower{margin-top:22px;padding:44px 20px 26px;border-radius:30px 30px 0 0;background:linear-gradient(to bottom,rgba(255,255,255,0),#eef0f4 38%,#b9c0cb 72%,#354154 100%)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{min-height:190px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(38,48,64,.12);display:flex;flex-direction:column}.category h3{margin:14px 0 8px}.category p{margin:0;color:var(--muted);line-height:1.5}.category .arrow{margin-top:auto;color:var(--orange);font-size:22px;align-self:flex-end}
.promise{margin:26px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.45);border-radius:16px;overflow:hidden}.promise div{background:rgba(255,255,255,.55);padding:20px}.promise strong{display:block;margin-bottom:6px}.promise span{color:#4a5360;font-size:13px}
.footer{background:#354154;color:#eef2f7;padding:34px 0}.footer-inner{display:flex;justify-content:space-between}
.page{max-width:1120px;margin:0 auto;padding:30px 0 60px}.crumb{font-size:13px;color:var(--muted)}.title{font-size:54px;letter-spacing:-2px;margin:10px 0 8px}.two{display:grid;grid-template-columns:1fr 1.05fr;gap:20px;margin-top:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 7px 24px rgba(17,24,39,.05)}.panel h2{margin-top:0}.field{margin:14px 0}.field label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,90,0,.12)}.primary{width:100%;height:54px;border:0;border-radius:12px;background:var(--orange);color:#fff;font-weight:800;cursor:pointer;margin-top:10px}.result{margin-top:16px;padding:20px;border:1px solid #cce5d4;background:#f4fbf6;border-radius:13px}.answer{font-size:48px;color:var(--success);font-weight:800}.note{font-size:13px;color:var(--muted);line-height:1.5}.output{white-space:pre-wrap;overflow-wrap:anywhere}
.catalog-search{height:66px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;padding:0 18px;box-shadow:var(--shadow);margin:22px 0}.catalog-search input{border:0;outline:0;flex:1;font-size:18px}.catalog-group{margin:30px 0}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.command{position:fixed;inset:0;z-index:100;display:none}.command.open{display:block}.command-backdrop{position:absolute;inset:0;background:rgba(20,27,38,.48);backdrop-filter:blur(6px)}.command-box{position:relative;width:min(700px,calc(100vw - 24px));margin:70px auto;background:#fff;border-radius:20px;box-shadow:0 35px 100px rgba(17,24,39,.28);overflow:hidden}.command-box input{width:100%;height:72px;border:0;border-bottom:1px solid var(--line);padding:0 22px;font-size:20px;outline:0}.command-results{max-height:480px;overflow:auto;padding:10px}.command-result{display:flex;gap:12px;align-items:center;padding:12px;border-radius:13px}.command-result:hover,.command-result.active{background:#f5f6f7}.command-result span:last-child{margin-left:auto;color:var(--orange)}
:focus-visible{outline:3px solid rgba(255,90,0,.35);outline-offset:3px}
@media(max-width:1050px){.tools-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.nav{display:none}}
@media(max-width:700px){.shell{padding:0 16px}.header{height:auto;min-height:78px;flex-wrap:wrap;padding:12px 0}.header-actions{width:100%}.pill{flex:1;justify-content:center}.tail{opacity:.28}.hero h1{font-size:46px}.tools-grid,.catalog-grid,.category-grid,.two,.promise{grid-template-columns:1fr}.title{font-size:42px}.footer-inner{flex-direction:column;gap:10px}}

/* Clean category navigation v2 */
.category-jump{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 6px;
}
.category-jump a{
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  font-size:14px;
  box-shadow:0 4px 14px rgba(17,24,39,.04);
}
.category-jump a:hover{
  color:var(--orange);
  border-color:#d6d9de;
}
.category-anchor{
  scroll-margin-top:24px;
  padding-top:8px;
}
.catalog-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.catalog-heading a{
  color:var(--orange);
  font-size:13px;
}




/* UsefulFox 1.2 — Play Brilliantly */
.fun-nav-featured{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 11px;
  border:1px solid #d9ccfa;
  border-radius:999px;
  background:linear-gradient(135deg,#fff,#f7f1ff);
  color:#5f2bd0!important;
  font-weight:800;
  box-shadow:0 5px 15px rgba(83,47,171,.08);
}
.fun-nav-featured small{
  padding:3px 5px;
  border-radius:999px;
  background:#ff6f32;
  color:#fff;
  font-size:8px;
  letter-spacing:.07em;
}
.fun-nav-icon{font-size:16px}

.fun-feature-home{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:28px;
  min-height:258px;
  margin:0 0 24px;
  padding:36px 38px;
  overflow:hidden;
  border:1px solid #d7c8fb;
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 18%,rgba(255,174,86,.25),transparent 27%),
    radial-gradient(circle at 68% 90%,rgba(111,72,224,.16),transparent 33%),
    linear-gradient(135deg,#fff 0%,#fbf8ff 45%,#f4eeff 100%);
  box-shadow:0 18px 48px rgba(69,43,139,.14);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.fun-feature-home:hover{
  transform:translateY(-3px);
  border-color:#c7b2f7;
  box-shadow:0 26px 60px rgba(69,43,139,.20);
}
.fun-feature-home::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-90px;
  top:-90px;
  border-radius:50%;
  background:rgba(255,113,48,.10);
}
.fun-feature-copy,.fun-feature-visual{position:relative;z-index:1}
.fun-feature-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:13px;
  color:#65519d;
  font-size:13px;
  font-weight:800;
}
.fun-feature-kicker span{
  padding:5px 8px;
  border-radius:999px;
  background:#6d3cdf;
  color:#fff;
  font-size:10px;
  letter-spacing:.08em;
}
.fun-feature-copy h3{
  margin:0 0 11px;
  color:#26164f;
  font-family:Georgia,serif;
  font-size:48px;
  line-height:1;
  letter-spacing:-1.6px;
}
.fun-feature-copy p{
  max-width:650px;
  margin:0;
  color:#575d75;
  font-size:17px;
  line-height:1.58;
}
.fun-feature-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:21px;
}
.fun-feature-pills span{
  padding:8px 11px;
  border:1px solid rgba(106,69,214,.17);
  border-radius:999px;
  background:rgba(255,255,255,.80);
  color:#5c497e;
  font-size:12px;
}
.fun-feature-link{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:24px;
  color:#5f2bd0;
  font-weight:800;
}
.fun-feature-link b{
  font-size:21px;
  transition:transform .15s ease;
}
.fun-feature-home:hover .fun-feature-link b{transform:translateX(3px)}

.fun-feature-visual{min-height:175px}
.fun-orbit{
  position:absolute;
  display:grid;
  place-items:center;
  border-radius:18px;
  font-weight:800;
  box-shadow:0 12px 26px rgba(58,35,117,.13);
}
.orbit-a{
  width:72px;height:72px;left:3%;top:8%;
  background:#eee5ff;color:#6a42d5;font-size:29px;transform:rotate(-7deg);
}
.orbit-die{
  width:84px;height:84px;right:12%;top:0;
  background:#ffe5d2;color:#ed6b2d;font-size:37px;transform:rotate(5deg);
}
.orbit-star{
  width:58px;height:58px;left:24%;bottom:0;
  background:#fff2c8;color:#c88a00;font-size:25px;transform:rotate(8deg);
}
.orbit-grid{
  width:66px;height:66px;right:1%;bottom:10%;
  background:#dcf7eb;color:#12825a;font-size:28px;transform:rotate(-5deg);
}
.fun-feature-fox{
  position:absolute;
  right:34%;
  top:37%;
  font-size:86px;
  filter:drop-shadow(0 12px 15px rgba(43,28,80,.15));
}

@media(max-width:1050px){
  .fun-feature-home{grid-template-columns:1fr}
  .fun-feature-visual{min-height:150px}
}
@media(max-width:700px){
  .fun-feature-home{padding:27px 23px}
  .fun-feature-copy h3{font-size:39px}
  .fun-feature-visual{display:none}
}


/* UsefulFox 1.8.1 — Featured Video Toolkit */
.video-feature-home{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:30px;
  min-height:250px;
  margin:0 0 24px;
  padding:36px 38px;
  overflow:hidden;
  border:1px solid #cfe0f2;
  border-radius:22px;
  background:
    radial-gradient(circle at 88% 18%,rgba(45,137,235,.22),transparent 27%),
    radial-gradient(circle at 70% 88%,rgba(112,72,224,.12),transparent 34%),
    linear-gradient(135deg,#fff 0%,#f7fbff 52%,#eef6ff 100%);
  box-shadow:0 18px 48px rgba(41,83,129,.13);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.video-feature-home:hover{
  transform:translateY(-3px);
  border-color:#b9d1ec;
  box-shadow:0 26px 60px rgba(41,83,129,.18);
}
.video-feature-copy,.video-feature-visual{position:relative;z-index:1}
.video-feature-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:13px;
  color:#4b6f98;
  font-size:13px;
  font-weight:800;
}
.video-feature-kicker span{
  padding:5px 8px;
  border-radius:999px;
  background:#3478cf;
  color:#fff;
  font-size:10px;
  letter-spacing:.08em;
}
.video-feature-copy h3{
  margin:0 0 11px;
  color:#18395f;
  font-family:Georgia,serif;
  font-size:46px;
  line-height:1;
  letter-spacing:-1.4px;
}
.video-feature-copy p{
  max-width:700px;
  margin:0;
  color:#5d6f84;
  font-size:17px;
  line-height:1.58;
}
.video-feature-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.video-feature-pills span{
  padding:8px 11px;
  border:1px solid rgba(52,120,207,.17);
  border-radius:999px;
  background:rgba(255,255,255,.84);
  color:#456987;
  font-size:12px;
}
.video-feature-link{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:23px;
  color:#2f6fbb;
  font-weight:800;
}
.video-feature-link b{
  font-size:21px;
  transition:transform .15s ease;
}
.video-feature-home:hover .video-feature-link b{transform:translateX(3px)}
.video-feature-visual{min-height:175px}
.video-monitor{
  position:absolute;
  inset:10px 20px 20px 10px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:22px;
  background:linear-gradient(145deg,#17345a,#2f6fa8);
  box-shadow:0 22px 40px rgba(32,72,115,.24);
  overflow:hidden;
}
.video-monitor::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18),transparent 63%);
  transform:translateX(-100%);
  animation:videoFeatureShine 5.5s ease-in-out infinite;
}
.video-play{
  position:absolute;
  left:50%;
  top:46%;
  transform:translate(-50%,-50%);
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#3478cf;
  font-size:28px;
  box-shadow:0 14px 26px rgba(0,0,0,.2);
}
.video-line{
  position:absolute;
  left:24px;
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
}
.line-one{bottom:22px;width:56%}
.line-two{bottom:40px;width:72%;opacity:.42}
.line-three{right:24px;left:auto;bottom:22px;width:18%;opacity:.7}
.video-chip{
  position:absolute;
  z-index:2;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#fff;
  color:#285f98;
  font-size:14px;
  font-weight:900;
  box-shadow:0 12px 24px rgba(35,72,111,.17);
  animation:videoFeatureFloat 3.7s ease-in-out infinite;
}
.chip-hd{left:-2px;top:0;transform:rotate(-7deg)}
.chip-cc{right:0;top:30px;animation-delay:-1.1s}
.chip-cut{right:26px;bottom:0;color:#6c3ed0;animation-delay:-2.2s}
.video-nav-featured{color:#3478cf!important;font-weight:800}
@keyframes videoFeatureShine{
  0%,64%{transform:translateX(-100%)}
  90%,100%{transform:translateX(100%)}
}
@keyframes videoFeatureFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -8px}
}
@media(max-width:980px){
  .video-feature-home{grid-template-columns:1fr}
  .video-feature-visual{min-height:170px}
}
@media(max-width:650px){
  .video-feature-home{padding:27px 23px}
  .video-feature-copy h3{font-size:38px}
  .video-feature-visual{display:none}
}
@media(prefers-reduced-motion:reduce){
  .video-monitor::before,.video-chip{animation:none!important}
}


/* UsefulFox 1.8.2 — Video Download emphasis */
.video-download-feature{
  border-color:#b8d2ee;
  background:
    radial-gradient(circle at 88% 15%,rgba(44,137,235,.26),transparent 28%),
    radial-gradient(circle at 71% 90%,rgba(109,72,224,.14),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f4f9ff 50%,#eaf4ff 100%);
}
.video-download-feature .video-feature-copy h3{
  font-size:50px;
  line-height:.98;
}
.download-word{
  color:#236ab7;
  letter-spacing:-1px;
}
.video-download-note{
  display:block;
  margin-top:13px;
  color:#748396;
  font-size:11px;
  line-height:1.4;
}
.download-badge{
  position:absolute;
  left:-10px;
  top:12px;
  z-index:4;
  width:118px;
  min-height:138px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.92);
  border-radius:22px;
  background:linear-gradient(160deg,#2f83dc,#1e5ba3);
  color:#fff;
  box-shadow:0 18px 34px rgba(26,81,139,.28);
  transform:rotate(-5deg);
  animation:downloadBadgeFloat 3.8s ease-in-out infinite;
}
.download-badge .download-arrow{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:6px;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  color:#2b73bf;
  font-size:30px;
  font-weight:900;
}
.download-badge strong{
  font-size:18px;
  letter-spacing:.08em;
}
.download-badge b{
  font-size:20px;
  letter-spacing:.04em;
}
.download-badge span{
  margin-top:5px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.video-download-feature .video-monitor{
  left:72px;
}
@keyframes downloadBadgeFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -7px}
}
@media(max-width:980px){
  .download-badge{left:0}
  .video-download-feature .video-monitor{left:84px}
}
@media(max-width:650px){
  .video-download-feature .video-feature-copy h3{font-size:39px}
  .download-word{letter-spacing:-.5px}
}
@media(prefers-reduced-motion:reduce){
  .download-badge{animation:none!important}
}

.essential-home-section{margin:30px 0}.essential-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.essential-home-card{display:grid;grid-template-columns:56px 1fr auto;gap:13px;align-items:center;padding:17px;border:1px solid #e1e7ee;border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(41,62,92,.06);transition:.16s}.essential-home-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(41,62,92,.11)}.essential-home-card p{margin:5px 0 0;color:#677488;font-size:12px;line-height:1.4}.essential-home-card>span{color:#3478cf;font-size:20px}@media(max-width:900px){.essential-home-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.essential-home-grid{grid-template-columns:1fr}}


/* UsefulFox 2.0 — Premium Category Catalogue */
.catalog-group.premium-category{
  --category-accent:#75839a;
  --category-deep:#42516a;
  position:relative;
  margin:22px 0;
  padding:25px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  background:
    radial-gradient(circle at var(--glow-x,12%) var(--glow-y,7%),rgba(255,255,255,.88),transparent 32%),
    linear-gradient(135deg,var(--category-from,#f5f7fa),var(--category-to,#eef2f7));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 14px 36px rgba(45,60,84,.08);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.catalog-group.premium-category::before{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  left:calc(var(--glow-x,12%) - 165px);
  top:calc(var(--glow-y,7%) - 165px);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.64),rgba(255,255,255,0) 67%);
  opacity:.72;
  pointer-events:none;
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.catalog-group.premium-category:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.98);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 22px 48px rgba(45,60,84,.13);
}
.catalog-group.premium-category:hover::before{
  transform:translate3d(14px,9px,0) scale(1.04);
}
.premium-category .catalog-heading,
.premium-category .catalog-grid{
  position:relative;
  z-index:1;
}
.premium-category .catalog-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:18px;
}
.catalog-heading-copy h2{
  margin:0;
  color:var(--category-deep);
  font-family:Georgia,serif;
  font-size:29px;
  letter-spacing:-.6px;
}
.catalog-heading-copy p{
  max-width:680px;
  margin:6px 0 0;
  color:#677488;
  font-size:13px;
  line-height:1.5;
}
.catalog-heading-meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}
.catalog-heading-meta span{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:var(--category-deep);
  font-size:11px;
  font-weight:800;
  backdrop-filter:blur(8px);
}
.catalog-heading-meta a{
  color:var(--category-deep);
  font-size:11px;
  font-weight:800;
}
.premium-category .tool-card{
  border-color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.70);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 8px 21px rgba(43,61,90,.055);
  backdrop-filter:blur(10px);
}
.premium-category .tool-card:hover{
  border-color:rgba(255,255,255,.98);
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 30px rgba(43,61,90,.11);
}
.premium-category .app-icon{
  transition:transform .2s ease;
}
.premium-category .tool-card:hover .app-icon{
  transform:scale(1.055);
}

/* Individual category colour systems */
.category-money{
  --category-from:#effaf4;
  --category-to:#e4f5ec;
  --category-accent:#2d9a61;
  --category-deep:#246e4b;
  --glow-x:11%;
  --glow-y:8%;
}
.category-time{
  --category-from:#f0f8ff;
  --category-to:#e7f3fb;
  --category-accent:#3c8fc8;
  --category-deep:#286d9d;
  --glow-x:88%;
  --glow-y:9%;
}
.category-converters{
  --category-from:#fff7ed;
  --category-to:#fdf0dd;
  --category-accent:#dd812b;
  --category-deep:#a95e1c;
  --glow-x:13%;
  --glow-y:10%;
}
.category-text{
  --category-from:#f7f4ff;
  --category-to:#eee9fa;
  --category-accent:#8060bd;
  --category-deep:#5e438e;
  --glow-x:84%;
  --glow-y:10%;
}
.category-developer{
  --category-from:#f1f3ff;
  --category-to:#e9effd;
  --category-accent:#6172c9;
  --category-deep:#46569b;
  --glow-x:50%;
  --glow-y:3%;
}
.category-images{
  --category-from:#fffaf0;
  --category-to:#f8f1df;
  --category-accent:#d49a2f;
  --category-deep:#976d20;
  --glow-x:12%;
  --glow-y:8%;
}
.category-video{
  --category-from:#fff2f1;
  --category-to:#fbe8eb;
  --category-accent:#dc675d;
  --category-deep:#a74842;
  --glow-x:88%;
  --glow-y:8%;
}
.category-youtube{
  --category-from:#fff1f3;
  --category-to:#f9e5e8;
  --category-accent:#df3945;
  --category-deep:#aa2732;
  --glow-x:12%;
  --glow-y:8%;
}
.category-security{
  --category-from:#eef9f8;
  --category-to:#e4f2f1;
  --category-accent:#328b84;
  --category-deep:#276d68;
  --glow-x:86%;
  --glow-y:9%;
}
.category-share{
  --category-from:#f2f8ff;
  --category-to:#e9f2fc;
  --category-accent:#4a83bf;
  --category-deep:#33648f;
  --glow-x:11%;
  --glow-y:8%;
}
.category-ai{
  --category-from:#f4f0ff;
  --category-to:#eae6fb;
  --category-accent:#7453cc;
  --category-deep:#553b9d;
  --glow-x:88%;
  --glow-y:8%;
}
.category-design{
  --category-from:#fff3f3;
  --category-to:#fce8ee;
  --category-accent:#d66e87;
  --category-deep:#a64d64;
  --glow-x:12%;
  --glow-y:8%;
}
.category-web{
  --category-from:#eef8fb;
  --category-to:#e4f2f6;
  --category-accent:#3c8fa4;
  --category-deep:#2d6e80;
  --glow-x:86%;
  --glow-y:8%;
}
.category-general{
  --category-from:#f6f7f9;
  --category-to:#eef1f5;
  --category-deep:#536174;
}

@media(max-width:760px){
  .catalog-group.premium-category{padding:20px}
  .premium-category .catalog-heading{display:block}
  .catalog-heading-meta{margin-top:12px;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
  .catalog-group.premium-category,
  .catalog-group.premium-category::before,
  .premium-category .app-icon{
    transition:none!important;
  }
}


/* UsefulFox 2.0.1 — Category Illustrations */
.premium-category{
  min-height:260px;
}
.category-illustration{
  position:absolute;
  right:24px;
  top:18px;
  width:150px;
  height:110px;
  pointer-events:none;
  z-index:0;
  opacity:.88;
  transform:translateZ(0);
}
.premium-category .catalog-heading{
  padding-right:170px;
}
.category-illustration span{
  position:absolute;
  display:block;
  box-sizing:border-box;
}
.category-illustration::after{
  content:"";
  position:absolute;
  inset:4px 0 0 10px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0) 68%);
  filter:blur(6px);
  z-index:-1;
}

/* Money */
.money-art .coin{
  width:52px;height:52px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(145deg,#dff7e9,#bce9d0);
  border:1px solid rgba(255,255,255,.9);
  color:#2b7b54;font-weight:900;font-size:20px;
  box-shadow:0 12px 22px rgba(36,110,75,.12);
}
.money-art .coin-1{right:13px;top:11px;transform:rotate(8deg)}
.money-art .coin-2{right:51px;top:39px;transform:rotate(-10deg)}
.money-art .chart-bar{bottom:8px;width:15px;border-radius:6px 6px 2px 2px;background:#79c89d}
.money-art .bar-1{left:16px;height:30px}.money-art .bar-2{left:38px;height:48px}.money-art .bar-3{left:60px;height:68px}

/* Time */
.time-art .clock-face{
  right:12px;top:8px;width:72px;height:72px;border-radius:50%;
  background:linear-gradient(145deg,#f8fdff,#dceefa);
  border:1px solid #fff;box-shadow:0 12px 22px rgba(43,109,157,.13)
}
.time-art .clock-face i{left:35px;top:17px;width:3px;height:21px;background:#3d8ec4;border-radius:3px;transform-origin:bottom}
.time-art .clock-face b{left:35px;top:36px;width:19px;height:3px;background:#3d8ec4;border-radius:3px;transform:rotate(28deg);transform-origin:left}
.time-art .calendar-sheet{left:12px;top:36px;width:62px;height:58px;border-radius:12px;background:#fff;border:1px solid #d9eaf6;box-shadow:0 12px 22px rgba(43,109,157,.10)}
.time-art .calendar-sheet::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;border-radius:12px 12px 0 0;background:#8fc8ea}
.time-art .calendar-sheet em{display:grid;place-items:center;height:100%;padding-top:9px;color:#3179a8;font-style:normal;font-weight:900;font-size:21px}

/* Convert */
.convert-art .convert-chip{top:26px;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#fff7ed;border:1px solid #fff;color:#ad651f;font-weight:900;box-shadow:0 12px 22px rgba(169,94,28,.12)}
.convert-art .convert-chip:first-child{left:8px;transform:rotate(-6deg)}
.convert-art .convert-chip:last-child{right:8px;transform:rotate(6deg)}
.convert-art .convert-arrow{left:61px;top:38px;color:#d17a28;font-size:28px}

/* Text */
.text-art .text-page{right:15px;top:6px;width:74px;height:88px;border-radius:14px;background:#fff;border:1px solid #eee6f7;box-shadow:0 13px 22px rgba(95,67,142,.11)}
.text-art .text-page i{left:14px;right:14px;height:5px;border-radius:99px;background:#cfc0ea}
.text-art .text-page i:nth-child(1){top:20px}.text-art .text-page i:nth-child(2){top:34px;width:40px}.text-art .text-page i:nth-child(3){top:48px}.text-art .text-page i:nth-child(4){top:62px;width:34px}
.text-art .text-mark{left:18px;top:42px;color:#6d4da2;font-size:28px;font-family:Georgia,serif;font-weight:900}

/* Developer */
.dev-art .code-window{right:4px;top:10px;width:100px;height:76px;border-radius:15px;background:linear-gradient(145deg,#3d4e87,#6377b7);box-shadow:0 14px 24px rgba(70,86,155,.16)}
.dev-art .code-window i{left:20px;top:20px;color:white;font-style:normal;font-weight:900;font-size:20px}
.dev-art .code-window b{left:18px;right:18px;height:4px;border-radius:99px;background:rgba(255,255,255,.38)}
.dev-art .code-window b:nth-of-type(1){bottom:21px}.dev-art .code-window b:nth-of-type(2){bottom:11px;width:46px}
.dev-art .dev-node{width:15px;height:15px;border-radius:50%;background:#b6c5f2;border:2px solid white}
.dev-art .n1{left:9px;top:15px}.dev-art .n2{left:28px;bottom:12px}.dev-art .n3{left:59px;top:2px}

/* Images */
.image-art .photo-card{right:12px;top:8px;width:92px;height:78px;border-radius:15px;background:linear-gradient(145deg,#fffdf6,#f2dfaa);border:1px solid white;box-shadow:0 14px 24px rgba(151,109,32,.12)}
.image-art .photo-card i{left:15px;top:14px;width:22px;height:22px;border-radius:50%;background:#f3c85f}
.image-art .photo-card b{left:13px;right:13px;bottom:12px;height:35px;clip-path:polygon(0 100%,35% 35%,58% 67%,74% 48%,100% 100%);background:#d8b75b}
.image-art .image-spark{left:18px;top:40px;color:#d8a532;font-size:34px}

/* Video */
.video-art .video-frame{right:4px;top:12px;width:108px;height:70px;border-radius:16px;background:linear-gradient(145deg,#f1918b,#d85f57);box-shadow:0 14px 24px rgba(167,72,66,.14)}
.video-art .video-frame i{left:40px;top:18px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:white;color:#d85f57;font-style:normal}
.video-art .video-frame b{left:14px;right:14px;bottom:9px;height:4px;border-radius:99px;background:rgba(255,255,255,.45)}
.video-art .video-chip{left:13px;top:29px;width:46px;height:42px;display:grid;place-items:center;border-radius:12px;background:white;color:#c94f48;font-weight:900;box-shadow:0 10px 18px rgba(167,72,66,.11)}

/* YouTube */
.youtube-art-small .yt-play{right:16px;top:10px;width:88px;height:62px;display:grid;place-items:center;border-radius:16px;background:#df3945;color:white;font-size:24px;box-shadow:0 14px 24px rgba(170,39,50,.15)}
.youtube-art-small .yt-line{left:10px;right:20px;bottom:22px;height:7px;border-radius:99px;background:#f5a5ac}
.youtube-art-small .yt-dot{left:12px;bottom:14px;width:14px;height:14px;border-radius:50%;background:#b92834}

/* Security */
.security-art .shield{right:18px;top:5px;width:78px;height:88px;clip-path:polygon(50% 0,92% 18%,84% 72%,50% 100%,16% 72%,8% 18%);background:linear-gradient(145deg,#d7f0ee,#88c8c2);box-shadow:0 14px 24px rgba(39,109,104,.13)}
.security-art .shield i{left:31px;top:29px;width:17px;height:27px;border:4px solid white;border-radius:10px}
.security-art .shield i::before{content:"";position:absolute;left:2px;top:-17px;width:9px;height:16px;border:4px solid white;border-bottom:0;border-radius:9px 9px 0 0}
.security-art .key{left:10px;top:45px;color:#2b817a;font-size:40px}

/* Share */
.share-art .qr-block{right:18px;top:8px;width:76px;height:76px;border:8px solid #5f8fc1;border-radius:12px;background:repeating-conic-gradient(#5f8fc1 0 25%,transparent 0 50%) 0 0/20px 20px}
.share-art .share-line{left:10px;height:7px;border-radius:99px;background:#95b9de}
.share-art .l1{bottom:29px;width:42px}.share-art .l2{bottom:14px;width:66px}

/* AI */
.ai-art .ai-core{left:43px;top:26px;width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#9b83e3,#6c4fc4);color:white;font-weight:900;box-shadow:0 14px 24px rgba(85,59,157,.16)}
.ai-art .ai-node{width:16px;height:16px;border-radius:50%;background:#b5a6ea;border:2px solid white}
.ai-art .a1{left:8px;top:14px}.ai-art .a2{right:8px;top:12px}.ai-art .a3{left:13px;bottom:8px}.ai-art .a4{right:14px;bottom:10px}

/* Design */
.design-art .palette-wheel{right:16px;top:7px;width:78px;height:78px;border-radius:50%;background:conic-gradient(#f08aa0 0 25%,#f4b66a 0 50%,#7cc9d9 0 75%,#9e83db 0);box-shadow:0 14px 24px rgba(166,77,100,.13)}
.design-art .palette-wheel::after{content:"";position:absolute;inset:20px;border-radius:50%;background:#fff}
.design-art .design-drop{left:20px;top:44px;color:#d66e87;font-size:42px}

/* Web */
.web-art .browser-window{right:7px;top:11px;width:105px;height:76px;border-radius:15px;background:#fff;border:1px solid #d8edf2;box-shadow:0 14px 24px rgba(45,110,128,.12)}
.web-art .browser-window i{left:0;right:0;top:0;height:18px;border-radius:15px 15px 0 0;background:#83c2d2}
.web-art .browser-window b{left:14px;right:14px;height:6px;border-radius:99px;background:#d7eef3}
.web-art .browser-window b:nth-of-type(1){top:32px}.web-art .browser-window b:nth-of-type(2){top:46px;width:56px}.web-art .browser-window b:nth-of-type(3){top:60px;width:38px}
.web-art .web-link{left:10px;top:42px;color:#3c8fa4;font-size:38px;font-weight:900}

/* Gentle motion */
.category-illustration{
  animation:categoryArtFloat 5.4s ease-in-out infinite;
}
.premium-category:nth-of-type(2n) .category-illustration{animation-delay:-1.3s}
.premium-category:nth-of-type(3n) .category-illustration{animation-delay:-2.6s}
@keyframes categoryArtFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-5px) rotate(.6deg)}
}
@media(max-width:980px){
  .category-illustration{opacity:.58;right:12px}
  .premium-category .catalog-heading{padding-right:130px}
}
@media(max-width:700px){
  .category-illustration{display:none}
  .premium-category .catalog-heading{padding-right:0}
}
@media(prefers-reduced-motion:reduce){
  .category-illustration{animation:none!important}
}

.home-feature,.recent-tools{margin:26px 0}.home-feature{padding:23px;border:1px solid #e1e7ee;border-radius:21px;background:linear-gradient(135deg,#fff,#f5f9ff)}.home-feature-grid,.recent-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-feature-grid a,.recent-tools-grid a{padding:15px;border:1px solid #e1e8f0;border-radius:14px;background:#fff}.home-feature-grid p{font-size:12px;color:#68768a}@media(max-width:900px){.home-feature-grid,.recent-tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.home-feature-grid,.recent-tools-grid{grid-template-columns:1fr}}


/* UsefulFox 3.0 — Premium Ambient Edition */
body.premium-ambient{
  --ambient-a:#182332;
  --ambient-b:#0f1724;
  --ambient-glow:rgba(64,126,196,.22);
  --ambient-glow-2:rgba(255,111,50,.13);
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%,var(--ambient-glow),transparent 30%),
    radial-gradient(circle at 88% 12%,var(--ambient-glow-2),transparent 27%),
    linear-gradient(145deg,var(--ambient-a),var(--ambient-b));
  background-attachment:fixed;
}
body.premium-ambient::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 25% 75%,rgba(255,255,255,.035),transparent 25%),
    linear-gradient(120deg,transparent,rgba(255,255,255,.025),transparent);
}
body.premium-ambient>.shell{
  margin-top:18px;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:rgba(248,250,253,.90);
  box-shadow:
    0 35px 90px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(24px);
  overflow:hidden;
}
body.premium-ambient .header{
  margin:0 -32px;
  padding:0 32px;
  border-bottom:1px solid rgba(112,126,146,.16);
  background:rgba(255,255,255,.60);
  backdrop-filter:blur(18px);
}
body.premium-ambient main{
  animation:ufPageIn .46s cubic-bezier(.2,.72,.25,1) both;
}
body.premium-ambient .panel,
body.premium-ambient .tool-card,
body.premium-ambient .category,
body.premium-ambient .everyday-panel,
body.premium-ambient .video-card,
body.premium-ambient .youtube-card{
  border-color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.82);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 15px 34px rgba(26,39,58,.10);
  backdrop-filter:blur(18px);
}
body.premium-ambient .panel:hover,
body.premium-ambient .tool-card:hover,
body.premium-ambient .category:hover,
body.premium-ambient .everyday-panel:hover,
body.premium-ambient .video-card:hover,
body.premium-ambient .youtube-card:hover{
  transform:translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 22px 48px rgba(26,39,58,.16);
}
body.premium-ambient .primary,
body.premium-ambient .primary-action,
body.premium-ambient .search button{
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(255,90,0,.22);
}
body.premium-ambient .primary::after,
body.premium-ambient .primary-action::after,
body.premium-ambient .search button::after{
  content:"";
  position:absolute;
  inset:-60% -30%;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%);
  transform:translateX(-70%);
  transition:transform .55s ease;
}
body.premium-ambient .primary:hover::after,
body.premium-ambient .primary-action:hover::after,
body.premium-ambient .search button:hover::after{
  transform:translateX(70%);
}
body.premium-ambient .footer{
  margin:0 -32px;
  background:rgba(19,29,44,.95);
}
.tail{
  width:410px;
  height:336px;
  background-image:url('../assets/fox-tail-master-clean.png');
  background-size:410px 360px;
  border-top:1px solid rgba(118,127,140,.28);
}
body.ambient-money{--ambient-a:#10271f;--ambient-b:#0a1713;--ambient-glow:rgba(48,180,111,.27);--ambient-glow-2:rgba(138,230,181,.12)}
body.ambient-time{--ambient-a:#10253a;--ambient-b:#0b1725;--ambient-glow:rgba(64,158,224,.28);--ambient-glow-2:rgba(126,216,255,.12)}
body.ambient-convert{--ambient-a:#2c2116;--ambient-b:#17110b;--ambient-glow:rgba(240,143,55,.26);--ambient-glow-2:rgba(255,204,124,.11)}
body.ambient-text{--ambient-a:#211b31;--ambient-b:#12101c;--ambient-glow:rgba(145,103,217,.25);--ambient-glow-2:rgba(210,180,255,.10)}
body.ambient-developer{--ambient-a:#151d36;--ambient-b:#0b1020;--ambient-glow:rgba(83,113,232,.28);--ambient-glow-2:rgba(113,217,255,.10)}
body.ambient-images{--ambient-a:#2b2417;--ambient-b:#15120c;--ambient-glow:rgba(218,168,63,.25);--ambient-glow-2:rgba(255,226,153,.11)}
body.ambient-video{--ambient-a:#2c171d;--ambient-b:#170b0f;--ambient-glow:rgba(223,67,78,.28);--ambient-glow-2:rgba(255,141,113,.10)}
body.ambient-security{--ambient-a:#132725;--ambient-b:#0b1716;--ambient-glow:rgba(55,160,151,.25);--ambient-glow-2:rgba(140,232,219,.10)}
body.ambient-share{--ambient-a:#152337;--ambient-b:#0d1622;--ambient-glow:rgba(73,135,205,.26);--ambient-glow-2:rgba(150,209,255,.10)}
body.ambient-ai{--ambient-a:#21183a;--ambient-b:#110d20;--ambient-glow:rgba(122,84,220,.29);--ambient-glow-2:rgba(208,159,255,.11)}
body.ambient-design{--ambient-a:#2e1a24;--ambient-b:#180d13;--ambient-glow:rgba(220,102,139,.25);--ambient-glow-2:rgba(255,183,148,.10)}
body.ambient-web{--ambient-a:#14272d;--ambient-b:#0b171b;--ambient-glow:rgba(55,151,177,.25);--ambient-glow-2:rgba(137,224,235,.10)}
body.ambient-home{--ambient-a:#15291c;--ambient-b:#0c1710;--ambient-glow:rgba(77,163,91,.25);--ambient-glow-2:rgba(175,221,129,.10)}
body.ambient-travel{--ambient-a:#14283a;--ambient-b:#0c1722;--ambient-glow:rgba(63,155,213,.25);--ambient-glow-2:rgba(113,222,225,.10)}
body.ambient-study{--ambient-a:#211d38;--ambient-b:#11101d;--ambient-glow:rgba(123,104,207,.25);--ambient-glow-2:rgba(191,169,255,.10)}
body.ambient-everyday{--ambient-a:#302216;--ambient-b:#17110b;--ambient-glow:rgba(245,143,56,.25);--ambient-glow-2:rgba(255,216,151,.10)}
body.ambient-catalogue{--ambient-a:#18233a;--ambient-b:#0c1322;--ambient-glow:rgba(85,113,205,.24);--ambient-glow-2:rgba(255,110,49,.12)}
body.ambient-homepage{--ambient-a:#1a2432;--ambient-b:#0d1520;--ambient-glow:rgba(68,124,190,.22);--ambient-glow-2:rgba(255,103,34,.16)}
body.ambient-about{--ambient-a:#202733;--ambient-b:#11161e;--ambient-glow:rgba(121,139,169,.18);--ambient-glow-2:rgba(255,119,55,.10)}
@keyframes ufPageIn{
  from{opacity:0;transform:translateY(9px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:700px){
  body.premium-ambient>.shell{
    margin:0;
    border-radius:0;
    border-left:0;
    border-right:0;
  }
  body.premium-ambient .header,
  body.premium-ambient .footer{
    margin-left:-16px;
    margin-right:-16px;
    padding-left:16px;
    padding-right:16px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.premium-ambient main{animation:none}
  body.premium-ambient .primary::after,
  body.premium-ambient .primary-action::after,
  body.premium-ambient .search button::after{display:none}
}


/* UsefulFox 3.0.1 — Fox-tail visibility restoration */
body.ambient-homepage{
  position:relative;
}
body.ambient-homepage>.shell{
  position:relative;
  z-index:2;
}
body.ambient-homepage>.tail{
  position:absolute;
  z-index:5;
  top:102px;
  left:max(0px,calc((100vw - 1180px)/2 - 4px));
  width:410px;
  height:336px;
  opacity:1;
  visibility:visible;
  pointer-events:none;
  background:
    url('../assets/fox-tail-master-clean.png')
    no-repeat left top / 410px 360px;
  border-top:1px solid rgba(118,127,140,.30);
  filter:drop-shadow(0 10px 22px rgba(57,67,82,.08));
}
body.ambient-homepage>.tail::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:transparent;
}
@media(max-width:900px){
  body.ambient-homepage>.tail{
    left:-72px;
    opacity:.34;
  }
}
@media(max-width:620px){
  body.ambient-homepage>.tail{
    display:none;
  }
}


/* UsefulFox 3.1 — balanced fox-tail hero */
body.ambient-homepage>.tail{
  display:none!important;
}
body.ambient-homepage .hero{
  position:relative;
  min-height:320px;
  box-sizing:border-box;
  padding:48px 440px 44px 40px;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 50%,rgba(255,255,255,.78),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.50),rgba(241,245,250,.22));
  border-bottom:1px solid rgba(118,127,140,.28);
}
body.ambient-homepage .hero>.tail{
  position:absolute;
  z-index:0;
  top:2px;
  right:-12px;
  left:auto;
  width:430px;
  height:350px;
  opacity:1;
  visibility:visible;
  pointer-events:none;
  border:0;
  background:
    url('../assets/fox-tail-hero-transparent.png')
    no-repeat center / contain;
  filter:drop-shadow(0 18px 28px rgba(71,60,52,.12));
}
body.ambient-homepage .hero>h1,
body.ambient-homepage .hero>p,
body.ambient-homepage .hero>.search,
body.ambient-homepage .hero>#searchSuggestions{
  position:relative;
  z-index:2;
}
body.ambient-homepage .hero h1{
  max-width:690px;
  margin-top:0;
}
body.ambient-homepage .hero .search{
  max-width:720px;
}
body.ambient-homepage{
  --ambient-a:#172433;
  --ambient-b:#0c1520;
  --ambient-glow:rgba(58,112,174,.20);
  --ambient-glow-2:rgba(255,105,36,.14);
}
body.ambient-homepage>.shell{
  background:rgba(249,251,254,.94);
}
@media(max-width:1050px){
  body.ambient-homepage .hero{
    padding-right:330px;
  }
  body.ambient-homepage .hero>.tail{
    right:-86px;
    opacity:.72;
  }
}
@media(max-width:780px){
  body.ambient-homepage .hero{
    min-height:auto;
    padding:38px 28px 40px;
  }
  body.ambient-homepage .hero>.tail{
    right:-170px;
    opacity:.20;
  }
}
@media(max-width:560px){
  body.ambient-homepage .hero>.tail{
    display:none;
  }
}


/* UsefulFox 3.2 — Signature Hero */
body.ambient-homepage{
  --ambient-a:#152231;
  --ambient-b:#0b141f;
  --ambient-glow:rgba(60,116,178,.18);
  --ambient-glow-2:rgba(255,102,34,.12);
}
body.ambient-homepage>.shell{
  background:rgba(249,251,254,.955);
}
body.ambient-homepage .hero{
  position:relative;
  min-height:340px;
  padding:50px 420px 42px 48px;
  overflow:hidden;
  border-bottom:1px solid rgba(118,127,140,.26);
  background:
    radial-gradient(circle at 72% 36%,rgba(255,255,255,.90),transparent 30%),
    radial-gradient(circle at 88% 62%,rgba(255,138,76,.07),transparent 28%),
    linear-gradient(145deg,#f8fafc 0%,#eef3f8 100%);
}
body.ambient-homepage .hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 38%,rgba(73,130,190,.055),transparent 28%),
    linear-gradient(115deg,transparent 28%,rgba(255,255,255,.42) 47%,transparent 68%);
}
body.ambient-homepage .hero>.tail{
  position:absolute;
  z-index:1;
  top:4px;
  right:-70px;
  width:520px;
  height:330px;
  opacity:.92;
  pointer-events:none;
  background:url('../assets/fox-tail-signature-clean.png') no-repeat right center / contain;
  filter:drop-shadow(0 16px 30px rgba(71,60,52,.10));
}
body.ambient-homepage .hero>h1,
body.ambient-homepage .hero>p,
body.ambient-homepage .hero>.search,
body.ambient-homepage .hero>#searchSuggestions{
  position:relative;
  z-index:3;
}
body.ambient-homepage .hero h1{
  max-width:720px;
  margin:0;
  font-size:clamp(58px,6vw,78px);
  line-height:.98;
  letter-spacing:-3px;
}
body.ambient-homepage .hero p{
  margin-top:18px;
  max-width:650px;
  font-size:19px;
}
body.ambient-homepage .hero .search{
  max-width:720px;
  margin-top:20px;
  transform:translateY(-4px);
}
body.ambient-homepage .hero .search input{
  background:rgba(255,255,255,.92);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 16px 34px rgba(42,64,93,.12);
}
body.ambient-homepage .hero .search button{
  box-shadow:0 12px 28px rgba(255,91,0,.25);
}
body.ambient-homepage .hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 80px rgba(74,89,109,.035);
}
@media(max-width:1100px){
  body.ambient-homepage .hero{
    padding-right:330px;
  }
  body.ambient-homepage .hero>.tail{
    right:-150px;
    opacity:.68;
  }
}
@media(max-width:820px){
  body.ambient-homepage .hero{
    min-height:auto;
    padding:42px 30px 40px;
  }
  body.ambient-homepage .hero h1{
    font-size:clamp(48px,10vw,64px);
  }
  body.ambient-homepage .hero>.tail{
    right:-230px;
    opacity:.18;
  }
}
@media(max-width:560px){
  body.ambient-homepage .hero>.tail{display:none}
  body.ambient-homepage .hero h1{letter-spacing:-2px}
}


/* UsefulFox 3.2.1 — Locked Signature Build */
body.ambient-homepage .hero{
  padding-right:470px;
}
body.ambient-homepage .hero>.tail{
  right:-118px;
  width:500px;
  height:320px;
  opacity:.94;
}
body.ambient-homepage .hero .search{
  max-width:700px;
}
body.ambient-homepage .hero .search button{
  min-width:58px;
}
@media(max-width:1100px){
  body.ambient-homepage .hero{
    padding-right:360px;
  }
  body.ambient-homepage .hero>.tail{
    right:-190px;
    opacity:.68;
  }
}
@media(max-width:820px){
  body.ambient-homepage .hero{
    padding-right:30px;
  }
}


/* UsefulFox 3.3 — Global Search */
body.command-open{overflow:hidden}
.command{z-index:9999}
.command-backdrop{
  background:rgba(8,16,28,.58);
  backdrop-filter:blur(10px);
}
.command-box{
  width:min(760px,calc(100vw - 28px));
  margin:54px auto;
  border:1px solid rgba(255,255,255,.70);
  border-radius:24px;
  background:rgba(255,255,255,.965);
  box-shadow:0 38px 110px rgba(5,14,28,.34);
  backdrop-filter:blur(24px);
}
.command-search-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px 12px;
}
.command-search-head>div{display:flex;flex-direction:column;gap:2px}
.command-search-head strong{font-size:17px;color:#172238}
.command-search-head span{font-size:12px;color:#758197}
.command-close{
  border:1px solid #e1e6ed;
  border-radius:9px;
  background:#f7f9fb;
  color:#68768a;
  padding:6px 9px;
  font-size:11px;
  cursor:pointer;
}
.command-box input{
  height:68px;
  padding:0 20px;
  border-top:1px solid #eef1f5;
  border-bottom:1px solid #e4e9f0;
  background:#fff;
  color:#172238;
  font-size:19px;
}
.command-box input::placeholder{color:#99a3b1}
.command-results{
  max-height:min(560px,calc(100vh - 250px));
  padding:8px 10px 12px;
}
.command-section-label{
  padding:8px 11px 7px;
  color:#8a95a5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.command-result{
  position:relative;
  gap:13px;
  min-height:68px;
  padding:10px 12px;
  border:1px solid transparent;
  transition:background .12s ease,border-color .12s ease,transform .12s ease;
}
.command-result:hover,.command-result.active{
  border-color:#e4eaf1;
  background:linear-gradient(135deg,#f9fbfd,#f4f7fb);
  transform:translateY(-1px);
}
.command-result-copy{min-width:0;flex:1}
.command-result-copy strong{
  display:block;
  overflow:hidden;
  color:#172238;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.command-result-desc{
  margin-top:3px;
  overflow:hidden;
  color:#67758a;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.command-result-meta{
  display:inline-flex;
  margin-top:5px;
  padding:3px 6px;
  border-radius:999px;
  background:#edf3f9;
  color:#617389;
  font-size:9px;
  font-weight:800;
}
.command-go{
  margin-left:auto;
  color:var(--orange)!important;
  font-size:19px;
  font-weight:900;
}
.command-empty{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  margin:7px;
  padding:22px;
  border:1px dashed #d9e1ea;
  border-radius:15px;
  background:#f9fbfd;
}
.command-empty strong{color:#263b58}
.command-empty span{color:#738195;font-size:12px;line-height:1.5}
.command-empty a{margin-top:6px;color:var(--orange);font-weight:800;font-size:12px}
.command-search-foot{
  display:flex;
  justify-content:flex-end;
  gap:16px;
  padding:10px 16px 13px;
  border-top:1px solid #e9edf2;
  color:#7e8998;
  font-size:10px;
}
.command-search-foot span{display:flex;align-items:center;gap:4px}
.command-search-foot kbd{
  min-width:20px;
  padding:3px 5px;
  border:1px solid #dfe5ec;
  border-bottom-width:2px;
  border-radius:6px;
  background:#f7f9fb;
  color:#657387;
  font-family:inherit;
  font-size:9px;
  text-align:center;
}
.uf-search-empty{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:14px 16px;
  border:1px dashed #d9e1ea;
  border-radius:13px;
  background:rgba(255,255,255,.92);
  color:#708095;
}
.uf-search-empty strong{color:#314b6d}
.uf-search-empty span{font-size:11px}
.command-launch{
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.command-launch:hover{
  transform:translateY(-1px);
  border-color:#cfd7e1;
  box-shadow:0 8px 20px rgba(33,54,83,.08);
}
@media(max-width:650px){
  .command-box{margin:12px auto;border-radius:20px}
  .command-search-head{padding:14px 15px 10px}
  .command-box input{height:62px;font-size:17px}
  .command-results{max-height:calc(100vh - 205px)}
  .command-result-desc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .command-search-foot{display:none}
}


/* UsefulFox 3.4 — Design System 1.0
   Unified typography, spacing, controls and card rhythm.
*/
:root{
  --uf-font-body:16px;
  --uf-font-small:13px;
  --uf-font-helper:12px;
  --uf-font-button:15px;
  --uf-font-card-title:16px;
  --uf-font-card-desc:13px;
  --uf-font-section:24px;
  --uf-font-page-title:46px;
  --uf-radius-card:16px;
  --uf-radius-panel:20px;
  --uf-radius-input:14px;
  --uf-control-height:54px;
  --uf-card-pad:18px;
  --uf-card-gap:14px;
  --uf-line-body:1.55;
  --uf-line-tight:1.25;
}

/* Base typography */
html{font-size:16px}
body{
  font-size:var(--uf-font-body);
  line-height:var(--uf-line-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body,button,input,select,textarea{
  font-family:inherit;
}
p,li,input,select,textarea,button{
  font-size:var(--uf-font-body);
}
.note,small,.helper,.crumb,.subtitle-small{
  font-size:var(--uf-font-small)!important;
  line-height:1.45;
}

/* Page hierarchy */
.title,
.page h1,
.everyday-hero h1,
.youtube-hero h1,
.simple-video-hero h1,
.essential-hero h1{
  line-height:1.05;
}
.title{
  font-size:clamp(38px,4vw,var(--uf-font-page-title));
  font-weight:800;
}
.section-head h2,
.catalog-heading-copy h2,
.catalog-heading h2{
  font-size:var(--uf-font-section)!important;
  line-height:1.15;
  font-weight:800;
}

/* Tool cards: one single rhythm everywhere */
.tool-card,
.essential-home-card,
.home-feature-grid a,
.recent-tools-grid a,
.command-result{
  box-sizing:border-box;
}
.tool-card{
  min-height:126px;
  padding:var(--uf-card-pad)!important;
  gap:var(--uf-card-gap)!important;
  align-items:flex-start!important;
}
.tool-card>div:last-child{
  min-width:0;
}
.tool-card strong,
.essential-home-card strong,
.home-feature-grid a strong,
.recent-tools-grid a strong,
.command-result-copy strong{
  display:block;
  margin:0;
  font-size:var(--uf-font-card-title)!important;
  font-weight:600!important;
  line-height:var(--uf-line-tight)!important;
  letter-spacing:-.01em;
}
.tool-card p,
.essential-home-card p,
.home-feature-grid a p,
.command-result-desc{
  margin:6px 0 0!important;
  font-size:var(--uf-font-card-desc)!important;
  font-weight:400!important;
  line-height:1.45!important;
  color:#607087;
}
.tool-card p{
  display:-webkit-box;
  min-height:calc(var(--uf-font-card-desc) * 1.45 * 2);
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.tool-card strong{
  display:-webkit-box;
  min-height:calc(var(--uf-font-card-title) * 1.25);
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.tool-card .app-icon,
.essential-home-card .app-icon,
.command-result .app-icon{
  flex:0 0 48px;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  line-height:1!important;
  border-radius:13px!important;
}

/* Homepage search results should visually match normal cards */
#searchSuggestions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
#searchSuggestions .tool-card{
  min-height:116px;
  width:auto!important;
}
#searchSuggestions .tool-card strong{
  font-size:var(--uf-font-card-title)!important;
}
#searchSuggestions .tool-card p{
  font-size:var(--uf-font-card-desc)!important;
}
.uf-search-empty{
  grid-column:1/-1;
  font-size:var(--uf-font-card-desc);
}

/* Buttons */
button,
.primary,
.primary-action,
.secondary-action,
.pill,
.video-feature-link{
  font-size:var(--uf-font-button)!important;
  font-weight:700;
  line-height:1.2;
}
.primary-action,
.secondary-action{
  min-height:48px;
}
.search input,
.command-box input,
.field input,
.field select{
  font-size:16px!important;
}
.field textarea{
  font-size:15px!important;
  line-height:1.5;
}

/* Inputs */
.field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.field select,
.search input{
  min-height:var(--uf-control-height);
  border-radius:var(--uf-radius-input)!important;
}
.field label{
  font-size:var(--uf-font-small)!important;
  line-height:1.35;
  font-weight:700!important;
}

/* Catalogue */
.catalog-grid{
  gap:14px!important;
}
.catalog-heading-copy p{
  font-size:var(--uf-font-card-desc)!important;
  line-height:1.5!important;
}
.catalog-heading-meta span,
.catalog-heading-meta a{
  font-size:11px!important;
}

/* Global command search */
.command-result{
  min-height:76px;
}
.command-result-copy strong{
  font-size:15px!important;
}
.command-result-desc{
  font-size:12px!important;
  line-height:1.4!important;
}
.command-result-meta{
  font-size:10px!important;
}
.command-box input{
  font-size:18px!important;
}
.command-search-head strong{
  font-size:16px!important;
}
.command-search-head span,
.command-search-foot{
  font-size:11px!important;
}

/* Keep hero typography deliberate and separate from tool-card scale */
body.ambient-homepage .hero h1{
  font-size:clamp(58px,6vw,78px)!important;
  line-height:.98!important;
}
body.ambient-homepage .hero p{
  font-size:19px!important;
  line-height:1.45!important;
}
body.ambient-homepage .hero .search input{
  font-size:18px!important;
}

/* Consistent body copy on dedicated tools */
.everyday-panel p,
.youtube-card p,
.video-extra-tools p,
.tool-panel p,
.panel p{
  font-size:14px;
  line-height:1.5;
}
.everyday-panel h2,
.youtube-card h2,
.tool-panel h2,
.panel h2{
  font-size:21px;
  line-height:1.2;
}

/* Mobile type scaling */
@media(max-width:900px){
  :root{
    --uf-font-page-title:42px;
    --uf-font-section:22px;
  }
  #searchSuggestions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  :root{
    --uf-font-body:15px;
    --uf-font-card-title:15px;
    --uf-font-card-desc:13px;
    --uf-font-section:21px;
  }
  #searchSuggestions{
    grid-template-columns:1fr;
  }
  .tool-card{
    min-height:112px;
  }
}

/* UsefulFox 3.6 — SEO & trust foundations */
.related-tools{margin:28px 0 8px;padding:22px;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 12px 28px rgba(36,55,82,.07)}
.related-tools-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.related-tools h2{margin:0;color:#21466f;font-size:22px}.related-tools p{margin:4px 0 0;color:#6f7d8f;font-size:13px}
.related-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-tools-grid a{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid #e0e7ef;border-radius:13px;background:#fff}.related-tools-grid strong{font-size:14px;color:#264d76}.related-tools-grid span{display:block;margin-top:2px;color:#778497;font-size:11px}
.legal-page{padding-bottom:52px}.legal-panel{margin:16px 0}.legal-panel h2{margin-top:0;color:#21466f}.legal-panel p,.legal-panel li{font-size:15px;line-height:1.65;color:#617086}
@media(max-width:760px){.related-tools-grid{grid-template-columns:1fr}.related-tools-head{align-items:flex-start;flex-direction:column}}

/* UsefulFox 3.8 — SEO Content & Accessibility */
.seo-content{margin:28px 0 4px;display:grid;gap:15px}.seo-content-card{padding:20px 22px;border:1px solid rgba(255,255,255,.78);border-radius:19px;background:rgba(255,255,255,.86);box-shadow:0 10px 26px rgba(37,56,84,.065)}.seo-content-card h2{margin:0 0 9px;color:#21466f;font-size:21px}.seo-content-card p,.seo-content-card li{color:#66758a;font-size:14px;line-height:1.6}.seo-content-card ol{margin:10px 0 0;padding-left:22px}.seo-example{padding:14px 16px;border-left:3px solid #ff7b3a;border-radius:10px;background:#fff8f3}.faq-list{display:grid;gap:8px}.faq-item{padding:13px 14px;border:1px solid #e2e8ef;border-radius:12px;background:#fbfcfe}.faq-item h3{margin:0;color:#294d74;font-size:15px}.faq-item p{margin:5px 0 0}.seo-updated{margin-top:10px;color:#8a95a3;font-size:11px}.privacy-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 9px;border-radius:999px;background:#edf7f2;color:#39775b;font-size:11px;font-weight:800}

/* UsefulFox 4.1 — Search Intelligence */
.search-result-card{position:relative}.search-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.best-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#fff1e9;color:#c95e24;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.search-meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.search-meta span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf3f9;color:#65758a;font-size:9px;font-weight:800}.search-result-card.best-match{border-color:#f4c6a7!important;box-shadow:0 15px 32px rgba(255,111,50,.11)!important}
.search-results-box{margin:18px 0}.search-results-box input{width:100%;box-sizing:border-box;min-height:62px;padding:0 18px;border:1px solid #d9e2ec;border-radius:16px;background:#fff;font-size:18px;box-shadow:0 12px 28px rgba(37,55,82,.07)}.search-results-summary{margin:10px 0 14px;color:#6b7a8e;font-size:12px;font-weight:800}
.fox-den-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.fox-den-grid a{padding:18px;border:1px solid rgba(255,255,255,.75);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(37,55,82,.07)}.fox-den-grid strong{display:block;color:#244c76}.fox-den-grid span{display:block;margin-top:5px;color:#748296;font-size:11px}
@media(max-width:900px){.fox-den-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.fox-den-grid{grid-template-columns:1fr}}


/* UsefulFox 4.2 RC1 — production/performance polish */
:root{color-scheme:light}
img{max-width:100%;height:auto}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a,[role="button"]{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
:focus-visible{outline:3px solid rgba(52,120,207,.38);outline-offset:3px}


/* UsefulFox 5.0.1 — Brand Typography Lock */
:root{
 --uf-font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 --uf-font-display:Georgia,"Times New Roman",serif;
 --uf-weight-regular:400;--uf-weight-medium:600;--uf-weight-bold:700;--uf-weight-heavy:800;
}
html,body,button,input,select,textarea{font-family:var(--uf-font-ui)!important}
body{font-weight:var(--uf-weight-regular);letter-spacing:0}
h1,h2,h3,h4,h5,h6,.title,.section-head h2,.catalog-heading h2,.catalog-heading-copy h2,
.tool-card strong,.command-result-copy strong,.brand,.nav,.pill,.primary,.primary-action,
.secondary-action,.filter,.faq-item h3{font-family:var(--uf-font-ui)!important}
body.ambient-homepage .hero h1{font-family:var(--uf-font-ui)!important;font-weight:var(--uf-weight-heavy)!important}
.academy-hero h1,.academy-article h1,.collection-hero h1,.qa-hero h1,.health-hero h1{font-family:var(--uf-font-display)!important}
.tool-card p,.command-result-desc,.subtitle,.seo-content-card p,.seo-content-card li,
.academy-article p,.academy-article li,.collection-card p,.guide-card p{font-family:var(--uf-font-ui)!important}


/* UsefulFox 5.0.2 — Public Navigation Integration */
.nav a[aria-current="page"]{
  color:#18375c;
  font-weight:800;
}
.nav a[aria-current="page"]::after{
  content:"";
  display:block;
  width:18px;
  height:2px;
  margin:4px auto 0;
  border-radius:999px;
  background:#ff6f32;
}
@media(max-width:760px){
  .nav{
    flex-wrap:wrap;
    justify-content:center;
  }
}

/* UsefulFox 1.0 — Global Footer */
.site-footer{margin-top:42px;border-top:1px solid rgba(30,55,80,.08);background:rgba(255,255,255,.72);backdrop-filter:blur(14px)}
.site-footer-inner{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:24px 0}.site-footer-brand{display:flex;align-items:center;gap:9px;color:#1d3959}.site-footer-brand img{width:24px;height:24px}.site-footer-brand strong{font-size:14px}.site-footer-brand span{color:#7a8797;font-size:11px}.site-footer-nav{display:flex;flex-wrap:wrap;gap:14px}.site-footer-nav a{color:#66768a;font-size:11px;font-weight:700}.site-footer-copy{color:#8b96a4;font-size:11px;white-space:nowrap}@media(max-width:820px){.site-footer-inner{grid-template-columns:1fr;text-align:center}.site-footer-brand,.site-footer-nav{justify-content:center}}

/* UsefulFox 1.0.1 — fox-tail artefact fix
   Deliberately no layout/design changes: only the cleaned locked tail asset. */

/* UsefulFox 1.0.6 content growth */
.academy-link-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:24px;border:1px solid var(--line,#e6e6e6);border-radius:18px;background:rgba(255,255,255,.78)}.academy-link-card h2{margin:4px 0 8px}.academy-link-card p{margin:0;max-width:720px}.academy-kicker{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d96b19}@media(max-width:700px){.academy-link-card{align-items:flex-start;flex-direction:column}}

/* Social Video feature — next build */
.social-fast-home{margin:28px 0 32px}.social-fast-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:300px;padding:38px 44px;border:1px solid #e2e8f0;border-radius:26px;text-decoration:none;color:#172033;background:radial-gradient(circle at 88% 24%,rgba(217,70,239,.13),transparent 28%),radial-gradient(circle at 72% 80%,rgba(249,115,22,.16),transparent 28%),linear-gradient(135deg,#fff,#f8fbff 55%,#fff7ed);box-shadow:0 18px 50px rgba(31,49,78,.09);transition:.18s ease}.social-fast-card:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(31,49,78,.13)}.social-fast-kicker{font-size:11px;letter-spacing:.15em;font-weight:900;color:#2878d0}.social-fast-copy h2{font-size:clamp(38px,5vw,58px);line-height:.96;letter-spacing:-.05em;margin:12px 0 14px}.social-fast-copy h2 span{color:#f97316}.social-fast-copy p{max-width:500px;color:#687386;line-height:1.5;margin:0 0 20px}.social-fast-cta{display:inline-flex;gap:10px;align-items:center;padding:11px 15px;border-radius:999px;background:#fff7ed;color:#c2410c;font-weight:900;border:1px solid #fed7aa}.social-fast-art{position:relative;min-height:230px;display:grid;place-items:center}.sf-video{position:relative;width:180px;height:230px;border:8px solid #fff;border-radius:28px;background:linear-gradient(155deg,#9bc4d7 0 34%,#29483d 35% 58%,#c77436 59% 75%,#243a46 76%);box-shadow:0 20px 48px rgba(23,59,102,.2);overflow:hidden}.sf-play{position:absolute;inset:0;margin:auto;width:86px;height:86px;border-radius:24px;background:#fff;display:grid;place-items:center;color:#f97316;font-size:34px;box-shadow:0 14px 30px rgba(23,59,102,.2)}.sf-controls{position:absolute;left:0;right:0;bottom:0;height:34px;background:rgba(15,23,42,.88);color:#fff;font-size:9px;display:flex;align-items:center;padding:0 9px}.sf-controls i{height:3px;flex:1;background:#f97316;margin-left:8px;border-radius:99px}.sf-pill{position:absolute;z-index:3;padding:11px 15px;background:#fff;border-radius:999px;box-shadow:0 12px 28px rgba(23,59,102,.14);font-size:12px;font-weight:900}.sf-ig{left:4%;top:47%}.sf-tt{right:4%;top:47%}@media(max-width:760px){.social-fast-card{grid-template-columns:1fr;padding:30px 24px}.social-fast-art{margin-top:18px}.sf-ig{left:0}.sf-tt{right:0}}

/* UsefulFox Site Tidy V1 — Explore section refresh */
.lower{
  margin-top:30px;
  padding:34px 20px 30px;
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 16%,rgba(249,115,22,.07),transparent 25%),
    radial-gradient(circle at 86% 24%,rgba(99,102,241,.08),transparent 27%),
    linear-gradient(180deg,#fbfdff 0%,#f7f9fc 100%);
}
.lower>.section-head h2{position:relative;padding-bottom:10px}
.lower>.section-head h2::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;border-radius:99px;background:#f97316}
.video-feature-home.video-toolkit-feature{
  grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);
  min-height:300px;
  padding:38px 42px;
  border:1px solid #f5d9bb;
  background:
    radial-gradient(circle at 8% 25%,rgba(249,115,22,.11),transparent 28%),
    radial-gradient(circle at 84% 18%,rgba(139,92,246,.13),transparent 30%),
    linear-gradient(120deg,#fffaf3 0%,#fff 47%,#f7f5ff 100%);
  box-shadow:0 20px 54px rgba(67,74,95,.11);
}
.video-toolkit-feature .video-feature-kicker{color:#f05223;font-weight:900}
.video-toolkit-feature .video-feature-kicker span{background:#ff5a1f}
.video-toolkit-feature .video-feature-copy h3{font-family:inherit;font-size:clamp(40px,4vw,56px);color:#172033;letter-spacing:-.045em;line-height:1.02}
.video-toolkit-feature .video-feature-copy h3 .accent{color:#f97316}
.video-toolkit-feature .video-feature-copy p{color:#59687d;font-size:16px;max-width:650px}
.video-toolkit-feature .video-feature-pills span{font-weight:800;background:#fff;box-shadow:0 5px 15px rgba(41,55,83,.05)}
.video-toolkit-feature .vf-pill-green{color:#2f8f31!important;border-color:#cdebcf!important;background:#f7fff5!important}
.video-toolkit-feature .vf-pill-blue{color:#2874d0!important;border-color:#cfe1fb!important;background:#f7fbff!important}
.video-toolkit-feature .vf-pill-purple{color:#7648cf!important;border-color:#dfd4fa!important;background:#fbf9ff!important}
.video-toolkit-feature .vf-pill-orange{color:#d65b15!important;border-color:#f6d6bd!important;background:#fffaf5!important}
.video-toolkit-feature .video-feature-link{display:inline-flex;width:auto;padding:13px 20px;border-radius:13px;background:#ff5a1f;color:#fff;margin-top:24px;box-shadow:0 10px 24px rgba(249,115,22,.23)}
.video-toolkit-feature .video-feature-visual{min-height:220px}
.video-toolkit-feature .video-monitor{inset:22px 18px 24px 34px;border-radius:22px;background:linear-gradient(145deg,#25296f,#4b3fa4 72%,#40348d);box-shadow:0 24px 45px rgba(53,48,128,.25)}
.video-toolkit-feature .video-play{color:#4743aa;background:#fff}
.video-progress{position:absolute;left:24px;right:24px;bottom:52px;height:5px;border-radius:99px;background:rgba(255,255,255,.22)}
.video-progress i{display:block;width:34%;height:100%;border-radius:inherit;background:#f97316;position:relative}.video-progress i::after{content:"";position:absolute;right:-5px;top:-3px;width:11px;height:11px;border-radius:50%;background:#f97316}
.video-controls{position:absolute;left:24px;right:24px;bottom:20px;color:rgba(255,255,255,.84);font-size:14px;letter-spacing:.22em;display:flex;align-items:center}.video-controls span{flex:1;height:4px;border-radius:99px;background:rgba(255,255,255,.27);margin:0 8px}
.video-tool-icon{position:absolute;left:-4px;top:14px;z-index:3;width:84px;height:84px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#ff6b19,#f04421);font-size:38px;box-shadow:0 18px 30px rgba(238,89,31,.22)}
.video-toolkit-feature .video-chip{width:54px;height:54px;border-radius:15px}.chip-frame{left:20px;top:5px;color:#36a33e;background:#f4fff3}.chip-code{right:0;top:7px;color:#7440cf;background:#fbf9ff}.chip-link{right:5px;bottom:0;color:#dc6b12;background:#fffaf2}
.category-grid{gap:18px}
.category{min-height:178px;position:relative;overflow:hidden;border-color:rgba(29,42,66,.08);box-shadow:0 12px 30px rgba(39,52,77,.07);transition:transform .18s ease,box-shadow .18s ease}
.category:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(39,52,77,.12)}
.category::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;top:-30px;opacity:.18;background:currentColor}
.category-money{background:linear-gradient(135deg,#fbfff8,#f1fbe8);color:#3f8e2f}.category-time{background:linear-gradient(135deg,#fbfdff,#edf5ff);color:#3977da}.category-convert{background:linear-gradient(135deg,#fbffff,#ebfbfd);color:#22899c}.category-text{background:linear-gradient(135deg,#fcfff9,#f0f9e8);color:#439a32}.category-dev{background:linear-gradient(135deg,#fffafa,#fff0f1);color:#de3f52}.category-images{background:linear-gradient(135deg,#fefcff,#f3edff);color:#7e4dd2}
.category h3{color:#172033}.category p{color:#59687d}.category .arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 7px 16px rgba(47,57,79,.09)}
@media(max-width:980px){.video-feature-home.video-toolkit-feature{grid-template-columns:1fr}.video-toolkit-feature .video-feature-visual{min-height:210px}}
@media(max-width:650px){.lower{padding:26px 10px}.video-feature-home.video-toolkit-feature{padding:28px 23px}.video-toolkit-feature .video-feature-visual{display:none}.category{min-height:150px}}

/* Site Tidy V1.1 */
@media(min-width:1051px){.category-grid .category-dev,.category-grid .category-images{grid-column:span 2}}

/* Site Tidy V1.2 — cleaner category cards */
.category::after{display:none!important;content:none!important}


/* UsefulFox 1.2.4 — homepage search presence polish (locked) */
body.ambient-homepage .hero .search{
  max-width:720px;
  height:82px;
  margin-top:22px;
  padding:0 12px 0 24px;
  border:1px solid rgba(208,216,226,.95);
  border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 38px rgba(42,64,93,.14),0 5px 14px rgba(42,64,93,.06),inset 0 1px 0 rgba(255,255,255,1);
}
body.ambient-homepage .hero .search input{
  height:58px;
  padding:0 14px 0 0;
  background:transparent;
  box-shadow:none;
  font-size:19px!important;
  font-weight:500;
  color:#182235;
}
body.ambient-homepage .hero .search input::placeholder{color:#7a8088;opacity:1}
body.ambient-homepage .hero .search button{
  width:64px;min-width:64px;height:58px;border-radius:15px;font-size:25px;
  box-shadow:0 12px 26px rgba(255,91,0,.25);
}
@media(max-width:700px){
  body.ambient-homepage .hero .search{height:72px;padding-left:18px;border-radius:18px}
  body.ambient-homepage .hero .search input{height:52px;font-size:17px!important}
  body.ambient-homepage .hero .search button{width:56px;min-width:56px;height:52px;border-radius:14px}
}

/* UsefulFox 1.2.6 — money page content */
.tool-guide{margin-top:28px}.tool-guide h2{margin-top:26px;margin-bottom:10px}.tool-guide h2:first-child{margin-top:0}.tool-guide h3{margin-top:18px;margin-bottom:6px;font-size:1.05rem}.tool-guide p{line-height:1.7}.tool-guide a{font-weight:700;text-decoration:none}.tool-guide a:hover{text-decoration:underline}


/* UsefulFox 1.2.7 — reusable light tool-page template */
.uf-tool-story{
  margin:34px 0 10px;
  padding:34px 34px 30px;
  border:1px solid #e6ebf1;
  border-radius:26px;
  background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);
  box-shadow:0 18px 44px rgba(31,52,78,.07);
}
.uf-story-row{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:18px;
  align-items:start;
  padding:0 0 28px;
}
.uf-story-row:last-of-type{padding-bottom:22px}
.uf-story-icon{
  width:52px;height:52px;
  display:grid;place-items:center;
  border-radius:15px;
  background:#edf5ff;
  color:#1f5ea9;
  font-size:22px;
  font-weight:900;
}
.uf-tool-story h2{
  position:relative;
  margin:1px 0 12px;
  color:#173b68;
  font-size:22px;
  line-height:1.25;
}
.uf-tool-story h2::after{
  content:"";
  display:block;
  width:34px;height:3px;
  margin-top:9px;
  border-radius:3px;
  background:#ff6412;
}
.uf-tool-story p{
  margin:0;
  color:#61738a;
  font-size:15px;
  line-height:1.75;
}
.uf-faq-block{margin-top:4px}
.uf-faq-list{display:grid;gap:11px;margin-top:16px}
.uf-faq-card{
  border:1px solid #e1e8f0;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 24px rgba(34,54,82,.055);
  overflow:hidden;
}
.uf-faq-card summary{
  list-style:none;
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:12px;
  align-items:center;
  padding:15px 17px;
  cursor:pointer;
  color:#183c69;
}
.uf-faq-card summary::-webkit-details-marker{display:none}
.uf-faq-card summary::after{content:"⌄";font-weight:900}
.uf-faq-card[open] summary::after{content:"⌃"}
.uf-faq-number{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#eaf3ff;
  color:#2364ad;
  font-size:12px;
  font-weight:900;
}
.uf-faq-card p{padding:0 67px 16px;margin:0;color:#6a7a8f;font-size:13px}
.uf-related-block{margin-top:30px}
.uf-related-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.uf-related-card{
  min-height:98px;
  display:grid;
  grid-template-columns:42px 1fr 16px;
  gap:10px;
  align-items:center;
  padding:14px;
  border:1px solid #e2e8ef;
  border-radius:15px;
  background:#fff;
  box-shadow:0 9px 24px rgba(35,56,84,.055);
  text-decoration:none;
}
.uf-related-card strong{display:block;color:#1b3f6c;font-size:13px;line-height:1.25}
.uf-related-card small{display:block;margin-top:5px;color:#76869a;font-size:10.5px;line-height:1.4}
.uf-related-card b{color:#2163ad;font-size:17px}
.age-result-lockup{
  display:grid;
  grid-template-columns:48px 1fr 54px;
  gap:14px;
  align-items:center;
  min-height:118px;
}
.age-result-fox{width:44px;height:44px}
.age-result-label{color:#6b7c91;font-size:13px;font-weight:700}
.age-result-value{margin-top:2px;color:#193c69;font-size:25px;font-weight:900;letter-spacing:-.02em}
.age-result-meta{margin-top:8px;color:#718197;font-size:12px}
.age-result-calendar{
  width:50px;height:50px;display:grid;place-items:center;
  border-radius:50%;background:#edf4ff;color:#173f77;font-size:24px;font-weight:900;
}
@media(max-width:980px){
  .uf-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .uf-tool-story{padding:24px 18px;border-radius:20px}
  .uf-story-row{grid-template-columns:44px 1fr;gap:13px}
  .uf-story-icon{width:42px;height:42px;border-radius:12px;font-size:18px}
  .uf-tool-story h2{font-size:20px}
  .uf-related-grid{grid-template-columns:1fr}
  .uf-faq-card p{padding:0 18px 15px 67px}
  .age-result-lockup{grid-template-columns:40px 1fr}
  .age-result-calendar{display:none}
  .age-result-value{font-size:21px}
}

/* UsefulFox V1.3.2 Preview Fix — lock catalogue tool title colour.
   Prevent link/visited/category accent states from colouring tool names. */
.catalog-grid .tool-card strong,
.catalog-grid .tool-card:link strong,
.catalog-grid .tool-card:visited strong,
.catalog-grid .tool-card:hover strong,
.catalog-grid .tool-card:active strong,
.catalog-grid .tool-card:focus strong{
  color:var(--ink)!important;
}

/* V1.3.5 VAT SEO blueprint: concise method card */
.uf-vat-method{margin:28px 0 10px;padding:24px 26px;border:1px solid #e7ebf2;border-radius:18px;background:#fff}
.uf-vat-method h2{margin:0 0 14px;font-size:1.35rem;color:#172033}
.uf-vat-method p{margin:9px 0;color:#4b5565;line-height:1.7}

/* V1.3.6 Percentage SEO blueprint */
.uf-percentage-method{margin:28px 0 10px;padding:24px 26px;border:1px solid #e7ebf2;border-radius:18px;background:#fff}
.uf-percentage-method h2{margin:0 0 14px;font-size:1.35rem;color:#172033}
.uf-percentage-method p{margin:9px 0;color:#4b5565;line-height:1.7}

/* V1.3.7 Compound Interest SEO blueprint */
.uf-compound-method{margin:28px 0 10px;padding:24px 26px;border:1px solid #e7ebf2;border-radius:18px;background:#fff}
.uf-compound-method h2{margin:0 0 14px;font-size:1.35rem;color:#172033}
.uf-compound-method p{margin:9px 0;color:#4b5565;line-height:1.7}

/* V1.3.8 Savings Goal SEO blueprint */
.uf-savings-method{margin:28px 0 10px;padding:24px 26px;border:1px solid #e7ebf2;border-radius:18px;background:#fff}
.uf-savings-method h2{margin:0 0 14px;font-size:1.35rem;color:#172033}
.uf-savings-method p{margin:9px 0;color:#4b5565;line-height:1.7}

/* V1.3.9 Mortgage SEO blueprint */
.uf-mortgage-method{margin:28px 0 10px;padding:24px 26px;border:1px solid #e7ebf2;border-radius:18px;background:#fff}
.uf-mortgage-method h2{margin:0 0 14px;font-size:1.35rem;color:#172033}
.uf-mortgage-method p{margin:9px 0;color:#4b5565;line-height:1.7}

/* V1.4.0 Days Between Dates SEO blueprint */
.uf-dates-method{margin:28px 0 10px;padding:24px 26px;border:1px solid #e7ebf2;border-radius:18px;background:#fff}
.uf-dates-method h2{margin:0 0 14px;font-size:1.35rem;color:#172033}
.uf-dates-method p{margin:9px 0;color:#4b5565;line-height:1.7}

/* V1.4.1 Age SEO blueprint */
.uf-age-method{margin:28px 0 10px;padding:24px 26px;border:1px solid #e7ebf2;border-radius:18px;background:#fff}
.uf-age-method h2{margin:0 0 14px;font-size:1.35rem;color:#172033}
.uf-age-method p{margin:9px 0;color:#4b5565;line-height:1.7}

/* V1.4.2 Image Compressor SEO blueprint */
.uf-compress-method{margin:28px 0 10px;padding:24px 26px;border:1px solid #e7ebf2;border-radius:18px;background:#fff}
.uf-compress-method h2{margin:0 0 14px;font-size:1.35rem;color:#172033}
.uf-compress-method p{margin:9px 0;color:#4b5565;line-height:1.7}


/* UsefulFox v1.5.4 — compact site density */
:root{
  --uf-compact-card-pad:14px;
  --uf-compact-gap:12px;
  --uf-compact-radius:14px;
}

/* Global section rhythm */
.section,
.lower,
.grid-section,
.documents-home-section{
  margin-top:28px !important;
  margin-bottom:28px !important;
}
.section-head{
  margin-bottom:14px !important;
}
.tools-grid,
.category-grid,
.doc-grid{
  gap:var(--uf-compact-gap) !important;
}

/* Homepage / standard tool cards */
.tool-card{
  min-height:0 !important;
  padding:14px 16px !important;
  border-radius:var(--uf-compact-radius) !important;
  gap:12px !important;
}
.tool-card .app-icon,
.category .app-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  border-radius:12px !important;
}
.tool-card strong{
  line-height:1.18 !important;
}
.tool-card p{
  margin-top:4px !important;
  line-height:1.35 !important;
}

/* Category cards */
.category{
  min-height:0 !important;
  padding:16px !important;
  border-radius:var(--uf-compact-radius) !important;
}
.category h3{
  margin:8px 0 4px !important;
}
.category p{
  margin:0 !important;
  line-height:1.35 !important;
}

/* New Essential / feature cards */
.essential-card,
.everyday-card,
.feature-card{
  padding:16px !important;
  min-height:0 !important;
  border-radius:var(--uf-compact-radius) !important;
}

/* Document suite cards */
.doc-card{
  padding:18px !important;
  min-height:0 !important;
  border-radius:14px !important;
}
.doc-card .icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  margin-bottom:10px !important;
}
.doc-card h3,
.doc-card strong{
  margin-top:0 !important;
  margin-bottom:6px !important;
  line-height:1.2 !important;
}
.doc-card p{
  margin:0 !important;
  line-height:1.4 !important;
}
.category-block{
  padding:24px 28px !important;
  margin-bottom:22px !important;
  border-radius:18px !important;
}
.grid-label{
  margin-bottom:14px !important;
}

/* General box families used around calculators / content */
.card,
.panel,
.tool-panel,
.result-card,
.info-card,
.content-card,
.calculator-card,
.input-card,
.output-card{
  padding:18px !important;
  border-radius:14px !important;
}

/* Lists and utility rows */
.promise{
  gap:12px !important;
  padding:16px !important;
}
.promise > div{
  padding:8px 10px !important;
}

/* Keep hero design intact; only reduce excess spacing below it */
.hero + .section,
.hero + section{
  margin-top:24px !important;
}

@media (max-width:760px){
  .tool-card,
  .category,
  .doc-card,
  .card,
  .panel,
  .tool-panel,
  .result-card,
  .info-card,
  .content-card,
  .calculator-card,
  .input-card,
  .output-card{
    padding:13px !important;
  }
  .tools-grid,
  .category-grid,
  .doc-grid{
    gap:10px !important;
  }
  .category-block{
    padding:18px !important;
  }
}


/* UsefulFox v1.5.5 — directory-style homepage */
.hero{
  padding:70px 24px 38px !important;
  min-height:0 !important;
}
.home-kicker{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  margin-bottom:18px;
  border:1px solid #eceef2;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#667085;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
}
.hero h1{
  max-width:840px;
  margin-left:auto !important;
  margin-right:auto !important;
}
.hero>p{
  max-width:700px !important;
  margin-bottom:22px !important;
}
.home-hero-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 auto 22px;
}
.home-category-jump{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  max-width:900px;
  margin:0 auto;
}
.home-category-jump a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e7e9ee;
  color:#4b5563;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.home-category-jump a:hover{
  border-color:#ffc7a7;
  color:#ff5a00;
}

.documents-feature-home{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);
  gap:28px;
  align-items:center;
  max-width:1180px;
  margin:22px auto 34px;
  padding:34px 38px;
  border:1px solid #ffd8c2;
  border-radius:24px;
  background:linear-gradient(135deg,#fff8f3 0%,#ffffff 60%);
  box-shadow:0 14px 42px rgba(17,24,39,.06);
}
.documents-feature-home::before{
  content:"";
  position:absolute;
  width:280px;height:280px;
  border-radius:50%;
  right:-90px;top:-110px;
  background:transparent;
}
.documents-feature-copy{position:relative;z-index:2}
.documents-feature-kicker{
  color:#ff5a00;
  font-size:13px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  margin-bottom:9px;
}
.documents-feature-home h2{
  margin:0 0 10px;
  font-size:clamp(28px,3.5vw,43px);
  line-height:1.06;
  letter-spacing:-.035em;
}
.documents-feature-home p{
  max-width:680px;
  margin:0 0 18px;
  color:#667085;
  line-height:1.55;
}
.documents-feature-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:18px;
}
.documents-feature-pills a{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid #f0e1d8;
  background:#fff;
  color:#374151;
  font-size:13px;
  font-weight:750;
  text-decoration:none;
}
.documents-feature-link{
  display:inline-flex;
  gap:8px;
  align-items:center;
  min-height:43px;
  padding:0 16px;
  border-radius:11px;
  background:#ff5a00;
  color:#fff;
  font-weight:850;
  text-decoration:none;
}
.documents-feature-visual{
  position:relative;
  min-height:210px;
  background:transparent !important;
}
.docs-sheet{
  position:absolute;
  width:150px;height:190px;
  border-radius:13px;
  background:#fff;
  border:1px solid #e8e9ed;
  box-shadow:0 12px 28px rgba(17,24,39,.09);
}
.docs-sheet-back{right:50px;top:8px;transform:rotate(9deg)}
.docs-sheet-mid{right:72px;top:12px;transform:rotate(-5deg)}
.docs-sheet-front{
  right:58px;top:14px;
  padding:22px 18px;
  transform:rotate(1deg);
}
.docs-sheet-mark{
  width:40px;height:40px;
  display:grid;place-items:center;
  border-radius:11px;
  margin-bottom:19px;
  background:#fff1e8;
  color:#ff5a00;
  font-size:22px;font-weight:900;
}
.docs-line{
  height:7px;
  width:78%;
  margin-bottom:10px;
  border-radius:999px;
  background:#e7e9ee;
}
.docs-line.wide{width:100%}
.docs-line.short{width:55%}
.docs-stamp-mini{
  position:absolute;
  right:14px;bottom:20px;
  padding:5px 7px;
  transform:rotate(-7deg);
  border:2px solid #ff5a00;
  border-radius:6px;
  color:#ff5a00;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
@media(max-width:760px){
  .hero{padding:48px 18px 28px !important}
  .documents-feature-home{
    grid-template-columns:1fr;
    margin:16px 14px 28px;
    padding:25px 20px;
  }
  .documents-feature-visual{display:none}
}


/* UsefulFox v1.5.6 — featured documents CTA click fix */
.documents-feature-home::before,
.documents-feature-visual,
.docs-sheet{
  pointer-events:none !important;
}
.documents-feature-copy{
  position:relative !important;
  z-index:5 !important;
}
.documents-feature-link,
.documents-feature-pills a{
  position:relative !important;
  z-index:6 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}


/* UsefulFox v1.6.0 — surgical hero supporting-copy alignment */
.hero > p{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* UsefulFox v1.7.0 growth layer */
.uf-star{position:absolute;right:10px;top:9px;width:31px;height:31px;border:1px solid #e7e9ee;border-radius:10px;background:#fff;color:#ff5a00;font-size:19px;line-height:1;cursor:pointer;z-index:3}
.personal-toolbox{margin:18px 0 28px}.personal-group{margin-bottom:22px}
#pdf-toolkit-home .eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;color:#ff5a00;margin-bottom:4px}

/* UsefulFox V1.7.1 COMPACT REAL ESTATE PASS */
:root{--uf-soft-shadow:0 4px 12px rgba(17,24,39,.055)}
.category-pill,.category-jump a,.hero-categories a,.hero-categories button,.chip,.pill{
 background:#fff!important;border:1px solid #d9dee6!important;box-shadow:var(--uf-soft-shadow)!important;
 font-size:12px!important;font-weight:650!important;line-height:1.15!important;padding:7px 12px!important
}
.documents-feature-home .chip,.documents-feature-home .pill{
 background:#fff!important;border:1px solid #e5d8d0!important;box-shadow:0 3px 9px rgba(17,24,39,.045)!important;
 font-size:11.5px!important;font-weight:650!important;padding:7px 11px!important
}
.hero-actions a,.hero-actions button,.documents-feature-home .btn,.documents-feature-home a[class*="button"],.documents-feature-home a[class*="btn"]{
 font-size:13px!important;padding:10px 15px!important;min-height:0!important
}
.tool-card{min-height:76px!important;padding:12px 14px!important;gap:11px!important;box-shadow:var(--uf-soft-shadow)!important}
.tool-card strong{font-size:13px!important;line-height:1.18!important;font-weight:700!important}
.tool-card p{font-size:11.5px!important;line-height:1.35!important;margin-top:3px!important}
.tool-card .app-icon{width:40px!important;height:40px!important;min-width:40px!important;border-radius:11px!important;font-size:17px!important}
.tool-card .arrow{font-size:15px!important}
.section{margin-top:24px!important}.section-head{margin-bottom:10px!important}.section-head h2{font-size:21px!important}.tools-grid{gap:10px!important}
.documents-feature-home{padding-top:28px!important;padding-bottom:28px!important}
.documents-feature-home h2{font-size:clamp(28px,3.2vw,40px)!important;line-height:1.06!important}
.documents-feature-home p{font-size:14px!important;line-height:1.5!important}
.catalog-card{padding:12px 14px!important;min-height:74px!important;box-shadow:var(--uf-soft-shadow)!important}
.catalog-card strong{font-size:13px!important;line-height:1.2!important}.catalog-card span{font-size:11.5px!important;line-height:1.35!important}.catalog-grid{gap:10px!important}
@media(max-width:700px){.category-pill,.category-jump a,.hero-categories a,.hero-categories button,.chip,.pill{padding:8px 11px!important}.tool-card,.catalog-card{min-height:72px!important}}


/* UsefulFox V1.7.2 — Tighter Controls Pass
   Smaller pills/buttons and closer grouping for better use of laptop real estate. */

/* Top/category pills */
.category-pill,
.category-jump a,
.hero-categories a,
.hero-categories button,
.chip,
.pill {
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  padding: 6px 10px !important;
  min-height: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #d9dee6 !important;
  box-shadow: 0 3px 9px rgba(17,24,39,.05) !important;
}

/* Bring pill groups closer together */
.category-jump,
.hero-categories,
.documents-feature-pills {
  gap: 6px !important;
}

/* Featured-document shortcut pills */
.documents-feature-home .documents-feature-pills a,
.documents-feature-home .chip,
.documents-feature-home .pill {
  font-size: 10.5px !important;
  padding: 6px 9px !important;
  min-height: 0 !important;
  background: #fff !important;
  border: 1px solid #e5d8d0 !important;
  box-shadow: 0 3px 8px rgba(17,24,39,.045) !important;
}

/* Orange Documents CTA */
.documents-feature-link,
.documents-feature-home .btn,
.documents-feature-home a[class*="button"],
.documents-feature-home a[class*="btn"] {
  font-size: 12px !important;
  padding: 9px 14px !important;
  min-height: 36px !important;
  border-radius: 10px !important;
}

/* Pull button rows in tighter */
.home-hero-actions {
  gap: 7px !important;
  margin-bottom: 16px !important;
}
.documents-feature-pills {
  margin-bottom: 14px !important;
}

/* PDF / popular cards stay compact and slightly closer */
.tools-grid,
.catalog-grid {
  gap: 8px !important;
}
.tool-card,
.catalog-card {
  min-height: 70px !important;
  padding: 10px 12px !important;
}
.tool-card strong,
.catalog-card strong {
  font-size: 12.5px !important;
}
.tool-card p,
.catalog-card span {
  font-size: 11px !important;
  line-height: 1.3 !important;
}
.tool-card .app-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  font-size: 15px !important;
  border-radius: 10px !important;
}

/* Slightly tighter section spacing */
.section {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.section-head {
  margin-bottom: 8px !important;
}

/* Keep mobile usable */
@media (max-width:700px) {
  .category-pill,
  .category-jump a,
  .hero-categories a,
  .hero-categories button,
  .chip,
  .pill {
    font-size: 11px !important;
    padding: 7px 10px !important;
  }
}


/* UsefulFox V1.7.3 — Micro Compact / Softer Type Pass */

/* Category pills */
.category-pill,
.category-jump a,
.hero-categories a,
.hero-categories button,
.chip,
.pill {
  font-size: 10.25px !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding: 5px 9px !important;
  min-height: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #dce1e8 !important;
  box-shadow: 0 2px 7px rgba(17,24,39,.045) !important;
}

/* Pull pill rows closer together */
.category-jump,
.hero-categories,
.documents-feature-pills {
  gap: 5px !important;
}

/* Document shortcut pills */
.documents-feature-home .documents-feature-pills a,
.documents-feature-home .chip,
.documents-feature-home .pill {
  font-size: 10px !important;
  font-weight: 560 !important;
  padding: 5px 8px !important;
  border-color: #eadfd8 !important;
  box-shadow: 0 2px 6px rgba(17,24,39,.04) !important;
}

.home-hero-actions {
  gap: 6px !important;
  margin-bottom: 13px !important;
}
.documents-feature-pills {
  margin-bottom: 12px !important;
}

/* Make tool cards materially more compact */
.tools-grid,
.catalog-grid {
  gap: 7px !important;
}

.tool-card,
.catalog-card {
  min-height: 62px !important;
  padding: 8px 10px !important;
  gap: 9px !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(17,24,39,.04) !important;
}

.tool-card strong,
.catalog-card strong {
  font-size: 11.75px !important;
  font-weight: 610 !important;
  line-height: 1.16 !important;
}

.tool-card p,
.catalog-card span {
  font-size: 10.25px !important;
  font-weight: 430 !important;
  line-height: 1.28 !important;
  margin-top: 2px !important;
  color: #718096 !important;
}

.tool-card .app-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 9px !important;
  font-size: 13.5px !important;
}

.tool-card .arrow {
  font-size: 13px !important;
}

/* Section rhythm */
.section {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}
.section-head {
  margin-bottom: 7px !important;
}
.section-head h2 {
  font-size: 19px !important;
  font-weight: 680 !important;
}

/* Featured Documents panel: keep hierarchy, remove spare air */
.documents-feature-home {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.documents-feature-home h2 {
  font-size: clamp(27px,3vw,38px) !important;
  font-weight: 720 !important;
}
.documents-feature-home p {
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #718096 !important;
}

/* Softer popular/pdf headings */
#pdf-toolkit-home .section-head h2,
.section-head h2 {
  letter-spacing: -.015em !important;
}

/* Keep smaller screens touch-friendly enough */
@media (max-width:700px) {
  .category-pill,
  .category-jump a,
  .hero-categories a,
  .hero-categories button,
  .chip,
  .pill {
    font-size: 10.5px !important;
    padding: 6px 9px !important;
  }
  .tool-card,
  .catalog-card {
    min-height: 64px !important;
  }
}


/* UsefulFox V1.7.7 — Approved Compact Photographic Video Hero */
.video-feature-compact{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:24px;
  align-items:center;
  margin:14px 0 18px;
  padding:22px 24px;
  border:1px solid #ffd8c2;
  border-radius:18px;
  background:linear-gradient(135deg,#fff9f5 0%,#fff 62%);
  box-shadow:0 7px 22px rgba(17,24,39,.04);
}
.video-feature-copy{min-width:0}
.video-feature-kicker{
  margin-bottom:7px;
  color:#ff5a00;
  font-size:10px;
  font-weight:850;
  letter-spacing:.055em;
}
.video-feature-compact h2{
  margin:0 0 8px;
  font-size:clamp(27px,3vw,40px);
  line-height:1.03;
  letter-spacing:-.035em;
  font-weight:720;
}
.video-feature-compact h2 span{color:#ff5a00}
.video-feature-compact p{
  margin:0 0 13px;
  color:#6f7887;
  font-size:13px;
  line-height:1.45;
}
.video-feature-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:14px;
}
.video-feature-tags span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e4e8ee;
  box-shadow:0 2px 6px rgba(17,24,39,.035);
  color:#596273;
  font-size:9.9px;
  font-weight:580;
}
.video-feature-tags span:nth-child(1){color:#2f8f46;border-color:#bfe3c6}
.video-feature-tags span:nth-child(2){color:#2472d6;border-color:#c8dcfb}
.video-feature-tags span:nth-child(3){color:#7747d7;border-color:#dbcdfb}
.video-feature-tags span:nth-child(4){color:#ff5a00;border-color:#ffd1b8}

.video-feature-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border-radius:9px;
  background:#ff5a00;
  color:#fff;
  text-decoration:none;
  font-size:11.5px;
  font-weight:720;
  box-shadow:0 4px 10px rgba(255,90,0,.16);
}

.video-player-card{
  min-width:0;
}
.video-photo-wrap{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  background:#10141a;
  box-shadow:0 10px 24px rgba(17,24,39,.16);
  aspect-ratio:16/9;
}
.video-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-photo-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,transparent 56%,rgba(0,0,0,.64) 100%);
  pointer-events:none;
}
.video-play-button{
  position:absolute;
  left:50%;
  top:49%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:48px;
  height:48px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.93);
  color:#111827;
  font-size:16px;
  padding-left:3px;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.2);
}
.video-player-bottom{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  padding:0 11px 8px;
  color:#fff;
}
.video-progress-track{
  height:4px;
  margin-bottom:7px;
  border-radius:999px;
  background:rgba(255,255,255,.32);
  overflow:hidden;
}
.video-progress-track span{
  display:block;
  width:38%;
  height:100%;
  background:#ff5a00;
  border-radius:999px;
}
.video-control-row{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:10px;
  line-height:1;
}
.video-time{
  font-size:9.5px;
  opacity:.96;
}
.video-spacer{flex:1}

@media(max-width:900px){
  .video-feature-compact{
    grid-template-columns:1fr;
  }
  .video-player-card{
    max-width:560px;
    width:100%;
  }
}
@media(max-width:700px){
  .video-feature-compact{
    padding:17px;
    gap:16px;
  }
  .video-feature-compact h2{
    font-size:28px;
  }
}


/* UsefulFox V1.7.8 — single video control layer only */
.video-play-button,
.video-player-bottom{
  display:none !important;
}

/* UsefulFox V1.7.9 — propagate approved photographic video visual */
.simple-video-photo-card{
  overflow:hidden;
  width:min(100%,430px);
  border-radius:15px;
  border:1px solid #dde2e8;
  background:#111827;
  box-shadow:0 9px 24px rgba(17,24,39,.14);
}
.simple-video-photo-card img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.advanced-preview video[poster]{
  background:#111827;
  object-fit:cover;
}
@media(max-width:760px){
  .simple-video-photo-card{width:100%}
}


/* UsefulFox V1.7.10 — Homepage compact photographic video feature */
.video-feature-home{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr) !important;
  gap:18px !important;
  align-items:center !important;
  padding:18px 20px !important;
  min-height:0 !important;
  border-radius:16px !important;
}

.video-feature-home .video-feature-kicker{
  margin-bottom:5px !important;
  font-size:9.5px !important;
  letter-spacing:.05em !important;
}

.video-feature-home h3{
  margin:0 0 6px !important;
  font-size:clamp(24px,2.6vw,34px) !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
}

.video-feature-home p{
  margin:0 0 10px !important;
  font-size:12px !important;
  line-height:1.4 !important;
}

.video-feature-home .video-feature-pills{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  margin-bottom:10px !important;
}

.video-feature-home .video-feature-pills span{
  padding:4px 8px !important;
  min-height:0 !important;
  font-size:9.4px !important;
  line-height:1 !important;
}

.video-feature-home .video-feature-link{
  display:inline-flex !important;
  align-items:center !important;
  min-height:31px !important;
  padding:0 11px !important;
  font-size:10.8px !important;
  border-radius:9px !important;
}

.video-feature-photo{
  overflow:hidden;
  width:100%;
  max-width:390px;
  justify-self:end;
  border-radius:13px;
  border:1px solid #dfe3e9;
  background:#111827;
  box-shadow:0 8px 20px rgba(17,24,39,.12);
}

.video-feature-photo img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

@media(max-width:820px){
  .video-feature-home{
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:16px !important;
  }
  .video-feature-photo{
    max-width:520px;
    justify-self:start;
  }
}


/* UsefulFox V1.7.11 — Match New Essential Tools to Most Popular density */

/* Bring essential cards down to the same compact visual scale as the Most Popular row */
.essential-home-grid{
  gap:8px !important;
}

.essential-home-card{
  min-height:62px !important;
  padding:8px 10px !important;
  gap:9px !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(17,24,39,.04) !important;
}

/* Smaller icons to match the compact tool cards above */
.essential-home-card .app-icon{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  border-radius:9px !important;
  font-size:13.5px !important;
}

/* Softer / smaller text */
.essential-home-card strong{
  font-size:11.75px !important;
  line-height:1.16 !important;
  font-weight:610 !important;
}

.essential-home-card p{
  font-size:10.25px !important;
  line-height:1.28 !important;
  margin-top:2px !important;
  color:#718096 !important;
}

/* Tighter arrows */
.essential-home-card > span:last-child{
  font-size:13px !important;
}

/* Pull the whole section in a little */
.essential-home-section{
  margin-top:17px !important;
}

.essential-home-section .section-head{
  margin-bottom:7px !important;
}

@media(max-width:700px){
  .essential-home-card{
    min-height:64px !important;
    padding:9px 10px !important;
  }
}


/* UsefulFox V1.7.12 — Compact UsefulFox Everyday + bottom category cards */

/* UsefulFox Everyday cards */
.everyday-home-grid,
.usefulfox-everyday-grid,
.today-grid{
  gap:8px !important;
}

.everyday-home-card,
.usefulfox-everyday-card,
.today-card{
  min-height:62px !important;
  padding:8px 10px !important;
  gap:9px !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(17,24,39,.04) !important;
}

.everyday-home-card .app-icon,
.usefulfox-everyday-card .app-icon,
.today-card .app-icon{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  border-radius:9px !important;
  font-size:13.5px !important;
}

.everyday-home-card strong,
.usefulfox-everyday-card strong,
.today-card strong{
  font-size:11.75px !important;
  line-height:1.16 !important;
  font-weight:610 !important;
}

.everyday-home-card p,
.usefulfox-everyday-card p,
.today-card p{
  font-size:10.25px !important;
  line-height:1.28 !important;
  margin-top:2px !important;
  color:#718096 !important;
}

/* Bottom category cards: Money, Time & Date, Converters, Text, Developer, Images */
.category-grid{
  gap:8px !important;
}

.category{
  min-height:72px !important;
  padding:9px 10px !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(17,24,39,.04) !important;
}

.category .app-icon{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  border-radius:9px !important;
  font-size:13.5px !important;
  margin-bottom:5px !important;
}

.category h3{
  margin:0 0 3px !important;
  font-size:11.75px !important;
  line-height:1.16 !important;
  font-weight:610 !important;
}

.category p{
  margin:0 !important;
  font-size:10.25px !important;
  line-height:1.28 !important;
  color:#718096 !important;
}

.category .arrow{
  font-size:12px !important;
}

/* Tighten the lower section rhythm without changing layout */
.lower{
  margin-top:18px !important;
}
.lower .section-head{
  margin-bottom:7px !important;
}

@media(max-width:700px){
  .everyday-home-card,
  .usefulfox-everyday-card,
  .today-card{
    min-height:64px !important;
    padding:9px 10px !important;
  }

  .category{
    min-height:74px !important;
  }
}


/* UsefulFox V1.7.13 — approved lower-homepage composition */

/* Category cards: make them visibly lift from the page */
.lower .category-grid{
  margin-top:18px !important;
  gap:10px !important;
}
.lower .category{
  position:relative !important;
  min-height:96px !important;
  padding:14px 16px !important;
  background:#fff !important;
  border:1px solid #e6e9ef !important;
  border-radius:14px !important;
  box-shadow:0 8px 22px rgba(17,24,39,.06) !important;
  transition:transform .16s ease, box-shadow .16s ease !important;
}
.lower .category:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(17,24,39,.085) !important;
}
.lower .category .app-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  border-radius:10px !important;
  font-size:16px !important;
  margin-bottom:7px !important;
}
.lower .category h3{
  font-size:13px !important;
  font-weight:700 !important;
  margin-bottom:4px !important;
}
.lower .category p{
  max-width:190px;
  font-size:10.6px !important;
  line-height:1.35 !important;
}
.lower .category .arrow{
  position:absolute !important;
  right:16px !important;
  bottom:14px !important;
  color:#ff5a00 !important;
  font-size:16px !important;
}

/* Approved Instant / Private / Consistent strip */
.approved-promise{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:20px 0 26px;
  padding:16px 20px;
  background:#fff;
  border:1px solid #e9ebef;
  border-radius:15px;
  box-shadow:0 8px 22px rgba(17,24,39,.05);
}
.approved-promise > div{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:0 18px;
}
.approved-promise > div + div{
  border-left:1px solid #e5e7eb;
}
.approved-promise strong{
  display:block;
  margin-bottom:4px;
  color:#111827;
  font-size:13px;
  font-weight:700;
}
.approved-promise span{
  display:block;
  color:#687386;
  font-size:10.8px;
}
.promise-icon{
  flex:0 0 auto;
  font-size:23px;
  line-height:1;
}
.promise-icon.instant{color:#ff7a00}
.promise-icon.consistent{color:#13945f}

/* Approved UsefulFox Everyday panel */
.approved-everyday{
  margin-top:0;
  padding:26px 24px 24px;
  background:#fff;
  border:1px solid #e8ebf0;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(17,24,39,.05);
}
.approved-everyday-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:16px;
}
.approved-kicker{
  margin-bottom:6px;
  color:#ff5a00;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.09em;
}
.approved-everyday h2{
  margin:0 0 5px;
  color:#111827;
  font-size:23px;
  line-height:1.12;
  letter-spacing:-.02em;
}
.approved-everyday-head p{
  margin:0;
  color:#697487;
  font-size:11.8px;
}
.approved-everyday-head > a{
  margin-top:23px;
  color:#ff5a00;
  text-decoration:none;
  font-size:10.8px;
  font-weight:650;
}

/* Five compact everyday-tool cards */
.approved-everyday-tools{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}
.approved-everyday-tools > a{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:9px;
  min-height:70px;
  padding:10px 11px;
  background:#fff;
  border:1px solid #e6e9ef;
  border-radius:12px;
  box-shadow:0 3px 9px rgba(17,24,39,.035);
  text-decoration:none;
  color:#111827;
}
.approved-everyday-tools .app-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  border-radius:9px !important;
  font-size:15px !important;
}
.approved-everyday-tools strong{
  display:block;
  margin-bottom:3px;
  font-size:10.8px;
  line-height:1.18;
}
.approved-everyday-tools span{
  display:block;
  color:#6f7887;
  font-size:9.6px;
  line-height:1.35;
}
.approved-everyday-tools b{
  color:#ff5a00;
  font-size:13px;
}

/* Six tidy directory columns */
.approved-directory-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.approved-directory-grid article{
  display:flex;
  flex-direction:column;
  min-height:220px;
  padding:14px 13px;
  background:#fff;
  border:1px solid #e7eaf0;
  border-radius:12px;
  box-shadow:0 3px 9px rgba(17,24,39,.03);
}
.directory-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
.directory-title .app-icon{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  border-radius:8px !important;
  font-size:12px !important;
}
.directory-title strong{
  font-size:11.5px;
  color:#111827;
}
.approved-directory-grid article > a{
  margin:0 0 9px;
  color:#2f3b50;
  text-decoration:none;
  font-size:10.3px;
  line-height:1.25;
}
.approved-directory-grid article > a:hover{
  color:#ff5a00;
}
.approved-directory-grid .directory-more{
  margin-top:auto !important;
  margin-bottom:0 !important;
  color:#ff5a00 !important;
  font-weight:650;
}

@media(max-width:1050px){
  .approved-everyday-tools{grid-template-columns:repeat(3,1fr)}
  .approved-directory-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .approved-promise{grid-template-columns:1fr;padding:8px 14px}
  .approved-promise > div{padding:10px 4px}
  .approved-promise > div + div{border-left:0;border-top:1px solid #e5e7eb}
  .approved-everyday{padding:18px}
  .approved-everyday-head{display:block}
  .approved-everyday-head > a{display:inline-block;margin-top:10px}
  .approved-everyday-tools{grid-template-columns:1fr}
  .approved-directory-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .approved-directory-grid{grid-template-columns:1fr}
}


/* UsefulFox V1.7.14 — Approved compact lower homepage only */

/* No oversized duplicate category cards above the promise strip */
.lower > .category-grid{
  display:none !important;
}

/* Tighten the transition into the approved lower layout */
.approved-promise{
  margin-top:16px !important;
  margin-bottom:18px !important;
}

.approved-everyday{
  margin-top:0 !important;
}

/* Keep the compact six-column directory as the sole category treatment */
.approved-directory-grid{
  margin-top:4px !important;
}


/* UsefulFox V1.7.15 — Bottom promise strip + upward fade */

.homepage-bottom-gradient{
  position:relative;
  margin-top:18px;
  margin-left:-24px;
  margin-right:-24px;
  margin-bottom:-24px;
  padding:74px 24px 24px;
  overflow:hidden;
  border-radius:0 0 18px 18px;
  background:
    linear-gradient(
      to bottom,
      rgba(24,39,63,0) 0%,
      rgba(24,39,63,.08) 34%,
      rgba(24,39,63,.28) 68%,
      rgba(18,31,52,.72) 100%
    );
}

.homepage-bottom-gradient-inner{
  position:relative;
  z-index:1;
}

.homepage-bottom-gradient .approved-promise{
  margin:0 !important;
  background:rgba(255,255,255,.97) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:
    0 10px 30px rgba(8,18,32,.16),
    0 2px 8px rgba(17,24,39,.06) !important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

@media(max-width:760px){
  .homepage-bottom-gradient{
    margin-left:-18px;
    margin-right:-18px;
    margin-bottom:-18px;
    padding:56px 18px 18px;
  }
}


/* UsefulFox V1.7.16 — tighten gap above bottom gradient/promise strip */
.homepage-bottom-gradient{
  margin-top:4px !important;
  padding-top:36px !important;
}

@media(max-width:760px){
  .homepage-bottom-gradient{
    margin-top:4px !important;
    padding-top:30px !important;
  }
}


/* UsefulFox V1.7.17 — smaller right-hand section navigation links */
.pdf-toolkit-home .section-link,
.popular .section-link,
.essential-home-section .section-link,
.section-head > a,
.pdf-toolkit-home > .section-head a,
.popular > .section-head a,
.essential-home-section > .section-head a{
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

/* Keep orange browse links subtle rather than headline-sized */
.pdf-toolkit-home .section-link,
.popular .section-link{
  color:#ff5a00 !important;
}


/* UsefulFox V1.7.18 — explicit homepage section-link fix */
a.home-section-mini-link{
  font-size:10px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
}

/* UsefulFox V1.7.19 — final hard fallback for homepage right-side links */
html body a.home-section-mini-link{
  font-size:9px !important;
  line-height:1.1 !important;
  font-weight:500 !important;
}


/* UsefulFox V1.7.20 — align Browse PDF tools with the PDF card row */
a.pdf-tools-link-aligned{
  position:absolute !important;
  right:calc(20% + 8px) !important;
  top:0 !important;
  transform:translateX(100%) !important;
}

/* Ensure the PDF section provides the positioning context */
.pdf-toolkit-home,
section:has(.pdf-tools-link-aligned){
  position:relative !important;
}

@media(max-width:1100px){
  a.pdf-tools-link-aligned{
    right:0 !important;
    transform:none !important;
  }
}


/* UsefulFox V1.7.25 — site-wide styled file inputs */

/* Outer file input */
input[type="file"]{
  width:100%;
  min-height:42px;
  padding:5px 7px;
  border:1px solid #dbe2ea;
  border-radius:11px;
  background:#fff;
  color:#6f7887;
  font:inherit;
  font-size:11px;
  line-height:1.2;
  cursor:pointer;
  box-sizing:border-box;
}

/* Chromium / Safari / Edge */
input[type="file"]::file-selector-button{
  margin-right:10px;
  padding:8px 12px;
  border:0;
  border-radius:8px;
  background:#f3f6f9;
  color:#172033;
  font:inherit;
  font-size:10.5px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}

/* Firefox legacy pseudo-element support */
input[type="file"]::-webkit-file-upload-button{
  margin-right:10px;
  padding:8px 12px;
  border:0;
  border-radius:8px;
  background:#f3f6f9;
  color:#172033;
  font:inherit;
  font-size:10.5px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}

input[type="file"]:hover::file-selector-button,
input[type="file"]:hover::-webkit-file-upload-button{
  background:#e9eef4;
}

input[type="file"]:focus{
  outline:none;
  border-color:#f2a06f;
  box-shadow:0 0 0 3px rgba(255,90,0,.10);
}

input[type="file"]:focus::file-selector-button{
  background:#fff3eb;
  color:#d94b00;
}

@media(max-width:620px){
  input[type="file"]{
    font-size:10.5px;
  }
  input[type="file"]::file-selector-button,
  input[type="file"]::-webkit-file-upload-button{
    padding:8px 10px;
    font-size:10px;
  }
}

/* UsefulFox V1.7.26 — clean Browse Academy text link */
html body a.academy-browse-link-clean{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#ff5a00 !important;
  font-size:10px !important;
  font-weight:650 !important;
  line-height:1.25 !important;
  text-decoration:none !important;
}
html body a.academy-browse-link-clean:hover{
  color:#d94b00 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}


/* UsefulFox V1.8.0 — Monetisation foundation: dormant responsive ad zones
   Slots are deliberately invisible until body gets .uf-ads-enabled.
   This reserves architecture without changing today's UX. */

.uf-ad-slot{
  display:none;
}

/* Future activation mode only */
body.uf-ads-enabled .uf-ad-slot{
  display:block;
  width:100%;
  margin:18px 0;
}

body.uf-ads-enabled .uf-ad-slot-inner{
  width:100%;
  min-height:90px;
  border:1px dashed #d8dee7;
  border-radius:12px;
  background:#fbfcfe;
}

/* Never crowd interactive tool controls */
body.uf-ads-enabled .uf-ad-slot[data-ad-placement="tool-after-result"]{
  margin-top:22px;
  margin-bottom:22px;
}

/* Desktop-capable slots can later accept larger formats */
@media(min-width:900px){
  body.uf-ads-enabled .uf-ad-slot[data-ad-formats*="rectangle"] .uf-ad-slot-inner{
    min-height:120px;
  }
}

/* Small-screen spacing remains restrained */
@media(max-width:620px){
  body.uf-ads-enabled .uf-ad-slot{
    margin:14px 0;
  }
  body.uf-ads-enabled .uf-ad-slot-inner{
    min-height:72px;
  }
}


/* UsefulFox V1.8.1 — make Browse All Tools match Visit the Academy */
html body a.browse-all-tools-match-academy{
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* UsefulFox V1.8.2 — precise header CTA typography parity */
html body a.pill.browse-all-tools-match-academy,
html body a.browse-all-tools-match-academy{
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:18px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}


/* UsefulFox V1.8.4 — site-wide pill visibility pass
   Adds a quiet edge so pale pills remain readable against tinted/white panels. */
:where(.pill,.badge,.chip,.tag,.tool-count,.count-pill,.category-pill,.filter-pill){
  border:1px solid rgba(23,32,51,.10) !important;
  box-shadow:0 1px 2px rgba(23,32,51,.025);
}

/* White/translucent count pills inside collection panels need a slightly clearer edge. */
:where(.tool-count,.count-pill){
  border-color:rgba(23,32,51,.11) !important;
}

/* Preserve compact header/action pill geometry; only improve separation. */
a.pill,
button.pill{
  border-color:rgba(23,32,51,.12) !important;
}

/* Dark/filled CTA pills keep their intended filled treatment. */
a.pill[style*="background"],
button.pill[style*="background"],
.primary-action.pill,
.cta.pill{
  border-color:rgba(23,32,51,.08) !important;
}

/* Category chips at the top of All Tools: visible but still deliberately quiet. */
.tools-filter .pill,
.category-filter .pill,
.category-pills .pill{
  border-color:rgba(23,32,51,.12) !important;
  box-shadow:0 1px 2px rgba(23,32,51,.03);
}


/* UsefulFox V1.8.5 — All Tools collection count pills: visible edge */
.tools-page .collection-count,
.tools-page .section-count,
.tools-page .catalog-count,
.tools-page .count,
.collection-head .count,
.collection-heading .count,
.catalog-heading .count,
.catalog-section .count,
.catalog-section [class*="count"],
.tools-collection [class*="count"]{
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(62,76,102,.18) !important;
  box-shadow:0 2px 7px rgba(23,32,51,.055) !important;
}

/* Exact fallback for the current All Tools count badges if they are plain spans. */
#all-tools main section header span,
#all-tools .catalog-heading span,
body.tools-page .catalog-heading span{
  border-color:rgba(62,76,102,.18) !important;
}

html body .uf-collection-count-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(62,76,102,.20) !important;
  border-radius:999px !important;
  box-shadow:0 2px 8px rgba(23,32,51,.06) !important;
}


/* UsefulFox V1.8.6 — collection tool-card visibility fix
   The rounded white tool cards need a visible edge against pale category panels. */
html body .catalog-group .tool-card,
html body .premium-category .tool-card,
html body .catalog-grid > a.tool-card{
  border:1px solid rgba(58,72,96,.14) !important;
  box-shadow:0 2px 8px rgba(23,32,51,.045) !important;
  background:rgba(255,255,255,.94) !important;
}

html body .catalog-group .tool-card:hover,
html body .premium-category .tool-card:hover,
html body .catalog-grid > a.tool-card:hover{
  border-color:rgba(255,90,0,.24) !important;
  box-shadow:0 5px 14px rgba(23,32,51,.075) !important;
}

/* Keep the count badges restrained; the cards are the elements that needed definition. */
html body .uf-collection-count-pill{
  border:1px solid rgba(62,76,102,.13) !important;
  box-shadow:0 1px 3px rgba(23,32,51,.035) !important;
}


/* UsefulFox V1.8.7 — featured Video collection refresh */
html body .uf-video-featured-collection{
  position:relative;
  overflow:hidden;
  min-height:290px;
  padding:0 !important;
  border:1px solid rgba(71,88,112,.18) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 76% 22%, rgba(255,255,255,.78) 0 8%, rgba(255,255,255,0) 30%),
    linear-gradient(135deg,#eef5fc 0%,#dfeaf7 48%,#c8dcf3 100%) !important;
  box-shadow:
    0 16px 36px rgba(45,62,86,.10),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 0 0 1px rgba(255,255,255,.20) !important;
}

html body .uf-video-featured-collection::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.26;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(78,98,125,.16) 1px,transparent 1.2px),
    linear-gradient(115deg,rgba(255,255,255,.22),rgba(255,255,255,0) 38%);
  background-size:16px 16px,100% 100%;
  mask-image:linear-gradient(to right,rgba(0,0,0,.18),rgba(0,0,0,.65));
}

html body .uf-video-feature-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:28px;
  align-items:stretch;
  min-height:290px;
  padding:28px 30px 26px;
}

html body .uf-video-feature-copy{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

html body .uf-video-title-row{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

html body .uf-video-title-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-top:1px;
  border:1px solid rgba(66,91,121,.16);
  border-radius:13px;
  background:rgba(255,255,255,.78);
  color:#2f79c8;
  font-size:15px;
  box-shadow:
    0 5px 14px rgba(45,72,105,.08),
    inset 0 1px 0 rgba(255,255,255,.92);
}

html body .uf-video-featured-collection h2{
  margin:0 0 5px !important;
  color:#1c2a42 !important;
  font-size:30px !important;
  line-height:1.02 !important;
}

html body .uf-video-featured-collection .uf-video-title-row p{
  margin:0;
  color:#617089;
  font-size:13px;
  line-height:1.5;
}

html body .uf-video-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin:20px 0 18px;
  color:#24415f;
  font-size:11px;
  font-weight:700;
}

html body .uf-video-benefits span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 16px;
  border-right:1px solid rgba(70,87,111,.16);
}

html body .uf-video-benefits span:first-child{
  padding-left:0;
}

html body .uf-video-benefits span:last-child{
  border-right:0;
}

html body .uf-video-tool-card{
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) 34px;
  gap:14px;
  align-items:center;
  width:min(100%,590px);
  min-height:100px;
  padding:16px 18px !important;
  border:1px solid rgba(71,88,112,.18) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.92) !important;
  color:#172033 !important;
  text-decoration:none !important;
  box-shadow:
    0 9px 22px rgba(42,59,84,.10),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

html body .uf-video-tool-card:hover{
  transform:translateY(-2px);
  border-color:rgba(47,121,200,.32) !important;
  box-shadow:0 12px 28px rgba(42,59,84,.14) !important;
}

html body .uf-video-tool-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid rgba(64,117,176,.14);
  border-radius:14px;
  background:linear-gradient(145deg,#f6faff,#dfeafb);
  color:#2f79c8;
  font-size:17px;
}

html body .uf-video-tool-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

html body .uf-video-tool-copy strong{
  color:#172033;
  font-size:14px !important;
  line-height:1.2;
}

html body .uf-video-tool-copy small{
  color:#64728a;
  font-size:10.5px;
  line-height:1.45;
}

html body .uf-video-tool-arrow{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid rgba(63,84,112,.14);
  border-radius:50%;
  background:#fff;
  color:#2f79c8;
  font-size:16px;
  box-shadow:0 2px 8px rgba(39,58,84,.06);
}

html body .uf-video-feature-art{
  position:relative;
  min-height:238px;
  align-self:stretch;
}

html body .uf-video-glow{
  position:absolute;
  width:210px;
  height:210px;
  right:46px;
  top:8px;
  border-radius:50%;
  background:
    radial-gradient(circle,#ffffff 0 42%,rgba(255,255,255,.76) 43% 53%,rgba(130,169,214,.18) 54% 69%,rgba(130,169,214,0) 70%);
  filter:drop-shadow(0 14px 20px rgba(53,88,132,.12));
}

html body .uf-video-play-orb{
  position:absolute;
  z-index:4;
  right:95px;
  top:60px;
  display:grid;
  place-items:center;
  width:104px;
  height:104px;
  border:1px solid rgba(61,91,127,.14);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#2b73bd;
  font-size:38px;
  padding-left:6px;
  box-shadow:
    0 14px 28px rgba(44,74,111,.16),
    inset 0 1px 0 rgba(255,255,255,.95);
}

html body .uf-video-spark{
  position:absolute;
  z-index:5;
  color:#5e8fc8;
  text-shadow:0 2px 8px rgba(51,102,161,.15);
}
html body .uf-video-spark-a{right:218px;top:50px;font-size:20px}
html body .uf-video-spark-b{right:238px;top:83px;font-size:14px}

html body .uf-filmstrip{
  position:absolute;
  right:-72px;
  bottom:-40px;
  width:570px;
  height:150px;
  transform:rotate(-7deg);
  border:3px solid rgba(79,126,179,.56);
  border-radius:50% 16% 45% 18% / 26% 18% 22% 20%;
  background:
    linear-gradient(180deg,rgba(115,158,207,.35),rgba(76,126,183,.18)),
    linear-gradient(90deg,#dce9f8 0%,#aac8ea 55%,#7facde 100%);
  box-shadow:
    0 10px 22px rgba(55,91,133,.12),
    inset 0 1px 0 rgba(255,255,255,.5);
  overflow:hidden;
}

html body .uf-filmstrip::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(118deg,rgba(255,255,255,.32),rgba(255,255,255,0) 38%),
    repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.12) 42px 44px);
  pointer-events:none;
}

html body .uf-film-frames{
  position:absolute;
  inset:22px 28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

html body .uf-film-frames span{
  position:relative;
  border:1px solid rgba(73,112,160,.20);
  border-radius:7px;
  background:
    radial-gradient(circle at 68% 36%,rgba(105,156,211,.80) 0 6%,transparent 7%),
    linear-gradient(145deg,transparent 0 45%,rgba(89,137,190,.42) 46% 63%,rgba(115,163,212,.26) 64% 100%),
    linear-gradient(#eef5fc,#c8dbef);
}

html body .uf-film-hole-row{
  position:absolute;
  left:22px;
  right:22px;
  height:11px;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.74) 0 14px,transparent 14px 27px);
  opacity:.82;
}
html body .uf-film-hole-top{top:5px}
html body .uf-film-hole-bottom{bottom:5px}

html body .uf-video-meta{
  position:absolute !important;
  top:22px;
  right:28px;
  z-index:8;
  display:flex;
  align-items:center;
  gap:12px;
}

html body .uf-video-meta a{
  color:#31465f !important;
  font-size:10px !important;
  font-weight:700 !important;
}

@media(max-width:920px){
  html body .uf-video-feature-inner{
    grid-template-columns:1fr;
    padding:24px;
  }
  html body .uf-video-feature-art{
    min-height:190px;
  }
  html body .uf-filmstrip{
    right:-90px;
    bottom:-58px;
    width:500px;
  }
  html body .uf-video-glow{right:20px}
  html body .uf-video-play-orb{right:69px}
}

@media(max-width:650px){
  html body .uf-video-feature-inner{
    padding:22px 18px 18px;
  }
  html body .uf-video-featured-collection h2{
    font-size:26px !important;
  }
  html body .uf-video-benefits{
    gap:7px 0;
  }
  html body .uf-video-benefits span{
    padding:0 10px;
    font-size:10px;
  }
  html body .uf-video-tool-card{
    grid-template-columns:46px minmax(0,1fr) 30px;
    padding:14px !important;
  }
  html body .uf-video-tool-icon{
    width:46px;
    height:46px;
  }
  html body .uf-video-meta{
    position:static !important;
    margin-top:10px;
    justify-content:flex-start;
  }
  html body .uf-video-feature-art{
    min-height:150px;
  }
  html body .uf-filmstrip{
    width:420px;
    height:125px;
  }
  html body .uf-video-glow{
    width:150px;
    height:150px;
  }
  html body .uf-video-play-orb{
    width:78px;
    height:78px;
    right:54px;
    top:42px;
    font-size:28px;
  }
}


/* UsefulFox V1.8.8 — commercial disclosure foundation */

/* Reusable affiliate/partner link treatment. Add class="uf-affiliate-link" only when needed. */
a.uf-affiliate-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
a.uf-affiliate-link::after{
  content:"Partner";
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:0 6px;
  border:1px solid rgba(23,32,51,.12);
  border-radius:999px;
  background:#fff8f3;
  color:#a9531d;
  font-size:8.5px;
  font-weight:750;
  letter-spacing:.02em;
  text-decoration:none;
}

/* Quiet footer disclosure link */
.site-footer .uf-commercial-disclosure-link,
footer .uf-commercial-disclosure-link{
  font-size:10px !important;
  font-weight:550 !important;
  opacity:.78;
}

/* Disclosure page */
.uf-disclosure-page{
  width:min(920px,calc(100% - 36px));
  margin:0 auto;
  padding:48px 0 64px;
}
.uf-disclosure-hero{
  margin-bottom:24px;
  padding:30px 32px;
  border:1px solid #e6eaf0;
  border-radius:20px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 10px 28px rgba(23,32,51,.05);
}
.uf-disclosure-hero .eyebrow{
  margin:0 0 8px;
  color:#ff5a00;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.uf-disclosure-hero h1{
  margin:0 0 12px;
  color:#172033;
  font-size:36px;
  line-height:1.08;
}
.uf-disclosure-hero p{
  margin:0;
  color:#5e6b80;
  line-height:1.65;
}
.uf-disclosure-card{
  margin:14px 0;
  padding:22px 24px;
  border:1px solid #e6eaf0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 5px 16px rgba(23,32,51,.035);
}
.uf-disclosure-card h2{
  margin:0 0 8px;
  color:#172033;
  font-size:18px;
}
.uf-disclosure-card p{
  margin:7px 0;
  color:#5e6b80;
  font-size:13px;
  line-height:1.65;
}

@media(max-width:620px){
  .uf-disclosure-page{
    width:min(100% - 24px,920px);
    padding:30px 0 48px;
  }
  .uf-disclosure-hero{
    padding:24px 20px;
  }
  .uf-disclosure-hero h1{
    font-size:30px;
  }
}


/* UsefulFox V1.8.9 — Document Finder refresh */
html body .uf-document-finder{
  position:relative;
  overflow:hidden;
  margin:26px 0;
  padding:28px 28px 24px;
  border:1px solid rgba(72,93,121,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.78) 0 8%,rgba(255,255,255,0) 28%),
    linear-gradient(135deg,#f8fbff 0%,#edf4ff 46%,#dce9fb 100%);
  box-shadow:
    0 15px 34px rgba(45,66,94,.10),
    inset 0 1px 0 rgba(255,255,255,.88);
}

html body .uf-document-finder::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(74,104,144,.14) 1px,transparent 1.15px),
    linear-gradient(125deg,rgba(255,255,255,.28),rgba(255,255,255,0) 40%);
  background-size:18px 18px,100% 100%;
  mask-image:linear-gradient(to right,rgba(0,0,0,.08),rgba(0,0,0,.45));
}

html body .uf-document-finder-back,
html body .uf-document-finder-head,
html body .uf-document-choice-grid,
html body .uf-document-privacy{
  position:relative;
  z-index:2;
}

html body .uf-document-finder-back{
  display:inline-flex;
  margin:0 0 18px;
  color:#315f9c;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
}

html body .uf-document-finder-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:min(720px,74%);
  margin-bottom:24px;
}

html body .uf-document-finder-diamond{
  margin-top:7px;
  color:#3479d6;
  font-size:13px;
}

html body .uf-document-finder h2{
  margin:0 0 7px !important;
  color:#172033 !important;
  font-size:28px !important;
  line-height:1.08 !important;
}

html body .uf-document-finder-head p{
  margin:0;
  color:#5e6f89;
  font-size:13px;
  line-height:1.5;
}

html body .uf-document-choice-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

html body .uf-document-choice{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 30px;
  align-items:center;
  gap:12px;
  min-height:118px;
  padding:16px 16px;
  border:1px solid rgba(72,93,121,.14);
  border-radius:17px;
  background:rgba(255,255,255,.92);
  color:#172033;
  text-decoration:none;
  box-shadow:
    0 7px 18px rgba(45,65,91,.07),
    inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

html body .uf-document-choice:hover{
  transform:translateY(-2px);
  border-color:rgba(54,118,207,.28);
  box-shadow:0 10px 24px rgba(45,65,91,.11);
}

html body .uf-document-choice-icon{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid rgba(63,111,174,.13);
  border-radius:50%;
  background:linear-gradient(145deg,#f6f9ff,#e4edfc);
  color:#2f73cf;
  font-size:17px;
  font-weight:800;
}

html body .uf-document-choice-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}

html body .uf-document-choice-copy small{
  color:#172033;
  font-size:10px;
  font-weight:700;
  line-height:1.25;
}

html body .uf-document-choice-copy strong{
  margin:2px 0 6px;
  color:#2f67b8;
  font-size:15px !important;
  line-height:1.16;
}

html body .uf-document-choice-copy span{
  color:#627189;
  font-size:10.5px;
  line-height:1.4;
}

html body .uf-document-choice-arrow{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(58,94,143,.12);
  border-radius:50%;
  background:#f7faff;
  color:#2f73cf;
  font-size:20px;
  line-height:1;
}

html body .uf-document-finder-decor{
  position:absolute;
  z-index:1;
  top:18px;
  right:24px;
  width:240px;
  height:180px;
  pointer-events:none;
}

html body .uf-document-finder-orb{
  position:absolute;
  right:12px;
  top:0;
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  border:7px solid rgba(73,127,200,.32);
  border-radius:50%;
  background:rgba(255,255,255,.68);
  color:#3d7fd5;
  font-size:38px;
  font-weight:800;
  box-shadow:0 9px 20px rgba(58,94,143,.10);
}

html body .uf-document-finder-orb::after{
  content:"";
  position:absolute;
  right:-25px;
  bottom:-32px;
  width:12px;
  height:55px;
  border-radius:8px;
  background:linear-gradient(#7aa8e3,#4c83cc);
  transform:rotate(-43deg);
}

html body .uf-doc-spark{
  position:absolute;
  color:#80a7dc;
}
html body .uf-doc-spark-a{right:118px;top:55px;font-size:18px}
html body .uf-doc-spark-b{right:90px;top:95px;font-size:12px}

html body .uf-document-privacy{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-top:16px;
  padding:13px 15px;
  border:1px solid rgba(70,98,137,.10);
  border-radius:14px;
  background:rgba(255,255,255,.58);
}

html body .uf-document-privacy-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#e7f0ff;
  color:#2f73cf;
  font-size:18px;
}

html body .uf-document-privacy-copy,
html body .uf-document-privacy-end{
  display:flex;
  flex-direction:column;
}

html body .uf-document-privacy-copy strong,
html body .uf-document-privacy-end strong{
  color:#20314a;
  font-size:11px;
}

html body .uf-document-privacy-copy small,
html body .uf-document-privacy-end small{
  margin-top:2px;
  color:#6b7890;
  font-size:9.5px;
}

html body .uf-document-privacy-end{
  padding-left:16px;
  border-left:1px solid rgba(67,91,124,.12);
}

@media(max-width:900px){
  html body .uf-document-choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html body .uf-document-finder-head{
    width:70%;
  }
}

@media(max-width:620px){
  html body .uf-document-finder{
    padding:22px 16px 18px;
  }
  html body .uf-document-finder-head{
    width:100%;
    padding-right:60px;
  }
  html body .uf-document-finder h2{
    font-size:24px !important;
  }
  html body .uf-document-choice-grid{
    grid-template-columns:1fr;
  }
  html body .uf-document-finder-decor{
    right:-48px;
    top:8px;
    transform:scale(.72);
    transform-origin:top right;
  }
  html body .uf-document-privacy{
    grid-template-columns:36px 1fr;
  }
  html body .uf-document-privacy-end{
    display:none;
  }
}


/* UsefulFox V1.8.10 — Document Finder muted blue refinement */
html body .uf-document-finder{
  border-color:rgba(78,92,112,.18) !important;
  background:
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.76) 0 8%,rgba(255,255,255,0) 28%),
    linear-gradient(135deg,#fafbfd 0%,#eef2f7 45%,#dfe6ef 100%) !important;
  box-shadow:
    0 15px 34px rgba(44,55,72,.09),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

html body .uf-document-finder::before{
  opacity:.18 !important;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(78,91,110,.13) 1px,transparent 1.15px),
    linear-gradient(125deg,rgba(255,255,255,.28),rgba(255,255,255,0) 40%) !important;
}

html body .uf-document-finder-back{
  color:#506982 !important;
}

html body .uf-document-finder-diamond{
  color:#5f82a8 !important;
}

html body .uf-document-finder-head p{
  color:#667587 !important;
}

html body .uf-document-choice{
  border-color:rgba(74,88,107,.16) !important;
  box-shadow:
    0 7px 18px rgba(45,55,70,.06),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

html body .uf-document-choice:hover{
  border-color:rgba(82,112,147,.28) !important;
  box-shadow:0 10px 24px rgba(45,55,70,.10) !important;
}

html body .uf-document-choice-icon{
  border-color:rgba(80,105,134,.14) !important;
  background:linear-gradient(145deg,#f7f9fc,#e7edf4) !important;
  color:#557da8 !important;
}

html body .uf-document-choice-copy strong{
  color:#4f7198 !important;
}

html body .uf-document-choice-arrow{
  border-color:rgba(79,101,129,.14) !important;
  background:#f8fafc !important;
  color:#557da8 !important;
}

html body .uf-document-finder-orb{
  border-color:rgba(94,122,153,.28) !important;
  color:#5f86ae !important;
  box-shadow:0 9px 20px rgba(58,70,88,.09) !important;
}

html body .uf-document-finder-orb::after{
  background:linear-gradient(#94abc3,#697f98) !important;
}

html body .uf-doc-spark{
  color:#96aabd !important;
}

html body .uf-document-privacy{
  border-color:rgba(75,91,111,.11) !important;
  background:rgba(255,255,255,.62) !important;
}

html body .uf-document-privacy-icon{
  background:#e9eef4 !important;
  color:#5b7fa4 !important;
}

html body .uf-document-privacy-copy strong,
html body .uf-document-privacy-end strong{
  color:#2f3e50 !important;
}

html body .uf-document-privacy-copy small,
html body .uf-document-privacy-end small{
  color:#768292 !important;
}

/* UsefulFox V1.8.11 — commercial-intent placement foundation.
   Placements remain hidden until a reviewed partner is explicitly enabled. */
.uf-partner-placement[hidden]{display:none !important}
.uf-partner-placement{
  width:min(100%,980px);
  margin:18px auto;
  padding:15px 17px;
  border:1px solid rgba(66,78,96,.13);
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 16px rgba(23,32,51,.04);
}
.uf-partner-placement-copy{display:flex;flex-direction:column;gap:3px}
.uf-partner-kicker{
  color:#ff5a00;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.uf-partner-placement-copy strong{font-size:14px;color:#172033}
.uf-partner-placement-copy>span:last-child{font-size:11px;color:#657289}


/* UsefulFox V1.8.13 — conservative full-site QA polish
   Purpose: consistency, legibility and separation. No redesign. */

/* Small interactive text should remain readable without becoming visually dominant. */
html body a[class*="pill"],
html body button[class*="pill"],
html body .pill,
html body .chip,
html body .badge{
  font-size:max(10px,.68rem);
}

/* Quiet structural pills/cards need a visible edge against pale backgrounds. */
html body .pill,
html body [class*="-pill"],
html body .chip,
html body [class*="-chip"]{
  border-color:rgba(55,68,88,.15);
}

/* Preserve restrained card hierarchy site-wide. */
html body .tool-card,
html body [class*="tool-card"],
html body .collection-card{
  border-color:rgba(55,68,88,.13);
}

/* Prevent utility/meta actions from competing with primary CTAs. */
html body .catalog-heading-meta a,
html body .section-meta a,
html body .footer-links a,
html body footer a{
  font-weight:600;
}

/* Keep decorative/secondary surfaces subordinate to the actual tool. */
html body [class*="decor"],
html body [class*="spark"]{
  pointer-events:none;
}

/* Improve keyboard visibility without altering mouse/touch appearance. */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
}


/* UsefulFox V1.8.15 — PDF tool family background consistency */

/* Shared subtle lavender/grey PDF workspace background */
html body.uf-pdf-page,
html body:has(.pdf-tool-shell),
html body:has(.pdf-tool-page),
html body:has(.pdf-workspace),
html body:has(.pdf-dropzone){
  background:
    radial-gradient(circle at 84% 10%, rgba(255,255,255,.82) 0 7%, rgba(255,255,255,0) 28%),
    linear-gradient(145deg,#f6f7fa 0%,#eef0f5 50%,#e9e6f2 100%) !important;
  background-attachment:fixed !important;
}

/* Add a restrained tinted surface behind the working area */
html body.uf-pdf-page main,
html body:has(.pdf-tool-shell) main,
html body:has(.pdf-tool-page) main,
html body:has(.pdf-workspace) main,
html body:has(.pdf-dropzone) main{
  position:relative;
}

/* Tool panel separation against the background */
html body.uf-pdf-page .tool-card,
html body:has(.pdf-tool-shell) .tool-card,
html body:has(.pdf-tool-page) .tool-card,
html body:has(.pdf-workspace) .tool-card,
html body:has(.pdf-dropzone) .tool-card{
  border-color:rgba(76,70,94,.14) !important;
  box-shadow:
    0 10px 26px rgba(41,45,58,.07),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
}

/* Keep trust/status strips distinct without shouting */
html body.uf-pdf-page .trust-strip,
html body.uf-pdf-page .privacy-strip,
html body:has(.pdf-dropzone) .trust-strip,
html body:has(.pdf-dropzone) .privacy-strip{
  background:rgba(255,255,255,.80) !important;
  border-color:rgba(76,70,94,.12) !important;
}

/* Subtle PDF-family ambient wash around the hero/tool region */
html body.uf-pdf-page::before,
html body:has(.pdf-tool-shell)::before,
html body:has(.pdf-tool-page)::before,
html body:has(.pdf-workspace)::before,
html body:has(.pdf-dropzone)::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 28%, rgba(166,145,216,.08), transparent 28%),
    radial-gradient(circle at 82% 68%, rgba(126,145,178,.07), transparent 30%);
}

@media(max-width:700px){
  html body.uf-pdf-page,
  html body:has(.pdf-tool-shell),
  html body:has(.pdf-tool-page),
  html body:has(.pdf-workspace),
  html body:has(.pdf-dropzone){
    background:
      linear-gradient(145deg,#f8f9fb 0%,#eef0f5 58%,#ebe8f2 100%) !important;
  }
}


/* UsefulFox V1.8.16 — Homepage row/grid alignment refinement
   Keep homepage collections flush, evenly distributed and visually balanced. */

@media (min-width: 981px){

  /* PDF Toolkit: four equal cards filling the available collection width */
  html body.home-page .pdf-toolkit-grid,
  html body.home-page [class*="pdf"][class*="grid"]{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
  }

  /* Most Popular: five equal columns, two perfectly aligned rows */
  html body.home-page .popular-grid,
  html body.home-page [class*="popular"][class*="grid"]{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }

  /* New Essential Tools: three equal columns with consistent row geometry */
  html body.home-page .essential-grid,
  html body.home-page [class*="essential"][class*="grid"]{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
  }

  html body.home-page .pdf-toolkit-grid > *,
  html body.home-page [class*="pdf"][class*="grid"] > *,
  html body.home-page .popular-grid > *,
  html body.home-page [class*="popular"][class*="grid"] > *,
  html body.home-page .essential-grid > *,
  html body.home-page [class*="essential"][class*="grid"] > *{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* Standardise card height within each homepage collection. */
  html body.home-page .pdf-toolkit-grid .tool-card,
  html body.home-page [class*="pdf"][class*="grid"] .tool-card{
    min-height:78px !important;
    height:100% !important;
  }

  html body.home-page .popular-grid .tool-card,
  html body.home-page [class*="popular"][class*="grid"] .tool-card{
    min-height:78px !important;
    height:100% !important;
  }

  html body.home-page .essential-grid .tool-card,
  html body.home-page [class*="essential"][class*="grid"] .tool-card{
    min-height:62px !important;
    height:100% !important;
  }
}

@media (max-width:980px) and (min-width:641px){
  html body.home-page .pdf-toolkit-grid,
  html body.home-page [class*="pdf"][class*="grid"],
  html body.home-page .popular-grid,
  html body.home-page [class*="popular"][class*="grid"],
  html body.home-page .essential-grid,
  html body.home-page [class*="essential"][class*="grid"]{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:640px){
  html body.home-page .pdf-toolkit-grid,
  html body.home-page [class*="pdf"][class*="grid"],
  html body.home-page .popular-grid,
  html body.home-page [class*="popular"][class*="grid"],
  html body.home-page .essential-grid,
  html body.home-page [class*="essential"][class*="grid"]{
    grid-template-columns:1fr !important;
  }
}


/* UsefulFox V1.8.18 — restrained interface palette
   One neutral system + three quiet accents + UsefulFox orange for primary action. */
:root{
  --uf-surface:#ffffff;
  --uf-surface-soft:#f7f8fa;
  --uf-border:rgba(54,67,86,.14);
  --uf-border-strong:rgba(54,67,86,.20);
  --uf-shadow:0 5px 15px rgba(31,41,55,.055);

  --uf-blue-bg:#e8f2fb;
  --uf-blue-fg:#2679b9;
  --uf-violet-bg:#eee9fb;
  --uf-violet-fg:#6852c8;
  --uf-green-bg:#eaf5df;
  --uf-green-fg:#5d9829;
}

/* All small pills/chips/badges share one quiet physical treatment. */
html body .pill,
html body [class*="-pill"],
html body .chip,
html body [class*="-chip"],
html body .badge,
html body [class*="-badge"]{
  border:1px solid var(--uf-border) !important;
  box-shadow:0 2px 7px rgba(31,41,55,.035) !important;
}

/* Neutral pills are the default. Colour is reserved for meaningful category cues. */
html body .pill:not([class*="blue"]):not([class*="violet"]):not([class*="purple"]):not([class*="green"]):not([class*="success"]),
html body .chip:not([class*="blue"]):not([class*="violet"]):not([class*="purple"]):not([class*="green"]):not([class*="success"]),
html body .badge:not([class*="blue"]):not([class*="violet"]):not([class*="purple"]):not([class*="green"]):not([class*="success"]){
  background:rgba(255,255,255,.86) !important;
}

/* Consolidate cool accents into three families. */
html body [class*="blue"][class*="pill"],
html body [class*="blue"][class*="chip"],
html body [class*="blue"][class*="badge"]{
  background:var(--uf-blue-bg) !important;
  color:var(--uf-blue-fg) !important;
}
html body [class*="violet"][class*="pill"],
html body [class*="purple"][class*="pill"],
html body [class*="violet"][class*="chip"],
html body [class*="purple"][class*="chip"],
html body [class*="violet"][class*="badge"],
html body [class*="purple"][class*="badge"]{
  background:var(--uf-violet-bg) !important;
  color:var(--uf-violet-fg) !important;
}
html body [class*="green"][class*="pill"],
html body [class*="success"][class*="pill"],
html body [class*="green"][class*="chip"],
html body [class*="success"][class*="chip"],
html body [class*="green"][class*="badge"],
html body [class*="success"][class*="badge"]{
  background:var(--uf-green-bg) !important;
  color:var(--uf-green-fg) !important;
}

/* Cards: one surface treatment across collections. Category colour belongs in icons,
   section washes and purposeful accents rather than competing card backgrounds. */
html body .tool-card,
html body [class*="tool-card"],
html body .collection-card{
  background:rgba(255,255,255,.92) !important;
  border:1px solid var(--uf-border) !important;
  box-shadow:var(--uf-shadow) !important;
}
html body .tool-card:hover,
html body [class*="tool-card"]:hover,
html body .collection-card:hover{
  border-color:var(--uf-border-strong) !important;
  box-shadow:0 7px 18px rgba(31,41,55,.075) !important;
}

/* Keep primary UsefulFox orange special: don't spread it into passive UI furniture. */
html body .tool-card,
html body [class*="tool-card"],
html body .pill,
html body .chip,
html body .badge{
  --uf-passive-accent:inherit;
}


/* UsefulFox V1.8.21 — Governance Polish Pass
   Based on RoastUI review: contrast, touch targets, icon legibility,
   arrow consistency, focus states, and hierarchy refinements. */

:root{
  --uf-text-strong:#172033;
  --uf-text-body:#4f6077;
  --uf-text-muted:#66758a;
  --uf-focus:#ff5a00;
  --uf-arrow-weight:700;
}

/* 1) Hero subtitle / supporting copy contrast */
html body .hero p,
html body .hero-subtitle,
html body .hero-copy,
html body .hero .subcopy,
html body [class*="hero"] p{
  color:var(--uf-text-body) !important;
}

/* 2) Keep readable body sizes; create hierarchy using weight/contrast, not tinier text */
html body .tool-card p,
html body [class*="tool-card"] p,
html body .tool-card .description,
html body [class*="tool-card"] .description{
  color:var(--uf-text-muted) !important;
  font-weight:400 !important;
  line-height:1.4 !important;
}
html body .tool-card strong,
html body [class*="tool-card"] strong{
  color:var(--uf-text-strong) !important;
  font-weight:700 !important;
}

/* 3) Strengthen icon contrast while preserving soft pastel containers */
html body .tool-card [class*="icon"],
html body [class*="tool-card"] [class*="icon"],
html body .tool-card svg,
html body [class*="tool-card"] svg{
  filter:saturate(1.08) contrast(1.08);
}
html body .tool-card [class*="icon"]{
  font-weight:700;
}

/* 4) Standard navigation arrow treatment */
html body a .arrow,
html body a [class*="arrow"],
html body .tool-card a::after,
html body [class*="tool-card"] a::after{
  font-weight:var(--uf-arrow-weight) !important;
}

/* Standardise common textual arrows without making them visually dominant */
html body .view-all,
html body [class*="view-all"],
html body .browse-all,
html body [class*="browse-all"],
html body .section-meta a,
html body .catalog-heading-meta a{
  font-weight:650 !important;
  color:var(--uf-text-strong) !important;
  text-decoration:none !important;
}
html body .view-all::after,
html body [class*="view-all"]::after,
html body .browse-all::after,
html body [class*="browse-all"]::after,
html body .section-meta a::after,
html body .catalog-heading-meta a::after{
  content:" →";
  font-weight:700;
}

/* 5) Strong keyboard focus with minimal visual disruption */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible,
html body [tabindex]:focus-visible{
  outline:2px solid var(--uf-focus) !important;
  outline-offset:3px !important;
  border-radius:8px;
}

/* 6) Mobile/touch target governance for category pills */
@media (pointer:coarse), (max-width:760px){
  html body .pill,
  html body [class*="-pill"],
  html body .chip,
  html body [class*="-chip"],
  html body .badge,
  html body [class*="-badge"]{
    min-height:44px !important;
    min-width:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
  }
}

/* 7) Preserve small visual pills on desktop while improving clickable comfort */
@media (min-width:761px){
  html body a.pill,
  html body a[class*="-pill"],
  html body button.pill,
  html body button[class*="-pill"]{
    padding-block:6px !important;
  }
}

/* 8) Ensure pale interactive elements do not disappear into pale backgrounds */
html body a.pill,
html body a[class*="-pill"],
html body button.pill,
html body button[class*="-pill"],
html body .tool-card,
html body [class*="tool-card"]{
  border-color:rgba(54,67,86,.17) !important;
}

/* Avoid pseudo-arrow duplication where existing literal arrow is already present */
html body .view-all[data-arrow="literal"]::after,
html body .browse-all[data-arrow="literal"]::after{
  content:"";
}

/* Header CTA already includes its arrow in the HTML. The broad browse-all
   governance selector above must not add a second one. */
html body .browse-all-tools-match-academy::after{
  content:none !important;
}


/* UsefulFox V1.8.22 — Academy orphan-card repair */
html body .academy-grid > a,
html body .academy-grid > article,
html body [class*="academy"][class*="grid"] > a,
html body [class*="academy"][class*="grid"] > article{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  width:auto !important;
  max-width:none !important;
}


/* UsefulFox V1.8.24 — PDF Toolkit unified base + six-card row */

html body .uf-pdf-toolkit-panel{
  position:relative;
  padding:22px 22px 24px !important;
  margin-top:18px !important;
  border:1px solid rgba(74,84,103,.13) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(255,255,255,.72) 0 8%, rgba(255,255,255,0) 28%),
    linear-gradient(135deg,#f8f9fb 0%,#f1f3f7 52%,#ebeef4 100%) !important;
  box-shadow:
    0 12px 28px rgba(37,46,61,.07),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html body .uf-pdf-toolkit-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 1px 1px,rgba(79,88,105,.08) 1px,transparent 1.2px);
  background-size:20px 20px;
  opacity:.12;
}

html body .uf-pdf-toolkit-panel > *{
  position:relative;
  z-index:1;
}

html body .uf-pdf-toolkit-grid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  align-items:stretch !important;
}

html body .uf-pdf-toolkit-grid > *{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:100% !important;
  box-sizing:border-box !important;
}

html body .uf-pdf-toolkit-grid .tool-card,
html body .uf-pdf-toolkit-grid > a,
html body .uf-pdf-toolkit-grid > article{
  min-height:122px !important;
  height:100% !important;
  display:flex !important;
  align-items:flex-start !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(63,73,90,.13) !important;
  border-radius:16px !important;
  box-shadow:
    0 5px 14px rgba(31,40,54,.055),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

html body .uf-pdf-toolkit-grid .tool-card:hover,
html body .uf-pdf-toolkit-grid > a:hover,
html body .uf-pdf-toolkit-grid > article:hover{
  transform:translateY(-1px);
  border-color:rgba(63,73,90,.20) !important;
  box-shadow:0 8px 18px rgba(31,40,54,.075) !important;
}

/* Keep descriptions aligned by giving all cards similar internal rhythm */
html body .uf-pdf-toolkit-grid strong,
html body .uf-pdf-toolkit-grid h3,
html body .uf-pdf-toolkit-grid h4{
  line-height:1.2 !important;
}

html body .uf-pdf-toolkit-grid p,
html body .uf-pdf-toolkit-grid .description{
  line-height:1.35 !important;
}

/* Tablet and mobile remain usable rather than squeezing six cards */
@media(max-width:1180px) and (min-width:761px){
  html body .uf-pdf-toolkit-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  html body .uf-pdf-toolkit-panel{
    padding:18px 16px 20px !important;
  }
  html body .uf-pdf-toolkit-grid{
    grid-template-columns:1fr !important;
  }
}

/* UsefulFox V1.8.25 — explicit RoastUI accessibility follow-up */

/* Header navigation links are full-size touch targets, not text-only hit areas. */
html body .header .nav a{
  min-width:44px;
  min-height:44px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
}

/* Target the exact homepage copy flagged by the second production review. */
html body.home-page .hero > p{
  color:#43546a !important;
}
html body.home-page .home-kicker{
  color:#9a3412 !important;
  background:#fff7ed !important;
  border-color:#fed7aa !important;
}
html body.home-page .tool-card p,
html body.home-page .essential-home-card p{
  color:#526176 !important;
}

/* Homepage category navigation keeps its compact look with a genuine 44px target. */
html body.home-page .home-category-jump a{
  min-width:44px !important;
  min-height:44px !important;
  padding:0 14px !important;
}

/* Section navigation is now visibly an action instead of nine-pixel utility text. */
html body.home-page a.home-section-mini-link,
html body.home-page .approved-directory-grid .directory-more{
  min-height:36px;
  padding:0 11px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e2e7ee;
  border-radius:9px;
  background:#fff;
  color:#314158 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  box-shadow:0 3px 9px rgba(31,41,55,.05);
}

/* A single icon-container geometry and weight keeps mixed symbols cohesive. */
html body.home-page .tool-card .app-icon,
html body.home-page .essential-home-card .app-icon,
html body.home-page .directory-title .app-icon{
  border:1px solid rgba(37,50,69,.10);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:800 !important;
  line-height:1;
}

/* Make focus visible in browsers and automated audits that do not emulate :focus-visible. */
html body a:focus,
html body button:focus,
html body input:focus,
html body select:focus,
html body textarea:focus,
html body [tabindex]:focus{
  outline:2px solid rgba(91,112,135,.34) !important;
  outline-offset:2px !important;
}

/* Explain the privacy stamp without removing the approved visual motif. */
html body .docs-stamp-mini{
  width:132px;
  padding:6px 8px;
  text-align:center;
  letter-spacing:.08em;
}
html body .docs-stamp-mini strong,
html body .docs-stamp-mini span{
  display:block;
}
html body .docs-stamp-mini span{
  margin-top:3px;
  font-size:7px;
  line-height:1.2;
  letter-spacing:.02em;
}

@media(max-width:760px){
  html body.home-page a.home-section-mini-link,
  html body.home-page .approved-directory-grid .directory-more{
    min-height:44px;
  }
}

/* UsefulFox V1.9.9 — remove container box around document shortcut pills site-wide */
.documents-feature-pills{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
}

/* UsefulFox V1.9.10 — definitive document pill-row container reset */
html body .documents-feature-home .documents-feature-pills,
html body .documents-feature-pills{
  border:none !important;
  border-width:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:none !important;
  background-color:transparent !important;
  padding:0 !important;
}
html body .documents-feature-pills::before,
html body .documents-feature-pills::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
}


/* UsefulFox V1.9.18 — Homepage Button Readability Pass
   Text-only readability increase. Button/pill geometry and spacing remain locked. */
html body.home-page .category-pill,
html body.home-page .category-jump a,
html body.home-page .home-category-jump a,
html body.home-page .hero-categories a,
html body.home-page .hero-categories button,
html body.home-page .chip,
html body.home-page .pill,
html body.home-page .documents-feature-home .documents-feature-pills a,
html body.home-page .documents-feature-home .chip,
html body.home-page .documents-feature-home .pill {
  font-size: 12.25px !important;
  font-weight: 650 !important;
}

html body.home-page .video-feature-cta {
  font-size: 12.5px !important;
}

html body.home-page .video-feature-home .video-feature-pills span,
html body.home-page .fun-feature-pills span,
html body.home-page .video-feature-pills span {
  font-size: 11.25px !important;
}


/* UsefulFox V1.9.18 — Site-wide Button Readability Pass
   Typography only: increase text legibility without increasing control geometry. */
html body button,
html body .btn,
html body [class*="-btn"],
html body [class*="button"],
html body .primary,
html body .primary-action,
html body .secondary-action,
html body .pill,
html body [class*="-pill"],
html body .chip,
html body [class*="-chip"],
html body .badge,
html body [class*="-badge"],
html body input[type="submit"],
html body input[type="button"],
html body input[type="file"]::file-selector-button,
html body input[type="file"]::-webkit-file-upload-button {
  font-size: 12.5px !important;
  font-weight: 650 !important;
}

/* Keep compact utility/status pills readable but not dominant. */
html body .best-pill,
html body .video-feature-home .video-feature-pills span,
html body .fun-feature-pills span,
html body .video-feature-pills span {
  font-size: 11.25px !important;
}

/* Preserve existing dimensions, spacing and locked layout. */


/* UsefulFox V1.9.18 — Actual Clickable Card Text Readability Pass
   Increase visible text inside clickable cards site-wide without changing card geometry. */

/* Primary tool-card labels */
html body .tool-card strong,
html body .catalog-card strong,
html body .essential-home-card strong,
html body .home-feature-grid a strong,
html body .recent-tools-grid a strong,
html body .command-result-copy strong,
html body [class*="tool-card"] strong,
html body [class*="catalog-card"] strong {
  font-size: 14px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
}

/* Tool-card supporting text */
html body .tool-card p,
html body .catalog-card span,
html body .essential-home-card p,
html body .home-feature-grid a p,
html body .command-result-desc,
html body [class*="tool-card"] p,
html body [class*="catalog-card"] span {
  font-size: 12.25px !important;
  line-height: 1.38 !important;
}

/* Category-card headings and descriptions */
html body .category h3,
html body .lower .category h3,
html body [class*="category-card"] h3,
html body [class*="category-card"] strong {
  font-size: 14px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
}

html body .category p,
html body .lower .category p,
html body [class*="category-card"] p {
  font-size: 12.25px !important;
  line-height: 1.38 !important;
}

/* Featured / essential clickable cards */
html body .essential-home-card strong,
html body .documents-feature-home a strong,
html body .uf-video-tool-card strong {
  font-size: 14px !important;
}

html body .essential-home-card p,
html body .documents-feature-home a p,
html body .uf-video-tool-card p {
  font-size: 12.25px !important;
}

/* Keep arrows proportional to the larger labels */
html body .tool-card .arrow,
html body .category .arrow,
html body .catalog-card .arrow {
  font-size: 16px !important;
}


/* UsefulFox V1.9.18 — Bottom directory button readability + video pill-container fix */

/* The six bottom "View all" buttons: make the LABEL clearly larger,
   without changing the approved card layout. */
html body.home-page .approved-directory-grid .directory-more {
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
}

/* Make the directory headings and tool links easier to scan too. */
html body.home-page .approved-directory-grid .directory-title strong {
  font-size: 15px !important;
  line-height: 1.2 !important;
}
html body.home-page .approved-directory-grid article > a:not(.directory-more) {
  font-size: 13.5px !important;
  line-height: 1.35 !important;
}

/* IMPORTANT: .video-feature-pills is a CONTAINER, not a pill.
   Older broad [class*="-pill"] rules were catching it and drawing the funny box.
   Restore the container to a clean, borderless flex row. */
html body.home-page .video-feature-home .video-feature-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep the four individual video pills intact. */
html body.home-page .video-feature-home .video-feature-pills > span {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
}


/* UsefulFox V1.9.18 — Everyday top cards match the approved pills/cards below */
html body.home-page .approved-directory .essential-home-card strong,
html body.home-page .everyday-section .essential-home-card strong,
html body.home-page [class*="everyday"] .essential-home-card strong {
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

html body.home-page .approved-directory .essential-home-card p,
html body.home-page .everyday-section .essential-home-card p,
html body.home-page [class*="everyday"] .essential-home-card p {
  font-size: 13.5px !important;
  line-height: 1.35 !important;
}

html body.home-page .approved-directory .essential-home-card .arrow,
html body.home-page .everyday-section .essential-home-card .arrow,
html body.home-page [class*="everyday"] .essential-home-card .arrow {
  font-size: 16px !important;
}


/* ==========================================================
   V1.9.18 — SITE-WIDE PILL RECODE
   Typography reference: homepage bottom "View all →" = 16px.
   ========================================================== */

/* Actual compact pill/chip/badge controls used across UsefulFox. */
html body .pill,
html body .privacy-pill,
html body .uf-collection-count-pill,
html body .qa-pill,
html body .status-pill,
html body .privacy-badge,
html body .yt-chip,
html body .chip,
html body .badge,
html body .category-pill,
html body .vf-pill-green,
html body .vf-pill-blue,
html body .vf-pill-purple,
html body .vf-pill-orange,
html body .video-feature-pills > span,
html body .documents-feature-pills > a,
html body .documents-feature-pills > span,
html body .fun-feature-pills > span,
html body .category-jump a,
html body .home-category-jump a,
html body .hero-categories a,
html body .hero-categories button {
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
    min-height: 36px !important;
    box-sizing: border-box !important;
}

/* Catch genuine singular pill/chip/badge elements without catching plural containers. */
html body a[class*="-pill"]:not([class*="-pills"]),
html body button[class*="-pill"]:not([class*="-pills"]),
html body span[class*="-pill"]:not([class*="-pills"]),
html body a[class*="-chip"]:not([class*="-chips"]),
html body button[class*="-chip"]:not([class*="-chips"]),
html body span[class*="-chip"]:not([class*="-chips"]),
html body a[class*="-badge"]:not([class*="-badges"]),
html body button[class*="-badge"]:not([class*="-badges"]),
html body span[class*="-badge"]:not([class*="-badges"]) {
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
    min-height: 36px !important;
    box-sizing: border-box !important;
}

/* Plural classes are layout containers — NEVER style them as pills. */
html body .video-feature-pills,
html body .documents-feature-pills,
html body .fun-feature-pills,
html body [class$="-pills"],
html body [class*="-pills "] {
    font-size: inherit !important;
    line-height: normal !important;
    font-weight: inherit !important;
    padding: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Restore the Video Toolkit pill row as a clean flex container. */
html body.home-page .video-feature-home .video-feature-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    width: auto !important;
    height: auto !important;
}

/* Explicitly defeat legacy small-font rules on the four video pills. */
html body.home-page .video-feature-home .video-feature-pills > span {
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
    min-height: 36px !important;
}


/* V1.9.18 — EXACT SCREENSHOT FIX
   Top five Everyday cards are .approved-everyday-tools > a */
html body.home-page .approved-everyday-tools > a strong {
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
html body.home-page .approved-everyday-tools > a span:not(.app-icon) {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}
html body.home-page .approved-everyday-tools > a {
  min-height: 94px !important;
  padding: 14px 16px !important;
  gap: 12px !important;
}
html body.home-page .approved-everyday-tools > a > b {
  font-size: 18px !important;
}
html body.home-page .approved-everyday-tools > a .app-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  font-size: 16px !important;
}


/* V1.9.18 — FINAL HOMEPAGE CONTROL TYPOGRAPHY BALANCE
   Match the approved lower directory typography: 15px.
   Apply to the top Everyday cards AND the compact pills above. */

/* Five Everyday cards */
html body.home-page .approved-everyday-tools > a strong,
html body.home-page .approved-everyday-tools > a span:not(.app-icon) {
  font-size: 15px !important;
  line-height: 1.25 !important;
}
html body.home-page .approved-everyday-tools > a strong {
  font-weight: 700 !important;
}
html body.home-page .approved-everyday-tools > a span:not(.app-icon) {
  font-weight: 500 !important;
}
html body.home-page .approved-everyday-tools > a {
  min-height: 86px !important;
  padding: 12px 15px !important;
  gap: 10px !important;
}
html body.home-page .approved-everyday-tools > a .app-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  font-size: 15px !important;
}

/* Pills further up the homepage, including Video Toolkit */
html body.home-page .video-feature-pills > span,
html body.home-page .documents-feature-pills > a,
html body.home-page .documents-feature-pills > span,
html body.home-page .fun-feature-pills > span,
html body.home-page .category-pill,
html body.home-page .category-jump a,
html body.home-page .home-category-jump a,
html body.home-page .hero-categories a,
html body.home-page .hero-categories button {
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  padding: 7px 12px !important;
  min-height: 34px !important;
}

/* Keep plural pill rows as clean containers. */
html body.home-page .video-feature-pills,
html body.home-page .documents-feature-pills,
html body.home-page .fun-feature-pills {
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* V1.9.18 — Everyday quick tools moved into Most Popular.
   They now use the existing Most Popular .tool-card design and typography. */
html body.home-page .tools-grid .moved-everyday-popular strong {
  font-size: inherit;
}


/* V1.9.29.5 — Homepage icon refinement: crisp outlined SVG symbols only. */
html body.home-page .app-icon .uf-line-icon{width:16px;height:16px;display:block;}
html body.home-page .directory-title .app-icon .uf-line-icon{width:15px;height:15px;}
html body.home-page .promise-icon{display:grid;place-items:center;width:28px;height:28px;}
html body.home-page .promise-icon .uf-line-icon{width:18px;height:18px;display:block;}

/* V1.9.29.7 — Subtle premium homepage atmosphere.
   Add depth to the existing pale homepage canvas only; keep cards and content surfaces crisp. */
html body.home-page.ambient-homepage > .shell {
  background:
    radial-gradient(circle at 9% 31%, rgba(92, 173, 194, .075) 0, rgba(92, 173, 194, 0) 31%),
    radial-gradient(circle at 91% 56%, rgba(108, 196, 163, .065) 0, rgba(108, 196, 163, 0) 30%),
    linear-gradient(145deg, rgba(250, 252, 255, .985) 0%, rgba(245, 250, 252, .975) 48%, rgba(249, 252, 250, .985) 100%);
}


/* UsefulFox V1.9.29.8 — About page breathing room and visual hierarchy */
body.ambient-about .about-page{
  max-width:1160px;
  padding-top:42px;
  padding-bottom:72px;
}
body.ambient-about .about-heading{
  position:relative;
  padding:0 4px 26px;
  margin-bottom:8px;
}
body.ambient-about .about-heading::after{
  content:"";
  position:absolute;
  left:4px;
  bottom:0;
  width:92px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(40,114,180,.70),rgba(71,174,142,.58),rgba(255,122,48,.42));
}
body.ambient-about .about-page .title{
  margin-top:0;
  margin-bottom:10px;
}
body.ambient-about .about-page .subtitle{
  margin:0;
}
body.ambient-about .about-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  margin-top:26px;
}
body.ambient-about .about-grid>.panel{
  position:relative;
  margin:0;
  padding:28px 30px !important;
  border-radius:18px !important;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(28,42,61,.07);
  transition:box-shadow .2s ease,border-color .2s ease;
}
body.ambient-about .about-grid>.panel:hover{
  transform:none;
  border-color:rgba(112,144,166,.30);
  box-shadow:0 16px 36px rgba(28,42,61,.10);
}
body.ambient-about .about-grid>.panel::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,rgba(54,125,183,.45),rgba(80,174,146,.32));
  opacity:.62;
}
body.ambient-about .about-grid>.panel h2{
  margin-bottom:14px;
  font-size:21px;
  line-height:1.25;
}
body.ambient-about .about-grid>.panel p{
  margin:0;
  font-size:14px;
  line-height:1.62;
}
body.ambient-about .about-grid>.panel p+p{
  margin-top:16px;
}
body.ambient-about .about-lead{
  grid-column:1/-1;
  padding:34px 36px !important;
  background:
    radial-gradient(circle at 92% 18%,rgba(117,199,178,.12),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(242,248,251,.90)) !important;
}
body.ambient-about .about-lead::after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  right:-52px;
  top:-68px;
  border-radius:50%;
  border:1px solid rgba(73,148,162,.13);
  box-shadow:0 0 0 26px rgba(84,165,153,.035),0 0 0 54px rgba(75,137,181,.025);
  pointer-events:none;
}
body.ambient-about .about-lead h2{
  font-size:25px !important;
}
body.ambient-about .about-lead p{
  max-width:880px;
  font-size:15px !important;
}
body.ambient-about .about-wide{
  grid-column:1/-1;
}
body.ambient-about .about-feedback{
  background:linear-gradient(145deg,rgba(249,252,255,.94),rgba(247,252,249,.92)) !important;
}
body.ambient-about .about-grid a{
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
@media(max-width:820px){
  body.ambient-about .about-page{
    padding-top:30px;
    padding-bottom:54px;
  }
  body.ambient-about .about-grid{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:22px;
  }
  body.ambient-about .about-lead,
  body.ambient-about .about-wide{
    grid-column:auto;
  }
}
@media(max-width:620px){
  body.ambient-about .about-heading{
    padding-bottom:21px;
  }
  body.ambient-about .about-grid>.panel,
  body.ambient-about .about-lead{
    padding:21px 20px !important;
    border-radius:15px !important;
  }
  body.ambient-about .about-lead h2{
    font-size:22px !important;
  }
  body.ambient-about .about-lead p{
    font-size:14px !important;
  }
}


/* V1.9.29.27 — Keep decorative hero atmosphere behind content.
   Prevent any hero overlay/pseudo-element from washing out the left CTA. */
.hero{
  position:relative !important;
  isolation:isolate !important;
}
.hero > *{
  position:relative;
  z-index:2;
}
.hero > .tail{
  z-index:0 !important;
  pointer-events:none !important;
}
.hero::before,
.hero::after{
  z-index:0 !important;
  pointer-events:none !important;
}
.home-hero-actions{
  position:relative !important;
  z-index:5 !important;
}
.home-hero-actions > .uf-hero-action{
  position:relative !important;
  z-index:6 !important;
  background:#ff7a00 !important;
  background-color:#ff7a00 !important;
  background-image:none !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}


/* V1.9.29.28 — Homepage category pills: match hero supporting-copy weight */
body.ambient-homepage .hero-categories a,
body.ambient-homepage .hero-categories button{
  font-weight:400 !important;
}

/* V1.9.29.29 — Homepage hero category pills: deliberately non-bold */
.home-category-jump a,
.home-category-jump a:link,
.home-category-jump a:visited,
.hero-categories a,
.hero-categories a:link,
.hero-categories a:visited{
  font-weight:400 !important;
  font-style:normal !important;
  font-variation-settings:"wght" 400 !important;
}

/* V1.9.29.30 — Simplify and tighten homepage document-generator promo */
body.ambient-homepage .documents-feature-home{
  width:min(100% - 48px, 1080px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.ambient-homepage .documents-feature-copy{
  max-width:720px !important;
}
body.ambient-homepage .documents-feature-pills,
body.ambient-homepage .documents-feature-links,
body.ambient-homepage .documents-feature-chips{
  display:none !important;
}
@media (max-width:760px){
  body.ambient-homepage .documents-feature-home{
    width:calc(100% - 28px) !important;
  }
}

/* V1.9.29.31 — Homepage PDF Toolkit alignment only
   Match the locked Document Generator promo width and centre line. */
body.ambient-homepage #pdf-toolkit-home{
  width:min(100% - 48px, 1080px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media (max-width:760px){
  body.ambient-homepage #pdf-toolkit-home{
    width:calc(100% - 28px) !important;
  }
}

/* V1.9.29.32 — PDF Toolkit exact locked-promo width/centering */
body.ambient-homepage #pdf-toolkit-home{
  width:min(calc(100% - 48px),1080px) !important;
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.ambient-homepage #pdf-toolkit-home > .section-head,
body.ambient-homepage #pdf-toolkit-home > .tools-grid{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
@media (max-width:760px){
  body.ambient-homepage #pdf-toolkit-home{
    width:calc(100% - 28px) !important;
  }
}

/* V1.9.29.33 — PDF Toolkit: four cards span the full locked promo width */
@media (min-width:1051px){
  body.ambient-homepage #pdf-toolkit-home > .tools-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

/* V1.9.29.35 — homepage section heading softening (PDF Toolkit + Most Popular only) */
#pdf-toolkit-home .section-head h2,
#pdf-toolkit-home + .section .section-head h2 {
  font-size: 18px !important;
  font-weight: 560 !important;
  letter-spacing: -.01em !important;
}

/* V1.9.29.36 — slightly smaller homepage section headings only */
#pdf-toolkit-home .section-head h2,
#pdf-toolkit-home + .section .section-head h2 {
  font-size: 16px !important;
}

/* V1.9.29.37 — soften PDF Toolkit + Most Popular headings only */
#pdf-toolkit-home .section-head h2,
#pdf-toolkit-home + .section .section-head h2 {
  color: #8a96a8 !important;
}


/* V1.9.29.38 — one-point smaller PDF Toolkit + Most Popular headings only */
#pdf-toolkit-home .section-head h2,
#pdf-toolkit-home + .section .section-head h2 {
  font-size: 15px !important;
}


/* V1.9.29.39 — New Essential Tools heading polish only */
.essential-home-section .section-head h2 {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #8a96a8 !important;
}


/* V1.9.29.40 — match PDF Toolkit + Most Popular weight to New Essential Tools */
#pdf-toolkit-home .section-head h2,
#pdf-toolkit-home + .section .section-head h2 {
  font-weight: 500 !important;
}


/* V1.9.29.41 — Explore UsefulFox cleanup only */
.lower {
  padding-top: 22px !important;
}
.lower > .section-head {
  margin-bottom: 8px !important;
}
.approved-everyday {
  padding-top: 14px !important;
  border-color: #e2e6ec !important;
}


/* V1.9.29.42 — fine outline around Explore UsefulFox lower region only */
.lower {
  border: 1px solid #dfe4ea !important;
}


/* V1.9.29.44 — match Percentage method heading to More practical guides */
.uf-percentage-method h2 {
  font-size: 21px !important;
}


/* V1.9.29.45 — exact visual match to More practical guides heading */
.uf-percentage-method h2 {
  font-size: 1.5em !important;
}


/* V1.9.29.46 — Days Between Dates heading exact match to Percentage standard */
.uf-dates-method h2 {
  font-size: 1.5em !important;
}


/* V1.9.29.48 — Password Generator front-panel typography/alignment polish */
body.essential-page .tool-workspace .tool-panel {
  text-align: center;
}

body.essential-page .tool-workspace .tool-panel h2 {
  text-align: center;
}

body.essential-page .tool-workspace .tool-panel > p {
  text-align: center;
}

body.essential-page .tool-workspace .password-display {
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-align: center;
}

body.essential-page .tool-workspace .primary-action,
body.essential-page .tool-workspace .secondary-action {
  font-size: 14px !important;
  line-height: 1.35 !important;
  text-align: center;
}

body.essential-page .tool-workspace .field > label[for="passLength"] {
  text-align: center;
}

body.essential-page .academy-link-card {
  text-align: center;
  justify-content: center;
}

body.essential-page .academy-link-card > div {
  text-align: center;
}

body.essential-page .academy-link-card p {
  margin-left: auto;
  margin-right: auto;
}

body.essential-page .academy-link-card .primary-action {
  width: auto !important;
  min-width: 180px;
  font-size: 14px !important;
  line-height: 1.35 !important;
}


/* V1.9.29.50 — All Tools top-section cleanup */
body:has(main#top) .category-jump a {
  font-size: 13px !important;
  line-height: 1.2 !important;
  padding: 7px 12px !important;
  min-height: 0 !important;
}


/* V1.9.29.51 — All Tools category-section compact card + border treatment */
body.ambient-catalogue #catalogStatic > section {
  border: 1px solid #dde3ea !important;
  border-radius: 18px !important;
  padding: 18px !important;
  background: rgba(255,255,255,.34);
}

body.ambient-catalogue #catalogStatic .tool-card {
  min-height: 72px !important;
  padding: 10px 12px !important;
  align-items: center !important;
}

body.ambient-catalogue #catalogStatic .tool-card .app-icon {
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
  border-radius: 11px !important;
}

body.ambient-catalogue #catalogStatic .tool-card strong {
  margin-bottom: 3px !important;
}

body.ambient-catalogue #catalogStatic .tool-card p {
  line-height: 1.3 !important;
}


/* V1.9.29.52 — compact single-tool category sections + fine borders throughout */
body.ambient-catalogue #catalogStatic > section {
  border: 1px solid #dfe4ea !important;
}

body.ambient-catalogue #catalogStatic > section.uf-single-tool-section {
  min-height: 0 !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

body.ambient-catalogue #catalogStatic > section.uf-single-tool-section .catalog-heading {
  margin-bottom: 10px !important;
}

body.ambient-catalogue #catalogStatic > section.uf-single-tool-section .catalog-grid {
  max-width: 360px;
}

body.ambient-catalogue #catalogStatic > section.uf-single-tool-section .category-illustration {
  top: 10px !important;
  transform: scale(.78);
  transform-origin: top right;
}


/* V1.9.29.53 — All Tools single-card width + soft blue-grey page ground */
body.ambient-catalogue {
  background: #edf2f6 !important;
}

/* Keep all category panels clearly contained with the approved fine grey border. */
body.ambient-catalogue #catalogStatic > section {
  border: 1px solid #d9e0e7 !important;
}

/* Single-tool sections use the same one-third card width as cards in 3-column sections. */
body.ambient-catalogue #catalogStatic > section.uf-single-tool-section .catalog-grid {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Preserve responsive behaviour. */
@media (max-width: 900px) {
  body.ambient-catalogue #catalogStatic > section.uf-single-tool-section .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  body.ambient-catalogue #catalogStatic > section.uf-single-tool-section .catalog-grid {
    grid-template-columns: 1fr !important;
  }
}

/* UsefulFox V1.9.29.57 — /tools count-pill selector correction.
   Keep the category count badge subordinate to the adjacent Back to top meta link. */
html body.ambient-catalogue #catalogStatic .catalog-heading-meta .uf-collection-count-pill {
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  padding: 5px 9px !important;
  min-height: 28px !important;
  box-sizing: border-box !important;
}


/* V1.9.31.5.7 — shared document illustration background cleanup */
.documents-feature-visual,
.documents-feature-visual::before,
.documents-feature-visual::after{
  background:transparent !important;
}
.documents-feature-home::before{
  background:transparent !important;
}

/* UsefulFox V1.9.31.5.9.2 — neutral sitewide focus treatment */
html body a:focus,
html body button:focus,
html body input:focus,
html body select:focus,
html body textarea:focus,
html body [tabindex]:focus,
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible,
html body [tabindex]:focus-visible{
  outline:2px solid rgba(91,112,135,.34) !important;
  outline-offset:2px !important;
}