/* Scoped styles for /guides/cost-of-hiring-sdr-uae (site stylesheet is precompiled) */
.sg{--sg-or:#ef6616;--sg-or2:#ff8e4d;--sg-line:rgba(255,255,255,.06);--sg-line2:rgba(255,255,255,.12);--sg-mut:hsl(var(--muted-foreground));}
.sg *{box-sizing:border-box}
.sg-wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.sg-narrow{max-width:56rem}
@media(min-width:768px){.sg-wrap{padding:0 3rem}}
.sg-sec{padding:5rem 0;border-top:1px solid var(--sg-line)}
@media(min-width:768px){.sg-sec{padding:7rem 0}}
.sg-alt{background:hsl(var(--secondary)/.1)}
.sg-crumbs{display:flex;flex-wrap:wrap;gap:.5rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--sg-mut);margin-bottom:2.5rem;list-style:none;padding:0}
.sg-crumbs a{color:var(--sg-mut);transition:color .2s}.sg-crumbs a:hover{color:#fff}
.sg-crumbs li+li::before{content:'›';margin-right:.5rem;color:var(--sg-or)}
.sg-crumbs [aria-current]{color:var(--sg-or2)}
.sg-eyebrow{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}
.sg-eyebrow i{display:block;height:1px;width:2rem;background:var(--sg-or)}
.sg-eyebrow span{font-family:Oswald,sans-serif;font-size:.875rem;letter-spacing:.1em;color:var(--sg-or);text-transform:uppercase;font-weight:500}
.sg-h1{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;line-height:1;color:#fff;font-size:2.6rem;margin:0 0 1.75rem;max-width:62rem}
@media(min-width:768px){.sg-h1{font-size:4.25rem}}
@media(min-width:1024px){.sg-h1{font-size:5rem}}
.sg-h1 em{font-style:normal;color:var(--sg-or)}
.sg-byline{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--sg-mut);margin-bottom:2rem}
.sg-byline time{color:#fff}
.sg-lead{font-size:1.2rem;font-weight:300;line-height:1.65;color:var(--sg-mut);max-width:48rem;margin:0 0 2.5rem}
@media(min-width:768px){.sg-lead{font-size:1.4rem}}
.sg-h2{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;color:#fff;font-size:2rem;line-height:1.1;margin:0 0 1.5rem;max-width:56rem}
@media(min-width:768px){.sg-h2{font-size:3rem}}
.sg-p{color:var(--sg-mut);font-weight:300;font-size:1.0625rem;line-height:1.7;max-width:46rem;margin:0 0 2.5rem}
.sg-small{font-size:.875rem;color:var(--sg-mut);font-weight:300;line-height:1.6}
.sg a.sg-src{color:var(--sg-or2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(239,102,22,.4)}
.sg a.sg-src:hover{color:#fff}
.sg-btns{display:flex;flex-wrap:wrap;gap:1rem}
.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:1rem 2rem;font-size:1rem;transition:background .25s,color .25s,border-color .25s}
.sg-btn--p{background:var(--sg-or);color:#fff}.sg-btn--p:hover{background:#fff;color:#0c0c0c}
.sg-btn--g{border:1px solid rgba(255,255,255,.2);color:#fff}.sg-btn--g:hover{border-color:var(--sg-or);color:var(--sg-or)}
.sg-btn span{transition:transform .3s}.sg-btn:hover span{transform:translateX(6px)}

/* Tables (override mobile min-width from enhancements.css) */
.sg table.sg-table{width:100%;min-width:0;border-collapse:collapse;text-align:left}
.sg-table th,.sg-table td{padding:1.1rem 1.5rem;border-bottom:1px solid var(--sg-line);vertical-align:top}
.sg-table thead th{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:.875rem;font-weight:400;color:var(--sg-mut)}
.sg-table tbody tr:nth-child(odd){background:hsl(var(--secondary)/.1)}
.sg-table tbody th{font-family:Oswald,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.85);font-weight:600;width:22%}
.sg-table td{color:var(--sg-mut);font-weight:300;font-size:.9375rem;line-height:1.6}
.sg-costs td.sg-srccell{font-size:.85rem;width:24%}
.sg-cmp tbody th{color:hsl(var(--muted-foreground)/.6);font-weight:400}
.sg-cmp thead th.sg-cur{color:var(--sg-or);font-weight:700}
.sg-cmp td.sg-cur{color:#fff;font-weight:700;border-left:2px solid rgba(239,102,22,.3);background:rgba(239,102,22,.06)}
.sg-cmp thead th.sg-cur{border-left:2px solid var(--sg-or);background:rgba(239,102,22,.1)}
.sg-note{border-left:2px solid var(--sg-or);padding:1.25rem 1.5rem;margin-top:2.5rem;background:rgba(239,102,22,.05);color:var(--sg-mut);font-weight:300;line-height:1.7;max-width:52rem}
.sg-note strong{color:#fff;font-weight:600}
@media(max-width:767px){
 .sg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .sg-table,.sg-table tbody,.sg-table tr,.sg-table th,.sg-table td{display:block;width:100%!important}
 .sg-table tbody tr{border:1px solid var(--sg-line2);margin-bottom:1rem;background:hsl(var(--background))!important;padding:1.25rem}
 .sg-table th,.sg-table td{padding:0;border:0}
 .sg-table tbody th{font-size:1.1rem;color:#fff;margin-bottom:.6rem;letter-spacing:.06em}
 .sg-costs td.sg-srccell{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--sg-line)}
 .sg-cmp td{padding:.6rem 0 .6rem;border-top:1px solid var(--sg-line)}
 .sg-cmp td::before{content:attr(data-label);display:block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--sg-mut);font-weight:400;margin-bottom:.2rem}
 .sg-cmp td.sg-cur{border-left:2px solid var(--sg-or);padding-left:.85rem;margin-top:.4rem}
 .sg-cmp td.sg-cur::before{color:var(--sg-or)}
}

/* Calculator */
.sg-calc{display:grid;grid-template-columns:1fr;border:1px solid rgba(239,102,22,.3);background:rgba(239,102,22,.04)}
@media(min-width:1024px){.sg-calc{grid-template-columns:1.25fr 1fr}}
.sg-inputs{padding:2rem 1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem}
@media(min-width:640px){.sg-inputs{grid-template-columns:1fr 1fr;padding:2.5rem}}
.sg-field label{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:#fff;margin-bottom:.5rem;line-height:1.3}
.sg-inp{display:flex;align-items:stretch;border:1px solid var(--sg-line2);background:hsl(var(--background));transition:border-color .2s}
.sg-inp:focus-within{border-color:var(--sg-or)}
.sg-inp b{display:flex;align-items:center;padding:0 .8rem;font-family:Oswald,sans-serif;font-weight:500;font-size:.8rem;letter-spacing:.1em;color:var(--sg-or);border-right:1px solid var(--sg-line2)}
.sg-inp b.sg-suf{border-right:0;border-left:1px solid var(--sg-line2)}
.sg-inp input{flex:1;min-width:0;width:100%;background:transparent;border:0;color:#fff;font-family:Oswald,sans-serif;font-size:1.25rem;padding:.7rem .85rem;outline:none}
.sg-field small{display:block;margin-top:.45rem;font-size:.8rem;color:var(--sg-mut);font-weight:300;line-height:1.45}
.sg-results{padding:2rem 1.5rem;background:hsl(var(--background));border-top:1px solid rgba(239,102,22,.3);position:relative}
.sg-results::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:var(--sg-or)}
@media(min-width:1024px){.sg-results{border-top:0;border-left:1px solid rgba(239,102,22,.3);padding:2.5rem}}
.sg-res{padding:1.1rem 0;border-bottom:1px solid var(--sg-line)}
.sg-res dt{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--sg-mut)}
.sg-res dd{margin:.35rem 0 0;font-family:Oswald,sans-serif;font-weight:700;font-size:2rem;color:#fff;line-height:1.1}
.sg-res dd small{display:block;font-family:inherit;font-weight:300;font-size:.8rem;color:var(--sg-mut);margin-top:.3rem;letter-spacing:0;text-transform:none}
.sg-res--big{border-bottom:0;padding-top:1.5rem}
.sg-res--big dt{color:var(--sg-or2)}
.sg-res--big dd{font-size:3.25rem;color:var(--sg-or)}
@media(min-width:768px){.sg-res--big dd{font-size:4rem}}
.sg-after{color:#fff;font-weight:300;line-height:1.6;margin:1rem 0 1.5rem}
.sg-results .sg-btn{width:100%}

/* Steps (01/02/03) */
.sg-steps{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3.5rem}
@media(min-width:1024px){.sg-steps{grid-template-columns:repeat(3,1fr)}}
.sg-step{background:hsl(var(--background));border:1px solid var(--sg-line);padding:2.5rem 2rem 2rem;position:relative;transition:border-color .5s}
.sg-step:hover{border-color:rgba(255,255,255,.15)}
.sg-step .sg-num{position:absolute;top:0;right:0;width:4rem;height:4rem;background:rgba(239,102,22,.05);border-bottom-left-radius:1.5rem;display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif;font-weight:700;font-size:1.25rem;color:rgba(239,102,22,.4);transition:color .3s,background .3s}
.sg-step:hover .sg-num{color:var(--sg-or);background:rgba(239,102,22,.1)}
.sg-step h3{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#fff;font-size:1.4rem;line-height:1.2;margin:1rem 4rem 1rem 0}
.sg-step p{color:var(--sg-mut);font-weight:300;line-height:1.7;margin:0}
.sg-nos{margin-top:3rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:1.25rem;color:var(--sg-or)}
@media(min-width:768px){.sg-nos{font-size:1.6rem}}

/* Pull quote */
.sg-quote{background:var(--sg-or);color:#fff;padding:5rem 0;position:relative;overflow:hidden}
@media(min-width:768px){.sg-quote{padding:7rem 0}}
.sg-quote::before{content:'\201C';position:absolute;top:-3rem;left:1rem;font-family:Oswald,sans-serif;font-weight:700;font-size:22rem;line-height:1;color:rgba(0,0,0,.1);pointer-events:none}
.sg-quote blockquote{margin:0;position:relative}
.sg-quote blockquote p{font-family:Oswald,sans-serif;font-weight:600;text-transform:uppercase;font-size:1.75rem;line-height:1.2;margin:0 0 2rem;max-width:62rem}
@media(min-width:768px){.sg-quote blockquote p{font-size:2.75rem}}
.sg-quote footer{all:unset;display:flex;align-items:center;gap:1rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.95rem}
.sg-quote footer i{display:block;width:2rem;height:1px;background:#fff}

/* In-house list */
.sg-list{list-style:none;padding:0;margin:0 0 2.5rem;display:grid;gap:1rem;max-width:52rem}
.sg-list li{border:1px solid var(--sg-line);background:hsl(var(--background));padding:1.25rem 1.5rem 1.25rem 3.25rem;position:relative;color:var(--sg-mut);font-weight:300;line-height:1.65}
.sg-list li::before{content:'';position:absolute;left:1.5rem;top:1.85rem;width:.9rem;height:2px;background:var(--sg-or)}
.sg-list strong{color:#fff;font-weight:600}
.sg-kicker{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff;font-size:1.3rem;line-height:1.35;max-width:46rem}

/* FAQ — headings inside summary */
.sg-faq .faq-item summary h3{display:inline;font:inherit;margin:0;letter-spacing:inherit}

/* Closing band */
.sg-cta{padding:6rem 0;border-top:1px solid var(--sg-line)}
.sg-cta-in{display:flex;flex-direction:column;gap:2.5rem;align-items:flex-start}
@media(min-width:1024px){.sg-cta-in{flex-direction:row;align-items:center;justify-content:space-between}}
.sg-cta h2{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;color:#fff;font-size:2.6rem;line-height:1;margin:0 0 1.25rem;max-width:44rem}
@media(min-width:768px){.sg-cta h2{font-size:4rem}}
.sg-cta h2 span{color:var(--sg-or)}
.sg-cta .sg-btns{flex-direction:column;width:100%}
@media(min-width:640px){.sg-cta .sg-btns{flex-direction:row;width:auto}}
.sg-cta .sg-btn{padding:1.25rem 2rem;font-size:1.05rem}

/* Sources */
.sg-sources{padding:3rem 0 4rem;border-top:1px solid var(--sg-line)}
.sg-sources h2{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;color:#fff;margin:0 0 1.25rem}
.sg-sources ol{margin:0;padding-left:1.25rem;display:grid;gap:.6rem;font-size:.85rem;color:var(--sg-mut);font-weight:300;line-height:1.5}
.sg-sources a{overflow-wrap:anywhere}
.sg-foot{font-size:.8rem;color:var(--sg-mut);font-weight:300;line-height:1.6;margin-top:1.5rem;max-width:56rem}