main[data-free-layout] .free-segments{display:none}
/* Only injected into free tools. A named layer lets these scoped mobile rules
   replace the older !important rules without a growing specificity contest. */
main[data-free-layout] .wb-essential-fields,main[data-free-layout] .wb-editor-fields{display:grid;gap:14px;min-width:0;grid-column:1/-1}
main[data-free-layout] .wb-editor-section{grid-column:1/-1;min-width:0}
main[data-free-layout] .wb-editor-section>summary{cursor:pointer;padding:16px 0;font-weight:600}
main[data-free-layout] .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@layer freeToolsMobile {
 @media(max-width:768px){
  /* Repeated headings inside the work area stay compact. */
  main[data-free-layout] .free-context-heading,
  main[data-free-layout] .free-redundant-heading,
  main[data-free-layout] .workspace>.panel:not(.info-panel)>.panel-title,
  main[data-free-layout] .workspace>.panel:not(.info-panel)>.panel-subtitle,
  main[data-free-layout] .pro-workspace>.panel-title{display:none!important}
  main[data-free-layout]>.workspace{margin:18px 0 0!important;gap:20px!important;padding:0!important}
  main[data-free-layout] :is(.panel:not(.info-panel),.ui-tool-panel,.converter-panel,.factory-panel){box-sizing:border-box!important;min-width:0!important;max-width:100%!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  main[data-free-layout]>:is(.panel,.ui-tool-panel,.converter-panel,.factory-panel){margin:18px 0 0!important}
  main[data-free-layout] :is(.wb-layout,.cv-builder-layout){margin-top:18px!important;gap:18px!important}
  main[data-free-layout] :is(.wb-panel,.cv-editor-panel){padding:16px!important;border-radius:16px!important}
  main[data-free-layout] :is(form,.ui-form-grid,.converter-grid,.factory-grid,.lab-inputs){gap:12px!important}
  main[data-free-layout] form label:not(.tick):not(.wb-style-card){min-width:0!important;font:550 13px/1.45 'DM Sans',system-ui,sans-serif!important;letter-spacing:0!important;margin:0!important;gap:6px!important}
  main[data-free-layout] form :is(input:not([type]),input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=search],select){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:46px!important;height:46px!important;padding:10px 12px!important;margin-top:6px!important;border:1px solid #dce2ed!important;border-radius:12px!important;background:#fff!important;color:#172b49!important;font:500 16px/1.4 'DM Sans',system-ui,sans-serif!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important;text-align:start!important;box-shadow:none!important}
  main[data-free-layout] form select{text-align-last:start!important;padding-inline-end:30px!important}
  main[data-free-layout] form textarea{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:112px!important;height:auto!important;max-height:300px!important;field-sizing:content;padding:12px!important;margin-top:6px!important;border:1px solid #dce2ed!important;border-radius:12px!important;background:#fff!important;font:400 16px/1.5 'DM Sans',system-ui,sans-serif!important;text-align:start!important;letter-spacing:0!important}
  main[data-free-layout] form textarea[rows="3"],main[data-free-layout] form textarea[rows="4"]{min-height:88px!important}
  main[data-free-layout] form :is(input,select,textarea):focus-visible{outline:2px solid #6a82d6!important;outline-offset:2px!important;box-shadow:none!important}
  main[data-free-layout] :is(button[type=submit],.ui-primary-button,.pro-primary,.wb-export-button){min-height:46px!important;padding:11px 14px!important;border-radius:10px!important;font:650 15px/1.4 'DM Sans',system-ui,sans-serif!important;letter-spacing:0!important;white-space:normal!important}
  main[data-free-layout] form button[type=submit]{background:#4354df!important;box-shadow:0 4px 10px #4354df18!important;color:#fff!important;grid-column:1/-1!important;margin-top:2px!important}
  main[data-free-layout] :is(.measurement-actions,.wb-action-row,.cv-action-row){gap:10px!important;margin-top:14px!important}
  main[data-free-layout] .measurement-actions{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important}
  main[data-free-layout] .measurement-actions>button{min-width:0!important;width:100%!important}
  main[data-free-layout] .measurement-actions>button[type=submit]:only-child{grid-column:1/-1!important}
  main[data-free-layout] .measurement-actions>button[type=submit]{grid-column:auto!important}
  main[data-free-layout] .ui-form-grid>.ui-field{margin:0!important}
  main[data-free-layout] :is(.result-wrap,.salary-result){margin-top:16px!important;padding:20px!important;border:0!important;border-radius:16px!important;background:#172640!important;color:#fff!important;box-shadow:none!important;min-width:0!important}
  main[data-free-layout] :is(.visible-result,[data-measurement-result]>strong){color:#fff!important;font:700 clamp(28px,7vw,36px)/1.2 'Manrope',system-ui,sans-serif!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.6px!important;overflow-wrap:anywhere!important}
  main[data-free-layout] .result-label{font-size:12px!important;margin-bottom:8px!important;color:#b2c0d8!important}
  main[data-free-layout] .result-row{gap:10px!important;flex-wrap:wrap!important;align-items:center!important}
  main[data-free-layout] .copy-result{min-height:44px!important;padding:8px 12px!important;font-size:13px!important;margin:0!important}
  main[data-free-layout] .workspace>.info-panel{margin-top:0!important}
  main[data-free-layout] :is(.ui-inline-note,.pro-note,.pro-privacy){font-size:13px!important;line-height:1.5!important;margin:12px 0!important}
  main[data-free-layout] :is([data-results],[data-report]):empty,main[data-free-layout] :is([data-csv-result],[data-text-result]):empty{display:none!important}
  main[data-free-layout] .text-output-field:has(textarea[hidden]){display:none!important}
  main[data-free-layout] .related{margin-top:24px!important}
  main[data-free-layout] .related>h2{font-size:19px!important;margin-bottom:12px!important}
  /* Compact pairs only for short calculators; text, uploads and long forms stay readable. */
  main[data-free-layout] form[data-compact-fields]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
  main[data-free-layout] form[data-compact-fields]>label{display:flex!important;flex-direction:column!important;justify-content:space-between!important}
  main[data-free-layout] .salary-form{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;align-items:end!important}
  main[data-free-layout] #indonesia-salary-form{grid-template-columns:minmax(0,1fr)!important}
  main[data-free-layout] .salary-form>label{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
  main[data-free-layout] .input-with-unit{display:block!important;position:relative!important;margin-top:6px!important;min-width:0!important}
  main[data-free-layout] .input-unit{position:absolute!important;inset-inline-start:12px!important;top:50%!important;transform:translateY(-50%)!important;font-size:14px!important;color:#607086!important;pointer-events:none!important}
  main[data-free-layout] form .input-with-unit>input{padding-inline-start:46px!important;margin:0!important}
  main[data-free-layout] .salary-result h2{font:650 12px/1.4 'DM Sans',system-ui,sans-serif!important;color:#b2c0d8!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 8px!important}
  main[data-free-layout] .salary-total{border:0!important;padding:0 0 12px!important;margin:0 0 6px!important;border-bottom:1px solid #ffffff24!important;color:#fff!important}
  main[data-free-layout] .salary-total .salary-row{display:flex!important;flex-direction:column!important;gap:4px!important;align-items:flex-start!important;margin:0!important}
  main[data-free-layout] .salary-total .salary-row>span{font-size:13px!important;font-weight:500!important}
  main[data-free-layout] .salary-total strong{color:#fff!important;font:700 clamp(29px,7vw,36px)/1.25 'Manrope',system-ui,sans-serif!important;letter-spacing:-.7px!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important}
  main[data-free-layout] .salary-row{font-size:13px!important;line-height:1.5!important;margin:9px 0!important;gap:8px!important;align-items:baseline!important}
  main[data-free-layout] .salary-row strong{margin-inline-start:auto!important;font-variant-numeric:tabular-nums!important}
  main[data-free-layout] .salary-total .salary-row strong{margin-inline-start:0!important}
  main[data-free-layout] .salary-result>p{font-size:12px!important;line-height:1.6!important;margin:12px 0 0!important}
  main[data-free-layout] :is(.pro-options,.invoice-item){padding:10px 12px!important;border-radius:10px!important}
  main[data-free-layout] .pro-options>summary{padding:8px 0!important}
  main[data-free-layout] .invoice-item{gap:10px!important}
  main[data-free-layout] .factory-panel>p{font-size:14px!important;line-height:1.5!important;margin:0 0 14px!important}
  main[data-free-layout] form button.factory-submit{margin-top:14px!important}
  main[data-free-layout] .factory-panel>.factory-privacy{margin-top:14px!important;font-size:13px!important;line-height:1.5!important}
  main[data-free-layout] .factory-profiles{gap:10px!important;margin-top:14px!important}
  main[data-free-layout] .factory-profile{padding:0 12px!important;border-radius:10px!important}
  main[data-free-layout] .factory-profile>summary{min-height:44px!important;padding:12px 0!important;font-size:14px!important}
  main[data-free-layout] .factory-profile[open] label{margin-block:12px!important}
  main[data-free-layout] .factory-panel>h2{font-size:18px!important;margin:0 0 12px!important}
  main[data-free-layout] [data-pro-tool]{display:flex!important;flex-direction:column!important}
  main[data-free-layout] .pro-privacy{order:1!important;margin-top:12px!important}
 }
 @media(max-width:768px){
  main[data-free-layout] :is(.panel:not(.info-panel),.ui-tool-panel,.converter-panel,.factory-panel){padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  main[data-free-layout] .workspace>.panel{margin-top:0!important}
  main[data-free-layout] form label{color:#526079!important}
  main[data-free-layout] :is(form,.ui-form-grid,.pro-form){row-gap:16px!important}
  main[data-free-layout] :is(.ui-primary-button,.pro-primary,.wb-export-button){background:#4354df!important;color:#fff!important;border:0!important;box-shadow:none!important}
  main[data-free-layout] button:disabled{opacity:.5!important;box-shadow:none!important;cursor:default!important}
  main[data-free-layout] .result-wrap:has([data-visible-result]:empty){display:none!important}
  main[data-free-layout] .result-wrap .copy-result{color:#e3eaff!important;background:#ffffff14!important;border-color:#ffffff30!important}
  main[data-free-layout] .salary-result :is(p,.salary-row){color:#d3def0!important}
  main[data-free-layout] .salary-result strong{color:#fff!important}
  main[data-free-layout] [data-extra-output]{font-size:26px!important;line-height:1.3!important;font-weight:700!important;overflow-wrap:anywhere!important}
  main[data-free-layout] :is([data-results],[data-report]){border-radius:14px!important}
  main[data-free-layout] .ui-file-control{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:4px 12px!important;align-items:center!important;background:#fff!important;border:1px dashed #b9c6df!important;border-radius:14px!important;padding:18px 16px!important;margin-top:8px!important;box-shadow:none!important}
  main[data-free-layout] .ui-file-control::before{content:'↑';display:grid;place-items:center;grid-row:1/3;width:36px;height:36px;border-radius:10px;background:#edf1ff;color:#4354df;font-size:23px}
  main[data-free-layout] .ui-file-trigger{display:block!important;grid-column:2!important;min-height:0!important;min-width:0!important;text-align:start!important;justify-content:start!important;padding:0!important;border:0!important;background:transparent!important;font:600 15px/1.5 'DM Sans',sans-serif!important;color:#233a60!important}
  main[data-free-layout] .ui-file-selection{grid-column:2!important;font:400 12px/1.5 'DM Sans',sans-serif!important;color:#7e899e!important;margin:0!important;max-width:100%!important}
  main[data-free-layout] .ui-file-field:focus-within .ui-file-control{outline:2px solid #4354df!important;outline-offset:3px!important}
  main[data-free-layout] :is(.ui-inline-note,.pro-privacy,.factory-privacy){border:0!important;background:transparent!important;padding:0!important;color:#7a879c!important;font-size:12px!important;line-height:1.6!important}
  main[data-free-layout] .ui-tool-panel>form>button[type=submit]{margin-top:14px!important}
  main[data-free-layout] .date-native-mode{display:none!important}
  main[data-free-layout] .free-segments{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;grid-column:1/-1!important;padding:4px!important;border:1px solid #e0e5ef!important;background:#edf0f6!important;border-radius:12px!important}
  main[data-free-layout] .free-segments button{min-height:44px!important;min-width:0!important;padding:9px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#74819a!important;font:550 13px/1.4 'DM Sans',sans-serif!important;box-shadow:none!important}
  main[data-free-layout] .free-segments button[aria-pressed=true]{background:#fff!important;color:#23385c!important;box-shadow:0 2px 5px #283d6010!important}
  main[data-free-layout] [hidden]{display:none!important}
  main[data-free-layout][data-extra-tool=date] .form{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end!important}
  main[data-free-layout][data-extra-tool=date] label:has([name=business]),main[data-free-layout][data-extra-tool=date] label:has([name=offset]){grid-column:1/-1!important}
  main[data-free-layout][data-extra-tool=date] input[type=date]{font-size:16px!important;padding-inline:9px!important}
  main[data-free-layout] :is([data-pro-tool=cash],[data-pro-localized=cash]) .pro-form{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important;align-items:end!important}
  main[data-free-layout] :is([data-pro-tool=cash],[data-pro-localized=cash]) label:has([name=startingBalance]){grid-column:1/-1!important}
  main[data-free-layout] .pro-options{background:#fff!important;border:1px solid #e0e5ef!important;border-radius:12px!important;padding:0 14px!important;margin-top:2px!important}
  main[data-free-layout] .pro-options>summary{padding:13px 0!important;font-size:13px!important;color:#63718a!important;min-height:44px!important}
  main[data-free-layout] .wb-panel>h2,main[data-free-layout] .wb-panel>p{display:none!important}
  main[data-free-layout][data-extra-tool=date] .form>label:has([name=start]),main[data-free-layout][data-extra-tool=date] .form>label:has([name=end]){grid-column:auto!important}
  main[data-free-layout] :is([data-pro-tool=cash],[data-pro-localized=cash]) .pro-form>label:has([name=monthlyNet]),main[data-free-layout] :is([data-pro-tool=cash],[data-pro-localized=cash]) .pro-form>label:has([name=months]){grid-column:auto!important}
  main[data-free-layout] .pro-form>.pro-options{grid-column:1/-1!important;width:100%!important}
  main[data-free-layout] .ui-file-selection{text-align:start!important}
  main[data-free-layout] input::placeholder,main[data-free-layout] textarea::placeholder{color:#8893a5!important;opacity:1!important}
  main[data-free-layout] .wb-essential-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}
  main[data-free-layout] .wb-essential-fields>label:nth-child(-n+2){grid-column:1/-1!important}
  main[data-free-layout] .wb-editor-section{display:block!important;width:100%!important;box-sizing:border-box!important;border:1px solid #e0e5ef!important;background:#fff!important;border-radius:12px!important;padding:0 14px!important}
  main[data-free-layout] .wb-editor-section>summary{font:550 14px/1.5 'DM Sans',sans-serif!important;color:#455773!important;min-height:48px!important;padding:13px 0!important;cursor:pointer!important;list-style:none!important}
  main[data-free-layout] .section-number{display:inline-grid;place-items:center;width:24px;height:24px;margin-inline-end:10px;font:600 11px 'DM Sans',sans-serif;color:#8998b4;background:#f1f4fa;border-radius:6px}
  main[data-free-layout] .wb-editor-fields{padding-bottom:16px!important;gap:14px!important}
  main[data-free-layout] .wb-editor-section fieldset{border:0!important;padding:0!important;margin:0!important;min-width:0!important}
  main[data-free-layout] .wb-editor-section .wb-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-bottom:14px!important}
  main[data-free-layout] .wb-editor-section .wb-style-card{padding:0!important}
  main[data-free-layout] .wb-action-row{margin-top:0!important}
  main[data-free-layout] .wb-preview .wb-site-hero{grid-template-columns:minmax(0,1fr)!important;padding-inline:22px!important}
  main[data-free-layout] .wb-preview .wb-site-nav{flex-wrap:wrap!important;gap:12px!important;padding-inline:22px!important}
  main[data-free-layout] .wb-preview .wb-site-hero>div{min-width:0!important}
  main[data-free-layout] .wb-preview :is(h1,h2,h3,p,span,a){overflow-wrap:anywhere!important;min-width:0!important}
  main[data-free-layout] .wb-preview-shell{padding:0!important;box-shadow:none!important;border:1px solid #dfe5ef!important;border-radius:14px!important;overflow:hidden!important}
  main[data-free-layout] .related{border-top:1px solid #dfe5ef!important;padding-top:20px!important;margin-top:22px!important}
  main[data-free-layout] .related>h2{font:650 16px/1.4 'Manrope',sans-serif!important}
  main[data-free-layout] .related .tile{background:#fff!important;border:1px solid #e7ebf2!important;border-radius:12px!important;box-shadow:none!important;min-height:64px!important;padding:12px!important}
 }
 @media(min-width:320px) and (max-width:768px){
  main[data-free-layout] [data-measurement-form]>.ui-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  main[data-free-layout] [data-measurement-form]>.ui-form-grid>label:first-child{grid-column:1/-1!important}
  main[data-free-layout] [data-measurement-form]>.ui-form-grid>label:has(input[name=secondary]){grid-column:auto!important}
 }
 @media(max-width:359px){
  main[data-free-layout] :is(.panel:not(.info-panel),.ui-tool-panel,.converter-panel,.factory-panel){padding:0!important}
  main[data-free-layout] .salary-form{grid-template-columns:minmax(0,1fr)!important}
 }
}

/* Production header and informational cards; interactive work area stays redesigned. */
@layer freeToolsMobile {
@media(max-width:768px){
 body:has(#app > main[data-free-layout]) #app > header{
  top:16px!important;
  right:16px!important;
 }
 body:has(#app > main[data-free-layout]) #app > header .brand{
  font-size:21px!important;
 }
}

/* Text-tool audit refinements. */
.keyword-density-stats{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 margin-top:0!important;
}
.word-counter-unified{
 padding-top:42px!important;
}
.word-counter-hero{
 padding:0 0 24px!important;
}
.word-counter-hero .breadcrumb{
 margin-bottom:23px!important;
}
.word-counter-hero h1{
 font:800 clamp(32px,4.7vw,49px)/1.17 'Manrope',sans-serif!important;
 letter-spacing:-2px!important;
 margin:17px 0 12px!important;
}
.word-counter-hero .intro{
 font-size:16px!important;
 line-height:1.8!important;
 color:var(--muted,#64748b)!important;
 max-width:780px!important;
 margin:0!important;
}
.word-counter-workspace{
 display:block!important;
}
.word-counter-panel{
 margin:28px 0!important;
}
.word-counter-info{
 margin-top:32px!important;
 color:inherit!important;
}
.word-counter-info::after{
 display:block!important;
}
.word-counter-info p{
 color:#51617c!important;
}
.word-counter-info .panel-title{
 color:#172852!important;
}
.word-counter-info .formula-box{
 background:#fff!important;
 border:1px solid #dce6ff!important;
 color:#51617c!important;
}
.word-counter-info h3{
 color:#172852!important;
}
@media(max-width:760px){
 .keyword-density-stats{grid-template-columns:1fr!important}
}
@media(max-width:550px){
 .word-counter-unified{padding-top:30px}
}

/* Independent mobile taxonomy component. No desktop styles are modified. */
.mobile-taxonomy{display:none}
@media(max-width:760px){
 .taxonomy-jump{display:none!important}
 .taxonomy-fixed-header{display:none!important}
 .mobile-taxonomy{
  display:block!important;
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  margin:10px 8px 22px!important;
  padding:8px 10px 9px!important;
  border:1px solid #e2e8f4!important;
  border-radius:17px!important;
  background:rgba(248,250,255,.97)!important;
  box-shadow:0 10px 26px rgba(28,48,92,.09)!important;
  backdrop-filter:blur(16px)!important;
 }
 .mobile-taxonomy-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:38px!important;
  padding:0 2px 7px!important;
 }
 .mobile-taxonomy-brand{
  color:#12203b!important;
  font:800 21px/1 'Manrope',sans-serif!important;
  letter-spacing:-1px!important;
  text-decoration:none!important;
 }
 .mobile-taxonomy-header-actions{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
 }
 .mobile-taxonomy-head-btn{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#243a68!important;
  font:700 19px/1 system-ui,sans-serif!important;
 }
 .mobile-taxonomy-head-btn:active{background:#eef2fb}
 .mobile-taxonomy-select-row{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
 }
 .mobile-taxonomy-filter{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:38px!important;
  padding:0!important;
  border:1px solid #dce4f2!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#53637f!important;
  font:800 16px/1 system-ui,sans-serif!important;
 }
 .mobile-taxonomy-current{
  min-width:0!important;
  height:38px!important;
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr) auto 18px!important;
  align-items:center!important;
  gap:7px!important;
  padding:4px 8px 4px 5px!important;
  border:1px solid #cbd9ff!important;
  border-radius:12px!important;
  background:linear-gradient(100deg,#eef3ff,#f4f1ff)!important;
  color:#243a68!important;
  text-align:left!important;
  font:800 12px/1.1 'DM Sans',sans-serif!important;
 }
 .mobile-taxonomy-current-icon,
 .mobile-taxonomy-option-icon{
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#3d62f6,#7255eb)!important;
  color:#fff!important;
  font:800 10px/1 system-ui,sans-serif!important;
 }
 .mobile-taxonomy-current-label{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
 .mobile-taxonomy-current strong{
  min-width:21px!important;
  height:21px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#315bec!important;
  color:#fff!important;
  font-size:10px!important;
 }
 .mobile-taxonomy-chevron{
  color:#53637f!important;
  font-size:15px!important;
  transition:transform .18s!important;
 }
 .mobile-taxonomy-current[aria-expanded="true"] .mobile-taxonomy-chevron{transform:rotate(180deg)}
 .mobile-taxonomy-dropdown{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  top:84px!important;
  z-index:5!important;
  padding:7px!important;
  border:1px solid #e0e6f2!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(25,46,92,.16)!important;
 }
 .mobile-taxonomy-option{
  width:100%!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#33445f!important;
  text-align:left!important;
  font:750 12px/1.2 'DM Sans',sans-serif!important;
 }
 .mobile-taxonomy-option strong{
  min-width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#f0f3f9!important;
  color:#6a7890!important;
  font-size:10px!important;
 }
 .mobile-taxonomy-option.is-active{
  background:#f2f5ff!important;
  color:#23418f!important;
 }
 .mobile-taxonomy-subs{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  margin-top:8px!important;
  padding:7px 1px 0!important;
  border-top:1px solid #e5eaf3!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
 }
 .mobile-taxonomy-subs::-webkit-scrollbar{display:none}
 .mobile-taxonomy-subchip{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  border:1px solid #dce4f3!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#586782!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  font-weight:800!important;
 }
 .mobile-taxonomy-subchip.is-active{
  background:#315bec!important;
  border-color:#315bec!important;
  color:#fff!important;
 }
 .taxonomy-category,.taxonomy-subcategory{
  scroll-margin-top:124px!important;
 }
 html{scroll-padding-top:124px}
}

/* Mobile homepage: the taxonomy component IS the site header. */
@media(max-width:760px){
 body:has(main[data-home]) #app>header{
  display:none!important;
 }
 body:has(main[data-home]) .mobile-taxonomy{
  position:sticky!important;
  inset:0 0 auto 0!important;
  top:0!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:8px 14px 9px!important;
  border:0!important;
  border-bottom:1px solid #e3e9f4!important;
  border-radius:0!important;
  background:rgba(248,250,255,.98)!important;
  box-shadow:0 8px 22px rgba(27,46,90,.07)!important;
  backdrop-filter:blur(16px)!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-header{
  min-height:40px!important;
  padding:0 1px 7px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:max-content!important;
  color:#12203b!important;
  text-decoration:none!important;
  font:800 22px/1 'Manrope',sans-serif!important;
  letter-spacing:-1.1px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-brand img{
  display:block!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-dropdown{
  left:14px!important;
  right:14px!important;
 }
}

/* Approved mobile header composition: logo + category selector in one row, subcategories below. */
@media(max-width:760px){
 body:has(main[data-home]) .mobile-taxonomy{
  padding:14px 18px 13px!important;
  background:#f8faff!important;
  border-bottom:1px solid #e0e7f3!important;
  box-shadow:0 5px 18px rgba(30,48,88,.055)!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-mainrow{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:max-content!important;
  color:#132342!important;
  font:800 25px/1 'Manrope',sans-serif!important;
  letter-spacing:-1.25px!important;
  text-decoration:none!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-brand img{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  flex:0 0 auto!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-current{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto 46px!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 0 0 7px!important;
  overflow:hidden!important;
  border:1px solid #ccd9ff!important;
  border-radius:16px!important;
  background:linear-gradient(90deg,#f2f5ff 0%,#f4f1ff 78%,#fff 78%,#fff 100%)!important;
  color:#22396b!important;
  text-align:left!important;
  font:800 15px/1.15 'DM Sans',sans-serif!important;
  box-shadow:inset 0 0 0 1px rgba(75,99,220,.02)!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-current-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#496af7,#7556e8)!important;
  font-size:12px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-current-label{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-current strong{
  min-width:29px!important;
  height:29px!important;
  padding:0 7px!important;
  background:#315bea!important;
  font-size:12px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-menu-icon{
  align-self:stretch!important;
  display:grid!important;
  place-items:center!important;
  border-left:1px solid #e3e8f4!important;
  color:#53627d!important;
  background:#fff!important;
  font:700 20px/1 system-ui,sans-serif!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-subs{
  margin-top:13px!important;
  padding:13px 0 0!important;
  gap:9px!important;
  border-top:1px solid #dfe6f1!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-subchip{
  padding:9px 14px!important;
  border-radius:999px!important;
  font-size:12px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-subchip.is-active{
  background:#315bea!important;
  border-color:#315bea!important;
  box-shadow:none!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-dropdown{
  top:70px!important;
  left:18px!important;
  right:18px!important;
 }
}
@media(max-width:430px){
 body:has(main[data-home]) .mobile-taxonomy{
  padding-left:12px!important;
  padding-right:12px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-mainrow{
  gap:9px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-brand{
  gap:6px!important;
  font-size:21px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-brand img{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-current{
  height:44px!important;
  grid-template-columns:31px minmax(0,1fr) auto 40px!important;
  gap:6px!important;
  font-size:13px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-current-icon{
  width:31px!important;
  height:31px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-current strong{
  min-width:26px!important;
  height:26px!important;
  font-size:11px!important;
 }
 body:has(main[data-home]) .mobile-taxonomy-dropdown{
  left:12px!important;
  right:12px!important;
  top:64px!important;
 }
}

/* Mobile homepage catalog: compact two-column tool grid matching the approved mockup. */
@media(max-width:550px){
 body:has(main[data-home]) .taxonomy-catalog{
  padding-top:4px!important;
 }
 body:has(main[data-home]) .taxonomy-category{
  margin-top:26px!important;
  padding-top:22px!important;
 }
 body:has(main[data-home]) .taxonomy-category:first-child{
  margin-top:14px!important;
  padding-top:10px!important;
  border-top:0!important;
 }
 body:has(main[data-home]) .taxonomy-category>.section-heading{
  margin:0 0 14px!important;
  gap:10px!important;
 }
 body:has(main[data-home]) .taxonomy-category>.section-heading h2{
  font-size:22px!important;
  line-height:1.15!important;
  letter-spacing:-.7px!important;
 }
 body:has(main[data-home]) .taxonomy-category>.section-heading .count{
  padding:6px 9px!important;
  font-size:10.5px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory+.taxonomy-subcategory{
  margin-top:20px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory-heading{
  margin:0 0 10px!important;
  padding:0!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory-heading h3{
  font-size:14px!important;
  line-height:1.2!important;
  letter-spacing:-.2px!important;
 }
 body:has(main[data-home]) .taxonomy-subcount{
  padding:5px 8px!important;
  font-size:10px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory .grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory .tile{
  min-height:132px!important;
  padding:13px!important;
  gap:10px!important;
  border-radius:16px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory .tile-icon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  font-size:18px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory .tile-name{
  font-size:12.5px!important;
  line-height:1.28!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory .tile-foot{
  gap:5px!important;
  font-size:9.5px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory .tile-foot .arrow{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  font-size:13px!important;
 }
}
@media(max-width:365px){
 body:has(main[data-home]) .taxonomy-subcategory .grid{
  grid-template-columns:1fr!important;
 }
}

/* Mobile taxonomy catalog cleanup: reduce badge noise and sparse-category awkwardness. */
@media(max-width:550px){
 body:has(main[data-home]) .taxonomy-category{
  border-top-color:#e5eaf3!important;
 }
 body:has(main[data-home]) .taxonomy-category>.section-heading{
  align-items:flex-start!important;
  margin-bottom:12px!important;
 }
 body:has(main[data-home]) .taxonomy-category>.section-heading h2{
  font-size:20px!important;
  line-height:1.14!important;
  letter-spacing:-.55px!important;
 }
 body:has(main[data-home]) .taxonomy-category>.section-heading .count{
  margin-top:1px!important;
  padding:5px 8px!important;
  background:#f1f4fb!important;
  color:#64748b!important;
  font-size:10px!important;
  font-weight:800!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory-heading{
  align-items:center!important;
  margin-bottom:9px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory-heading h3{
  color:#35445f!important;
  font-size:13px!important;
  font-weight:800!important;
 }
 body:has(main[data-home]) .taxonomy-subcount{
  display:none!important;
 }
 body:has(main[data-home]) .taxonomy-category.is-single-subcategory>.section-heading{
  margin-bottom:8px!important;
 }
 body:has(main[data-home]) .taxonomy-category.is-single-subcategory .taxonomy-subcategory-heading{
  margin-bottom:9px!important;
 }
 body:has(main[data-home]) .taxonomy-category.is-single-tool-category>.section-heading .count{
  display:none!important;
 }
 body:has(main[data-home]) .taxonomy-category.is-single-tool-category .taxonomy-subcategory-heading h3{
  color:#76839a!important;
  font-size:11px!important;
  font-weight:750!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory.is-single-tool .grid{
  grid-template-columns:1fr!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory.is-single-tool .tile{
  min-height:116px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 30px!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:4px!important;
  align-items:center!important;
  padding:14px 14px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory.is-single-tool .tile-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory.is-single-tool .tile-name{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  font-size:13.5px!important;
  line-height:1.22!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory.is-single-tool .tile-foot{
  grid-column:2 / 4!important;
  grid-row:2!important;
  align-self:start!important;
  margin:0!important;
  font-size:9.5px!important;
 }
 body:has(main[data-home]) .taxonomy-subcategory.is-single-tool .tile-foot .arrow{
  margin-left:auto!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
 }
 body:has(main[data-home]) .taxonomy-category+.taxonomy-category{
  margin-top:22px!important;
  padding-top:22px!important;
 }
}

/* Mobile tool pages — compact, coherent layout across every tool family. */
@media(max-width:550px){
 body:has(#app > main[data-free-layout]) #app > header{
  position:sticky!important;
  top:0!important;
  right:auto!important;
  left:auto!important;
  width:100%!important;
  height:58px!important;
  display:block!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  background:rgba(248,250,255,.97)!important;
  border:0!important;
  border-bottom:1px solid #e3e9f4!important;
  box-shadow:0 6px 18px rgba(27,46,90,.055)!important;
  backdrop-filter:blur(14px)!important;
  z-index:90!important;
 }
 body:has(#app > main[data-free-layout]) #app > header .nav{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:58px!important;
  height:58px!important;
  margin:0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
 }
 body:has(#app > main[data-free-layout]) #app > header .nav-right{
  display:none!important;
 }
 body:has(#app > main[data-free-layout]) #app > header .brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#12203b!important;
  font:800 21px/1 'Manrope',sans-serif!important;
  letter-spacing:-1px!important;
  text-decoration:none!important;
 }
 body:has(#app > main[data-free-layout]) #app > header .brand::before{
  content:""!important;
  display:block!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:9px!important;
  background:url("/brand.svg") center/contain no-repeat!important;
 }
 body:has(#app > main[data-free-layout]) #app > main[data-free-layout]{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding-left:16px!important;
  padding-right:16px!important;
  padding-top:18px!important;
  padding-bottom:58px!important;
 }
 body:has(#app > main[data-free-layout]) :is(.breadcrumb,.ui-breadcrumb,.converter-crumb){
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 15px!important;
  padding:0 0 3px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
  color:#8190a8!important;
  font-size:10.5px!important;
  line-height:1.35!important;
 }
 body:has(#app > main[data-free-layout]) :is(.breadcrumb,.ui-breadcrumb,.converter-crumb)::-webkit-scrollbar{display:none}
 body:has(#app > main[data-free-layout]) :is(.breadcrumb,.ui-breadcrumb,.converter-crumb) a{
  flex:0 0 auto!important;
  color:#5064df!important;
 }
 body:has(#app > main[data-free-layout]) .tool-hero{
  padding:0 0 18px!important;
 }
 body:has(#app > main[data-free-layout]) .eyebrow{
  padding:7px 11px!important;
  font-size:10px!important;
  letter-spacing:.025em!important;
 }
 body:has(#app > main[data-free-layout]) :is(.tool-hero h1,.ui-tool-page h1,.salary-wrap h1,.converter-wrap h1){
  margin:13px 0 10px!important;
  font:800 clamp(30px,8.2vw,36px)/1.08 'Manrope',sans-serif!important;
  letter-spacing:-1.35px!important;
  overflow-wrap:anywhere!important;
 }
 body:has(#app > main[data-free-layout]) :is(.tool-hero .intro,.ui-tool-page>p,.salary-lead,.converter-wrap>p){
  margin:0!important;
  max-width:none!important;
  color:#65748d!important;
  font-size:14.5px!important;
  line-height:1.62!important;
 }

 main[data-free-layout]{background:radial-gradient(ellipse 75% 240px at 50% 0,rgba(97,111,255,.13),transparent 100%),#f8faff!important;}
 main[data-free-layout]>.tool-hero{margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
 main[data-free-layout] :is(h1,.tool-hero .intro),main[data-free-layout]>h1+p{margin-inline:0!important;text-wrap:initial!important;font-family:'Manrope',sans-serif!important;}
 main[data-free-layout] :is(.breadcrumb,.ui-breadcrumb,.converter-crumb){margin-inline:0!important;font-weight:700!important;}
 main[data-free-layout] .eyebrow{display:inline-flex!important;margin:0!important;background:#fff!important;border:1px solid #dce3ff!important;border-radius:999px!important;color:#5064df!important;font-weight:800!important;}
 main[data-free-layout] .eyebrow::before{display:block!important;}
}
main[data-free-layout] .measurement-guide{
 margin-top:34px!important;
 padding:clamp(26px,3.2vw,38px)!important;
 border:1px solid #dce5f5!important;
 border-radius:28px!important;
 background:radial-gradient(circle at 92% 6%,rgba(91,96,246,.08),transparent 30%),
  linear-gradient(145deg,#fbfdff 0%,#f5f8ff 58%,#faf9ff 100%)!important;
 box-shadow:0 18px 50px rgba(43,63,118,.06)!important;
}
main[data-free-layout] .measurement-guide-head{max-width:820px}
main[data-free-layout] .measurement-guide-kicker{
 display:inline-flex!important;
 align-items:center!important;
 min-height:28px!important;
 padding:5px 10px!important;
 border:1px solid #d9e2f5!important;
 border-radius:999px!important;
 background:#fff!important;
 color:#5265d8!important;
 font-size:11px!important;
 font-weight:800!important;
 letter-spacing:.04em!important;
 text-transform:uppercase!important;
}
main[data-free-layout] .measurement-guide h2{
 margin:14px 0 10px!important;
 color:#132653!important;
 font:800 clamp(23px,2.7vw,31px)/1.18 'Manrope',sans-serif!important;
 letter-spacing:-.9px!important;
}
main[data-free-layout] .measurement-guide-head p{
 margin:0!important;
 max-width:760px!important;
 color:#566680!important;
 font-size:15px!important;
 line-height:1.75!important;
}
main[data-free-layout] .measurement-unit-strip{
 display:flex!important;
 flex-wrap:wrap!important;
 gap:8px!important;
 margin:24px 0 22px!important;
 padding-top:20px!important;
 border-top:1px solid #e1e8f4!important;
}
main[data-free-layout] .measurement-unit-strip span{
 display:inline-flex!important;
 align-items:center!important;
 min-height:30px!important;
 padding:6px 10px!important;
 border:1px solid #dce4f2!important;
 border-radius:9px!important;
 background:#fff!important;
 color:#2f4166!important;
 font-size:12px!important;
 font-weight:750!important;
 box-shadow:0 4px 12px rgba(49,69,120,.035)!important;
}
main[data-free-layout] .measurement-guide-grid{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;
}
main[data-free-layout] .measurement-guide-grid article{
 position:relative!important;
 min-height:150px!important;
 padding:20px 20px 19px!important;
 border:1px solid #e1e7f1!important;
 border-radius:18px!important;
 background:rgba(255,255,255,.78)!important;
}
main[data-free-layout] .measurement-guide-index{
 display:block!important;
 margin-bottom:18px!important;
 color:#8b98ad!important;
 font:800 11px/1 'Manrope',sans-serif!important;
 letter-spacing:.08em!important;
}
main[data-free-layout] .measurement-guide-grid h3{
 margin:0 0 8px!important;
 color:#20345f!important;
 font:800 15px/1.3 'Manrope',sans-serif!important;
 letter-spacing:-.2px!important;
}
main[data-free-layout] .measurement-guide-grid p{
 margin:0!important;
 color:#596983!important;
 font-size:14px!important;
 line-height:1.72!important;
}
@media(max-width:700px){
 main[data-free-layout] .measurement-guide{margin-top:24px!important;padding:21px!important;border-radius:21px!important}
 main[data-free-layout] .measurement-guide-grid{grid-template-columns:1fr!important}
 main[data-free-layout] .measurement-guide-grid article{min-height:0!important}
 main[data-free-layout] .measurement-guide-head p{font-size:14px!important}
}


}

@layer freeToolsMobile {
main[data-free-layout] .ui-info-card{position:relative!important;isolation:isolate!important;margin-top:32px!important;padding:clamp(24px,3.6vw,38px)!important;background:linear-gradient(135deg,#f8fbff 0%,#f0f5ff 54%,#f8f6ff 100%)!important;border:1px solid #dce6ff!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(41,76,158,.045)!important}
main[data-free-layout] .ui-info-card::after{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;background:radial-gradient(ellipse 60% 70% at 100% 0%,rgba(75,112,242,.065),transparent 85%)!important;pointer-events:none!important;z-index:-1!important}
main[data-free-layout] .ui-info-card .panel-title{font:800 clamp(19px,2.3vw,23px)/1.35 'Manrope',sans-serif!important;letter-spacing:-.5px!important;color:#172852!important;margin:0 0 12px!important}
main[data-free-layout] .ui-info-card p{font-size:clamp(14px,1.25vw,16px)!important;line-height:1.8!important;color:#51617c!important;max-width:920px!important;margin:0!important}
@media(max-width:768px){main[data-free-layout] .ui-info-card{margin-top:18px!important;padding:19px 18px!important;border-radius:18px!important}}
}

/* Keep inline guidance readable and reserve space for its status icon. */
@layer freeToolsMobile {
 @media(max-width:768px){
  main[data-free-layout] :is(.ui-inline-note,.pro-note,.pro-privacy,.factory-privacy){
   box-sizing:border-box!important;position:relative!important;
   margin:14px 0!important;padding:12px 14px!important;
   border:1px solid #e3e9f2!important;border-radius:12px!important;
   background:#f2f5fa!important;color:#53647c!important;
   font:400 13px/1.6 'DM Sans',system-ui,sans-serif!important;
   text-align:start!important;overflow-wrap:anywhere!important;
  }
  main[data-free-layout] :is(.ui-inline-note,.pro-note){padding-inline-start:40px!important}
  main[data-free-layout] :is(.ui-inline-note,.pro-note)::before{
   position:absolute!important;inset-inline-start:13px!important;inset-inline-end:auto!important;
   top:14px!important;width:18px!important;height:18px!important;
   display:grid!important;place-items:center!important;
   background:#e2e9fb!important;color:#435ac0!important;
   border-radius:50%!important;font:700 11px/1 system-ui,sans-serif!important;
  }
 }
}

/* Match the production information heading size on mobile. */
@layer freeToolsMobile {
 @media(max-width:768px){
  main[data-free-layout] :is(.ui-info-card,.info-panel) .panel-title{
   font-size:17px!important;line-height:1.35!important;margin:0 0 6px!important;
  }
 }
}

@layer freeToolsMobile {
 @media(max-width:768px){
  main[data-free-layout] .ui-file-caption{display:none!important}
  main[data-free-layout] .ui-file-field:has(>.ui-file-caption)>.ui-file-control{margin-top:0!important}
 }
}