/*
 * ToolaRox 2.6 — premium, responsive design system.
 * All major design tokens are controlled from Appearance > Customize.
 */
:root {
  --tr-primary:#2457D6; --tr-secondary:#0B766E; --tr-accent:#E6A23C;
  --tr-background:#F4F7FB; --tr-surface:#FFFFFF; --tr-text:#243247;
  --tr-muted:#5D6D82; --tr-border:#DFE7F0; --tr-hero-background:#EAF1FA;
  --tr-header-background:#17181A; --tr-footer-background:#17181A;
  --tr-footer-text-color:#C4C6CA;
  --tr-body-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --tr-heading-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --tr-body-size:16px; --tr-body-weight:400; --tr-body-line-height:1.65; --tr-heading-weight:760; --tr-heading-line-height:1.16; --tr-heading-letter-spacing:-.035em; --tr-heading-color:#14243A;
  --tr-h1-size:58px; --tr-h2-size:40px; --tr-h3-size:22px;
  --tr-container-width:1260px; --tr-content-width:860px;
  --tr-header-height:76px; --tr-home-search-width:1250px; --tr-home-search-height:82px; --tr-hero-padding:88px; --tr-section-padding:78px;
  --tr-section-padding-mobile:56px; --tr-card-padding:24px; --tr-card-radius:20px;
  --tr-button-radius:13px; --tr-button-padding-y:12px; --tr-button-padding-x:19px; --tr-input-padding:13px; --tr-input-radius:13px; --tr-grid-gap:20px;
  --tr-global-block-gap:24px;
  --wp--style--block-gap:var(--tr-global-block-gap);
  --tr-shadow:0 18px 50px rgba(18,31,59,.075);
  --tr-shadow-hover:0 24px 60px rgba(18,31,59,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--tr-header-height) + 18px)}
body{margin:0;background:var(--tr-background);color:var(--tr-text);font-family:var(--tr-body-font);font-size:var(--tr-body-size);font-weight:var(--tr-body-weight);line-height:var(--tr-body-line-height);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.wrap{width:min(var(--tr-container-width),calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;z-index:999;background:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--tr-shadow)}
.skip:focus{left:12px}
h1,h2,h3,h4,h5,h6{font-family:var(--tr-heading-font);font-weight:var(--tr-heading-weight);color:var(--tr-heading-color,var(--tr-text));letter-spacing:var(--tr-heading-letter-spacing);line-height:var(--tr-heading-line-height)}
h1{font-size:clamp(2.35rem,5.3vw,var(--tr-h1-size));margin:20px 0 16px}
h2{font-size:clamp(1.8rem,3.4vw,var(--tr-h2-size));margin:0}
h3{font-size:var(--tr-h3-size);margin:0}
p{margin-top:0}
:focus-visible{outline:3px solid color-mix(in srgb,var(--tr-primary) 55%,white);outline-offset:3px}
::selection{background:color-mix(in srgb,var(--tr-primary) 18%,white);color:var(--tr-text)}

/* Header and navigation */
.header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--tr-header-background) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--tr-border)}
.nav{min-height:var(--tr-header-height);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--tr-heading-font);font-weight:900;font-size:1.38rem;letter-spacing:-.06em;white-space:nowrap}
.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(140deg,var(--tr-primary),var(--tr-secondary));color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px color-mix(in srgb,var(--tr-primary) 25%,transparent)}
.brand-name span{color:var(--tr-primary)}
.custom-logo-link{display:flex;align-items:center}
.custom-logo{max-height:48px;width:auto}
.navlinks{display:flex;align-items:center;gap:clamp(15px,2vw,28px);color:var(--tr-muted);font-size:.91rem;font-weight:650}
.navlinks a{transition:color .18s ease}
.navlinks a:hover,.navlinks a[aria-current=page],.navlinks .current-menu-item>a{color:var(--tr-primary)}
.navlinks .nav-cta,.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--tr-primary);color:#fff!important;padding:var(--tr-button-padding-y) var(--tr-button-padding-x);border:1px solid var(--tr-primary);border-radius:var(--tr-button-radius);font-weight:750;box-shadow:0 7px 18px color-mix(in srgb,var(--tr-primary) 18%,transparent);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.navlinks .nav-cta:hover,.nav-cta:hover,.btn:hover{background:color-mix(in srgb,var(--tr-primary) 88%,#101828);border-color:color-mix(in srgb,var(--tr-primary) 88%,#101828);color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 25px color-mix(in srgb,var(--tr-primary) 25%,transparent)}
.menu{display:none;background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:11px;padding:9px 12px;color:var(--tr-text)}
.navlinks>ul,.navlinks .menu{display:flex;align-items:center;gap:clamp(15px,2vw,28px);list-style:none;margin:0;padding:0;background:transparent;border:0}
.navlinks>ul li{list-style:none}
.navlinks>ul a{color:var(--tr-muted);font-size:.91rem;font-weight:650}
.navlinks>ul a:hover{color:var(--tr-primary)}

/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:var(--tr-hero-padding) 0 calc(var(--tr-hero-padding) * .78);background:linear-gradient(128deg,var(--tr-hero-background),color-mix(in srgb,var(--tr-surface) 80%,var(--tr-hero-background)) 58%,color-mix(in srgb,var(--tr-secondary) 8%,var(--tr-surface)))}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(color-mix(in srgb,var(--tr-primary) 12%,transparent) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,black 22%,black 78%,transparent);opacity:.5}
.hero:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-220px;top:-360px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tr-primary) 17%,transparent),transparent 68%)}
.hero-inner{position:relative;z-index:1;max-width:920px;margin:auto;text-align:center}
.hero-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px);pointer-events:none}
.hero-orb-one{width:260px;height:260px;left:-120px;bottom:-180px;background:radial-gradient(circle,color-mix(in srgb,var(--tr-secondary) 15%,transparent),transparent 68%)}
.hero-orb-two{width:190px;height:190px;right:10%;bottom:-140px;background:radial-gradient(circle,color-mix(in srgb,var(--tr-accent) 12%,transparent),transparent 68%)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--tr-primary) 16%,var(--tr-border));background:color-mix(in srgb,var(--tr-surface) 78%,transparent);border-radius:999px;color:var(--tr-primary);text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:850;box-shadow:0 5px 20px rgba(30,40,80,.035)}
.eyebrow:before{content:"";width:7px;height:7px;background:var(--tr-secondary);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--tr-secondary) 12%,transparent)}
.hero h1{max-width:850px;margin:23px auto 18px;letter-spacing:var(--tr-heading-letter-spacing)}
.hero .lead{max-width:700px;margin:0 auto;color:var(--tr-muted);font-size:clamp(1rem,1.4vw,1.15rem)}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:25px}
.hero-caption{color:var(--tr-muted);font-size:.86rem}
.hint{font-size:.78rem;color:var(--tr-muted);margin-top:10px}
form.search{display:flex;gap:10px;align-items:center;max-width:720px;margin:30px auto 10px;padding:8px 9px 8px 17px;background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:calc(var(--tr-input-radius) + 4px);box-shadow:0 14px 42px rgba(28,42,77,.08);transition:border-color .2s,box-shadow .2s}
form.search:focus-within{border-color:var(--tr-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--tr-primary) 12%,transparent),0 16px 42px rgba(28,42,77,.08)}
form.search>span{font-size:1.5rem;color:var(--tr-muted);line-height:1}
form.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:var(--tr-input-padding) 5px;color:var(--tr-text)}
form.search input:focus{box-shadow:none}
form.search button{border:0;border-radius:var(--tr-button-radius);padding:var(--tr-button-padding-y) var(--tr-button-padding-x);background:var(--tr-primary);color:#fff;font-weight:750;white-space:nowrap}
form.search button:hover{background:color-mix(in srgb,var(--tr-primary) 86%,#111)}
.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:20px}
.chip{border:1px solid var(--tr-border);background:var(--tr-surface);color:var(--tr-muted);padding:8px 14px;border-radius:99px;font-size:.82rem;font-weight:700}
.chip:hover{color:var(--tr-primary);border-color:var(--tr-primary)}

/* Trust strip, sections, headings */
.proof{display:flex;justify-content:center;gap:clamp(22px,7vw,90px);flex-wrap:wrap;padding:22px 24px;background:var(--tr-surface);border-bottom:1px solid var(--tr-border);color:var(--tr-muted);font-weight:700;font-size:.88rem}
.proof span{color:var(--tr-primary);margin-right:9px}
.section{padding:var(--tr-section-padding) 0}
.white{background:var(--tr-surface)}
.tools-bg{background:var(--tr-background)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.kicker{margin:0 0 10px;color:var(--tr-primary);font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.desc{max-width:650px;color:var(--tr-muted);margin:12px 0 0;font-size:.98rem}
.text-link,.link{display:inline-flex;align-items:center;gap:7px;color:var(--tr-primary);font-weight:750;font-size:.88rem;white-space:nowrap}
.text-link:hover,.link:hover{color:var(--tr-secondary)}
.ad-area{padding:10px 0 26px;background:var(--tr-surface)}
.ad-placeholder{min-height:100px;width:min(970px,calc(100% - 48px));margin:auto;border:1px dashed var(--tr-border);background:var(--tr-background);border-radius:var(--tr-card-radius);display:grid;place-content:center;text-align:center;color:var(--tr-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.ad-placeholder b{display:block;color:var(--tr-muted);font-size:.68rem;margin-bottom:5px}

/* Category cards */
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tr-grid-gap)}
.cat{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:170px;padding:var(--tr-card-padding);background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-card-radius);box-shadow:0 3px 12px rgba(20,32,58,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.cat:hover,.tool-card:hover,.post-card:hover{transform:translateY(-4px);box-shadow:var(--tr-shadow-hover);border-color:color-mix(in srgb,var(--tr-primary) 32%,var(--tr-border))}
.cat-icon,.tool-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--tr-primary) 9%,var(--tr-surface));color:var(--tr-primary);font-size:1.2rem;margin-bottom:18px}
.cat strong{display:block;font-family:var(--tr-heading-font);font-size:1rem;font-weight:800;letter-spacing:-.025em}
.cat small{color:var(--tr-muted);font-size:.82rem;margin-top:6px}
.cat-arrow{position:absolute;right:20px;top:21px;color:var(--tr-muted);opacity:.55;font-size:1rem}

/* Tool cards */
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tr-grid-gap)}
.tool-card{display:flex;align-items:flex-start;gap:16px;padding:var(--tr-card-padding);background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-card-radius);box-shadow:0 3px 12px rgba(20,32,58,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;min-width:0}
.tool-icon{flex:none;margin:0;width:48px;height:48px}
.tool-card-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.tool-category,.demo-label{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;background:color-mix(in srgb,var(--tr-secondary) 9%,var(--tr-surface));color:var(--tr-secondary);font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
.demo-label{background:color-mix(in srgb,var(--tr-accent) 14%,var(--tr-surface));color:color-mix(in srgb,var(--tr-accent) 65%,#6a4300)}
.demo-label-large{margin-top:15px}
.tool-card-title{font-family:var(--tr-heading-font);font-size:1rem;font-weight:820;line-height:1.3;letter-spacing:-.025em;color:var(--tr-text)}
.tool-card-description{font-size:.82rem;color:var(--tr-muted);margin-top:7px;line-height:1.55}
.tool-card-link{display:inline-flex;align-items:center;gap:7px;color:var(--tr-primary);font-size:.8rem;font-weight:800;margin-top:15px}
.empty,.empty-state{padding:30px;text-align:center;background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-card-radius);color:var(--tr-muted);grid-column:1/-1}
.taxonomy-chips{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}
.taxonomy-chip{display:inline-flex;padding:8px 14px;border:1px solid var(--tr-border);border-radius:99px;background:var(--tr-surface);color:var(--tr-muted);font-size:.82rem;font-weight:700}
.taxonomy-chip:hover,.taxonomy-chip.is-current{background:var(--tr-text);border-color:var(--tr-text);color:#fff}
.archive-search{margin:24px 0 0;max-width:650px}

/* Blog cards and editorial content */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tr-grid-gap)}
.post-card{overflow:hidden;background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-card-radius);box-shadow:0 3px 12px rgba(20,32,58,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.post-card-image{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--tr-primary) 12%,var(--tr-surface)),color-mix(in srgb,var(--tr-secondary) 12%,var(--tr-surface)))}
.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post-card:hover .post-card-image img{transform:scale(1.04)}
.post-placeholder{font-size:3rem;color:var(--tr-primary);opacity:.65}
.post-card-content{padding:var(--tr-card-padding)}
.post-meta,.post-byline{color:var(--tr-muted);font-size:.76rem;font-weight:700}
.post-card h3,.post-card h2{font-size:1.16rem;line-height:1.28;margin:9px 0}
.post-card p{font-size:.87rem;color:var(--tr-muted);margin:0 0 14px;line-height:1.6}
.post-layout{max-width:var(--tr-content-width)}
.post-featured-image{margin:0 auto 35px;overflow:hidden;border-radius:var(--tr-card-radius)}
.post-featured-image img{display:block;width:100%;height:auto}
.post-content{margin:auto}
.post-content h2{font-size:clamp(1.5rem,3vw,2rem);margin:36px 0 14px}
.post-content h3{font-size:1.35rem;margin:27px 0 10px}
.post-content p,.post-content li{color:var(--tr-text);line-height:1.8}
.post-content a{color:var(--tr-primary);text-decoration:underline;text-underline-offset:3px}
.post-byline{margin-top:20px}
.post-byline span{padding:0 8px}
.post-end{border-top:1px solid var(--tr-border);margin-top:40px;padding-top:24px}
.post-hero h1{max-width:900px}
.post-grid-archive .post-card{height:100%}

