/*
 * JobLik Design System 0.30.67
 * Central typography contract. Loaded after legacy page styles.
 */
@font-face{font-family:"JobLik Vazirmatn";font-style:normal;font-display:swap;font-weight:400;src:url("../fonts/joblik/vazirmatn-arabic-400.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08FF,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"JobLik Vazirmatn";font-style:normal;font-display:swap;font-weight:400;src:url("../fonts/joblik/vazirmatn-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JobLik Vazirmatn";font-style:normal;font-display:swap;font-weight:500;src:url("../fonts/joblik/vazirmatn-arabic-500.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08FF,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"JobLik Vazirmatn";font-style:normal;font-display:swap;font-weight:500;src:url("../fonts/joblik/vazirmatn-latin-500.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JobLik Vazirmatn";font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/joblik/vazirmatn-arabic-600.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08FF,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"JobLik Vazirmatn";font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/joblik/vazirmatn-latin-600.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JobLik Vazirmatn";font-style:normal;font-display:swap;font-weight:700;src:url("../fonts/joblik/vazirmatn-arabic-700.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08FF,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"JobLik Vazirmatn";font-style:normal;font-display:swap;font-weight:700;src:url("../fonts/joblik/vazirmatn-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
 --jl-font:"JobLik Vazirmatn",Tahoma,Arial,sans-serif;
 --jl-text-xs:.75rem;
 --jl-text-sm:.8125rem;
 --jl-text-md:.9375rem;
 --jl-text-base:1rem;
 --jl-text-lg:1.125rem;
 --jl-title-sm:clamp(1.125rem,1rem + .45vw,1.375rem);
 --jl-title-md:clamp(1.375rem,1.15rem + .8vw,1.875rem);
 --jl-title-lg:clamp(1.75rem,1.35rem + 1.25vw,2.5rem);
 --jl-display:clamp(2.125rem,1.45rem + 2vw,3.25rem);
 --jl-leading-tight:1.35;
 --jl-leading-title:1.48;
 --jl-leading-body:1.82;
}

html{font-size:16px!important;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:var(--jl-font)!important;font-size:var(--jl-text-md)!important;line-height:var(--jl-leading-body)!important;font-synthesis:none}
button,input,select,textarea,optgroup{font-family:var(--jl-font)!important}
button,.btn,[class*="button"],[class*="-btn"]{font-size:var(--jl-text-sm)!important;font-weight:600!important;line-height:1.55!important}
input,select,textarea{font-size:var(--jl-text-md)!important;line-height:1.65!important}
label{font-size:var(--jl-text-sm)!important;line-height:1.7!important}
small,.small,[class*="hint"],[class*="note"]{font-size:var(--jl-text-xs)!important;line-height:1.75!important}
nav a,header a{font-size:var(--jl-text-sm)!important;font-weight:600!important}
table{font-size:var(--jl-text-sm)!important;line-height:1.7!important}
th{font-weight:700!important}

main :where(h1){font-family:var(--jl-font)!important;font-size:var(--jl-title-lg)!important;font-weight:700!important;line-height:var(--jl-leading-title)!important;letter-spacing:0!important}
main :where(h2){font-family:var(--jl-font)!important;font-size:var(--jl-title-md)!important;font-weight:700!important;line-height:var(--jl-leading-title)!important;letter-spacing:0!important}
main :where(h3){font-family:var(--jl-font)!important;font-size:var(--jl-title-sm)!important;font-weight:700!important;line-height:1.55!important;letter-spacing:0!important}
main :where(h4,h5,h6){font-family:var(--jl-font)!important;font-size:var(--jl-text-lg)!important;font-weight:600!important;line-height:1.6!important}
main :where(p,li,dd,dt){font-family:var(--jl-font)!important;line-height:var(--jl-leading-body)!important}

/* Public Smart Card landing: prevent the legacy oversized desktop hero. */
body[data-joblik-path="/smart-card"] main h1{
 font-size:var(--jl-display)!important;
 font-weight:700!important;
 line-height:1.42!important;
 max-width:17ch;
 text-wrap:balance;
}
body[data-joblik-path="/smart-card"] main h2{font-size:clamp(1.45rem,1.15rem + .85vw,2rem)!important}
body[data-joblik-path="/smart-card"] main h3{font-size:clamp(1.05rem,.95rem + .4vw,1.3rem)!important}
body[data-joblik-path="/smart-card"] main p{font-size:clamp(.9rem,.84rem + .2vw,1.03rem)!important;line-height:1.9!important}
body[data-joblik-path="/smart-card"] main a[class*="btn"],
body[data-joblik-path="/smart-card"] main button{font-size:.9rem!important;font-weight:600!important}

/*
 * Smart Card landing — desktop density contract.
 * The mobile contract below remains unchanged. This range prevents the
 * legacy hero from scaling display text and sample-card typography as if the
 * desktop viewport were a large mobile canvas.
 */
@media(min-width:721px){
 body[data-joblik-path="/smart-card"] main h1{
  font-size:clamp(2.25rem,1.85rem + .7vw,2.625rem)!important;
  line-height:1.38!important;
  max-width:16ch!important;
  margin-block:.15em .38em!important;
 }
 body[data-joblik-path="/smart-card"] main h2{
  font-size:clamp(1.45rem,1.25rem + .35vw,1.75rem)!important;
  line-height:1.48!important;
 }
 body[data-joblik-path="/smart-card"] main h3{
  font-size:clamp(1.025rem,.96rem + .16vw,1.175rem)!important;
 }
 body[data-joblik-path="/smart-card"] main p{
  font-size:clamp(.875rem,.83rem + .12vw,.975rem)!important;
  line-height:1.82!important;
 }
 body[data-joblik-path="/smart-card"] main a[class*="btn"],
 body[data-joblik-path="/smart-card"] main button{
  font-size:.875rem!important;
  line-height:1.5!important;
 }
}

@media(min-width:1440px){
 body[data-joblik-path="/smart-card"] main h1{font-size:2.625rem!important}
}

/* Homepage hero title: balanced Persian display scale. */
body[data-joblik-path="/"] .v064-hero h1{
 font-family:var(--jl-font)!important;
 font-size:clamp(2.25rem,1.7rem + 1.65vw,3.4rem)!important;
 font-weight:700!important;
 line-height:1.43!important;
 letter-spacing:0!important;
 max-width:13ch!important;
 margin-block:.2em .35em!important;
 text-wrap:balance;
}
body[data-joblik-path="/"] .v064-hero h1 *{
 font:inherit!important;
 line-height:inherit!important;
 letter-spacing:inherit!important;
}
body[data-joblik-path="/"] .v064-hero :where(p,[class*="subtitle"],[class*="lead"]){
 font-family:var(--jl-font)!important;
 font-size:clamp(.9rem,.84rem + .2vw,1.05rem)!important;
 line-height:1.85!important;
}

/* Voice search: replace the faint emoji with a high-contrast SVG microphone. */
[data-v257-mic]{
 position:relative!important;
 isolation:isolate;
 display:inline-grid!important;
 place-items:center!important;
 flex:0 0 48px!important;
 width:48px!important;
 min-width:48px!important;
 height:48px!important;
 padding:0!important;
 border:2px solid #f97316!important;
 border-radius:50%!important;
 background:#fff7ed!important;
 color:#ea580c!important;
 box-shadow:0 3px 12px rgba(234,88,12,.18)!important;
 font-size:0!important;
 line-height:0!important;
 cursor:pointer!important;
 overflow:visible!important;
 transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
[data-v257-mic]>*{display:none!important}
[data-v257-mic]::before{
 content:""!important;
 display:block!important;
 width:23px!important;
 height:23px!important;
 background-color:currentColor!important;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 15.5a3.5 3.5 0 0 0 3.5-3.5V5a3.5 3.5 0 1 0-7 0v7a3.5 3.5 0 0 0 3.5 3.5Zm-1.5-10.5a1.5 1.5 0 0 1 3 0v7a1.5 1.5 0 0 1-3 0V5Zm7 6a1 1 0 0 1 1 1 6.5 6.5 0 0 1-5.5 6.42V21h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2v-2.08A6.5 6.5 0 0 1 5.5 12a1 1 0 1 1 2 0 4.5 4.5 0 1 0 9 0 1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 15.5a3.5 3.5 0 0 0 3.5-3.5V5a3.5 3.5 0 1 0-7 0v7a3.5 3.5 0 0 0 3.5 3.5Zm-1.5-10.5a1.5 1.5 0 0 1 3 0v7a1.5 1.5 0 0 1-3 0V5Zm7 6a1 1 0 0 1 1 1 6.5 6.5 0 0 1-5.5 6.42V21h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2v-2.08A6.5 6.5 0 0 1 5.5 12a1 1 0 1 1 2 0 4.5 4.5 0 1 0 9 0 1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
[data-v257-mic]::after{
 content:""!important;
 position:absolute!important;
 inset:-5px!important;
 border:2px solid transparent!important;
 border-radius:50%!important;
 pointer-events:none!important;
}
[data-v257-mic]:hover{background:#ffedd5!important;box-shadow:0 4px 16px rgba(234,88,12,.28)!important;transform:translateY(-1px)}
[data-v257-mic]:focus-visible{outline:3px solid #fdba74!important;outline-offset:3px!important}
[data-v257-mic].is-listening,
[data-v257-mic][aria-pressed="true"]{
 background:#f97316!important;
 color:#fff!important;
 box-shadow:0 0 0 7px rgba(249,115,22,.2)!important;
 animation:jl-mic-pulse 1.2s ease-in-out infinite!important;
}
@keyframes jl-mic-pulse{
 50%{box-shadow:0 0 0 11px rgba(249,115,22,.08)}
}

/* Wizard and user/admin workspaces use a denser, operational scale. */
body[data-joblik-path^="/create-card"]{font-size:.875rem!important}
body[data-joblik-path^="/create-card"] main h1{font-size:clamp(1.45rem,1.2rem + .7vw,1.9rem)!important}
body[data-joblik-path^="/create-card"] main h2{font-size:clamp(1.2rem,1.05rem + .45vw,1.5rem)!important}
body[data-joblik-path^="/admin"]{font-size:.8125rem!important}
body[data-joblik-path^="/admin"] main h1{font-size:clamp(1.35rem,1.15rem + .55vw,1.75rem)!important}
body[data-joblik-path^="/admin"] main h2{font-size:clamp(1.1rem,1rem + .35vw,1.35rem)!important}
body[data-joblik-path^="/admin"] main h3{font-size:1rem!important}
body[data-joblik-path^="/my"]{font-size:.875rem!important}
body[data-joblik-path^="/my"] main h1{font-size:clamp(1.4rem,1.2rem + .6vw,1.8rem)!important}

@media(max-width:720px){
 :root{
  --jl-text-md:.875rem;
  --jl-text-base:.9375rem;
  --jl-text-lg:1.025rem;
  --jl-title-sm:1.1rem;
  --jl-title-md:1.3rem;
  --jl-title-lg:1.65rem;
  --jl-display:clamp(1.8rem,1.45rem + 1.8vw,2.15rem);
 }
 body{line-height:1.78!important}
 button,.btn,[class*="button"],[class*="-btn"]{font-size:.8125rem!important}
 body[data-joblik-path="/smart-card"] main h1{line-height:1.5!important;max-width:18ch}
 body[data-joblik-path="/"] .v064-hero h1{font-size:clamp(1.9rem,1.55rem + 1.6vw,2.3rem)!important;line-height:1.5!important;max-width:15ch!important}
 [data-v257-mic]{width:46px!important;min-width:46px!important;height:46px!important;flex-basis:46px!important}
}

@media(max-width:380px){
 html{font-size:15px!important}
}