/* UsefulFox V1.9.31.5.9.48 — Subpage visual uplift
   Adds hierarchy and warmth to internal pages without altering tools or homepage. */
@media screen {
  body.premium-ambient:not(.home-page){
    --uf-page-accent:#5e82a8;
    --uf-page-accent-soft:rgba(94,130,168,.12);
    --uf-page-accent-faint:rgba(94,130,168,.055);
  }
  body.ambient-money{--uf-page-accent:#4d8f70;--uf-page-accent-soft:rgba(77,143,112,.13);--uf-page-accent-faint:rgba(77,143,112,.055)}
  body.ambient-time{--uf-page-accent:#4f8db9;--uf-page-accent-soft:rgba(79,141,185,.13);--uf-page-accent-faint:rgba(79,141,185,.055)}
  body.ambient-convert,body.ambient-everyday{--uf-page-accent:#c47a3e;--uf-page-accent-soft:rgba(196,122,62,.13);--uf-page-accent-faint:rgba(196,122,62,.055)}
  body.ambient-text,body.ambient-study,body.ambient-ai{--uf-page-accent:#7663a7;--uf-page-accent-soft:rgba(118,99,167,.13);--uf-page-accent-faint:rgba(118,99,167,.055)}
  body.ambient-developer,body.ambient-share,body.ambient-catalogue{--uf-page-accent:#5578b7;--uf-page-accent-soft:rgba(85,120,183,.13);--uf-page-accent-faint:rgba(85,120,183,.055)}
  body.ambient-images{--uf-page-accent:#aa803a;--uf-page-accent-soft:rgba(170,128,58,.13);--uf-page-accent-faint:rgba(170,128,58,.055)}
  body.ambient-video,body.ambient-design{--uf-page-accent:#b75f73;--uf-page-accent-soft:rgba(183,95,115,.13);--uf-page-accent-faint:rgba(183,95,115,.055)}
  body.ambient-security{--uf-page-accent:#438c86;--uf-page-accent-soft:rgba(67,140,134,.13);--uf-page-accent-faint:rgba(67,140,134,.055)}
  body.ambient-web{--uf-page-accent:#43899a;--uf-page-accent-soft:rgba(67,137,154,.13);--uf-page-accent-faint:rgba(67,137,154,.055)}
  body.ambient-home{--uf-page-accent:#5f925d;--uf-page-accent-soft:rgba(95,146,93,.13);--uf-page-accent-faint:rgba(95,146,93,.055)}
  body.ambient-travel{--uf-page-accent:#4a8cab;--uf-page-accent-soft:rgba(74,140,171,.13);--uf-page-accent-faint:rgba(74,140,171,.055)}
  body.ambient-about{--uf-page-accent:#687b91;--uf-page-accent-soft:rgba(104,123,145,.12);--uf-page-accent-faint:rgba(104,123,145,.05)}

  /* Give every standard internal page a clear, calm opening panel. */
  body.premium-ambient:not(.home-page) main.page{
    position:relative;
    isolation:isolate;
    padding:34px 28px 64px;
  }
  body.premium-ambient:not(.home-page) main.page::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:14px;
    left:0;
    right:0;
    height:188px;
    border:1px solid rgba(193,207,219,.74);
    border-radius:24px;
    background:
      radial-gradient(circle at 86% 12%,var(--uf-page-accent-soft),transparent 34%),
      radial-gradient(circle at 8% 92%,rgba(255,135,69,.075),transparent 30%),
      linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,249,252,.92));
    box-shadow:0 12px 30px rgba(42,62,82,.065),inset 0 1px 0 rgba(255,255,255,.9);
  }
  body.premium-ambient:not(.home-page) main.page>.crumb,
  body.premium-ambient:not(.home-page) main.page>.title,
  body.premium-ambient:not(.home-page) main.page>.subtitle{
    position:relative;
    z-index:1;
    margin-left:24px;
    margin-right:24px;
  }
  body.premium-ambient:not(.home-page) main.page>.crumb{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    background:var(--uf-page-accent-faint);
    color:#617286;
    font-size:12px;
    font-weight:650;
    letter-spacing:.01em;
  }
  body.premium-ambient:not(.home-page) main.page>.title{
    max-width:880px;
    margin-top:12px;
    margin-bottom:8px;
    color:#183957;
    font-size:clamp(2.15rem,4.2vw,3.25rem);
    line-height:1.04;
    letter-spacing:-.045em;
  }
  body.premium-ambient:not(.home-page) main.page>.subtitle{
    max-width:850px;
    margin-top:0;
    color:#5d6f82!important;
    font-size:clamp(.98rem,1.45vw,1.12rem)!important;
    line-height:1.62;
  }
  body.premium-ambient:not(.home-page) main.page>.subtitle::after{
    content:"";
    display:block;
    width:58px;
    height:3px;
    margin-top:15px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--uf-page-accent),#ef8350);
    opacity:.9;
  }

  /* Tool/calculator working areas: stronger hierarchy, still quiet and usable. */
  body.premium-ambient:not(.home-page) main.page>.two,
  body.premium-ambient:not(.home-page) main.page>.uf-percentage-calculator,
  body.premium-ambient:not(.home-page) main.page>.search-results-box{
    position:relative;
    z-index:1;
    margin-top:38px;
  }
  body.premium-ambient:not(.home-page) .panel{
    border:1px solid #dfe7ee!important;
    border-radius:20px!important;
    background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(249,251,253,.94))!important;
    box-shadow:0 14px 32px rgba(35,55,76,.085)!important;
    overflow:hidden;
  }
  body.premium-ambient:not(.home-page) .panel::before{
    content:"";
    display:block;
    height:4px;
    margin:-26px -26px 22px;
    background:linear-gradient(90deg,var(--uf-page-accent),rgba(238,123,70,.82));
    opacity:.78;
  }
  body.premium-ambient:not(.home-page) .panel h2{
    color:#244768;
    letter-spacing:-.02em;
  }
  body.premium-ambient:not(.home-page) .field input,
  body.premium-ambient:not(.home-page) .field select,
  body.premium-ambient:not(.home-page) .field textarea{
    border-color:#dbe4eb;
    background:#fbfcfd;
    box-shadow:inset 0 1px 2px rgba(35,55,76,.025);
  }
  body.premium-ambient:not(.home-page) .field input:hover,
  body.premium-ambient:not(.home-page) .field select:hover,
  body.premium-ambient:not(.home-page) .field textarea:hover{
    border-color:#cbd7e0;
    background:#fff;
  }
  body.premium-ambient:not(.home-page) .result{
    border:1px solid color-mix(in srgb,var(--uf-page-accent) 28%,#dfe8e4)!important;
    background:linear-gradient(135deg,#f8fcfa,var(--uf-page-accent-faint))!important;
    border-radius:16px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  }
  body.premium-ambient:not(.home-page) .answer{color:#285f50!important;letter-spacing:-.035em}
  body.premium-ambient:not(.home-page) .primary,
  body.premium-ambient:not(.home-page) .primary-action{
    border-radius:13px!important;
    background:linear-gradient(135deg,#f36a25,#df5719)!important;
    box-shadow:0 10px 22px rgba(223,87,25,.19)!important;
  }

  /* Information content should feel editorial rather than a stack of blank boxes. */
  body.premium-ambient:not(.home-page) .seo-content{
    gap:14px;
    margin-top:34px;
  }
  body.premium-ambient:not(.home-page) .seo-content-card{
    position:relative;
    overflow:hidden;
    padding:23px 25px;
    border:1px solid #e0e7ed;
    border-radius:20px;
    background:linear-gradient(140deg,#fff,#fafbfd);
    box-shadow:0 10px 25px rgba(35,55,76,.055);
  }
  body.premium-ambient:not(.home-page) .seo-content-card:nth-child(even){
    background:linear-gradient(140deg,#fff,var(--uf-page-accent-faint));
  }
  body.premium-ambient:not(.home-page) .seo-content-card::after{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    right:-44px;
    top:-45px;
    border-radius:50%;
    background:var(--uf-page-accent-soft);
    pointer-events:none;
  }
  body.premium-ambient:not(.home-page) .seo-content-card h2{
    color:#244768;
    font-size:1.25rem;
    letter-spacing:-.02em;
  }
  body.premium-ambient:not(.home-page) .seo-example{
    border-left-color:var(--uf-page-accent);
    background:linear-gradient(90deg,var(--uf-page-accent-faint),#fff);
  }
  body.premium-ambient:not(.home-page) .faq-list{gap:10px}
  body.premium-ambient:not(.home-page) .faq-item{
    padding:15px 16px;
    border-color:#dfe7ed;
    border-radius:14px;
    background:rgba(255,255,255,.84);
  }
  body.premium-ambient:not(.home-page) .faq-item h3{color:#2d5275}

  body.premium-ambient:not(.home-page) .related-tools{
    padding:24px;
    border:1px solid #dce5ec;
    border-radius:22px;
    background:
      radial-gradient(circle at 96% 0,var(--uf-page-accent-soft),transparent 28%),
      linear-gradient(145deg,#fff,#f8fafc);
    box-shadow:0 13px 30px rgba(35,55,76,.07);
  }
  body.premium-ambient:not(.home-page) .related-tools-grid a{
    min-height:84px;
    border-color:#dfe7ed;
    background:rgba(255,255,255,.92);
    box-shadow:0 5px 14px rgba(35,55,76,.04);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
  }
  body.premium-ambient:not(.home-page) .related-tools-grid a:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--uf-page-accent) 45%,#dfe7ed);
    box-shadow:0 9px 20px rgba(35,55,76,.075);
  }

  /* Authority/link boxes benefit from the same visual language. */
  body.premium-ambient:not(.home-page) .uf-authority__box{
    border-color:#dde6ec;
    border-radius:20px;
    background:linear-gradient(140deg,#fff,#f8fafc);
    box-shadow:0 12px 28px rgba(35,55,76,.065);
  }
  body.premium-ambient:not(.home-page) .uf-authority__card{
    border-color:#e1e8ed;
    background:#fff;
  }
}

@media screen and (max-width:700px){
  body.premium-ambient:not(.home-page) main.page{padding:24px 4px 48px}
  body.premium-ambient:not(.home-page) main.page::before{top:8px;height:200px;border-radius:20px}
  body.premium-ambient:not(.home-page) main.page>.crumb,
  body.premium-ambient:not(.home-page) main.page>.title,
  body.premium-ambient:not(.home-page) main.page>.subtitle{margin-left:18px;margin-right:18px}
  body.premium-ambient:not(.home-page) main.page>.title{font-size:2.15rem}
  body.premium-ambient:not(.home-page) main.page>.subtitle{font-size:.98rem!important}
  body.premium-ambient:not(.home-page) main.page>.two,
  body.premium-ambient:not(.home-page) main.page>.uf-percentage-calculator{margin-top:34px}
  body.premium-ambient:not(.home-page) .related-tools{padding:19px}
}

@media (prefers-reduced-motion:reduce){
  body.premium-ambient:not(.home-page) .related-tools-grid a{transition:none}
  body.premium-ambient:not(.home-page) .related-tools-grid a:hover{transform:none}
}

/* Essential-tool templates (password generator, image tools, etc.) */
@media screen{
  body.premium-ambient:not(.home-page) .essential-shell{padding:34px 28px 64px}
  body.premium-ambient:not(.home-page) .essential-hero{
    border-color:#d8e4ec;
    border-radius:24px;
    background:
      radial-gradient(circle at 88% 15%,var(--uf-page-accent-soft),transparent 34%),
      radial-gradient(circle at 8% 90%,rgba(255,133,67,.075),transparent 28%),
      linear-gradient(135deg,#fff,#f7fafc);
    box-shadow:0 14px 34px rgba(35,55,76,.08),inset 0 1px 0 rgba(255,255,255,.95);
  }
  body.premium-ambient:not(.home-page) .essential-kicker{color:var(--uf-page-accent);letter-spacing:.12em}
  body.premium-ambient:not(.home-page) .essential-hero h1{
    font-family:Inter,ui-sans-serif,system-ui,sans-serif;
    color:#183957;
    font-weight:760;
    letter-spacing:-.045em;
  }
  body.premium-ambient:not(.home-page) .essential-art{
    width:150px;height:150px;justify-self:center;
    border:1px solid rgba(205,216,225,.82);
    border-radius:32px;
    background:rgba(255,255,255,.72);
    box-shadow:0 14px 30px rgba(35,55,76,.075),inset 0 1px 0 #fff;
    font-size:76px;
  }
  body.premium-ambient:not(.home-page) .tool-workspace{gap:20px;margin-top:24px}
  body.premium-ambient:not(.home-page) .tool-panel{
    position:relative;
    overflow:hidden;
    padding:24px;
    border-color:#dfe7ed;
    border-radius:20px;
    background:linear-gradient(145deg,#fff,#fafbfd);
    box-shadow:0 13px 30px rgba(35,55,76,.07);
  }
  body.premium-ambient:not(.home-page) .tool-panel::before{
    content:"";display:block;height:4px;margin:-24px -24px 21px;
    background:linear-gradient(90deg,var(--uf-page-accent),#ed7d46);opacity:.78
  }
  body.premium-ambient:not(.home-page) .result-box{
    border-color:color-mix(in srgb,var(--uf-page-accent) 24%,#d9e4ec);
    background:linear-gradient(135deg,#fbfcfd,var(--uf-page-accent-faint));
  }
  body.premium-ambient:not(.home-page) .secondary-action{
    border-color:#d3dee7;background:#fbfcfd;color:#345b7c
  }
}
@media screen and (max-width:700px){body.premium-ambient:not(.home-page) .essential-shell{padding:24px 4px 48px}}