/* Page and tool layouts */
.page-hero{padding:56px 0 48px;background:linear-gradient(130deg,var(--tr-hero-background),color-mix(in srgb,var(--tr-surface) 78%,var(--tr-hero-background)))}
.page-hero .wrap{max-width:var(--tr-container-width)}
.page-hero h1{font-size:clamp(2.15rem,4.5vw,var(--tr-h1-size));margin:12px 0 13px}
.page-hero .lead{max-width:780px;margin:0;color:var(--tr-muted)}
.crumb{font-size:.8rem;color:var(--tr-muted);margin-bottom:18px}
.crumb a{color:var(--tr-primary)}
.content{max-width:var(--tr-content-width)}
.content h2{font-size:clamp(1.55rem,2.7vw,var(--tr-h2-size));margin:38px 0 13px}
.content h3{font-size:var(--tr-h3-size);margin:27px 0 9px}
.content p,.content li{color:var(--tr-muted);line-height:1.8}
.content ul,.content ol{padding-left:24px}
.content a{color:var(--tr-primary);text-decoration:underline;text-underline-offset:3px}
.content blockquote{margin:24px 0;padding:18px 24px;border-left:4px solid var(--tr-primary);background:var(--tr-background);border-radius:0 var(--tr-input-radius) var(--tr-input-radius) 0}
.content img{border-radius:var(--tr-input-radius)}
.panel{padding:var(--tr-card-padding);background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-card-radius);box-shadow:var(--tr-shadow)}
.tool-workspace{max-width:900px;margin:auto}
.tool-workspace .panel{padding:clamp(20px,3vw,34px)}
.tool-article{margin:42px auto 0}
.tool-embed .kicker{margin-bottom:18px}
.form-grid{display:grid;gap:16px}
.field,.demo-field{display:grid;gap:7px}
.field label,.demo-field label{font-size:.86rem;font-weight:750;color:var(--tr-text)}
.field input,.field textarea,.field select,.tool-input,.demo-field input,.demo-field select{width:100%;padding:var(--tr-input-padding) 14px;border:1px solid var(--tr-border);border-radius:var(--tr-input-radius);background:var(--tr-surface);color:var(--tr-text);outline:none}
.field input:focus,.field textarea:focus,.tool-input:focus{border-color:var(--tr-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--tr-primary) 12%,transparent)}
.field textarea{min-height:130px;resize:vertical}
.result{margin-top:14px;padding:15px;background:color-mix(in srgb,var(--tr-secondary) 8%,var(--tr-surface));border:1px solid color-mix(in srgb,var(--tr-secondary) 20%,var(--tr-border));border-radius:var(--tr-input-radius);color:var(--tr-secondary);white-space:pre-wrap;overflow-wrap:anywhere}
.tool-workspace .btn{margin-top:14px}
.tool-note,.demo-note{font-size:.82rem;color:var(--tr-muted);margin:15px 0 0}
.demo-tool-panel{max-width:760px;margin:0 auto}
.demo-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.demo-panel-heading h2{font-size:1.45rem;margin:0}
.demo-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--tr-primary) 10%,var(--tr-surface));color:var(--tr-primary);font-size:1.2rem}
.demo-field{margin:14px 0}
.demo-tool-panel button:disabled{opacity:.55;cursor:not-allowed}
.faq{max-width:var(--tr-content-width);margin:25px auto;display:grid;gap:10px}
details{background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-input-radius);padding:0 18px}
summary{cursor:pointer;list-style:none;padding:17px 30px 17px 0;font-weight:780;position:relative;color:var(--tr-text)}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:0;color:var(--tr-primary);font-size:1.35rem;top:10px}
details[open] summary:after{content:"−"}
details p{color:var(--tr-muted);margin:0;padding:0 0 17px}
.pagination{margin-top:34px}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.page-numbers{display:inline-flex;padding:9px 13px;border-radius:10px;border:1px solid var(--tr-border);background:var(--tr-surface);color:var(--tr-text)}
.page-numbers.current{background:var(--tr-primary);border-color:var(--tr-primary);color:#fff}

/* Call to action and footer */
.cta-section{padding-top:10px;background:var(--tr-background)}
.callout{position:relative;overflow:hidden;padding:clamp(28px,5vw,52px);border-radius:calc(var(--tr-card-radius) + 8px);color:#fff;background:linear-gradient(115deg,var(--tr-footer-background),color-mix(in srgb,var(--tr-primary) 85%,#172554) 68%,var(--tr-secondary));display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--tr-shadow)}
.callout:after{content:"";position:absolute;width:320px;height:320px;right:-100px;top:-190px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025);pointer-events:none}
.callout h2{position:relative;z-index:1;max-width:660px;color:#fff}
.callout p{position:relative;z-index:1;color:rgba(255,255,255,.76);margin:12px 0 0}
.callout .kicker{color:#C7D2FE}
.callout .btn{position:relative;z-index:1;white-space:nowrap}
.btn-light{background:#fff;color:#18233f!important;border-color:#fff;box-shadow:none}
.btn-light:hover{background:#f1f3f9;color:#18233f!important;border-color:#f1f3f9}
.footer{background:var(--tr-footer-background);color:var(--tr-footer-text-color);padding:56px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:38px}
.footer .brand{color:#fff}
.footer .brand-name span{color:color-mix(in srgb,var(--tr-primary) 55%,#fff)}
.footer-about{max-width:310px;color:color-mix(in srgb,var(--tr-footer-text-color) 78%,transparent);font-size:.86rem;line-height:1.7;margin-top:15px}
.footer h3{color:#fff;font-size:.9rem;margin:4px 0 15px;letter-spacing:0}
.footer a:not(.brand){display:block;color:color-mix(in srgb,var(--tr-footer-text-color) 86%,transparent);font-size:.84rem;margin:10px 0;transition:color .18s}
.footer a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:19px;color:color-mix(in srgb,var(--tr-footer-text-color) 72%,transparent);font-size:.77rem}

/* Full-width builder and utility states */
.full-width-builder .builder-content{width:100%}
.full-width-builder .builder-content>*{max-width:var(--tr-container-width);margin-left:auto;margin-right:auto}
.full-width-builder .builder-content>.alignfull{max-width:none}
.full-width-builder .builder-content>.alignwide{max-width:min(calc(var(--tr-container-width) + 140px),calc(100% - 40px))}
.error-page{max-width:680px;text-align:center;padding-top:35px;padding-bottom:35px}
.error-code{display:block;color:var(--tr-primary);font-family:var(--tr-heading-font);font-size:clamp(4rem,12vw,8rem);font-weight:900;letter-spacing:-.08em;line-height:1}
.error-page form.search{margin:25px auto}
.error-page .btn{margin-top:10px}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:none}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.float{animation:drift 6s ease-in-out infinite}

/* WordPress content and editor alignment */
.alignwide{max-width:min(calc(var(--tr-container-width) + 140px),calc(100% - 40px));margin-left:auto;margin-right:auto}
.alignfull{max-width:none;width:100%}
.wp-block-button__link{border-radius:var(--tr-button-radius);background:var(--tr-primary);padding:var(--tr-button-padding-y) var(--tr-button-padding-x);font-weight:750}
.wp-block-image img{border-radius:var(--tr-input-radius)}
.wp-block-separator{border-color:var(--tr-border)}
.wp-block-table{border-color:var(--tr-border)}
.wp-block-table td,.wp-block-table th{padding:12px;border-color:var(--tr-border)}
.wp-block-quote{border-left:4px solid var(--tr-primary);padding:12px 22px;background:var(--tr-background);border-radius:0 var(--tr-input-radius) var(--tr-input-radius) 0}
.wp-block-group.has-background,.wp-block-cover{border-radius:var(--tr-card-radius)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}

/* Responsive */
@media(max-width:980px){
  .cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tool-grid,.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:2}
  .navlinks{gap:15px}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 32px)}
  .nav{min-height:66px}
  .menu{display:block}
  .navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:var(--tr-header-background);padding:18px 22px 22px;border-bottom:1px solid var(--tr-border);flex-direction:column;align-items:stretch;gap:15px;box-shadow:0 16px 28px rgba(20,30,60,.07)}
  .navlinks.open{display:flex}
  .navlinks>ul,.navlinks .menu{align-items:stretch;flex-direction:column;gap:13px;width:100%}
  .navlinks .nav-cta{align-self:flex-start}
  .hero{padding:calc(var(--tr-hero-padding) * .68) 0 calc(var(--tr-hero-padding) * .55)}
  h1{font-size:clamp(2.35rem,11vw,var(--tr-h1-size))}
  .hero .lead{font-size:1rem}
  form.search{padding-left:11px;gap:6px}
  form.search button{padding:11px 13px}
  .hint{font-size:.72rem}
  .hero-actions{flex-direction:column;gap:11px}
  .section{padding:var(--tr-section-padding-mobile) 0}
  .section-head{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:25px}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cat{min-height:150px;padding:18px}
  .tool-grid,.post-grid,.steps{grid-template-columns:1fr}
  .tool-card{padding:20px}
  .callout{padding:28px;align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr;gap:26px}
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-grid>div:last-child{grid-column:auto}
  .footer-bottom{flex-direction:column}
  .page-hero{padding:42px 0 35px}
  .tool-workspace .panel{padding:20px}
  .post-featured-image{margin-bottom:25px}
}
@media(max-width:420px){
  .cats{grid-template-columns:1fr}
  .proof{align-items:flex-start;flex-direction:column;gap:11px;padding:18px 22px}
  form.search button{font-size:.82rem;padding:10px}
  form.search input{font-size:.88rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

.footer-menu{list-style:none;margin:0;padding:0}
.footer-menu li{list-style:none;margin:0;padding:0}
.footer-menu a{display:block;color:color-mix(in srgb,var(--tr-footer-text-color) 86%,transparent);font-size:.84rem;margin:10px 0}
.footer-menu a:hover{color:#fff}

.homepage-builder-content{width:100%}
.homepage-builder-content>*{max-width:var(--tr-container-width);margin-left:auto;margin-right:auto}
.homepage-builder-content>.alignfull{max-width:none}
.homepage-builder-content>.alignwide{max-width:min(calc(var(--tr-container-width) + 140px),calc(100% - 40px))}


/* ToolaRox 2.1 — new Gutenberg patterns inherit the original 1.2 visual system. */
.tr-pattern-hero{position:relative}
.tr-pattern-hero .wp-block-heading{max-width:850px;margin:23px auto 18px}
.tr-pattern-hero .wp-block-buttons{margin-top:24px}
.tr-pattern-proof{gap:clamp(22px,7vw,90px);align-items:center}
.tr-pattern-proof p{margin:0;color:var(--tr-muted);font-weight:700;font-size:.88rem}
.tr-pattern-proof p span{color:var(--tr-primary);margin-right:9px}
.tr-pattern-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tr-grid-gap)}
.tr-pattern-feature-card{padding:var(--tr-card-padding);background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-card-radius);box-shadow:0 3px 12px rgba(20,32,58,.025)}
.tr-pattern-feature-card h3{margin:12px 0 8px}
.tr-pattern-feature-card p{color:var(--tr-muted);font-size:.9rem}
.tr-pattern-feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--tr-primary) 9%,var(--tr-surface));color:var(--tr-primary);font-weight:800}
.tr-pattern-faq{max-width:var(--tr-content-width);margin:26px auto;display:grid;gap:10px}
.tr-pattern-faq details{background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-input-radius);padding:0 18px}
.tr-pattern-faq summary{cursor:pointer;list-style:none;padding:17px 30px 17px 0;font-weight:780;position:relative;color:var(--tr-text)}
.tr-pattern-faq summary::-webkit-details-marker{display:none}
.tr-pattern-faq summary:after{content:"+";position:absolute;right:0;color:var(--tr-primary);font-size:1.35rem;top:10px}
.tr-pattern-faq details[open] summary:after{content:"−"}
.tr-pattern-faq details p{color:var(--tr-muted);margin:0;padding:0 0 17px}
.tr-grid-columns-1{grid-template-columns:1fr}
.tr-grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tr-grid-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tr-grid-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tool-embed{min-width:0;overflow:hidden}
.tool-embed iframe,.tool-embed canvas,.tool-embed video,.tool-embed img{max-width:100%}
.tool-embed input,.tool-embed select,.tool-embed textarea{max-width:100%}
.wp-block-group.alignfull>.wrap{width:min(var(--tr-container-width),calc(100% - 48px))}
.wp-block-button__link{transition:transform .18s ease,box-shadow .18s ease}
.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--tr-primary) 18%,transparent)}
@media(max-width:980px){.tr-pattern-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-grid-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.tr-pattern-feature-grid,.tr-grid-columns-2,.tr-grid-columns-3,.tr-grid-columns-4{grid-template-columns:1fr}.tr-pattern-proof{align-items:flex-start;flex-direction:column;gap:11px;padding:18px 22px}}



/* WordPress navigation menu enhancements */
.navlinks .primary-menu{display:flex;align-items:center;gap:clamp(15px,2vw,28px);list-style:none;margin:0;padding:0}
.navlinks .primary-menu>li{position:relative;list-style:none;margin:0;padding:0}
.navlinks .primary-menu>li>a{display:inline-flex;align-items:center;min-height:42px}
.navlinks .primary-menu .sub-menu{position:absolute;z-index:50;top:100%;left:0;display:block;min-width:220px;margin:0;padding:8px;list-style:none;background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:14px;box-shadow:0 16px 36px rgba(20,32,58,.13);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.navlinks .primary-menu li:hover>.sub-menu,.navlinks .primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.navlinks .primary-menu .sub-menu li{display:block;list-style:none;margin:0;padding:0}
.navlinks .primary-menu .sub-menu a{display:flex;padding:10px 12px;border-radius:9px;white-space:nowrap;color:var(--tr-text);font-size:.88rem}
.navlinks .primary-menu .sub-menu a:hover{background:var(--tr-background);color:var(--tr-primary)}
.navlinks .primary-menu>li.menu-item-cta>a,.navlinks .primary-menu>li.menu-item-button>a{display:inline-flex;align-items:center;justify-content:center;padding:var(--tr-button-padding-y) var(--tr-button-padding-x);background:var(--tr-primary);border:1px solid var(--tr-primary);border-radius:var(--tr-button-radius);color:#fff!important;font-weight:750;box-shadow:0 7px 18px color-mix(in srgb,var(--tr-primary) 18%,transparent)}
.navlinks .primary-menu>li.menu-item-cta>a:hover,.navlinks .primary-menu>li.menu-item-button>a:hover{transform:translateY(-2px);color:#fff!important}
.menu-not-assigned{font-size:.8rem;color:var(--tr-muted);padding:8px 0}
.footer-grid-menus-0{grid-template-columns:minmax(0,1fr)}
.footer-grid-menus-1{grid-template-columns:minmax(240px,1.7fr) minmax(150px,1fr)}
.footer-grid-menus-2{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(140px,1fr))}
.footer-grid-menus-3{grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(130px,1fr))}
.footer-menu-column .footer-menu{list-style:none;margin:0;padding:0}
.footer-menu-column .footer-menu li{list-style:none;margin:0;padding:0}
.footer-menu-column .footer-menu a{display:block;padding:2px 0}

/* WordPress block editor design controls inherit the site's global design tokens. */
.editor-styles-wrapper{font-family:var(--tr-body-font,inherit);color:var(--tr-text,inherit)}
.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4,.editor-styles-wrapper h5,.editor-styles-wrapper h6{font-family:var(--tr-heading-font,inherit);color:var(--tr-heading-color,inherit)}
.editor-styles-wrapper .wp-block-button__link{border-radius:var(--tr-button-radius,13px)}
.editor-styles-wrapper .wp-block-group{gap:var(--tr-global-block-gap,24px)}
@media(max-width:980px){
 .footer-grid-menus-3{grid-template-columns:1.4fr 1fr 1fr}
 .footer-grid-menus-3>.footer-menu-column:last-child{grid-column:2}
}
@media(max-width:700px){
 .navlinks .primary-menu{align-items:stretch;flex-direction:column;gap:10px;width:100%}
 .navlinks .primary-menu>li{width:100%}
 .navlinks .primary-menu>li>a{display:flex;width:100%;padding:8px 0}
 .navlinks .primary-menu .sub-menu{position:static;display:none;min-width:0;padding:5px 10px;margin:4px 0 8px;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:10px;background:color-mix(in srgb,var(--tr-background) 65%,var(--tr-surface))}
 .navlinks .primary-menu li:focus-within>.sub-menu,.navlinks .primary-menu li:hover>.sub-menu{display:block}
 .navlinks .primary-menu>li.menu-item-cta>a,.navlinks .primary-menu>li.menu-item-button>a{width:max-content;padding:var(--tr-button-padding-y) var(--tr-button-padding-x)}
 .footer-grid-menus-1,.footer-grid-menus-2,.footer-grid-menus-3{grid-template-columns:1fr}
 .footer-grid-menus-3>.footer-menu-column:last-child{grid-column:auto}
}



.submenu-toggle{display:none}
@media(max-width:700px){
 .navlinks .primary-menu>li.menu-item-has-children{padding-right:44px}
 .navlinks .primary-menu>li>.submenu-toggle{display:inline-flex;position:absolute;right:0;top:3px;z-index:2;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--tr-border);border-radius:9px;background:var(--tr-surface);color:var(--tr-text);font-size:1.15rem;cursor:pointer}
 .navlinks .primary-menu>li.submenu-open>.sub-menu{display:block;opacity:1;visibility:visible;transform:none}
 .navlinks .primary-menu>li.submenu-open>.submenu-toggle{background:var(--tr-primary);border-color:var(--tr-primary);color:#fff}
}


@media(max-width:980px){.footer-grid-menus-0>div:last-child,.footer-grid-menus-1>div:last-child,.footer-grid-menus-2>div:last-child{grid-column:auto}}


/* ToolaRox 2.2.1 — full-width page-flow and search-results layout repair */
html{width:100%;max-width:100%;overflow-x:clip}
body{display:block!important;width:100%;min-width:320px;max-width:100%;overflow-x:clip}
.toollarox-site-shell{display:block!important;position:relative;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;clear:both;isolation:isolate;box-sizing:border-box}
.toollarox-site-shell>*{box-sizing:border-box}
.toollarox-site-shell>.header,
.toollarox-site-shell>main#main,
.toollarox-site-shell>.footer{display:block!important;float:none!important;clear:both!important;width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;grid-column:1/-1}
.toollarox-site-shell>main#main{position:relative;left:auto!important;right:auto!important;inset-inline:auto!important;margin-top:0!important;margin-bottom:0!important;padding:0!important}
.toollarox-site-shell>.footer{position:relative;left:auto!important;right:auto!important;inset-inline:auto!important;margin-top:0!important}
.toollarox-site-shell>.header{left:auto!important;right:auto!important;inset-inline:auto!important}
.toollarox-site-shell .wrap{width:min(var(--tr-container-width,1260px),calc(100% - 48px));max-width:var(--tr-container-width,1260px);margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
.toollarox-search-page{display:block!important;position:relative;width:100%!important;max-width:100%!important;min-width:0!important;float:none!important;clear:both!important;overflow:visible}
.search-page-hero{display:block!important;position:relative;width:100%!important;max-width:none!important;min-width:0!important;float:none!important;clear:both!important;box-sizing:border-box}
.search-page-hero>.search-page-wrap{display:block!important;width:min(var(--tr-container-width,1260px),calc(100% - 48px))!important;max-width:var(--tr-container-width,1260px)!important;margin-inline:auto!important;padding-top:0;padding-bottom:0}
.search-page-hero h1{width:100%;max-width:920px;overflow-wrap:break-word}
.search-page-form{display:flex;width:min(720px,100%);max-width:720px;margin:26px 0 0}
.search-page-results{display:block!important;position:relative;width:100%!important;max-width:none!important;min-width:0!important;float:none!important;clear:both!important;box-sizing:border-box}
.search-page-results>.search-page-wrap{display:block!important;width:min(var(--tr-container-width,1260px),calc(100% - 48px))!important;max-width:var(--tr-container-width,1260px)!important;margin-inline:auto!important}
.search-results-grid{display:grid!important;width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--tr-grid-gap,24px)}
.search-results-grid>*{min-width:0;max-width:100%}
.search-empty-state{grid-column:1/-1;width:100%;max-width:100%}
.search-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:32px}
@media(max-width:980px){
 .search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .toollarox-site-shell .wrap,
 .search-page-hero>.search-page-wrap,
 .search-page-results>.search-page-wrap{width:calc(100% - 32px)!important}
 .search-page-hero{padding:42px 0 35px}
 .search-page-hero h1{font-size:clamp(2rem,9vw,var(--tr-h1-size,58px))}
 .search-page-form{width:100%;max-width:100%;margin-top:22px}
 .search-results-grid{grid-template-columns:minmax(0,1fr)}
 .search-page-results{padding-top:36px;padding-bottom:36px}
}



/* ToolaRox 2.3 — premium inner-page system, search filters and motion */
:root{
 --tr-shadow-soft:0 10px 30px rgba(17,36,63,.055);
 --tr-shadow-card:0 18px 44px rgba(17,36,63,.085);
 --tr-shadow-lift:0 24px 54px rgba(17,36,63,.13);
 --tr-inner-hero-image:none;
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--tr-header-height,76px) + 22px)}
[id]{scroll-margin-top:calc(var(--tr-header-height,76px) + 22px)}
body{background:var(--tr-background);color:var(--tr-text)}
.header{box-shadow:0 4px 22px rgba(17,36,63,.035);backdrop-filter:blur(18px) saturate(145%)}
.nav{gap:clamp(18px,3vw,42px)}
.navlinks{letter-spacing:-.01em}
.navlinks .primary-menu>li>a{transition:color .2s ease,transform .2s ease}
.navlinks .primary-menu>li>a:hover{transform:translateY(-1px)}

/* Inner-page hero: left-aligned editorial header with layered texture and orbit detail. */
.page-hero{
 position:relative;isolation:isolate;overflow:hidden;
 padding:clamp(58px,7.4vw,98px) 0 clamp(50px,6.2vw,78px);
 border-bottom:1px solid color-mix(in srgb,var(--tr-border) 76%,transparent);
 background-color:var(--tr-hero-background);
 background-image:
  linear-gradient(105deg,color-mix(in srgb,var(--tr-hero-background) 94%,var(--tr-surface) 6%) 0%,color-mix(in srgb,var(--tr-surface) 82%,var(--tr-hero-background) 18%) 100%),
  var(--tr-inner-hero-image,none),
  radial-gradient(ellipse at 82% 22%,color-mix(in srgb,var(--tr-primary) 15%,transparent),transparent 35%),
  radial-gradient(ellipse at 96% 92%,color-mix(in srgb,var(--tr-secondary) 13%,transparent),transparent 32%);
 background-size:cover,cover,cover,cover;
 background-position:center;
}
.page-hero:before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.58;
 background-image:
  linear-gradient(color-mix(in srgb,var(--tr-primary) 7%,transparent) 1px,transparent 1px),
  linear-gradient(90deg,color-mix(in srgb,var(--tr-primary) 7%,transparent) 1px,transparent 1px),
  radial-gradient(color-mix(in srgb,var(--tr-secondary) 18%,transparent) 1px,transparent 1px);
 background-size:72px 72px,72px 72px,18px 18px;
 mask-image:linear-gradient(90deg,#000 0%,#000 36%,transparent 92%);
}
.page-hero:after{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 width:clamp(300px,39vw,560px);aspect-ratio:1;right:clamp(-110px,2.8vw,54px);top:50%;
 transform:translateY(-50%);border-radius:50%;
 border:1px solid color-mix(in srgb,var(--tr-primary) 15%,transparent);
 background:
  radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--tr-primary) 12%,transparent) 0 17%,transparent 17.5% 100%),
  repeating-radial-gradient(circle at 50% 50%,transparent 0 34px,color-mix(in srgb,var(--tr-primary) 12%,transparent) 35px 36px),
  radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--tr-secondary) 9%,transparent),transparent 68%);
 box-shadow:0 0 0 28px color-mix(in srgb,var(--tr-primary) 3%,transparent),0 0 0 58px color-mix(in srgb,var(--tr-secondary) 3%,transparent);
 opacity:.8;
}
.page-hero>.wrap{position:relative;z-index:1;text-align:left}
.page-hero-content{position:relative;z-index:1;text-align:left}
.page-hero h1{
 max-width:min(780px,76%);margin:14px 0 18px;text-align:left;
 font-size:clamp(2.45rem,5.2vw,var(--tr-h1-size,58px));
 line-height:1.06;letter-spacing:-.045em;text-wrap:balance;
}
.page-hero .lead{max-width:700px;margin:0;text-align:left;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.75;color:var(--tr-muted)}
.page-hero .kicker{margin-top:0}
.page-hero .crumb{margin-bottom:25px}
.post-hero h1{max-width:min(900px,78%)}
.tool-page-hero h1{max-width:min(780px,76%)}
.builder-page-hero{padding-top:54px;padding-bottom:54px}

/* Breadcrumbs: compact, accessible and consistent across inner pages. */
.crumb{position:relative;z-index:2;color:var(--tr-muted);font-size:.78rem;font-weight:650;letter-spacing:.005em}
.crumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}
.crumb li{display:inline-flex;align-items:center;min-width:0;list-style:none}
.crumb li+li:before{content:"/";display:inline-block;margin:0 11px;color:color-mix(in srgb,var(--tr-muted) 55%,transparent);font-weight:500}
.crumb a{color:var(--tr-primary);text-decoration:none;transition:color .18s ease}
.crumb a:hover{color:var(--tr-secondary);text-decoration:underline;text-underline-offset:3px}
.crumb [aria-current=page]{color:var(--tr-text);font-weight:750}
.crumb-rank-math .rank-math-breadcrumb{font-size:inherit;color:inherit}
.crumb-rank-math .rank-math-breadcrumb p{margin:0}
.crumb-rank-math .rank-math-breadcrumb a{color:var(--tr-primary)}

/* Search filters */
form.search.tool-directory-search{max-width:900px;margin:28px 0 0;justify-content:flex-start}
form.search.tool-directory-search input[type=search]{flex:1 1 210px}
.tool-category-select{
 flex:0 1 210px;min-width:155px;max-width:230px;
 padding:var(--tr-input-padding,13px) 36px var(--tr-input-padding,13px) 13px;
 border:1px solid var(--tr-border);border-radius:var(--tr-input-radius);
 background:var(--tr-surface);color:var(--tr-text);font-size:.88rem;
}
.tool-category-select:focus{outline:0;border-color:var(--tr-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--tr-primary) 12%,transparent)}
.directory-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 24px}
.directory-toolbar h2{font-size:clamp(1.45rem,2.5vw,2rem);letter-spacing:-.035em}
.directory-result-count{margin:0;color:var(--tr-muted);font-size:.84rem;font-weight:650}
.taxonomy-chips{
 display:flex;align-items:center;gap:9px;max-width:100%;margin:0 0 30px;
 padding:4px 2px 12px;overflow-x:auto;overscroll-behavior-inline:contain;
 scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tr-primary) 28%,transparent) transparent;
}
.taxonomy-chip{
 flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;
 min-height:40px;padding:8px 14px;border:1px solid var(--tr-border);
 border-radius:999px;background:var(--tr-surface);color:var(--tr-muted);
 font-size:.8rem;font-weight:720;white-space:nowrap;
 transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
.taxonomy-chip:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tr-primary) 45%,var(--tr-border));color:var(--tr-primary);box-shadow:var(--tr-shadow-soft)}
.taxonomy-chip.is-current{background:var(--tr-primary);border-color:var(--tr-primary);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--tr-primary) 19%,transparent)}
.taxonomy-count{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--tr-primary) 9%,var(--tr-surface));color:var(--tr-primary);font-size:.68rem;font-weight:800}
.taxonomy-chip.is-current .taxonomy-count{background:rgba(255,255,255,.18);color:#fff}
.directory-tool-grid{align-items:stretch}
.directory-tool-grid .tool-card{height:100%}

/* Premium card behavior and visual hierarchy. */
.tool-card,.post-card,.cat{
 border-color:color-mix(in srgb,var(--tr-border) 88%,var(--tr-primary) 12%);
 box-shadow:0 5px 20px rgba(17,36,63,.035);
 transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
.tool-card:hover,.post-card:hover,.cat:hover{
 transform:translateY(-5px);border-color:color-mix(in srgb,var(--tr-primary) 36%,var(--tr-border));
 box-shadow:var(--tr-shadow-card);
}
.tool-icon{display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--tr-primary) 11%,var(--tr-surface)),color-mix(in srgb,var(--tr-secondary) 9%,var(--tr-surface)));color:var(--tr-primary);font-weight:850}
.tool-card-title{color:var(--tr-heading-color,var(--tr-text));font-size:1.12rem;line-height:1.3;letter-spacing:-.025em}
.tool-card-description{line-height:1.65}
.post-card-image img{transition:transform .55s cubic-bezier(.2,.75,.25,1)}
.post-card:hover .post-card-image img{transform:scale(1.035)}
.btn,.nav-cta,form.search button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:active,.nav-cta:active,form.search button:active{transform:translateY(1px) scale(.99)}

/* Reveal animations are progressively enhanced by the tiny footer script. */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.25,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.page-hero .kicker,.page-hero h1,.page-hero .lead,.page-hero .search{animation:toollaroxHeroIn .65s both}
.page-hero h1{animation-delay:.07s}
.page-hero .lead{animation-delay:.13s}
.page-hero .search{animation-delay:.19s}
@keyframes toolaroxHeroIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){
 .page-hero h1,.post-hero h1,.tool-page-hero h1{max-width:86%}
 .page-hero:after{right:-150px;opacity:.62}
 form.search.tool-directory-search{max-width:100%}
 .directory-toolbar{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:700px){
 .page-hero{padding:46px 0 42px}
 .page-hero h1,.post-hero h1,.tool-page-hero h1{max-width:100%;font-size:clamp(2.15rem,10vw,3.2rem)}
 .page-hero:before{opacity:.34;background-size:54px 54px,54px 54px,16px 16px}
 .page-hero:after{width:280px;right:-180px;top:18%;transform:none;opacity:.38}
 .page-hero .crumb{margin-bottom:20px}
 .crumb{font-size:.72rem}
 .crumb li+li:before{margin:0 7px}
 form.search.tool-directory-search{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;margin:22px 0 0}
 form.search.tool-directory-search>span{display:none}
 form.search.tool-directory-search input[type=search],form.search.tool-directory-search .tool-category-select,form.search.tool-directory-search button{width:100%;max-width:none;min-width:0}
 form.search.tool-directory-search input[type=search]{padding:12px}
 form.search.tool-directory-search button{padding:13px}
 .taxonomy-chips{margin-bottom:24px}
 .directory-toolbar{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .reveal{opacity:1!important;transform:none!important}
}


@media(max-width:700px){
 .tool-search-form,.search-page-form{display:grid;grid-template-columns:1fr;gap:8px;padding:12px}
 .tool-search-form>span,.search-page-form>span{display:none}
 .tool-search-form input[type=search],.tool-search-form .tool-category-select,.tool-search-form button,
 .search-page-form input[type=search],.search-page-form .tool-category-select,.search-page-form button{width:100%;max-width:none;min-width:0}
 .tool-search-form input[type=search],.search-page-form input[type=search]{padding:12px}
 .tool-search-form button,.search-page-form button{padding:13px}
}
.reveal{transition-delay:var(--reveal-delay,0ms)}


form.search.tool-directory-search{max-width:900px;margin:28px 0 0}
form.search.search-page-form{max-width:720px;margin:26px 0 0}
@media(max-width:700px){
 form.search.tool-directory-search,
 form.search.search-page-form,
 form.search.tool-search-form{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;margin-top:22px}
 form.search.tool-directory-search>span,
 form.search.search-page-form>span,
 form.search.tool-search-form>span{display:none}
 form.search.tool-directory-search input[type=search],
 form.search.tool-directory-search .tool-category-select,
 form.search.tool-directory-search button,
 form.search.search-page-form input[type=search],
 form.search.search-page-form .tool-category-select,
 form.search.search-page-form button,
 form.search.tool-search-form input[type=search],
 form.search.tool-search-form .tool-category-select,
 form.search.tool-search-form button{width:100%;max-width:none;min-width:0}
 form.search.tool-directory-search input[type=search],
 form.search.search-page-form input[type=search],
 form.search.tool-search-form input[type=search]{padding:12px}
 form.search.tool-directory-search button,
 form.search.search-page-form button,
 form.search.tool-search-form button{padding:13px}
}


/* ToolaRox 2.5 — repaired WordPress navigation, sticky responsive header and full-width search. */
.header{
 background:var(--tr-header-background);
 border-bottom:1px solid rgba(255,255,255,.12);
 box-shadow:0 8px 24px rgba(4,12,24,.12);
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
}
.header .brand,.header .brand-name{color:#fff}
.header .navlinks{color:var(--tr-footer-text-color,#C5D1E0)}
.header .navlinks a,.header .navlinks>ul a,.header .navlinks .primary-menu>li>a{color:var(--tr-footer-text-color,#C5D1E0)}
.header .navlinks a:hover,.header .navlinks a[aria-current=page],.header .navlinks .current-menu-item>a{color:#fff}
.header .navlinks .primary-menu>li>a{transition:color .2s ease,opacity .2s ease,transform .2s ease}
.header .navlinks .primary-menu>li>a:hover{opacity:1;transform:translateY(-1px)}
.header .navlinks .primary-menu .sub-menu{background:#111F33;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.header .navlinks .primary-menu .sub-menu a{color:#D6DFEA}
.header .navlinks .primary-menu .sub-menu a:hover{background:rgba(255,255,255,.08);color:#fff}
.header .menu{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff}
.menu-icon{display:flex;flex-direction:column;gap:4px;width:20px}
.menu-icon i{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}

.footer{background:var(--tr-footer-background);color:var(--tr-footer-text-color);padding:54px 0 22px}
.footer-grid{display:grid;grid-template-columns:minmax(230px,1.55fr) minmax(130px,.9fr) minmax(130px,.9fr) minmax(220px,1.2fr);gap:clamp(24px,4vw,58px);align-items:start}
.footer .brand{color:#fff}
.footer .brand-name{color:#fff}
.footer .custom-logo{max-height:48px;width:auto}
.footer-about{max-width:320px;margin:15px 0 0;color:rgba(224,232,242,.76);font-size:.9rem;line-height:1.75}
.footer h2{margin:2px 0 18px;color:#fff;font-size:.94rem;font-weight:750;letter-spacing:-.01em;line-height:1.35}
.footer-menu{list-style:none;margin:0;padding:0}
.footer-menu li{list-style:none;margin:0;padding:0}
.footer-menu a{display:inline-flex!important;align-items:center;margin:0 0 12px!important;padding:0!important;color:rgba(224,232,242,.76)!important;font-size:.88rem!important;line-height:1.5;transition:color .18s ease,transform .18s ease}
.footer-menu a:hover{color:#fff!important;transform:translateX(2px)}
.footer-contact-list{display:grid;gap:12px}
.footer-contact-item{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;color:rgba(224,232,242,.78)!important;font-size:.88rem!important;line-height:1.65}
.footer-contact-item:hover{color:#fff!important}
.footer-contact-item svg{flex:0 0 17px;width:17px;height:17px;margin-top:3px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.footer-contact-item span{min-width:0;overflow-wrap:anywhere}
.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px}
.footer-social-link{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;margin:0!important;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.055);color:#DCE5EF!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.footer-social-link:hover{background:var(--tr-primary);border-color:var(--tr-primary);color:#fff!important;transform:translateY(-2px)}
.footer-social-link .social-icon{display:block;width:17px;height:17px}
.footer-admin-hint{max-width:250px;margin:0;color:rgba(224,232,242,.48);font-size:.74rem;line-height:1.6}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);color:rgba(224,232,242,.68);font-size:.75rem}
.footer-legal-copy{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;min-width:0}
.footer-developer-credit{color:rgba(224,232,242,.68)}
.footer-legal-menu{margin-left:auto}
.footer-legal-menu{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;list-style:none;margin:0 0 0 auto;padding:0}
.footer-legal-menu li{list-style:none;margin:0;padding:0}
.footer-legal-menu a{display:inline-flex!important;margin:0!important;padding:0!important;color:rgba(224,232,242,.72)!important;font-size:.75rem!important;white-space:nowrap}
.footer-legal-menu a:hover{color:#fff!important}

/* The existing CSS hero remains the default. Selecting an image activates this
   layer only; overlay, focal point and fit are controlled in the Customizer. */
.toollarox-has-inner-hero-image .page-hero{
 background-image:
  linear-gradient(105deg,var(--tr-inner-hero-overlay,rgba(234,241,250,.48)) 0%,var(--tr-inner-hero-overlay-soft,rgba(234,241,250,.35)) 100%),
  var(--tr-inner-hero-image),
  radial-gradient(ellipse at 82% 22%,color-mix(in srgb,var(--tr-primary) 12%,transparent),transparent 35%);
 background-position:center,var(--tr-inner-hero-position,center center),center;
 background-size:cover,var(--tr-inner-hero-size,cover),cover;
 background-repeat:no-repeat;
}
.toollarox-has-inner-hero-image .page-hero:before{opacity:.3}
.toollarox-has-inner-hero-image .page-hero:after{opacity:.38}

@media(max-width:980px){
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 42px}
 .footer-brand-column{grid-column:1/-1}
 .footer-about{max-width:460px}
}
@media(max-width:700px){
 .header .menu{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:42px}
 .header .navlinks{display:none;position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--tr-header-background);padding:18px 22px 22px;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 18px 32px rgba(0,0,0,.2);flex-direction:column;align-items:stretch;gap:15px}
 .header .navlinks.open{display:flex}
 .header .navlinks .primary-menu{align-items:stretch;flex-direction:column;gap:8px;width:100%}
 .header .navlinks .primary-menu>li>a{display:flex;width:100%;padding:9px 0;color:#DCE5EF}
 .header .navlinks .primary-menu .sub-menu{background:#13233A;border-color:rgba(255,255,255,.1)}
 .header .navlinks .primary-menu .sub-menu a{color:#DCE5EF}
 .header .navlinks .primary-menu>li>.submenu-toggle{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
 .footer{padding:42px 0 20px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px 22px}
 .footer-brand-column,.footer-contact-column{grid-column:1/-1}
 .footer-bottom{align-items:flex-start;flex-direction:column;gap:16px;margin-top:30px}
 .footer-legal-menu{margin-left:0;width:100%}
 .footer-legal-menu{justify-content:flex-start;gap:12px 18px;margin-left:0}
 .footer-legal-copy{flex-direction:column;align-items:flex-start;gap:6px}
}
@media(max-width:420px){
 .footer-grid{grid-template-columns:1fr}
 .footer-brand-column,.footer-contact-column{grid-column:auto}
}


.footer-grid-columns-1{grid-template-columns:minmax(0,1fr)}
.footer-grid-columns-2{grid-template-columns:minmax(230px,1.55fr) minmax(220px,1.2fr)}
.footer-grid-columns-3{grid-template-columns:minmax(230px,1.4fr) minmax(160px,.9fr) minmax(220px,1.2fr)}
.footer-grid-columns-4{grid-template-columns:minmax(230px,1.55fr) minmax(130px,.9fr) minmax(130px,.9fr) minmax(220px,1.2fr)}
@media(max-width:980px){
 .footer-grid-columns-3,.footer-grid-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-grid-columns-3>.footer-brand-column,.footer-grid-columns-4>.footer-brand-column{grid-column:1/-1}
}
@media(max-width:700px){
 .footer-grid-columns-2{grid-template-columns:1fr}
 .footer-grid-columns-3,.footer-grid-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-grid-columns-3>.footer-brand-column,.footer-grid-columns-3>.footer-contact-column,
 .footer-grid-columns-4>.footer-brand-column,.footer-grid-columns-4>.footer-contact-column{grid-column:1/-1}
}
@media(max-width:420px){
 .footer-grid-columns-3,.footer-grid-columns-4{grid-template-columns:1fr}
 .footer-grid-columns-3>.footer-brand-column,.footer-grid-columns-3>.footer-contact-column,
 .footer-grid-columns-4>.footer-brand-column,.footer-grid-columns-4>.footer-contact-column{grid-column:auto}
}



/* ToolaRox 2.5 — navigation repair, persistent header and full-width tool search. */

/* Sticky navigation is enabled at every viewport size. */
.header{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:0;
    z-index:1000;
    width:100%;
    isolation:isolate;
    background:var(--tr-header-background,#17181A);
    border-bottom:1px solid rgba(255,255,255,.12);
}
body.admin-bar .header{top:32px}
.header .nav{
    position:relative;
    min-height:var(--tr-header-height,76px);
    gap:clamp(12px,1.8vw,26px);
}
.header .navlinks{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex:1 1 auto;
    min-width:0;
    margin-left:auto;
    gap:clamp(14px,1.8vw,28px);
}
.header .navlinks .primary-menu{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:clamp(13px,1.7vw,25px);
    width:auto;
    min-width:0;
}
.header .navlinks .primary-menu>li{flex:0 0 auto}
.header .navlinks .primary-menu>li>a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:6px 0;
    color:var(--tr-footer-text-color,#C4C6CA);
    white-space:nowrap;
    font-size:.88rem;
    font-weight:650;
}
.header .navlinks .primary-menu>li>a:hover,
.header .navlinks .primary-menu>li.current-menu-item>a,
.header .navlinks .primary-menu>li.current_page_item>a{color:#fff}
.header .navlinks .primary-menu .sub-menu{z-index:1005}
.header .header-cta{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:44px;
    padding:10px 17px;
    border-radius:var(--tr-button-radius,13px);
    background:var(--tr-primary,#2457D6);
    border:1px solid var(--tr-primary,#2457D6);
    color:#fff !important;
    font-size:.86rem;
    font-weight:750;
    line-height:1.2;
    white-space:nowrap;
    box-shadow:0 7px 20px color-mix(in srgb,var(--tr-primary,#2457D6) 25%,transparent);
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.header .header-cta:hover{
    color:#fff !important;
    transform:translateY(-1px);
    box-shadow:0 11px 25px color-mix(in srgb,var(--tr-primary,#2457D6) 30%,transparent);
}
.header .menu-toggle{
    display:none;
    flex:0 0 44px;
    align-items:center;
    justify-content:center;
    width:44px;
    min-width:44px;
    height:44px;
    padding:0;
    border:1px solid rgba(255,255,255,.22);
    border-radius:11px;
    background:rgba(255,255,255,.07);
    color:#fff;
}
.header .menu-toggle:hover,
.header .menu-toggle[aria-expanded="true"]{
    background:rgba(255,255,255,.14);
    border-color:rgba(255,255,255,.4);
}
.header .menu-toggle:focus-visible{
    outline:3px solid color-mix(in srgb,var(--tr-primary) 65%,#fff);
    outline-offset:3px;
}
.header .menu-icon{display:flex;flex-direction:column;gap:5px;width:19px}
.header .menu-icon i{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.header .menu-toggle[aria-expanded="true"] .menu-icon i:first-child{transform:translateY(7px) rotate(45deg)}
.header .menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0}
.header .menu-toggle[aria-expanded="true"] .menu-icon i:last-child{transform:translateY(-7px) rotate(-45deg)}

/* The menu collapses before the tablet header runs out of horizontal room. */
@media(max-width:900px){
    body.admin-bar .header{top:32px}
    .header .nav{min-height:68px}
    .header .menu-toggle{display:inline-flex}
    .header .navlinks{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        right:0;
        z-index:1002;
        width:100%;
        max-height:min(72vh,620px);
        overflow-y:auto;
        margin:0;
        padding:16px 20px 20px;
        background:var(--tr-header-background,#17181A);
        border:1px solid rgba(255,255,255,.13);
        border-top:0;
        border-radius:0 0 16px 16px;
        box-shadow:0 20px 38px rgba(0,0,0,.24);
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:8px;
    }
    .header .navlinks.open{display:flex}
    .header .navlinks .primary-menu{
        display:flex !important;
        width:100%;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:2px;
    }
    .header .navlinks .primary-menu>li{width:100%}
    .header .navlinks .primary-menu>li>a{
        display:flex;
        width:100%;
        min-height:42px;
        padding:10px 4px;
        white-space:normal;
    }
    .header .navlinks .primary-menu .sub-menu{
        position:static;
        display:none;
        min-width:0;
        margin:3px 0 9px;
        padding:6px 10px;
        border-radius:10px;
        background:rgba(255,255,255,.055);
        border:1px solid rgba(255,255,255,.09);
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none;
    }
    .header .navlinks .primary-menu li.submenu-open>.sub-menu,
    .header .navlinks .primary-menu li:focus-within>.sub-menu{display:block}
    .header .navlinks .primary-menu .sub-menu a{
        display:flex;
        min-height:38px;
        padding:8px 10px;
        color:#DCE5EF;
        white-space:normal;
    }
    .header .navlinks .primary-menu>li>.submenu-toggle{
        display:inline-flex;
        position:absolute;
        right:0;
        top:3px;
        z-index:3;
        width:38px;
        height:38px;
        align-items:center;
        justify-content:center;
        border:1px solid rgba(255,255,255,.2);
        border-radius:9px;
        background:rgba(255,255,255,.08);
        color:#fff;
    }
}
@media(max-width:782px){
    body.admin-bar .header{top:46px}
}
@media(max-width:480px){
    .header .nav{gap:9px}
    .header .brand{max-width:46%;overflow:hidden}
    .header .brand-name{overflow:hidden;text-overflow:ellipsis}
    .header .custom-logo{max-width:145px;max-height:40px}
    .header .header-cta{min-height:40px;padding:9px 11px;font-size:.75rem;gap:5px}
    .header .menu-toggle{width:40px;min-width:40px;height:40px;flex-basis:40px}
}

/* Homepage search: 1,250px wide at desktop, with a clear input/filter/action hierarchy. */
.hero .wrap.hero-inner,
.homepage-builder-content .hero .wrap.hero-inner{
    width:min(var(--tr-home-search-width,1250px),calc(100% - 48px));
    max-width:var(--tr-home-search-width,1250px);
}
.hero .hero-inner{max-width:var(--tr-home-search-width,1250px)}
.hero .tool-search-form,
.homepage-builder-content .tool-search-form{
    display:grid;
    grid-template-columns:30px minmax(260px,1fr) minmax(205px,260px) auto;
    align-items:center;
    gap:12px;
    width:min(100%,var(--tr-home-search-width,1250px));
    max-width:var(--tr-home-search-width,1250px);
    min-height:var(--tr-home-search-height,82px);
    margin:34px auto 12px;
    padding:11px 12px 11px 22px;
    border:1px solid color-mix(in srgb,var(--tr-border) 76%,var(--tr-primary) 24%);
    border-radius:20px;
    background:var(--tr-surface);
    box-shadow:0 18px 48px rgba(24,39,75,.105),0 2px 8px rgba(24,39,75,.035);
}
.hero .tool-search-form:focus-within,
.homepage-builder-content .tool-search-form:focus-within{
    border-color:color-mix(in srgb,var(--tr-primary) 65%,var(--tr-border));
    box-shadow:0 0 0 4px color-mix(in srgb,var(--tr-primary) 11%,transparent),0 20px 52px rgba(24,39,75,.12);
}
.hero .tool-search-form .search-icon,
.homepage-builder-content .tool-search-form .search-icon{
    display:grid;
    place-items:center;
    width:30px;
    height:40px;
    color:var(--tr-muted);
}
.hero .tool-search-form .search-icon svg,
.homepage-builder-content .tool-search-form .search-icon svg{
    display:block;
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
}
.hero .tool-search-form input[type="search"],
.homepage-builder-content .tool-search-form input[type="search"]{
    display:block;
    width:100%;
    min-width:0;
    min-height:56px;
    padding:13px 8px;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--tr-text);
    font-size:1rem;
    box-shadow:none;
}
.hero .tool-search-form input[type="search"]::placeholder,
.homepage-builder-content .tool-search-form input[type="search"]::placeholder{
    color:color-mix(in srgb,var(--tr-muted) 82%,white);
    opacity:1;
}
.hero .tool-search-form .tool-category-select,
.homepage-builder-content .tool-search-form .tool-category-select{
    width:100%;
    max-width:none;
    min-width:0;
    min-height:56px;
    padding:12px 38px 12px 15px;
    border:1px solid var(--tr-border);
    border-radius:12px;
    background-color:var(--tr-background);
    color:var(--tr-text);
    font-size:.9rem;
}
.hero .tool-search-form button,
.homepage-builder-content .tool-search-form button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:56px;
    padding:0 25px;
    border:1px solid var(--tr-primary);
    border-radius:13px;
    background:var(--tr-primary);
    color:#fff;
    font-size:.9rem;
    font-weight:750;
    box-shadow:0 7px 17px color-mix(in srgb,var(--tr-primary) 20%,transparent);
}
.hero .tool-search-form button:hover,
.homepage-builder-content .tool-search-form button:hover{
    transform:translateY(-1px);
    box-shadow:0 11px 23px color-mix(in srgb,var(--tr-primary) 26%,transparent);
}
.hero .tool-search-hint,
.homepage-builder-content .tool-search-hint{
    margin:11px auto 0;
    color:var(--tr-muted);
    font-size:.82rem;
    line-height:1.55;
    text-align:center;
}
@media(max-width:1100px) and (min-width:901px){
    .header .navlinks .primary-menu{gap:11px}
    .header .navlinks .primary-menu>li>a{font-size:.82rem}
    .header .header-cta{padding-inline:12px;font-size:.8rem}
}
@media(max-width:980px) and (min-width:701px){
    .hero .tool-search-form,
    .homepage-builder-content .tool-search-form{
        grid-template-columns:28px minmax(0,1fr) minmax(190px,230px);
        gap:10px;
        padding:12px 22px;
    }
    .hero .tool-search-form button,
    .homepage-builder-content .tool-search-form button{
        grid-column:2 / 4;
        justify-self:stretch;
        width:100%;
    }
}
@media(max-width:700px){
    .hero .wrap.hero-inner,
    .homepage-builder-content .hero .wrap.hero-inner{
        width:calc(100% - 32px);
        max-width:1250px;
    }
    .hero .tool-search-form,
    .homepage-builder-content .tool-search-form{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:9px;
        width:100%;
        max-width:100%;
        min-height:0;
        margin:25px auto 10px;
        padding:13px;
        border-radius:17px;
    }
    .hero .tool-search-form .search-icon,
    .homepage-builder-content .tool-search-form .search-icon{display:none}
    .hero .tool-search-form input[type="search"],
    .homepage-builder-content .tool-search-form input[type="search"],
    .hero form.search.tool-search-form .tool-category-select,
    .homepage-builder-content form.search.tool-search-form .tool-category-select,
    .hero .tool-search-form button,
    .homepage-builder-content .tool-search-form button{
        width:100%;
        max-width:none;
        min-width:0;
        min-height:50px;
    }
    .hero .tool-search-form input[type="search"]{
        padding:12px 13px;
        border:1px solid var(--tr-border);
        border-radius:11px;
        background:var(--tr-background);
    }
    .hero .tool-search-form .tool-category-select{min-height:50px}
    .hero .tool-search-form button{min-height:52px}
    .hero .tool-search-hint{text-align:left}
}

/* Keep the focus ring, sticky offset and motion preferences consistent. */
html{scroll-padding-top:calc(var(--tr-header-height,76px) + 20px)}
[id]{scroll-margin-top:calc(var(--tr-header-height,76px) + 20px)}
@media(prefers-reduced-motion:reduce){
    .header .header-cta,.header .menu-icon i,.footer-social-menu a{transition:none!important}
}


/* ToolaRox 2.6 — single article alignment, predictable sticky header and compact footer. */

/* Sticky positioning needs ancestors that do not create a competing scroll container. */
html,body{overflow-x:clip!important}
.toollarox-site-shell{overflow:visible!important}
.toollarox-site-shell>.header{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
    align-self:start;
}
body.admin-bar .toollarox-site-shell>.header{top:32px!important}
@media(max-width:782px){
    body.admin-bar .toollarox-site-shell>.header{top:46px!important}
}

/* The article and the post hero share the exact same outer wrap dimensions. */
.single-post .post-hero>.wrap,
.single-post .post-layout-aligned{
    width:min(var(--tr-container-width,1260px),calc(100% - 48px))!important;
    max-width:var(--tr-container-width,1260px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.single-post .post-layout-aligned{
    display:block;
    padding-left:0!important;
    padding-right:0!important;
}
.single-post .post-layout-aligned .post-featured-image{
    width:100%;
    max-width:none;
    margin:0 0 34px;
}
.single-post .post-layout-aligned .post-content{
    width:100%;
    max-width:none!important;
    margin:0!important;
}
.single-post .post-layout-aligned .post-end{
    width:100%;
}
@media(max-width:700px){
    .single-post .post-hero>.wrap,
    .single-post .post-layout-aligned{
        width:calc(100% - 32px)!important;
    }
}

/* The homepage search has a customizable left inset and no trailing right inset. */
.hero .tool-search-form,
.homepage-builder-content .tool-search-form{
    padding-left:var(--tr-home-search-padding-x,50px)!important;
    padding-right:0!important;
}
@media(max-width:980px){
    .hero .tool-search-form,
    .homepage-builder-content .tool-search-form{
        padding-left:22px!important;
        padding-right:0!important;
    }
}
@media(max-width:700px){
    .hero .tool-search-form,
    .homepage-builder-content .tool-search-form{
        padding:13px!important;
    }
}

/* Four-column footer: social links are part of Contact, not a fifth column. */
.footer-grid-columns-4{
    grid-template-columns:minmax(220px,1.45fr) minmax(130px,.9fr) minmax(130px,.9fr) minmax(210px,1.2fr)!important;
}
.footer-contact-social{margin-top:23px}
.footer-contact-social h3{
    margin:0 0 11px;
    color:#fff;
    font-size:.82rem;
    font-weight:750;
    letter-spacing:0;
}
.footer-contact-social .footer-social{margin-top:0}
.footer-contact-social .footer-social-menu{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    list-style:none;
    margin:0;
    padding:0;
}
.footer-contact-social .footer-social-menu li{list-style:none;margin:0;padding:0}
.footer-contact-social .footer-social-menu a{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    background:rgba(255,255,255,.055);
    color:#DCE5EF!important;
}
.footer-contact-social .footer-social-menu a:hover{
    background:var(--tr-primary);
    border-color:var(--tr-primary);
    color:#fff!important;
}
@media(max-width:980px){
    .footer-grid-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .footer-grid-columns-4>.footer-brand-column{grid-column:1/-1}
}
@media(max-width:700px){
    .footer-grid-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .footer-grid-columns-4>.footer-brand-column,
    .footer-grid-columns-4>.footer-contact-column{grid-column:1/-1}
}
@media(max-width:420px){
    .footer-grid-columns-4{grid-template-columns:1fr!important}
    .footer-grid-columns-4>.footer-brand-column,
    .footer-grid-columns-4>.footer-contact-column{grid-column:auto}
}


/* ToolaRox 2.7 — per-Tool Featured Images on the public website. */
.tool-page-hero-inner.has-tool-image{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
    align-items:center;
    gap:clamp(28px,4.5vw,68px);
}
.tool-page-hero-copy{min-width:0;position:relative;z-index:2}
.tool-page-hero-inner.has-tool-image h1,
.tool-page-hero-inner.has-tool-image .lead{max-width:100%}
.tool-page-hero-media{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:220px;
}
.tool-page-hero-image{
    display:block;
    width:100%;
    height:clamp(220px,27vw,360px);
    max-width:460px;
    object-fit:contain;
    object-position:center;
    border-radius:var(--tr-card-radius);
    filter:drop-shadow(0 18px 28px rgba(20,32,58,.12));
}
.toollarox-tool-has-hero-image .tool-page-hero{
    background-image:
        linear-gradient(105deg,color-mix(in srgb,var(--tr-hero-background) 94%,var(--tr-surface) 6%) 0%,color-mix(in srgb,var(--tr-surface) 82%,var(--tr-hero-background) 18%) 100%),
        radial-gradient(ellipse at 82% 22%,color-mix(in srgb,var(--tr-primary) 12%,transparent),transparent 35%),
        radial-gradient(ellipse at 96% 92%,color-mix(in srgb,var(--tr-secondary) 13%,transparent),transparent 32%)!important;
}
.toollarox-tool-has-hero-image .tool-page-hero:after{opacity:.18}
.tool-card-image{
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:76px;
    height:76px;
    overflow:hidden;
    border:1px solid var(--tr-border);
    border-radius:16px;
    background:color-mix(in srgb,var(--tr-primary) 4%,var(--tr-surface));
}
.tool-card-image-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
}
.tool-workspace-featured-image{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin:0 auto 28px;
    padding:18px;
    border:1px solid var(--tr-border);
    border-radius:var(--tr-card-radius);
    background:var(--tr-surface);
}
.tool-workspace-featured-image img{
    display:block;
    width:auto;
    max-width:100%;
    max-height:420px;
    height:auto;
    object-fit:contain;
    border-radius:calc(var(--tr-card-radius) * .6);
}
@media(max-width:780px){
    .tool-page-hero-inner.has-tool-image{
        grid-template-columns:minmax(0,1fr);
        gap:24px;
    }
    .tool-page-hero-media{min-height:0;justify-content:flex-start}
    .tool-page-hero-image{height:clamp(190px,54vw,300px);max-width:100%}
}
@media(max-width:520px){
    .tool-card-image{width:62px;height:62px;border-radius:13px}
    .tool-workspace-featured-image{padding:10px;margin-bottom:20px}
}


/* ToolaRox 2.8 — independent desktop/tablet/mobile CTA controls. */
.header .header-cta-desktop{
    display:inline-flex;
    width:var(--tr-cta-desktop-width,auto);
    min-height:var(--tr-cta-desktop-min-height,44px);
    margin:var(--tr-cta-desktop-margin-y,0) var(--tr-cta-desktop-margin-x,0);
    padding:var(--tr-cta-desktop-padding-y,10px) var(--tr-cta-desktop-padding-x,17px);
    border:var(--tr-cta-desktop-border-width,1px) solid var(--tr-cta-desktop-border,var(--tr-primary));
    border-radius:var(--tr-cta-desktop-radius,13px);
    background:var(--tr-cta-desktop-bg,var(--tr-primary));
    color:var(--tr-cta-desktop-color,#fff)!important;
    font-size:var(--tr-cta-desktop-font-size,14px);
    font-weight:var(--tr-cta-desktop-font-weight,750);
    line-height:1.2;
}
.header .header-cta-desktop:hover{
    background:var(--tr-cta-desktop-hover-bg,var(--tr-primary));
    border-color:var(--tr-cta-desktop-hover-bg,var(--tr-primary));
    color:var(--tr-cta-desktop-color,#fff)!important;
}
.header .header-cta-mobile{display:none}
.header .header-cta-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.toollarox-header-logo .custom-logo{width:auto;max-width:var(--tr-header-logo-width,180px);max-height:58px;object-fit:contain}
.toollarox-footer-logo .custom-logo{width:auto;max-width:var(--tr-footer-logo-width,180px);max-height:58px;object-fit:contain}

@media(max-width:900px){
    .header .header-cta-desktop{display:none}
    .header .header-cta-mobile{
        display:inline-flex;
        flex:var(--tr-cta-mobile-flex,0 0 auto);
        width:var(--tr-cta-mobile-width,auto);
        max-width:180px;
        min-width:0;
        min-height:var(--tr-cta-mobile-min-height,40px);
        margin:var(--tr-cta-mobile-margin-y,0) var(--tr-cta-mobile-margin-x,0);
        padding:var(--tr-cta-mobile-padding-y,9px) var(--tr-cta-mobile-padding-x,11px);
        border:var(--tr-cta-mobile-border-width,1px) solid var(--tr-cta-mobile-border,var(--tr-primary));
        border-radius:var(--tr-cta-mobile-radius,13px);
        background:var(--tr-cta-mobile-bg,var(--tr-primary));
        color:var(--tr-cta-mobile-color,#fff)!important;
        font-size:var(--tr-cta-mobile-font-size,13px);
        font-weight:var(--tr-cta-mobile-font-weight,750);
        line-height:1.15;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .header .header-cta-mobile:hover{
        background:var(--tr-cta-mobile-hover-bg,var(--tr-primary));
        border-color:var(--tr-cta-mobile-hover-bg,var(--tr-primary));
        color:var(--tr-cta-mobile-color,#fff)!important;
    }
    .header .nav{gap:clamp(7px,1.6vw,16px)}
    .header .toollarox-header-logo .custom-logo{max-width:min(var(--tr-header-logo-width,180px),34vw);max-height:42px}
}
@media(max-width:480px){
    .header .header-cta-mobile{max-width:142px}
    .header .toollarox-header-logo .custom-logo{max-width:min(var(--tr-header-logo-width,180px),31vw);max-height:38px}
}

/* Single post and Tool pages: equal-width outer container and two-column reading layout. */
.single-content-section,.tool-content-section{overflow:visible}
.single-content-layout,.tool-layout-grid{
    width:min(var(--tr-container-width,1260px),calc(100% - 48px));
    max-width:var(--tr-container-width,1260px);
    margin-left:auto;
    margin-right:auto;
    display:grid;
    grid-template-columns:minmax(0,var(--tr-single-article-width,790px)) minmax(240px,var(--tr-sidebar-width,320px));
    gap:var(--tr-sidebar-gap,42px);
    align-items:start;
    justify-content:space-between;
}
.single-content-layout:not(.has-sidebar),.tool-layout-grid:not(.has-sidebar){
    display:block;
}
.single-article,.tool-main-column{min-width:0;width:100%}
.tr-content-sidebar{
    position:sticky;
    top:var(--tr-sidebar-top,110px);
    align-self:start;
    min-width:0;
    max-height:min(var(--tr-sidebar-max-height,780px),calc(100vh - var(--tr-sidebar-top,110px) - 24px));
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior-y:auto;
    scrollbar-gutter:stable;
    padding:0 4px 8px 0;
}
.tr-content-sidebar::-webkit-scrollbar{width:6px}
.tr-content-sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--tr-muted) 35%,transparent);border-radius:20px}
.tr-content-sidebar::-webkit-scrollbar-track{background:transparent}
.tr-content-sidebar .widget{
    margin:0 0 20px;
    padding:21px;
    border:1px solid var(--tr-border);
    border-radius:var(--tr-card-radius,18px);
    background:var(--tr-surface);
    box-shadow:0 8px 26px rgba(20,32,58,.045);
}
.tr-content-sidebar .widget-title{
    margin:0 0 16px;
    color:var(--tr-heading-color);
    font-family:var(--tr-heading-font);
    font-size:1.04rem;
    line-height:1.3;
}
.tr-widget-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tr-widget-list li{margin:0;padding:0}
.tr-widget-list li a{
    display:flex;
    align-items:center;
    gap:11px;
    color:var(--tr-text);
    font-size:.9rem;
    line-height:1.45;
    font-weight:650;
    text-decoration:none;
}
.tr-widget-list li a:hover{color:var(--tr-primary)}
.tr-widget-thumb{
    flex:0 0 52px;
    width:52px;
    height:44px;
    object-fit:cover;
    border-radius:9px;
}
.tr-widget-categories li a{justify-content:space-between}
.tr-widget-categories li a span{
    display:inline-flex;
    min-width:26px;
    justify-content:center;
    padding:2px 7px;
    border-radius:30px;
    background:var(--tr-background);
    color:var(--tr-muted);
    font-size:.75rem;
}
.tr-content-sidebar .widget ul{list-style:none;margin:0;padding:0}
.tr-content-sidebar .widget li{margin:0;padding:0}
.tr-content-sidebar .widget a{overflow-wrap:anywhere}
.tr-content-sidebar .widget p:last-child{margin-bottom:0}
.tr-after-content-widgets{margin:34px 0}
.tr-after-content-widgets .widget{
    padding:20px;
    border:1px solid var(--tr-border);
    border-radius:var(--tr-card-radius,18px);
    background:var(--tr-surface);
}
@media(max-width:980px){
    .single-content-layout.has-sidebar,.tool-layout-grid.has-sidebar{
        grid-template-columns:minmax(0,1fr) minmax(220px,280px);
        gap:24px;
    }
}
@media(max-width:780px){
    .single-content-layout.has-sidebar,.tool-layout-grid.has-sidebar{
        display:flex;
        flex-direction:column;
        gap:32px;
    }
    .tr-content-sidebar{
        position:static;
        width:100%;
        max-height:none;
        overflow:visible;
        padding:0;
    }
    .tr-content-sidebar .widget{margin-bottom:15px}
}

/* Full single-blog presentation, metadata and author information. */
.post-hero-inner{
    width:min(var(--tr-container-width,1260px),calc(100% - 48px));
    max-width:var(--tr-container-width,1260px);
    margin-left:auto;
    margin-right:auto;
}
.post-hero-inner.has-post-featured-image{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);
    align-items:center;
    gap:clamp(28px,4vw,64px);
}
.post-hero-copy{min-width:0}
.post-hero-copy h1{max-width:900px}
.post-hero-media{min-width:0;display:flex;justify-content:flex-end;align-items:center}
.post-hero-categories,.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.post-hero-categories a,.post-tags a{
    display:inline-flex;
    padding:5px 10px;
    border:1px solid var(--tr-border);
    border-radius:30px;
    color:var(--tr-primary);
    background:color-mix(in srgb,var(--tr-surface) 82%,var(--tr-primary) 18%);
    font-size:.76rem;
    font-weight:700;
    text-decoration:none;
}
.post-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--tr-muted);font-size:.84rem}
.post-author-avatar{width:30px;height:30px;border-radius:50%}
.post-author-box{
    display:flex;
    align-items:flex-start;
    gap:17px;
    margin:40px 0 10px;
    padding:22px;
    border:1px solid var(--tr-border);
    border-radius:var(--tr-card-radius,18px);
    background:var(--tr-background);
}
.post-author-avatar-large{width:64px;height:64px;flex:0 0 64px;border-radius:50%}
.post-author-box .kicker{margin:0 0 4px}
.post-author-box h2{margin:0 0 7px;font-size:1.15rem}
.post-author-box p:last-child{margin:0;color:var(--tr-muted)}
.post-tags{margin:32px 0}
.post-tags>span{font-size:.82rem;font-weight:750;color:var(--tr-muted)}
@media(max-width:780px){
    .post-hero-inner.has-post-featured-image{grid-template-columns:1fr;gap:22px}
    .post-hero-media{justify-content:flex-start}
}

/* Per-post and per-tool featured image size, fit, ratio and frame controls. */
.tr-featured-media{
    display:block;
    width:min(var(--tr-featured-width,100%),100%);
    max-width:100%;
    margin:0 0 30px;
    padding:0;
    overflow:hidden;
    border:0 solid var(--tr-border);
    border-radius:var(--tr-featured-radius,18px);
    background:var(--tr-surface);
}
.tr-featured-image{
    display:block;
    width:100%;
    max-width:100%;
    max-height:var(--tr-featured-height,560px);
    aspect-ratio:var(--tr-featured-ratio,auto);
    object-fit:var(--tr-featured-fit,contain);
    object-position:center;
    border-radius:inherit;
}
.tr-featured-style-shadow{filter:drop-shadow(0 15px 28px rgba(20,32,58,.12))}
.tr-featured-style-framed{border:1px solid var(--tr-border);padding:10px;box-shadow:0 10px 30px rgba(20,32,58,.06)}
.tr-featured-style-plain{box-shadow:none}
.post-hero-media .tr-featured-media{margin:0}
.tool-page-hero-media .tr-featured-media{margin:0}
.tool-page-hero-media .tr-featured-image{max-height:var(--tr-featured-height,420px)}
.tool-workspace>.tr-featured-media{margin-bottom:28px}
.tool-card-image{
    width:76px;height:76px;flex:0 0 76px;
    border-radius:var(--tr-featured-radius,16px);
    overflow:hidden;
}
.tool-card-image-img{
    width:100%;height:100%;max-height:100%;
    aspect-ratio:var(--tr-featured-ratio,1 / 1);
    object-fit:var(--tr-featured-fit,contain);
    border-radius:inherit;
}
@media(max-width:700px){
    .tr-featured-media{margin-bottom:22px}
    .post-author-box{padding:17px}
    .tool-card-image{width:62px;height:62px;flex-basis:62px}
}

/* Related content blocks stay inside the article / Tool column and follow the body. */
.tr-related-section{
    margin:48px 0 8px;
    padding-top:30px;
    border-top:1px solid var(--tr-border);
}
.tr-related-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}
.tr-related-heading h2{margin:0;color:var(--tr-heading-color);font-size:clamp(1.35rem,2.5vw,1.8rem)}
.tr-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tr-related-posts .post-card{height:100%;min-width:0}
.tr-related-posts .post-card-image{height:150px}
.tr-related-posts .post-card-content{padding:18px}
.tr-related-posts .post-card-content h3{font-size:1.03rem}
.tr-related-tools .tool-card{height:100%}
@media(max-width:620px){
    .tr-related-grid{grid-template-columns:1fr}
}

/* Reusable Gutenberg sections created under Dashboard → Reusable Sections. */
.tr-reusable-section{
    position:relative;
    padding:clamp(34px,5vw,76px) 0;
    border-top:1px solid color-mix(in srgb,var(--tr-border) 65%,transparent);
}
.tr-reusable-section-title{
    margin:0 0 22px;
    color:var(--tr-heading-color);
    font-family:var(--tr-heading-font);
    font-size:clamp(1.55rem,3vw,2.2rem);
}
.tr-reusable-section-icon{display:inline-flex;margin-bottom:12px;font-size:1.5rem;color:var(--tr-primary)}
.tr-reusable-section-content>*:first-child{margin-top:0}
.tr-reusable-section-content>*:last-child{margin-bottom:0}
.tr-reusable-section-content .wp-block-buttons{margin-top:22px}
@media(prefers-reduced-motion:no-preference){
    .tr-reusable-section{scroll-margin-top:110px}
}

/* Sidebar behaviour is sticky on desktop but independently scrollable if taller than the viewport. */
@media(min-width:781px){
    .tr-content-sidebar{scroll-behavior:auto}
}

.tr-content-sidebar.is-not-sticky{position:static;max-height:none;overflow:visible;padding:0}

.header .header-cta-desktop .header-cta-icon{font-size:var(--tr-cta-desktop-icon-size,15px);margin-left:0}
.header .header-cta-mobile .header-cta-icon{font-size:var(--tr-cta-mobile-icon-size,15px);margin-left:0}
.header .header-cta-desktop{gap:var(--tr-cta-desktop-gap,9px)}
.header .header-cta-mobile{gap:var(--tr-cta-mobile-gap,9px)}

.tool-card-image{width:var(--tr-featured-card-size,76px);height:var(--tr-featured-card-size,76px);flex-basis:var(--tr-featured-card-size,76px)}
.tool-card-image.tr-featured-style-shadow{box-shadow:0 10px 24px rgba(20,32,58,.12)}
.tool-card-image.tr-featured-style-framed{border:2px solid var(--tr-border);padding:4px}
@media(max-width:520px){
    .tool-card-image{width:min(var(--tr-featured-card-size,76px),62px);height:min(var(--tr-featured-card-size,76px),62px);flex-basis:min(var(--tr-featured-card-size,76px),62px)}
}

.tr-featured-media{margin-left:0;margin-right:auto}
.tr-featured-media[style*="--tr-featured-align:center"]{margin-left:auto;margin-right:auto}
.tr-featured-media[style*="--tr-featured-align:right"]{margin-left:auto;margin-right:0}

.post-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0;padding:18px 0;border-top:1px solid var(--tr-border);border-bottom:1px solid var(--tr-border)}
.post-navigation .nav-links{display:contents}
.post-navigation .nav-previous,.post-navigation .nav-next{min-width:0}
.post-navigation .nav-next{text-align:right}
.post-navigation a{display:grid;gap:5px;color:var(--tr-heading-color);text-decoration:none;overflow-wrap:anywhere}
.post-navigation .nav-subtitle{font-size:.75rem;color:var(--tr-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.post-navigation .nav-title{font-weight:750}
@media(max-width:520px){.post-navigation{grid-template-columns:1fr}.post-navigation .nav-next{text-align:left}}


/* ToolaRox 2.9 — final layout refinement, search, content cards and performance polish. */

/* Keep the inner-page search aligned with the left-hand title column, away from the orbit artwork. */
.page-hero .tool-directory-search,
.page-hero form.search.archive-search{
    position:relative;
    z-index:3;
    width:100%;
    max-width:min(730px,calc(100% - 450px));
    margin:26px 0 0;
    gap:8px;
    padding:7px 8px 7px 18px;
    border-radius:999px;
    background:var(--tr-surface);
    box-shadow:0 12px 34px rgba(24,43,78,.075);
}
.page-hero .tool-directory-search input[type=search]{
    flex:1 1 250px;
    min-width:0;
    padding:13px 8px;
    background:transparent;
}
.page-hero .tool-directory-search .tool-category-select{
    flex:0 1 190px;
    min-width:150px;
    max-width:210px;
    height:46px;
    margin:0;
    border-radius:999px;
    background:var(--tr-background);
}
.page-hero .tool-directory-search button{
    flex:0 0 auto;
    align-self:stretch;
    min-height:46px;
    margin:0;
    padding:12px 22px;
    border-radius:999px;
    background:var(--tr-primary);
    color:#fff;
    box-shadow:0 6px 16px color-mix(in srgb,var(--tr-primary) 20%,transparent);
}
.page-hero .tool-directory-search button:hover{
    transform:translateY(-1px);
    background:color-mix(in srgb,var(--tr-primary) 86%,#111);
}
.page-hero .tool-directory-search:focus-within{
    border-color:var(--tr-primary);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--tr-primary) 10%,transparent),0 14px 38px rgba(24,43,78,.09);
}

/* Homepage search: one continuous pill, with the search action flush to the right edge. */
.hero form.search.tool-search-form{
    display:flex;
    width:min(100%,940px);
    max-width:940px;
    min-height:66px;
    margin:30px auto 0;
    padding:0 0 0 22px;
    gap:0;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--tr-primary) 18%,var(--tr-border));
    border-radius:999px;
    background:var(--tr-surface);
    box-shadow:0 16px 42px rgba(28,42,77,.09);
}
.hero form.search.tool-search-form>span{display:inline-flex;flex:0 0 auto;margin-right:10px}
.hero form.search.tool-search-form input[type=search]{
    flex:1 1 auto;
    width:100%;
    min-width:0;
    padding:16px 12px;
    border:0;
    background:transparent;
    font-size:.98rem;
}
.hero form.search.tool-search-form .tool-category-select{
    flex:0 1 205px;
    min-width:155px;
    max-width:220px;
    height:48px;
    margin:0 8px 0 10px;
    border-radius:999px;
    background:var(--tr-background);
}
.hero form.search.tool-search-form button{
    flex:0 0 auto;
    align-self:stretch;
    min-height:66px;
    margin:0;
    padding:0 28px;
    border:0;
    border-radius:0 999px 999px 0;
    background:var(--tr-primary);
    color:#fff;
    font-size:.92rem;
    font-weight:800;
    box-shadow:none;
    transition:background .2s ease,filter .2s ease;
}
.hero form.search.tool-search-form button:hover{
    background:color-mix(in srgb,var(--tr-primary) 86%,#111);
    filter:brightness(1.04);
}
.hero form.search.tool-search-form:focus-within{
    border-color:var(--tr-primary);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--tr-primary) 10%,transparent),0 16px 42px rgba(28,42,77,.09);
}

/* Five visible names rotate through the highest-viewed Tools. */
.tr-popular-tools{
    display:flex;
    align-items:center;
    gap:13px;
    width:min(100%,940px);
    margin:13px auto 0;
    text-align:left;
}
.tr-popular-tools-label{
    flex:0 0 auto;
    color:var(--tr-muted);
    font-size:.68rem;
    font-weight:850;
    letter-spacing:.1em;
    text-transform:uppercase;
    white-space:nowrap;
}
.tr-popular-tools-window{flex:1 1 auto;min-width:0;overflow:hidden}
.tr-popular-tools-track{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    will-change:transform;
}
.tr-popular-tools-item{
    flex:0 0 calc((100% - 40px)/5);
    min-width:0;
    margin:0;
    padding:0;
}
.tr-popular-tools-item a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    min-width:0;
    min-height:37px;
    padding:8px 11px;
    overflow:hidden;
    border:1px solid var(--tr-border);
    border-radius:999px;
    background:color-mix(in srgb,var(--tr-surface) 92%,var(--tr-primary) 8%);
    color:var(--tr-text);
    font-size:.75rem;
    font-weight:720;
    text-decoration:none;
    white-space:nowrap;
    transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease;
}
.tr-popular-tools-item a:hover{
    color:var(--tr-primary);
    border-color:color-mix(in srgb,var(--tr-primary) 45%,var(--tr-border));
    background:var(--tr-surface);
    transform:translateY(-1px);
}
.tr-popular-tools-item a>span:first-child{overflow:hidden;text-overflow:ellipsis}
.tr-popular-tools-arrow{flex:0 0 auto;color:var(--tr-primary);font-size:.9rem}
.hero .hint{margin-top:9px}

/* Reduce the content/sidebar gap and prevent space-between from pushing the sidebar away. */
.single-content-layout.has-sidebar,
.tool-layout-grid.has-sidebar{
    grid-template-columns:minmax(0,var(--tr-single-article-width,790px)) minmax(240px,var(--tr-sidebar-width,320px));
    gap:var(--tr-sidebar-gap,28px);
    justify-content:start;
    align-items:start;
}
.single-content-layout.has-sidebar .single-article,
.tool-layout-grid.has-sidebar .tool-main-column{
    width:100%;
    max-width:var(--tr-single-article-width,790px);
    min-width:0;
}
.single-content-layout.has-sidebar .tr-content-sidebar,
.tool-layout-grid.has-sidebar .tr-content-sidebar{margin-left:0}

/* Featured images have no artificial panel, tinted canvas, frame or shadow behind them. */
.tr-featured-media{
    background:transparent!important;
    box-shadow:none!important;
}
.tr-featured-media .tr-featured-image{
    display:block;
    background:transparent!important;
    box-shadow:none!important;
}
.post-hero-media .tr-featured-media,
.tool-page-hero-media .tr-featured-media{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    box-shadow:none!important;
    filter:none!important;
}
.post-hero-media .tr-featured-image,
.tool-page-hero-media .tr-featured-image{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    object-fit:contain;
}

/* Related blog cards: real thumbnails, clean image edges and balanced metadata. */
.tr-related-posts .tr-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tr-related-posts .tr-related-grid.tr-related-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tr-related-posts .post-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    height:100%;
    overflow:hidden;
    border-radius:18px;
    background:var(--tr-surface);
    box-shadow:0 8px 24px rgba(20,32,58,.055);
}
.tr-related-posts .post-card-image{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    overflow:hidden;
    background:transparent!important;
    border-radius:0;
}
.tr-related-posts .post-card-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    background:transparent;
    transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.tr-related-posts .post-card:hover .post-card-image img{transform:scale(1.045)}
.tr-related-posts .post-placeholder{
    display:grid;
    width:100%;
    height:100%;
    place-items:center;
    background:var(--tr-background);
}
.tr-related-posts .post-card-content{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    gap:8px;
    padding:18px;
}
.tr-related-posts .tr-related-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin:0;
    color:var(--tr-muted);
    font-size:.72rem;
    font-weight:650;
}
.tr-related-posts .post-card-content h3{margin:0;font-size:1.03rem;line-height:1.35}
.tr-related-posts .post-card-content h3 a{color:var(--tr-heading-color);text-decoration:none}
.tr-related-posts .post-card-content h3 a:hover{color:var(--tr-primary)}
.tr-related-posts .post-card-content p{margin:0;color:var(--tr-muted);font-size:.85rem;line-height:1.65}

/* WordPress sidebar widgets: thumbnails and metadata are optional per widget instance. */
.tr-content-sidebar .tr-widget-content-list{display:grid;gap:14px}
.tr-content-sidebar .tr-widget-content-list .tr-widget-item{
    display:grid;
    gap:6px;
    padding:0 0 13px;
    border-bottom:1px solid color-mix(in srgb,var(--tr-border) 78%,transparent);
}
.tr-content-sidebar .tr-widget-content-list .tr-widget-item:last-child{padding-bottom:0;border-bottom:0}
.tr-content-sidebar .tr-widget-link{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0;
    color:var(--tr-text);
    font-size:.88rem;
    font-weight:740;
    line-height:1.4;
    text-decoration:none;
}
.tr-content-sidebar .tr-widget-link:hover{color:var(--tr-primary)}
.tr-content-sidebar .tr-widget-item-title{min-width:0;overflow-wrap:anywhere}
.tr-content-sidebar .tr-widget-thumb{
    display:block;
    flex:0 0 62px;
    width:62px;
    height:50px;
    object-fit:cover;
    border-radius:10px;
    background:var(--tr-background);
}
.tr-content-sidebar .tr-widget-item-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    padding-left:73px;
    color:var(--tr-muted);
    font-size:.7rem;
    line-height:1.4;
}
.tr-content-sidebar .tr-widget-item-excerpt{
    margin:0;
    padding-left:73px;
    color:var(--tr-muted);
    font-size:.77rem;
    line-height:1.55;
}
.tr-content-sidebar .tr-widget-categories li+li{margin-top:9px}
.tr-content-sidebar .widget_custom_html img,
.tr-content-sidebar .widget_media_image img,
.tr-content-sidebar .widget img{
    display:block;
    max-width:100%;
    height:auto;
    border-radius:12px;
}
.tr-content-sidebar .widget iframe,
.tr-content-sidebar .widget video{max-width:100%}
.tr-content-sidebar .widget a{overflow-wrap:anywhere}
.tr-content-sidebar .widget_custom_html{overflow-wrap:anywhere}

/* Polished native WordPress comment form. */
.post-comments{
    margin:52px 0 26px;
    padding:clamp(20px,3vw,32px);
    border:1px solid var(--tr-border);
    border-radius:22px;
    background:var(--tr-surface);
    box-shadow:0 10px 32px rgba(20,32,58,.045);
}
.post-comments #respond{width:100%;max-width:100%;margin:0}
.post-comments .comment-reply-title{
    margin:0 0 8px;
    color:var(--tr-heading-color);
    font-family:var(--tr-heading-font);
    font-size:clamp(1.25rem,2.3vw,1.65rem);
    line-height:1.25;
    letter-spacing:-.025em;
}
.post-comments .comment-notes,
.post-comments .logged-in-as{
    margin:0 0 18px;
    color:var(--tr-muted);
    font-size:.84rem;
    line-height:1.6;
}
.post-comments .comment-notes .required,
.post-comments .required{color:#d44747}
.post-comments .tr-comment-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px 16px;
    margin:0;
}
.post-comments .tr-comment-form>p{margin:0;min-width:0}
.post-comments .tr-comment-form .comment-notes,
.post-comments .tr-comment-form .comment-form-comment,
.post-comments .tr-comment-form .comment-form-url,
.post-comments .tr-comment-form .comment-form-cookies-consent,
.post-comments .tr-comment-form .form-submit{grid-column:1/-1}
.post-comments .tr-comment-form label{
    display:block;
    margin:0 0 7px;
    color:var(--tr-text);
    font-size:.82rem;
    font-weight:750;
}
.post-comments .tr-comment-form input[type=text],
.post-comments .tr-comment-form input[type=email],
.post-comments .tr-comment-form input[type=url],
.post-comments .tr-comment-form textarea{
    display:block;
    width:100%;
    min-width:0;
    min-height:48px;
    padding:12px 14px;
    border:1px solid var(--tr-border);
    border-radius:12px;
    outline:0;
    background:var(--tr-background);
    color:var(--tr-text);
    font:inherit;
    font-size:.9rem;
    line-height:1.5;
    box-shadow:none;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.post-comments .tr-comment-form textarea{
    min-height:165px;
    resize:vertical;
}
.post-comments .tr-comment-form input:focus,
.post-comments .tr-comment-form textarea:focus{
    border-color:var(--tr-primary);
    background:var(--tr-surface);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--tr-primary) 10%,transparent);
}
.post-comments .tr-comment-form input::placeholder,
.post-comments .tr-comment-form textarea::placeholder{color:color-mix(in srgb,var(--tr-muted) 76%,transparent)}
.post-comments .tr-comment-form .comment-form-cookies-consent{
    display:flex;
    align-items:flex-start;
    gap:9px;
    color:var(--tr-muted);
    font-size:.8rem;
    line-height:1.5;
}
.post-comments .tr-comment-form .comment-form-cookies-consent label{
    display:inline;
    margin:0;
    font-size:.8rem;
    font-weight:500;
}
.post-comments .tr-comment-form .comment-form-cookies-consent input{margin:3px 0 0}
.post-comments .tr-comment-form .form-submit{margin-top:3px}
.post-comments .tr-comment-submit,
.post-comments .form-submit input[type=submit]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:12px 23px;
    border:1px solid var(--tr-primary);
    border-radius:999px;
    background:var(--tr-primary);
    color:#fff;
    font-size:.88rem;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    box-shadow:0 8px 20px color-mix(in srgb,var(--tr-primary) 20%,transparent);
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.post-comments .tr-comment-submit:hover,
.post-comments .form-submit input[type=submit]:hover{
    transform:translateY(-2px);
    background:color-mix(in srgb,var(--tr-primary) 86%,#111);
    box-shadow:0 12px 26px color-mix(in srgb,var(--tr-primary) 25%,transparent);
}
.post-comments .comment-list{margin:25px 0 0;padding:0;list-style:none}
.post-comments .comment-list .comment{
    margin:0 0 16px;
    padding:18px;
    border:1px solid var(--tr-border);
    border-radius:15px;
    background:var(--tr-background);
}
.post-comments .comment-list .comment-content p{line-height:1.7}
.post-comments .comment-list .reply a{color:var(--tr-primary);font-weight:750}

/* Elegant animated navigation buttons for All categories, View all tools and Visit the blog. */
.tr-animated-link{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:44px;
    padding:11px 17px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--tr-primary) 25%,transparent);
    border-radius:999px;
    background:var(--tr-primary);
    color:#fff!important;
    font-size:.82rem;
    font-weight:820;
    text-decoration:none!important;
    white-space:nowrap;
    box-shadow:0 7px 19px color-mix(in srgb,var(--tr-primary) 18%,transparent);
    transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.tr-animated-link:before{
    content:"";
    position:absolute;
    top:-80%;
    left:-45%;
    width:35%;
    height:260%;
    transform:rotate(24deg) translateX(-180%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
    transition:transform .55s ease;
    pointer-events:none;
}
.tr-animated-link:hover{
    transform:translateY(-2px);
    background:color-mix(in srgb,var(--tr-primary) 86%,#111);
    color:#fff!important;
    box-shadow:0 12px 26px color-mix(in srgb,var(--tr-primary) 25%,transparent);
}
.tr-animated-link:hover:before{transform:rotate(24deg) translateX(650%)}
.tr-animated-link span{transition:transform .2s ease}
.tr-animated-link:hover span{transform:translateX(3px)}
.tr-animated-link:focus-visible{
    outline:3px solid color-mix(in srgb,var(--tr-primary) 35%,transparent);
    outline-offset:3px;
}

/* Decorative right-side orbit and grid can be hidden, recolored or replaced in the Customizer. */
.page-hero:before{
    display:var(--tr-hero-grid-display,block);
    opacity:var(--tr-hero-grid-opacity,.58);
}
.page-hero:after{
    display:var(--tr-hero-texture-display,block);
    width:var(--tr-hero-texture-size,clamp(300px,39vw,560px));
    right:var(--tr-hero-texture-right,54px);
    background:var(--tr-hero-texture-background);
    background-size:var(--tr-hero-texture-background-size,auto);
    background-position:center;
    background-repeat:no-repeat;
    border-color:var(--tr-hero-texture-border,transparent);
    box-shadow:var(--tr-hero-texture-shadow,none);
    opacity:var(--tr-hero-texture-opacity,.8);
}
.post-hero .post-hero-copy,
.tool-page-hero .tool-page-hero-copy{position:relative;z-index:2}
.post-hero .post-hero-media,
.tool-page-hero .tool-page-hero-media{position:relative;z-index:2}

/* Smooth in-page movement and motion-safe interaction. */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--tr-header-height,76px) + 20px)}
@media(prefers-reduced-motion:no-preference){
    .tool-card,.post-card,.cat{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
    .btn,.header-cta{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
    .btn:hover,.header-cta:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}

/* Responsive refinements: preserve readable controls and never let the orbit cover search. */
@media(max-width:1100px){
    .page-hero .tool-directory-search,
    .page-hero form.search.archive-search{max-width:min(100%,720px)}
    .page-hero:after{width:min(var(--tr-hero-texture-size,420px),42vw);right:-90px;opacity:var(--tr-hero-texture-opacity,.8)}
}
@media(max-width:780px){
    .page-hero{padding:48px 0 42px}
    .page-hero h1,.post-hero h1,.tool-page-hero h1{max-width:100%;font-size:clamp(2rem,7vw,3rem)}
    .page-hero .lead{max-width:100%}
    .page-hero:after{width:min(var(--tr-hero-texture-size,340px),58vw);right:-145px;opacity:var(--tr-hero-texture-opacity,.8)}
    .page-hero:before{opacity:var(--tr-hero-grid-opacity,.58)}
    .page-hero .tool-directory-search,
    .page-hero form.search.archive-search{
        max-width:100%;
        margin-top:22px;
        padding:9px;
        gap:8px;
        border-radius:22px;
    }
    .page-hero .tool-directory-search input[type=search]{padding:12px}
    .page-hero .tool-directory-search .tool-category-select{max-width:none;min-width:0;width:100%;margin:0}
    .page-hero .tool-directory-search button{min-height:44px;padding:11px 16px}
    .hero form.search.tool-search-form{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:8px;
        min-height:0;
        margin-top:24px;
        padding:10px;
        border-radius:24px;
        overflow:visible;
    }
    .hero form.search.tool-search-form>span{display:none}
    .hero form.search.tool-search-form input[type=search]{
        grid-column:1/-1;
        min-height:48px;
        padding:12px 13px;
        border-bottom:1px solid var(--tr-border);
    }
    .hero form.search.tool-search-form .tool-category-select{
        grid-column:1;
        width:100%;
        max-width:none;
        min-width:0;
        height:46px;
        margin:0;
        padding:10px 30px 10px 12px;
    }
    .hero form.search.tool-search-form button{
        grid-column:2;
        min-height:46px;
        padding:0 17px;
        border-radius:999px;
        white-space:nowrap;
    }
    .tr-popular-tools{align-items:flex-start;flex-direction:column;gap:8px;margin-top:12px}
    .tr-popular-tools-item{flex-basis:calc((100% - 10px)/2)}
    .single-content-layout.has-sidebar,.tool-layout-grid.has-sidebar{
        grid-template-columns:minmax(0,1fr) minmax(220px,280px);
        gap:22px;
        justify-content:start;
    }
    .tr-related-posts .tr-related-grid.tr-related-columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
    .post-comments{padding:19px;border-radius:17px}
    .post-comments .tr-comment-form{grid-template-columns:1fr;gap:13px}
    .post-comments .tr-comment-form>p,
    .post-comments .tr-comment-form .comment-notes,
    .post-comments .tr-comment-form .comment-form-comment,
    .post-comments .tr-comment-form .comment-form-url,
    .post-comments .tr-comment-form .comment-form-cookies-consent,
    .post-comments .tr-comment-form .form-submit{grid-column:1}
    .tr-related-posts .tr-related-grid,
    .tr-related-posts .tr-related-grid.tr-related-columns-3{grid-template-columns:1fr}
    .tr-related-posts .post-card-content{padding:16px}
    .tr-animated-link{min-height:42px;padding:10px 14px}
}
@media(max-width:440px){
    .hero form.search.tool-search-form{grid-template-columns:1fr}
    .hero form.search.tool-search-form .tool-category-select,
    .hero form.search.tool-search-form button{grid-column:1;width:100%}
    .hero form.search.tool-search-form button{border-radius:999px}
    .page-hero .tool-directory-search{display:grid;grid-template-columns:minmax(0,1fr);border-radius:18px}
    .page-hero .tool-directory-search button{width:100%}
    .tr-popular-tools-item{flex-basis:100%}
}


/* Let the homepage search use the full content rail rather than the narrower text measure. */
.hero-inner{max-width:var(--tr-container-width,1260px)}
.hero form.search.tool-search-form{width:100%;max-width:100%}
.tr-popular-tools{width:100%;max-width:100%}


/* Keep every popular Tool link reachable when JavaScript is unavailable or motion is reduced. */
.tr-popular-tools-window{
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.tr-popular-tools-window::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){
    .tr-popular-tools-window{scrollbar-width:thin}
    .tr-popular-tools-track{width:max-content;transform:none!important;transition:none!important}
    .tr-popular-tools-item{flex:0 0 190px}
}


/* -------------------------------------------------------------------------
   ToolaRox 2.10.0 — final live layout and search refinement
   ------------------------------------------------------------------------- */

/* One consistent 1260px content rail for the header, pages, article layout and footer. */
.wrap,
.header .wrap,
.footer>.wrap,
.page-hero>.wrap,
.page-hero-content,
.single-content-layout,
.tool-layout-grid,
.post-hero-inner,
.tool-page-hero-inner,
.search-page-results>.search-page-wrap{
    box-sizing:border-box;
}
.wrap{
    width:min(var(--tr-container-width,1260px),calc(100% - 48px));
    max-width:var(--tr-container-width,1260px);
    margin-inline:auto;
}
.header .wrap.nav,
.footer>.wrap,
.page-hero>.wrap,
.page-hero-content,
.post-hero-inner,
.tool-page-hero-inner,
.search-page-results>.search-page-wrap{
    width:min(var(--tr-container-width,1260px),calc(100% - 48px));
    max-width:var(--tr-container-width,1260px);
    margin-inline:auto;
}
.hero .wrap.hero-inner,
.homepage-builder-content .hero .wrap.hero-inner{
    width:min(var(--tr-container-width,1260px),calc(100% - 48px));
    max-width:var(--tr-container-width,1260px);
}
.hero .hero-inner,
.homepage-builder-content .hero .hero-inner{max-width:var(--tr-container-width,1260px)}

/* The single-post and single-tool content columns use a true 70/30 ratio. */
.single-content-layout.has-sidebar,
.tool-layout-grid.has-sidebar{
    width:min(var(--tr-container-width,1260px),calc(100% - 48px));
    max-width:var(--tr-container-width,1260px);
    margin-inline:auto;
    display:grid;
    grid-template-columns:var(--tr-content-sidebar-grid,70fr 30fr);
    gap:var(--tr-sidebar-gap,28px);
    justify-content:stretch;
    align-items:start;
}
.single-content-layout.has-sidebar .single-article,
.tool-layout-grid.has-sidebar .tool-main-column{
    width:100%;
    max-width:none!important;
    min-width:0;
}
.single-content-layout.has-sidebar .tr-content-sidebar,
.tool-layout-grid.has-sidebar .tr-content-sidebar{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    box-sizing:border-box;
}

/* Homepage search: remove the inherited 50px right inset so the blue action
   touches the outer pill edge. Give the category selector enough room. */
.hero .tool-search-form,
.homepage-builder-content .tool-search-form{
    width:100%;
    max-width:var(--tr-home-search-width,1260px);
    padding-left:var(--tr-home-search-padding-x,50px)!important;
    padding-right:0!important;
    gap:0;
    overflow:hidden;
    border-radius:999px;
}
.hero form.search.tool-search-form,
.homepage-builder-content form.search.tool-search-form{
    display:flex;
    align-items:stretch;
    width:100%;
    max-width:var(--tr-home-search-width,1260px);
    min-height:68px;
    margin:32px auto 0;
    padding-top:0;
    padding-bottom:0;
    gap:0;
}
.hero .tool-search-form .search-icon,
.homepage-builder-content .tool-search-form .search-icon{
    flex:0 0 30px;
    margin-right:10px;
}
.hero .tool-search-form input[type="search"],
.homepage-builder-content .tool-search-form input[type="search"]{
    flex:1 1 auto;
    width:100%;
    min-width:120px;
    min-height:66px;
    padding:14px 12px;
}
.hero form.search.tool-search-form .tool-category-select,
.homepage-builder-content form.search.tool-search-form .tool-category-select{
    flex:0 0 245px;
    width:245px;
    min-width:225px;
    max-width:245px;
    min-height:48px;
    height:48px;
    margin:0 0 0 12px;
    padding:10px 38px 10px 15px;
    border-radius:999px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.hero .tool-search-form button,
.homepage-builder-content .tool-search-form button{
    flex:0 0 auto;
    align-self:stretch;
    width:auto;
    min-width:168px;
    min-height:68px;
    margin:0;
    padding:0 28px;
    border:0;
    border-radius:0 999px 999px 0;
    box-shadow:none;
    white-space:nowrap;
}
.hero .tool-search-hint,
.homepage-builder-content .tool-search-hint{margin-top:11px}

/* Leave a clear visual pause between search and the popular-tool chips. */
.tr-popular-tools{
    width:100%;
    max-width:var(--tr-container-width,1260px);
    margin:20px auto 0;
    gap:14px;
}
.tr-popular-tools-window{min-width:0}
.tr-popular-tools-track{gap:10px}
.tr-popular-tools-item a{min-height:39px}

/* Archive and category search fields have consistent sizing and alignment. */
.page-hero .tool-directory-search{
    width:100%;
    max-width:min(740px,calc(100% - 160px));
    margin:26px 0 0;
}
.page-hero .tool-directory-search input[type="search"]{
    flex:1 1 260px;
    min-width:0;
}
.page-hero .tool-directory-search .tool-category-select{
    flex:0 0 240px;
    width:240px;
    min-width:220px;
    max-width:240px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.toollarox-tool-category-page .page-hero .tool-directory-search{
    max-width:min(660px,calc(100% - 160px));
}

/* Professional search-results form, with a roomy category control and flush CTA. */
.search-page-hero .search-page-form{
    display:flex;
    align-items:stretch;
    width:min(920px,100%);
    max-width:920px;
    min-height:62px;
    margin:26px 0 0;
    padding:6px 0 6px 17px;
    gap:8px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--tr-primary) 24%,var(--tr-border));
    border-radius:999px;
    background:var(--tr-surface);
    box-shadow:0 12px 34px rgba(24,43,78,.075);
}
.search-page-hero .search-page-form>span{
    display:inline-flex;
    flex:0 0 25px;
    align-items:center;
    justify-content:center;
    color:var(--tr-muted);
}
.search-page-hero .search-page-form input[type="search"]{
    flex:1 1 300px;
    width:100%;
    min-width:120px;
    min-height:48px;
    padding:10px 8px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.search-page-hero .search-page-form .tool-category-select,
.search-page-hero .search-page-form .blog-category-select{
    flex:0 0 240px;
    width:240px;
    min-width:220px;
    max-width:240px;
    min-height:48px;
    margin:0;
    padding:10px 34px 10px 13px;
    border:1px solid var(--tr-border);
    border-radius:999px;
    background:var(--tr-background);
    color:var(--tr-text);
    font-size:.86rem;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.search-page-hero .search-page-form button{
    flex:0 0 auto;
    align-self:stretch;
    width:auto;
    min-width:140px;
    min-height:48px;
    margin:0;
    padding:0 23px;
    border:0;
    border-radius:0 999px 999px 0;
    background:var(--tr-primary);
    color:#fff;
    font-weight:800;
    box-shadow:none;
    white-space:nowrap;
}

/* Compact Blog search with a native category filter. */
.blog-archive-search{
    display:flex;
    align-items:stretch;
    width:min(790px,100%);
    max-width:790px;
    min-height:56px;
    margin:22px 0 0;
    padding:5px 0 5px 15px;
    gap:8px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--tr-primary) 22%,var(--tr-border));
    border-radius:999px;
    background:var(--tr-surface);
    box-shadow:0 10px 28px rgba(24,43,78,.065);
}
.blog-archive-search .search-icon{
    display:inline-flex;
    flex:0 0 24px;
    align-items:center;
    justify-content:center;
    color:var(--tr-muted);
}
.blog-archive-search .search-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.blog-archive-search input[type="search"]{
    flex:1 1 240px;
    width:100%;
    min-width:110px;
    min-height:44px;
    padding:9px 8px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:.9rem;
}
.blog-archive-search .blog-category-select{
    flex:0 0 210px;
    width:210px;
    min-width:190px;
    max-width:210px;
    min-height:44px;
    margin:0;
    padding:8px 32px 8px 12px;
    border:1px solid var(--tr-border);
    border-radius:999px;
    background:var(--tr-background);
    color:var(--tr-text);
    font-size:.82rem;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.blog-archive-search button{
    flex:0 0 auto;
    min-width:140px;
    min-height:44px;
    margin:0;
    padding:0 20px;
    border:0;
    border-radius:0 999px 999px 0;
    background:var(--tr-primary);
    color:#fff;
    font-size:.82rem;
    font-weight:800;
    white-space:nowrap;
    box-shadow:none;
}

/* Keep Blog/search archive cards aligned to the same 1260px grid. */
.post-grid-archive,
.search-page-results .post-grid,
.search-page-results .tool-grid{
    width:100%;
    max-width:var(--tr-container-width,1260px);
    margin-inline:auto;
}
.post-grid-archive{align-items:stretch}
.post-grid-archive .post-card{min-width:0}

/* Responsive 70/30 columns become stacked content/sidebar before they become cramped. */
@media(max-width:980px) and (min-width:781px){
    .single-content-layout.has-sidebar,
    .tool-layout-grid.has-sidebar{
        grid-template-columns:minmax(0,7fr) minmax(220px,3fr);
        gap:22px;
    }
    .hero .tool-search-form .tool-category-select,
    .homepage-builder-content .tool-search-form .tool-category-select{
        flex-basis:220px;
        width:220px;
        min-width:210px;
    }
    .hero .tool-search-form button,
    .homepage-builder-content .tool-search-form button{min-width:150px;padding-inline:20px}
    .page-hero .tool-directory-search{max-width:min(760px,100%)}
}
@media(max-width:780px){
    .wrap,
    .header .wrap.nav,
    .footer>.wrap,
    .page-hero>.wrap,
    .page-hero-content,
    .single-content-layout,
    .tool-layout-grid,
    .post-hero-inner,
    .tool-page-hero-inner,
    .search-page-results>.search-page-wrap,
    .hero .wrap.hero-inner,
    .homepage-builder-content .hero .wrap.hero-inner{
        width:calc(100% - 32px);
        max-width:var(--tr-container-width,1260px);
    }
    .single-content-layout.has-sidebar,
    .tool-layout-grid.has-sidebar{
        display:flex;
        flex-direction:column;
        gap:28px;
    }
    .single-content-layout.has-sidebar .single-article,
    .tool-layout-grid.has-sidebar .tool-main-column,
    .single-content-layout.has-sidebar .tr-content-sidebar,
    .tool-layout-grid.has-sidebar .tr-content-sidebar{width:100%;max-width:100%}
    .hero .tool-search-form,
    .homepage-builder-content .tool-search-form{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:9px;
        min-height:0;
        padding:10px!important;
        border-radius:22px;
        overflow:visible;
    }
    .hero .tool-search-form .search-icon,
    .homepage-builder-content .tool-search-form .search-icon{display:none}
    .hero .tool-search-form input[type="search"],
    .homepage-builder-content .tool-search-form input[type="search"]{
        grid-column:1/-1;
        min-height:48px;
        padding:11px 13px;
        border:1px solid var(--tr-border);
        border-radius:12px;
        background:var(--tr-background);
    }
    .hero form.search.tool-search-form .tool-category-select,
    .homepage-builder-content form.search.tool-search-form .tool-category-select{
        grid-column:1;
        flex:1 1 auto;
        width:100%;
        min-width:0;
        max-width:none;
        min-height:46px;
        height:46px;
        margin:0;
        border-radius:12px;
    }
    .hero .tool-search-form button,
    .homepage-builder-content .tool-search-form button{
        grid-column:2;
        width:auto;
        min-width:145px;
        min-height:46px;
        padding:0 18px;
        border-radius:12px;
    }
    .tr-popular-tools{margin-top:17px}
    .page-hero .tool-directory-search,
    .toollarox-tool-category-page .page-hero .tool-directory-search{
        width:100%;
        max-width:100%;
    }
    .page-hero .tool-directory-search .tool-category-select{
        flex:1 1 auto;
        width:100%;
        min-width:0;
        max-width:none;
    }
    .search-page-hero .search-page-form,
    .blog-archive-search{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        width:100%;
        max-width:100%;
        min-height:0;
        padding:10px;
        gap:9px;
        border-radius:20px;
        overflow:visible;
    }
    .search-page-hero .search-page-form>span,
    .blog-archive-search .search-icon{display:none}
    .search-page-hero .search-page-form input[type="search"],
    .blog-archive-search input[type="search"]{
        grid-column:1/-1;
        width:100%;
        min-height:46px;
        padding:10px 12px;
        border:1px solid var(--tr-border);
        border-radius:11px;
        background:var(--tr-background);
    }
    .search-page-hero .search-page-form .tool-category-select,
    .search-page-hero .search-page-form .blog-category-select,
    .blog-archive-search .blog-category-select{
        grid-column:1;
        width:100%;
        min-width:0;
        max-width:none;
        min-height:44px;
        border-radius:11px;
    }
    .search-page-hero .search-page-form button,
    .blog-archive-search button{
        grid-column:2;
        width:auto;
        min-width:130px;
        min-height:44px;
        padding:0 15px;
        border-radius:11px;
    }
}
@media(max-width:440px){
    .hero .tool-search-form,
    .homepage-builder-content .tool-search-form,
    .search-page-hero .search-page-form,
    .blog-archive-search{
        grid-template-columns:minmax(0,1fr);
    }
    .hero .tool-search-form .tool-category-select,
    .homepage-builder-content .tool-search-form .tool-category-select,
    .hero .tool-search-form button,
    .homepage-builder-content .tool-search-form button,
    .search-page-hero .search-page-form .tool-category-select,
    .search-page-hero .search-page-form .blog-category-select,
    .search-page-hero .search-page-form button,
    .blog-archive-search .blog-category-select,
    .blog-archive-search button{
        grid-column:1;
        width:100%;
        min-width:0;
        max-width:none;
    }
    .hero .tool-search-form button,
    .homepage-builder-content .tool-search-form button,
    .search-page-hero .search-page-form button,
    .blog-archive-search button{border-radius:11px}
}


/* -------------------------------------------------------------------------
   ToolaRox 2.11.0 — search alignment, working tools carousel and hero sizing
   ------------------------------------------------------------------------- */

/* Homepage search: keep every control vertically centred on one optical axis. */
.hero form.search.tool-search-form,
.homepage-builder-content form.search.tool-search-form{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    box-sizing:border-box;
    width:100%;
    max-width:var(--tr-home-search-width,1260px);
    min-height:var(--tr-home-search-height,82px);
    height:auto;
    margin:32px auto 0;
    padding:0 0 0 var(--tr-home-search-padding-x,50px)!important;
    gap:var(--tr-home-search-gap,0px)!important;
    overflow:hidden;
    border-radius:999px;
}
.hero form.search.tool-search-form > .search-icon,
.homepage-builder-content form.search.tool-search-form > .search-icon{
    display:flex!important;
    flex:0 0 42px!important;
    align-self:center!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    margin:0 10px 0 0!important;
    padding:0!important;
    line-height:0!important;
    transform:none!important;
}
.hero form.search.tool-search-form > .search-icon svg,
.homepage-builder-content form.search.tool-search-form > .search-icon svg{
    display:block!important;
    flex:none;
    width:var(--tr-home-search-icon-size,21px)!important;
    height:var(--tr-home-search-icon-size,21px)!important;
    margin:0!important;
    vertical-align:middle;
}
.hero form.search.tool-search-form > input[type="search"],
.homepage-builder-content form.search.tool-search-form > input[type="search"]{
    display:block!important;
    flex:1 1 0!important;
    align-self:stretch!important;
    width:auto!important;
    min-width:100px!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font:inherit;
    font-size:1rem;
    line-height:1.45;
}
.hero form.search.tool-search-form > label.screen-reader-text,
.homepage-builder-content form.search.tool-search-form > label.screen-reader-text{
    display:none!important;
}
.hero form.search.tool-search-form > select.tool-category-select,
.homepage-builder-content form.search.tool-search-form > select.tool-category-select{
    display:block!important;
    flex:0 0 var(--tr-home-search-category-width,245px)!important;
    align-self:center!important;
    width:var(--tr-home-search-category-width,245px)!important;
    min-width:0!important;
    max-width:var(--tr-home-search-category-width,245px)!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 12px 0 8px!important;
    padding:8px 34px 8px 14px!important;
    border-radius:999px!important;
    line-height:1.2!important;
    box-sizing:border-box;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.hero form.search.tool-search-form > button,
.homepage-builder-content form.search.tool-search-form > button{
    display:flex!important;
    flex:0 0 var(--tr-home-search-button-width,168px)!important;
    align-self:stretch!important;
    align-items:center!important;
    justify-content:center!important;
    width:var(--tr-home-search-button-width,168px)!important;
    min-width:0!important;
    max-width:var(--tr-home-search-button-width,168px)!important;
    min-height:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:0 999px 999px 0!important;
    box-shadow:none!important;
    line-height:1.2;
    white-space:nowrap;
}
.hero form.search.tool-search-form > button span,
.homepage-builder-content form.search.tool-search-form > button span{
    display:inline-block;
    margin-left:7px;
    transform:none!important;
}
.hero form.search.tool-search-form:focus-within,
.homepage-builder-content form.search.tool-search-form:focus-within{
    outline:0;
}

/* Popular Tools is a real native-scroll carousel; no transform-based track hack. */
.tr-popular-tools{
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    width:100%;
    max-width:var(--tr-container-width,1260px);
    margin:22px auto 0!important;
    gap:14px;
}
.tr-popular-tools-label{
    flex:0 0 auto;
    margin:0;
}
.tr-popular-tools-window{
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
}
.tr-popular-tools-window::-webkit-scrollbar{display:none}
.tr-popular-tools-track{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center;
    width:max-content!important;
    min-width:100%;
    gap:10px;
    margin:0!important;
    padding:2px 1px!important;
    list-style:none;
    transform:none!important;
    transition:none!important;
    will-change:auto;
}
.tr-popular-tools-item{
    flex:0 0 clamp(160px,16vw,200px)!important;
    width:auto!important;
    min-width:0;
    margin:0!important;
    scroll-snap-align:start;
}
.tr-popular-tools-item a{
    min-height:42px;
    width:100%;
    box-sizing:border-box;
}
.tr-popular-tools-controls{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:6px;
}
.tr-popular-tools-controls button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    min-width:32px;
    margin:0;
    padding:0;
    border:1px solid var(--tr-border);
    border-radius:50%;
    background:var(--tr-surface);
    color:var(--tr-text);
    font-size:22px;
    line-height:1;
    box-shadow:none;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.tr-popular-tools-controls button:hover{
    border-color:var(--tr-primary);
    background:var(--tr-primary);
    color:#fff;
    transform:translateY(-1px);
}
.tr-popular-tools-controls button[hidden]{display:none!important}

/* The global form.search rule uses auto margins; explicitly override it for Blog. */
form.search.blog-archive-search{
    align-self:flex-start!important;
    width:min(var(--tr-blog-search-width,790px),100%)!important;
    max-width:var(--tr-blog-search-width,790px)!important;
    min-height:var(--tr-blog-search-height,56px);
    margin:22px 0 0!important;
    gap:var(--tr-blog-search-gap,8px);
}
form.search.blog-archive-search .blog-category-select{
    flex:0 0 var(--tr-blog-search-category-width,210px);
    width:var(--tr-blog-search-category-width,210px);
    min-width:0;
    max-width:var(--tr-blog-search-category-width,210px);
}
form.search.blog-archive-search .search-icon{
    display:flex;
    flex:0 0 var(--tr-blog-search-icon-size,19px);
    align-self:center;
    align-items:center;
    justify-content:center;
    width:var(--tr-blog-search-icon-size,19px);
    height:38px;
}
form.search.blog-archive-search .search-icon svg{
    display:block;
    width:var(--tr-blog-search-icon-size,19px);
    height:var(--tr-blog-search-icon-size,19px);
}
form.search.blog-archive-search input[type="search"]{
    align-self:stretch;
    min-width:100px;
    margin:0;
    line-height:1.4;
}
form.search.blog-archive-search button{
    flex:0 0 var(--tr-blog-search-button-width,140px);
    width:var(--tr-blog-search-button-width,140px);
    align-self:stretch;
    min-width:0;
    min-height:0;
    height:auto;
}

/* User-controlled vertical height for Blog, Tool, archive and standard inner heroes. */
.page-hero:not(.builder-page-hero){
    padding-top:var(--tr-inner-hero-padding-top,78px)!important;
    padding-bottom:var(--tr-inner-hero-padding-bottom,64px)!important;
}
@media(max-width:780px){
    .hero form.search.tool-search-form,
    .homepage-builder-content form.search.tool-search-form{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-auto-flow:row;
        align-items:stretch!important;
        gap:9px!important;
        min-height:0;
        padding:12px!important;
        border-radius:20px!important;
        overflow:visible;
    }
    .hero form.search.tool-search-form > .search-icon,
    .homepage-builder-content form.search.tool-search-form > .search-icon{
        display:none!important;
    }
    .hero form.search.tool-search-form > input[type="search"],
    .homepage-builder-content form.search.tool-search-form > input[type="search"]{
        grid-column:1;
        width:100%!important;
        min-height:48px!important;
        height:48px!important;
        padding:10px 13px!important;
        border:1px solid var(--tr-border)!important;
        border-radius:12px!important;
        background:var(--tr-background)!important;
    }
    .hero form.search.tool-search-form > select.tool-category-select,
    .homepage-builder-content form.search.tool-search-form > select.tool-category-select{
        grid-column:1;
        width:100%!important;
        max-width:none!important;
        height:48px!important;
        min-height:48px!important;
        margin:0!important;
        border-radius:12px!important;
    }
    .hero form.search.tool-search-form > button,
    .homepage-builder-content form.search.tool-search-form > button{
        grid-column:1;
        width:100%!important;
        max-width:none!important;
        min-height:48px!important;
        height:48px!important;
        border-radius:12px!important;
    }
    .tr-popular-tools{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:9px 10px;
        margin-top:20px!important;
    }
    .tr-popular-tools-label{grid-column:1/-1}
    .tr-popular-tools-window{grid-column:1;grid-row:2}
    .tr-popular-tools-controls{grid-column:2;grid-row:2}
    .tr-popular-tools-item{flex-basis:clamp(150px,42vw,210px)!important}
    form.search.blog-archive-search{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        width:100%!important;
        max-width:100%!important;
        min-height:0;
        margin:22px 0 0!important;
        padding:10px;
        gap:9px;
        border-radius:18px;
    }
    form.search.blog-archive-search .search-icon{display:none}
    form.search.blog-archive-search input[type="search"]{
        grid-column:1/-1;
        width:100%;
        min-height:46px;
        padding:10px 12px;
        border:1px solid var(--tr-border);
        border-radius:11px;
        background:var(--tr-background);
    }
    form.search.blog-archive-search .blog-category-select{
        grid-column:1;
        width:100%;
        max-width:none;
        min-height:44px;
        border-radius:11px;
    }
    form.search.blog-archive-search button{
        grid-column:2;
        width:auto;
        min-width:130px;
        min-height:44px;
        border-radius:11px;
    }
    .page-hero:not(.builder-page-hero){
        padding-top:var(--tr-inner-hero-mobile-padding-top,42px)!important;
        padding-bottom:var(--tr-inner-hero-mobile-padding-bottom,36px)!important;
    }
}
@media(max-width:440px){
    .tr-popular-tools{
        grid-template-columns:minmax(0,1fr);
    }
    .tr-popular-tools-window,
    .tr-popular-tools-controls{
        grid-column:1;
        grid-row:auto;
    }
    .tr-popular-tools-controls{justify-content:flex-end}
    form.search.blog-archive-search{
        grid-template-columns:minmax(0,1fr);
    }
    form.search.blog-archive-search .blog-category-select,
    form.search.blog-archive-search button{
        grid-column:1;
        width:100%;
        max-width:none;
    }
}


/* ToolaRox 2.12.0 — View All Tools search alignment and visual edit markers. */

/* The View All Tools archive uses a different form class from the homepage form.
   Normalize the SVG icon, input text, category select and CTA to one center line. */
.page-hero form.search.tool-directory-search{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box;
    width:min(var(--tr-tool-archive-search-width,730px),100%)!important;
    max-width:var(--tr-tool-archive-search-width,730px)!important;
    min-height:var(--tr-tool-archive-search-height,68px);
    height:auto;
    gap:var(--tr-tool-archive-search-gap,10px)!important;
    padding:7px 8px 7px 16px!important;
}
.page-hero form.search.tool-directory-search > .search-icon{
    display:flex!important;
    flex:0 0 var(--tr-tool-archive-search-icon-size,18px)!important;
    align-self:center!important;
    align-items:center!important;
    justify-content:center!important;
    width:var(--tr-tool-archive-search-icon-size,18px)!important;
    height:var(--tr-tool-archive-search-icon-size,18px)!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    font-size:0!important;
    line-height:0!important;
    color:var(--tr-muted);
    transform:none!important;
}
.page-hero form.search.tool-directory-search > .search-icon svg{
    display:block!important;
    flex:none;
    width:var(--tr-tool-archive-search-icon-size,18px)!important;
    height:var(--tr-tool-archive-search-icon-size,18px)!important;
    margin:0!important;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    vertical-align:middle;
}
.page-hero form.search.tool-directory-search > input[type="search"]{
    display:block!important;
    flex:1 1 210px!important;
    align-self:center!important;
    width:auto!important;
    min-width:80px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    line-height:1.45!important;
    vertical-align:middle;
}
.page-hero form.search.tool-directory-search > .tool-category-select{
    display:block!important;
    flex:0 0 var(--tr-tool-archive-search-category-width,210px)!important;
    align-self:center!important;
    width:auto!important;
    min-width:155px!important;
    max-width:var(--tr-tool-archive-search-category-width,210px)!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:8px 34px 8px 14px!important;
    line-height:1.25!important;
    box-sizing:border-box;
}
.page-hero form.search.tool-directory-search > button{
    display:flex!important;
    flex:0 0 auto!important;
    align-self:center!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 var(--tr-tool-archive-search-button-width,150px)!important;
    width:var(--tr-tool-archive-search-button-width,150px)!important;
    min-width:0;
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    padding:0 22px!important;
    border:0!important;
    border-radius:999px!important;
    line-height:1.2!important;
    white-space:nowrap;
}
.page-hero form.search.tool-directory-search > button span{
    display:inline-block;
    margin-left:7px;
    line-height:1;
    transform:none!important;
}

/* Tiny pencil markers are output only inside the authenticated Customizer preview. */
.tr-visual-editable{position:relative}
.tr-visual-edit-marker{
    position:relative;
    z-index:30;
    display:inline-flex!important;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    width:25px;
    height:25px;
    min-width:25px;
    margin:4px 0 4px 8px;
    padding:0;
    border:1px solid rgba(36,87,214,.24);
    border-radius:50%;
    background:#fff;
    color:#2457D6;
    box-shadow:0 2px 9px rgba(20,36,58,.12);
    cursor:pointer;
    vertical-align:middle;
    line-height:1;
    opacity:.82;
    transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.tr-visual-edit-marker svg{
    display:block;
    width:12px;
    height:12px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.tr-visual-edit-marker:hover,
.tr-visual-edit-marker:focus-visible{
    opacity:1;
    transform:translateY(-1px) scale(1.08);
    background:#2457D6;
    color:#fff;
    box-shadow:0 4px 14px rgba(36,87,214,.28);
    outline:2px solid rgba(36,87,214,.18);
    outline-offset:2px;
}
.tr-visual-edit-marker.is-floating{
    position:absolute;
    top:10px;
    right:12px;
    margin:0;
}
.tr-visual-edit-row{
    display:flex;
    align-items:center;
    min-height:28px;
    margin:5px 0;
}
@media(max-width:700px){
    .page-hero form.search.tool-directory-search{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:8px!important;
        padding:12px!important;
        border-radius:20px!important;
    }
    .page-hero form.search.tool-directory-search > .search-icon{display:none!important}
    .page-hero form.search.tool-directory-search > input[type="search"],
    .page-hero form.search.tool-directory-search > .tool-category-select,
    .page-hero form.search.tool-directory-search > button{
        grid-column:1;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        height:46px!important;
        min-height:46px!important;
        margin:0!important;
        border-radius:12px!important;
    }
}


/* ToolaRox 2.14.0 — responsive advertisement placement. */
.tr-ad-slot{
    padding:var(--tr-ad-padding-top,10px) 0 var(--tr-ad-padding-bottom,26px)!important;
    background:var(--tr-surface);
    box-sizing:border-box;
}
.tr-ad-slot .ad-placeholder{
    width:min(var(--tr-ad-max-width,970px),calc(100% - 48px));
    min-height:var(--tr-ad-min-height,100px);
    background:var(--tr-ad-bg,var(--tr-background));
    border-color:var(--tr-ad-border,var(--tr-border));
    box-sizing:border-box;
}
.tr-ad-slot .tr-ad-slot-content{
    width:min(var(--tr-ad-max-width,970px),calc(100% - 48px));
    min-height:var(--tr-ad-min-height,100px);
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
}
.tr-ad-slot .tr-ad-slot-content > *{
    max-width:100%;
}
.tr-ad-slot .tr-ad-slot-content iframe{
    max-width:100%;
}
.tr-ad-slot .tr-ad-placeholder-disabled{
    border-style:dashed;
    opacity:.82;
}
@media (min-width:1025px){
    .tr-ad-slot--hide-desktop{display:none!important}
}
@media (min-width:768px) and (max-width:1024px){
    .tr-ad-slot--hide-tablet{display:none!important}
}
@media (max-width:767px){
    .tr-ad-slot--hide-mobile{display:none!important}
    .tr-ad-slot{padding-left:0;padding-right:0}
    .tr-ad-slot .ad-placeholder,
    .tr-ad-slot .tr-ad-slot-content{
        width:calc(100% - 32px);
    }
}