/*
Theme Name: AI24
Theme URI: https://ayam24.com/
Author: AYAM24
Description: AI24 responsive career and editorial WordPress theme: job postings, Career Journal landing page, article hub, editable WordPress menus, AdSense-ready widget spaces and employer submission pages. Companion job-manager plugin required for job listings.
Version: 2.0.2
Requires at least: 6.1
Requires PHP: 7.4
Text Domain: ai24
License: GPL-2.0-or-later
*/
:root{--ink:#162039;--muted:#798398;--sub:#4b5871;--blue:#505cf6;--blue-deep:#424de2;--light:#f6f7fb;--line:#e7e9f0;--white:#fff;--lime:#e9ff9e;--shadow:0 20px 55px rgba(19,28,54,.065);--radius:18px;--container:1224px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font:15px/1.65 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.038em}h1{font-weight:850}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9c9fff;outline-offset:3px}.wrap{width:min(var(--container),calc(100% - 60px));margin-inline:auto}.site-notice{background:#101a30;color:#cdd5e7;font-size:11px;font-weight:600}.notice-inner{height:35px;display:flex;justify-content:space-between;align-items:center}.notice-inner>div{display:flex;gap:13px;align-items:center}.notice-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#ccf87a;box-shadow:0 0 0 4px #c6ed7420}.notice-right{color:#95a4be}.notice-right a:hover{color:white}.notice-sep{opacity:.33}.site-header{position:sticky;top:0;z-index:40;background:#fffefef7;border-bottom:1px solid #eceef4;backdrop-filter:blur(18px)}.header-inner{height:82px;display:flex;align-items:center;gap:36px}.site-brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-glyph{width:40px;height:40px;border-radius:12px;background:#515df2;color:#fff;display:grid;place-items:center;font-weight:950;font-size:19px;letter-spacing:-3px;position:relative}.brand-glyph:after{content:'';position:absolute;right:5px;bottom:5px;width:7px;height:7px;border-radius:50%;background:var(--lime)}.brand-name{font-size:27px;line-height:1;letter-spacing:-1.4px;font-weight:880}.brand-name span{color:var(--blue)}.brand-tag{font-size:8px;letter-spacing:.14em;font-weight:850;color:#a0a9ba;line-height:1.6}.desktop-nav{display:flex;gap:4px;align-items:center;margin:auto}.menu-item{position:relative}.desktop-nav a,.desktop-nav .nav-toggle{font-weight:750;font-size:12px;color:#45526b;display:inline-flex;gap:7px;align-items:center;padding:12px 15px;border:0;background:transparent;white-space:nowrap}.desktop-nav a:hover,.desktop-nav .nav-toggle:hover,.desktop-nav .current-menu-item>a,.desktop-nav .current_page_item>a{color:var(--blue)}.desktop-nav .menu-item-has-children>a:after{content:'⌄';font-size:14px;transform:translateY(-2px)}.desktop-nav ul{list-style:none;margin:0;padding:0}.desktop-nav>.menu{display:flex;list-style:none;gap:3px;align-items:center;padding:0;margin:0}.desktop-nav .sub-menu{position:absolute;min-width:230px;left:0;top:calc(100% + 9px);background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:9px!important;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:30}.desktop-nav .menu-item:hover>.sub-menu,.desktop-nav .menu-item:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.desktop-nav .sub-menu a{display:flex;padding:11px 13px;border-radius:8px}.desktop-nav .sub-menu a:hover{background:#f3f4ff}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:1px solid #e9ebf2;background:white;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;color:var(--ink);font-size:20px}.icon-btn:hover{background:#f4f5ff;color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:11px;padding:15px 22px;font-weight:800;letter-spacing:-.01em;line-height:1.2;font-size:13px;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 9px 22px #505cf631}.btn-primary:hover{background:#3747e9}.btn-dark{background:#171f34;color:white}.btn-lime{background:var(--lime);color:#151e34}.btn-outline{border:1px solid #d9dce7;background:white;color:#293550}.btn-sm{padding:12px 16px;font-size:12px}.mobile-trigger{display:none}.mobile-drawer{display:none}.desktop-nav .fallback-menu{display:flex;gap:5px;list-style:none}
/* HERO */
.hero{position:relative;background:radial-gradient(circle at 11% 20%,#fff 0,transparent 44%),linear-gradient(105deg,#f7f8fc 0%,#f3f5fd 100%);overflow:hidden}.hero .wrap{position:relative}.hero-grid{display:grid;grid-template-columns:54.5% 45.5%;min-height:590px;align-items:center}.hero-copy{padding:68px 14px 75px 0;position:relative;z-index:2}.eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:950;color:var(--blue);text-transform:uppercase}.eyebrow:before{content:'';height:7px;width:7px;border-radius:3px;background:var(--blue)}.hero h1{font-size:clamp(48px,5.7vw,79px);letter-spacing:-.065em;max-width:700px;line-height:1.04;margin:22px 0 23px}.hero h1 em{font-style:normal;color:var(--blue);position:relative}.hero h1 em:after{content:'';position:absolute;left:1%;right:0;bottom:-6px;height:6px;background:#d6dcff;border-radius:9px;transform:rotate(-1.5deg)}.hero-lede{color:#66748d;line-height:1.8;font-size:15px;max-width:485px;margin:0 0 28px}.hero-form{background:white;border:1px solid #e8e9f1;box-shadow:0 22px 60px #242d5d13;padding:8px;display:grid;grid-template-columns:1.16fr 1fr auto;gap:4px;border-radius:16px;max-width:730px}.hero-form .form-group{min-width:0;padding:8px 14px;position:relative}.hero-form .form-group:first-child:after{content:'';position:absolute;right:0;top:18%;bottom:18%;width:1px;background:#e3e7f0}.hero-form label{display:block;font-size:10px;letter-spacing:.03em;text-transform:uppercase;font-weight:900;color:#8793a6}.hero-form input,.hero-form select{border:0;outline:0;background:transparent;width:100%;padding:3px 0;color:#1b2945;font-size:13px;font-weight:650;min-width:0}.hero-form input::placeholder{color:#9ba6b7;font-weight:500}.hero-form button{border-radius:11px;padding:11px 18px}.hero-trending{display:flex;align-items:center;gap:8px;margin-top:22px;flex-wrap:wrap}.hero-trending strong{font-size:11px;color:#8a95a9}.trend-chip{padding:7px 12px;border:1px solid #e4e8f0;background:white;color:#67748b;border-radius:30px;font-size:11px;font-weight:700;line-height:1}.trend-chip:hover{border-color:#a5abff;color:var(--blue)}
.hero-visual{height:100%;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:48px 0 56px 12px}.visual-frame{width:min(100%,490px);height:466px;border-radius:31px;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 5%,#6a77fe 0%,transparent 43%),linear-gradient(144deg,#2932a4,#4d58e9 60%,#545efa);box-shadow:0 28px 70px #515ce82c}.visual-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:43px 43px;mask-image:linear-gradient(to top,#000,transparent)}.visual-ring{position:absolute;border:1px solid #f7faff36;border-radius:50%;width:540px;height:540px;left:9%;top:7%;box-shadow:0 0 0 60px #ffffff07,0 0 0 120px #ffffff05}.visual-caption{position:absolute;left:31px;top:27px;color:#d4d9ff;font-size:10px;letter-spacing:.13em;font-weight:900}.visual-no{position:absolute;top:57px;right:-15px;color:#ffffff1e;font-size:230px;font-weight:950;letter-spacing:-28px;line-height:1}.visual-center{position:absolute;inset:116px 30px 85px;display:flex;justify-content:center;align-items:center}.visual-orbit{width:280px;height:280px;border-radius:50%;background:linear-gradient(140deg,#fff2,#fff0);border:1px solid #fff4;display:grid;place-items:center;box-shadow:0 0 0 20px #ffffff0b,0 0 0 50px #ffffff05}.visual-core{width:150px;height:150px;border-radius:42px;transform:rotate(-15deg);display:grid;place-items:center;background:#e6ff9e;box-shadow:0 25px 50px #17187950}.visual-core span{transform:rotate(15deg);color:#353ac9;font-size:86px;font-weight:900;letter-spacing:-10px}.visual-floating{position:absolute;background:#fff;border-radius:17px;box-shadow:0 15px 43px #151c6b30;padding:14px 18px;color:#1c2645;display:flex;align-items:center;gap:12px}.visual-floating small{color:#8693aa;font-size:10px;display:block;font-weight:600}.visual-floating b{display:block;font-size:13px;letter-spacing:-.02em}.float-top{left:-16px;top:120px;transform:rotate(-6deg)}.float-bottom{right:-12px;bottom:80px;transform:rotate(5deg)}.float-logo{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#eaf1ff;color:#505cf6;font-size:21px;font-weight:950}.float-bottom .float-logo{background:#fff0e5;color:#ff8d5b}.visual-footer{position:absolute;left:31px;bottom:27px;right:31px;display:flex;justify-content:space-between;color:#d8ddff;font-size:10px;font-weight:750;letter-spacing:.02em}.visual-status{display:flex;gap:7px;align-items:center}.visual-status i{width:7px;height:7px;border-radius:50%;background:var(--lime)}
/* SITE COMPONENTS */
.signal{border-bottom:1px solid var(--line);background:white}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.signal-item{display:flex;align-items:center;gap:13px;padding:24px 15px;border-right:1px solid var(--line)}.signal-item:first-child{padding-left:0}.signal-item:last-child{border:0}.signal-icon{height:40px;width:40px;display:grid;place-items:center;background:#f1f1ff;border-radius:12px;color:var(--blue);font-size:20px;flex-shrink:0}.signal-item strong{display:block;font-size:12px}.signal-item small{font-size:10px;color:#8792a5}.section{padding:86px 0}.section-alt{background:#f8f9fc}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:33px}.section-kicker{font-weight:900;color:var(--blue);text-transform:uppercase;letter-spacing:.14em;font-size:10px;margin-bottom:12px;display:block}.section-heading h2{font-weight:850;font-size:clamp(27px,3vw,39px);margin-bottom:10px}.section-heading p{font-size:13px;color:#8a96ab;margin:0}.link-arrow{color:var(--blue);font-size:12px;font-weight:900;white-space:nowrap}.link-arrow:hover{text-decoration:underline}.kicker-line{display:flex;gap:10px;align-items:center;color:#9ba5b7;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.kicker-line:before{content:'';height:1px;width:23px;background:#929ed4}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-card{min-height:150px;background:white;border:1px solid #e8eaf2;border-radius:17px;padding:24px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;transition:.2s;position:relative;overflow:hidden}.topic-card:hover{transform:translateY(-5px);border-color:#b7bafe;box-shadow:var(--shadow)}.topic-card:after{content:'↗';position:absolute;right:20px;top:20px;font-size:17px;color:#abb0c3}.topic-symbol{width:45px;height:45px;background:#eceeff;border-radius:14px;display:grid;place-items:center;color:#505cf6;font-size:20px;font-weight:900}.topic-card:nth-child(2) .topic-symbol{background:#e5f7f1;color:#228d6b}.topic-card:nth-child(3) .topic-symbol{background:#fff1e8;color:#e58751}.topic-card:nth-child(4) .topic-symbol{background:#fff0ee;color:#df7175}.topic-card b{font-size:14px}.topic-card small{display:block;margin-top:3px;color:#9ba5b5;font-size:11px}.jobs-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:24px;align-items:start}.jobs-list{display:flex;flex-direction:column;gap:13px}.job-card{display:grid;grid-template-columns:57px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 23px;background:#fff;border:1px solid #e7e9f1;border-radius:17px;transition:.2s}.job-card:hover{border-color:#c7cafd;box-shadow:0 14px 32px #151d3c0b;transform:translateY(-2px)}.job-avatar{width:54px;height:54px;border-radius:15px;background:#edf0ff;color:#5664dd;display:grid;place-items:center;font-size:20px;font-weight:950}.job-card:nth-child(4n+2) .job-avatar{background:#f0f6e8;color:#6d9a40}.job-card:nth-child(4n+3) .job-avatar{background:#fff0e9;color:#e88b53}.job-card:nth-child(4n+4) .job-avatar{background:#e8f5f8;color:#348eac}.job-label{color:#636fd7;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.job-name{font-size:17px;margin:4px 0 5px;line-height:1.35;font-weight:850;letter-spacing:-.03em}.job-name a:hover{color:var(--blue)}.job-by{font-size:12px;color:#8290a5;margin-bottom:12px}.job-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.job-meta span{border:1px solid #eef0f4;background:#f9fafc;border-radius:6px;padding:5px 8px;font-size:10px;color:#6e7e97;font-weight:700;line-height:1.2}.job-right{display:flex;align-items:end;flex-direction:column;gap:12px;align-self:stretch;justify-content:space-between}.job-salary{font-size:13px;font-weight:850;white-space:nowrap}.job-cta{font-size:12px;font-weight:900;color:var(--blue)}.job-more{text-align:center;margin:27px 0 0}.job-list-empty{padding:30px;border-radius:16px;background:#fff;border:1px solid var(--line);color:#798397}.sidebar-stack{display:grid;gap:20px}.ad-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px;border:1px dashed #d5dbe8;background:linear-gradient(145deg,#f4f6fc,#eef1f9);color:#9aa6b7;border-radius:17px;min-height:300px}.ad-slot .ad-top{font-size:9px;letter-spacing:.17em;font-weight:900;color:#abb5c5}.ad-slot .ad-icon{font-size:25px;font-weight:200}.ad-slot b{font-size:12px;color:#6f7e96}.ad-slot small{font-size:11px}.ad-slot.banner{min-height:104px;flex-direction:row;gap:17px}.ad-block-shell{padding:18px 0;background:#fff}.aside-editorial{border-radius:17px;background:#191e3d;color:white;padding:29px;min-height:278px;position:relative;overflow:hidden}.aside-editorial:after{content:'';width:200px;height:200px;border-radius:50%;background:#5b64c7;position:absolute;right:-85px;bottom:-90px;box-shadow:0 0 0 50px #ffffff08}.aside-editorial .section-kicker{color:#d8fa9c}.aside-editorial h3{font-size:24px;line-height:1.2;position:relative;z-index:1;margin:25px 0 14px}.aside-editorial p{font-size:12px;color:#b9c0d5;line-height:1.75;position:relative;z-index:1}.aside-editorial a{font-size:12px;font-weight:850;color:#e8ff9e;position:relative;z-index:1}
/* editorial cards */
.editorial-grid{display:grid;grid-template-columns:1.24fr 1fr 1fr;gap:20px}.story-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;min-width:0;transition:.2s}.story-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.story-cover{height:212px;background:#eff0ff;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.story-cover:before{content:'';position:absolute;border:1px solid #ffffff82;border-radius:50%;width:320px;height:320px;top:44px;left:-40px;box-shadow:0 0 0 45px #ffffff23,0 0 0 95px #ffffff17}.story-cover:after{content:'✦';position:absolute;color:#ffffff55;font-size:130px;right:-20px;bottom:-60px}.story-cover span{position:relative;z-index:1;font-size:68px;letter-spacing:-6px;font-weight:900;color:#fff}.story-cover.cover-a{background:linear-gradient(125deg,#3740c4,#a1a7ff)}.story-cover.cover-b{background:linear-gradient(135deg,#0c877b,#9bd8c5)}.story-cover.cover-c{background:linear-gradient(135deg,#e98a65,#f9c4aa)}.story-cover img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.story-body{padding:25px}.story-tag{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.story-body h3{font-size:19px;line-height:1.3;margin:12px 0;color:#1a2440}.story-body h3 a:hover{color:var(--blue)}.story-body p{font-size:12px;color:#8a98ab;line-height:1.7;margin-bottom:20px}.story-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eceef3;padding-top:15px;color:#9aa5b6;font-weight:750;font-size:10px}.story-bottom a{color:var(--blue);font-size:12px}.story-card-feature .story-cover{height:248px}.story-card-feature .story-body h3{font-size:22px}.story-card-feature .story-cover span{font-size:90px}.hire-banner{background:#171d3d;border-radius:25px;color:white;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:52px 63px;position:relative;overflow:hidden}.hire-banner:before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #ffffff22;right:9%;top:-140px;box-shadow:0 0 0 53px #ffffff07,0 0 0 106px #ffffff07}.hire-banner>*{position:relative;z-index:1}.hire-banner h2{font-size:clamp(26px,3vw,38px);max-width:570px;margin:14px 0}.hire-banner p{font-size:13px;color:#b8c1d9;margin-bottom:0}.hire-banner .section-kicker{color:#e9ff9e}.site-footer{margin-top:90px;background:#101a30;color:white}.footer-main{padding:70px 0 55px;display:grid;grid-template-columns:1.45fr .8fr .8fr .8fr;gap:46px}.site-footer .brand-name{color:white}.footer-about p{font-size:12px;color:#9ca9c0;max-width:265px;line-height:1.85;margin:22px 0}.footer-col h4{font-size:12px;margin:6px 0 20px;letter-spacing:0}.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.footer-col a{font-size:12px;color:#a6b2c8}.footer-col a:hover{color:white}.footer-bottom{border-top:1px solid #334054;padding:22px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#9eacc3;font-size:11px}
/* Inner pages */
.page-intro{background:linear-gradient(115deg,#f5f6fd,#f9f9fc);padding:65px 0;border-bottom:1px solid #edf0f4}.page-intro h1{font-size:clamp(35px,4.8vw,60px);margin:13px 0 17px;max-width:820px}.page-intro p{color:#7b88a0;font-size:14px;max-width:670px;margin:0}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:11px;color:#9ba7b8}.breadcrumbs a:hover{color:var(--blue)}.inner-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:45px;padding-top:55px}.page-prose{color:#4f5c73;line-height:1.9;font-size:15px}.page-prose h2,.page-prose h3{color:var(--ink);margin-top:32px}.page-prose a{color:var(--blue);text-decoration:underline}.page-prose img{border-radius:14px}.article-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-index .story-cover{height:175px}.archive-filter{display:flex;flex-wrap:wrap;gap:11px;margin:22px 0 28px}.archive-filter input,.archive-filter select,.form-input{border:1px solid #e1e5ef;border-radius:11px;background:#fff;outline:0;padding:13px 15px;color:#45536c;font-size:13px;min-width:0}.archive-filter input{flex:1;min-width:180px}.archive-filter select{min-width:160px}.archive-filter .btn{flex-shrink:0}.notice-box{background:#eff1ff;border:1px solid #dadfff;padding:19px 21px;border-radius:13px;color:#435083;font-size:13px}.detail-head{background:#f6f7fb;border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;align-items:center;gap:20px}.detail-head h1{font-size:35px;margin:9px 0}.detail-meta{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 5px}.detail-meta span{font-size:11px;background:white;color:#5f6e88;border:1px solid #e1e5ee;padding:7px 10px;border-radius:7px}.detail-side{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px}.detail-side h3{font-size:18px}.detail-side .btn{width:100%;margin-top:17px}.detail-info{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-info span:first-child{color:#8793a4}.detail-info span:last-child{font-weight:800;text-align:right}.apply-safe{font-size:11px;color:#8895a7;line-height:1.65;margin:14px 0 0}.post-form{max-width:790px;background:white;border:1px solid var(--line);padding:34px;border-radius:19px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#3b4863}.field input,.field select,.field textarea{width:100%;border:1px solid #e0e4ed;border-radius:10px;background:#fbfcff;padding:13px 14px;color:var(--ink);font-size:13px;outline:0}.field input:focus,.field textarea:focus{border-color:var(--blue)}.field textarea{min-height:160px;resize:vertical}.field small{color:#95a0b2;font-size:11px}.form-note{font-size:12px;line-height:1.7;color:#8793a5}.pagination a,.pagination .current{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;margin-right:4px;font-weight:700;font-size:12px}.pagination .current{background:var(--blue);color:white;border-color:var(--blue)}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.admin-bar .site-header{top:32px}
@media(max-width:1120px){.header-inner{gap:17px}.desktop-nav a,.desktop-nav .nav-toggle{padding:10px 9px}.hero-grid{grid-template-columns:56% 44%}.hero h1{font-size:62px}.visual-frame{height:440px}.float-top{left:-8px}.float-bottom{right:-5px}.jobs-layout{grid-template-columns:1fr 260px}.footer-main{gap:25px}}
@media(max-width:900px){.wrap{width:calc(100% - 42px)}.desktop-nav,.header-actions .header-search,.notice-right{display:none!important}.header-inner{height:70px}.mobile-trigger{display:grid}.header-actions{margin-left:auto}.mobile-drawer{display:none;position:absolute;left:0;right:0;top:100%;background:white;border-bottom:1px solid var(--line);padding:17px 22px 25px;box-shadow:0 20px 32px #19213c1a;max-height:calc(100vh - 105px);overflow-y:auto}.mobile-drawer.open{display:block}.mobile-drawer ul{padding:0;margin:0;list-style:none}.mobile-drawer a{display:block;padding:13px 0;color:#394760;font-size:14px;font-weight:800;border-bottom:1px solid #edf0f5}.mobile-drawer .sub-menu{margin-left:15px}.mobile-drawer .sub-menu a{font-weight:600;font-size:12px}.mobile-drawer .btn{margin-top:18px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:65px 0 15px}.hero h1{max-width:780px}.hero-visual{height:355px;justify-content:center;padding:20px 5px 30px}.visual-frame{max-width:570px;height:320px}.visual-center{inset:44px 30px 55px}.visual-orbit{height:190px;width:190px}.visual-core{width:112px;height:112px;border-radius:30px}.visual-core span{font-size:58px}.float-top{left:10%;top:70px}.float-bottom{right:8%;bottom:52px}.visual-no{font-size:160px;right:10px}.signal-grid{grid-template-columns:repeat(2,1fr)}.signal-item:nth-child(2){border:0}.signal-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.topics{grid-template-columns:repeat(2,1fr)}.jobs-layout{grid-template-columns:1fr 260px}.editorial-grid{grid-template-columns:repeat(2,1fr)}.story-card-feature{grid-column:1/-1}.story-card-feature .story-cover{height:220px}.footer-main{grid-template-columns:repeat(2,1fr)}.inner-layout{grid-template-columns:1fr}.inner-layout .sidebar-stack{display:none}}
@media(max-width:640px){.wrap{width:calc(100% - 34px)}.site-notice{font-size:9px}.notice-inner{height:31px}.notice-inner>div{gap:7px}.header-inner{height:65px}.brand-name{font-size:22px}.brand-glyph{width:35px;height:35px}.brand-tag{font-size:7px}.header-actions .btn-sm{padding:11px 12px;font-size:10px}.hero-copy{padding:48px 0 10px}.hero h1{font-size:clamp(45px,10vw,64px);margin:17px 0 24px;letter-spacing:-.06em}.hero-lede{font-size:13px}.hero-form{grid-template-columns:1fr;gap:0;max-width:100%}.hero-form .form-group:first-child{border-bottom:1px solid var(--line)}.hero-form .form-group:first-child:after{display:none}.hero-form .form-group{padding:10px 13px}.hero-form .btn{margin:5px;padding:15px}.hero-trending{margin-top:17px}.hero-visual{height:290px;padding-bottom:25px}.visual-frame{height:260px;border-radius:22px}.visual-caption{top:17px;left:17px}.visual-center{inset:37px 20px 40px}.visual-orbit{width:165px;height:165px}.visual-core{width:96px;height:96px;border-radius:26px}.visual-core span{font-size:46px}.float-top{top:70px;left:0}.float-bottom{right:0;bottom:32px}.visual-floating{padding:9px 11px;gap:6px;border-radius:11px}.visual-floating b{font-size:10px}.visual-floating small{font-size:8px}.float-logo{width:27px;height:27px;font-size:14px}.visual-footer{bottom:15px;left:17px;right:17px;font-size:8px}.signal-grid{grid-template-columns:1fr 1fr}.signal-item{padding:17px 8px;gap:7px}.signal-item:first-child{padding-left:0}.signal-icon{width:31px;height:31px;font-size:16px;border-radius:9px}.signal-item strong{font-size:10px}.signal-item small{font-size:9px}.section{padding:57px 0}.section-heading{align-items:start;margin-bottom:22px}.section-heading h2{font-size:30px}.section-heading p{font-size:12px}.section-heading .link-arrow{font-size:11px}.topics{gap:10px}.topic-card{padding:17px;min-height:140px}.topic-card b{font-size:12px}.topic-card small{font-size:10px}.jobs-layout{grid-template-columns:1fr}.job-card{grid-template-columns:43px minmax(0,1fr);gap:11px;padding:16px}.job-avatar{height:41px;width:41px;border-radius:11px;font-size:16px}.job-name{font-size:15px}.job-by{font-size:11px}.job-right{grid-column:2;flex-direction:row;align-items:center;align-self:auto;margin-top:-4px}.job-salary{font-size:11px}.job-meta span{font-size:9px}.sidebar-stack{grid-template-columns:1fr}.ad-slot{min-height:180px}.aside-editorial{min-height:230px}.editorial-grid{grid-template-columns:1fr}.story-card-feature{grid-column:auto}.story-cover,.story-card-feature .story-cover{height:175px}.story-body{padding:20px}.story-body h3,.story-card-feature .story-body h3{font-size:19px}.hire-banner{padding:34px 25px;flex-direction:column;align-items:start;gap:25px;border-radius:17px}.hire-banner h2{font-size:28px}.site-footer{margin-top:58px}.footer-main{padding:47px 0 35px;gap:32px;grid-template-columns:repeat(2,1fr)}.footer-about{grid-column:1/-1}.footer-col h4{font-size:11px}.footer-col a{font-size:11px}.page-intro{padding:44px 0}.page-intro h1{font-size:38px}.inner-layout{padding-top:33px}.archive-filter{flex-direction:column}.article-index{grid-template-columns:1fr}.post-form{padding:21px}.form-grid{grid-template-columns:1fr}.detail-head{padding:19px}.detail-head h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Final spacing and compact mobile navigation */
.site-brand > span:last-child{display:flex;flex-direction:column;min-width:0}.brand-name{display:block}.brand-tag{display:block;white-space:nowrap}.visual-floating.float-top{left:15px}.visual-floating.float-bottom{right:15px}
@media(max-width:640px){.header-inner{gap:8px}.header-actions{gap:6px;flex-shrink:0}.site-brand{gap:7px}.brand-name{font-size:22px}.brand-tag{font-size:6px;letter-spacing:.1em}.header-actions .btn-sm{padding:10px 9px;font-size:10px}.header-actions .mobile-trigger{width:37px;height:37px;font-size:18px}.visual-floating.float-top{left:9px}.visual-floating.float-bottom{right:9px}}
@media(max-width:360px){.brand-tag{display:none}.brand-name{font-size:20px}.header-actions .btn-sm{padding:9px 7px}}

/* v2.1 – policy-conscious, responsive, optional AdSense placements */
.a24-header-ads{background:#fafbff;border-bottom:1px solid #eef0f5;padding:16px 0 0}
.a24-section-ad{padding-top:30px;padding-bottom:10px;clear:both}
.a24-footer-ad-wrap{padding-top:42px;margin-bottom:14px}
.a24-ad-placement{max-width:100%;margin-inline:auto;margin-bottom:18px;clear:both;text-align:center;min-width:0}
.a24-ad-label{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#8994a8;font-weight:600;margin:0 0 9px}
.a24-ad-widget{width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere}
.a24-ad-widget .ad-widget{max-width:100%;margin:0 auto}
.a24-ad-widget ins.adsbygoogle{max-width:100%;display:block}
.a24-ad-banner .a24-ad-widget{min-height:95px}
.a24-ad-sidebar .a24-ad-widget{min-height:210px}
.a24-ad-inline .a24-ad-widget{min-height:120px}
.a24-in-list-ad{width:100%;padding:18px 12px;margin:12px 0;border-radius:15px;background:#fff;border:1px solid #ecedf2}
.a24-archive-inline-ad{grid-column:1/-1;padding:18px;background:#f9faff;border-radius:16px}
.a24-in-content-ad{margin:33px 0 38px;border-top:1px solid #e9edf5;border-bottom:1px solid #e9edf5;padding:24px 0}
.a24-single-job-side-ad{margin-top:30px}
.a24-post-job-ad{padding-top:45px;padding-bottom:30px}
.a24-bottom-ad{padding-top:40px}
@media(max-width:900px){
 .inner-layout .sidebar-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-top:30px}
 .jobs-layout>.sidebar-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
 .a24-ad-sidebar .a24-ad-widget{min-height:190px}
}
@media(max-width:640px){
 .a24-header-ads{padding-top:12px}
 .a24-section-ad{padding-top:18px;padding-bottom:12px}
 .a24-ad-banner .a24-ad-widget{min-height:90px}
 .a24-ad-sidebar .a24-ad-widget{min-height:140px}
 .a24-ad-inline .a24-ad-widget{min-height:110px}
 .a24-in-list-ad{padding:14px 8px;margin:10px 0}
 .a24-archive-inline-ad{padding:12px}
 .a24-post-job-ad{padding-top:35px;padding-bottom:25px}
 .a24-ad-widget iframe,.a24-ad-widget img{max-width:100%}
}

/* AYAM24 Demo Content v2.2.0 */
.job-label-demo{background:#fff1d2!important;color:#8e5c10!important;border-color:#ffe0a0!important}.demo-vacancy-notice{padding:18px 21px;background:#fff6df;border:1px solid #ffdda3;border-radius:13px;margin-bottom:20px;color:#71490d;font-size:13px;line-height:1.6}.demo-post-tag{font-weight:900;font-size:10px;letter-spacing:.08em;color:#b87727;text-transform:uppercase;margin-bottom:10px}.demo-job-disabled{display:block;margin-top:18px;border-radius:10px;background:#f4f6fa;padding:13px;text-align:center;font-size:13px;font-weight:800;color:#6f798a}


/* AI24 bundled visual identity from AYAM24 Nova 2.6.2 */
.site-brand .a24-brand-icon {display:block;flex:0 0 auto;width:44px;height:44px;object-fit:contain}
.site-brand .brand-lockup {display:flex;min-width:0;flex-direction:column;justify-content:center}
.site-brand .a24-custom-brand-image {display:block;width:auto;max-width:205px;max-height:59px;object-fit:contain}
.site-footer .site-brand .a24-brand-icon {width:44px;height:44px}
@media(max-width:640px){
 .site-header .site-brand .a24-brand-icon {width:36px;height:36px}
 .site-header .site-brand .a24-custom-brand-image {max-width:168px;max-height:44px}
}
@media(max-width:360px){.site-header .site-brand .a24-brand-icon {width:32px;height:32px}}


/* AI24 default static pages: centered column, no forced right-hand blank */
body.page .page-prose{margin-inline:auto;}

/* AI24 1.1 — integrated native page layouts and editorial card alignment. */
.ai24-page-main-layout{padding-top:50px;padding-bottom:28px;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:34px}
.ai24-page-centered .ai24-page-content{width:100%;max-width:850px;margin-inline:auto}
.ai24-page-full .ai24-page-content{width:100%;max-width:none;margin:0}
.ai24-page-sidebar .ai24-page-main-layout{grid-template-columns:minmax(0,1fr) minmax(250px,300px)}
.ai24-page-sidebar .ai24-page-content{min-width:0;max-width:none;margin:0}
.ai24-page-side{min-width:0}
.ai24-page-side-default{background:#f7f8fc;padding:24px;border:1px solid var(--line);border-radius:16px}
.ai24-page-side-default h2{font-size:18px;margin-bottom:20px}
.ai24-page-side-default a{color:var(--blue);font-weight:750}
.ai24-page-side .widget{padding:22px;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}
.ai24-page-side .widget-title{font-size:17px}
/* Avoid the first card spanning a row and leaving holes in a 3x2 article grid. */
@media(min-width:1101px){.editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.editorial-grid .story-card-feature{grid-column:auto}
.editorial-grid .story-card-feature .story-cover{height:212px}
.editorial-grid .story-card-feature .story-body h3{font-size:19px}
@media(min-width:901px){.article-index{grid-template-columns:repeat(3,minmax(0,1fr))}}
.editorial-grid .story-card,.article-index .story-card{display:flex;flex-direction:column}
.editorial-grid .story-body,.article-index .story-body{flex:1;display:flex;flex-direction:column}
.editorial-grid .story-bottom,.article-index .story-bottom{margin-top:auto}
@media(max-width:900px){.ai24-page-sidebar .ai24-page-main-layout{grid-template-columns:minmax(0,1fr)}.ai24-page-side{margin-top:16px}}
@media(min-width:641px) and (max-width:900px){.article-index{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Preserve narrow-screen column sizing without making ads scroll containers. */
@media (max-width: 800px) {
    .jobs-layout > *, .sidebar-stack > *, .job-card > * {
        min-width: 0;
    }
    .job-name {
        overflow-wrap: anywhere;
    }
    .a24-ad-widget, .home div:has(> .google-aiuf) {
        box-sizing: border-box;
        max-width: 100% !important;
        min-width: 0;
        overflow: visible;
    }
}

/* AYAM24 Nova 2.4 — readability and accessible footer.
   Loaded after the main design stylesheet; content, ads, importer and menus stay intact. */
:root {
  --ink:#19263b;
  --sub:#46556e;
  --muted:#53627a;
  --line:#e2e8f0;
}
html { scroll-padding-top:100px; }
body { font-size:16px; line-height:1.72; color:var(--ink); }
p { overflow-wrap:break-word; }
h1,h2,h3,h4,h5,h6 { line-height:1.22; letter-spacing:-.026em; overflow-wrap:break-word; }
a { text-underline-offset:3px; }
:focus-visible { outline:3px solid #595fdb; outline-offset:3px; }
.site-notice { font-size:12px; }
.desktop-nav a, .desktop-nav .nav-toggle { font-size:13px; }
.header-actions .btn-sm { font-size:13px; }
.brand-tag { font-size:9px; }
.hero-lede { font-size:16px; color:#526178; }
.section-kicker, .eyebrow { font-size:11.5px; }
.section-heading p { font-size:15px; color:#53627a; line-height:1.65; }
.section-heading h2 { letter-spacing:-.04em; }
.link-arrow { font-size:13px; }
.topic-card b { font-size:15px; }
.topic-card small { font-size:12.5px; color:#5c6980; }
.job-label { font-size:11px; }
.job-name { font-size:18px; line-height:1.35; }
.job-by { font-size:13.5px; color:#52627a; }
.job-meta span { font-size:12px; color:#47576f; line-height:1.35; padding:6px 9px; }
.job-salary { font-size:14px; }
.job-cta { font-size:13px; }
.job-list-empty { color:#46556e; font-size:15px; }
.story-tag { font-size:11px; }
.story-body h3 { font-size:21px; line-height:1.35; }
.story-body p { font-size:14.5px; color:#4b5a72; line-height:1.75; }
.story-bottom { font-size:12px; color:#586780; }
.story-bottom a { font-size:13px; }
.page-intro p { font-size:16px; color:#53627a; line-height:1.7; }
.breadcrumbs { font-size:12.5px; color:#52627a; flex-wrap:wrap; }
.breadcrumbs span { overflow-wrap:anywhere; }
.page-prose { font-size:17px; line-height:1.87; color:#34445e; max-width:77ch; overflow-wrap:break-word; }
.page-prose p { margin:0 0 1.25em; }
.page-prose h2 { font-size:clamp(24px,2.4vw,31px); margin:1.6em 0 .65em; line-height:1.28; }
.page-prose h3 { font-size:clamp(20px,2vw,25px); margin:1.45em 0 .6em; line-height:1.32; }
.page-prose h4 { font-size:19px; margin:1.3em 0 .55em; }
.page-prose :is(ul,ol) { padding-inline-start:1.5em; margin:0 0 1.3em; }
.page-prose li { margin-bottom:.38em; }
.page-prose :is(strong,b) { color:#202e45; }
.page-prose a { color:#3749d6; text-decoration:underline; text-decoration-thickness:1px; }
.page-prose a:hover { color:#202fa9; }
.page-prose blockquote { border-inline-start:4px solid var(--blue); margin:1.7em 0; padding:13px 20px; background:#f4f5ff; border-radius:0 10px 10px 0; }
.page-prose :is(.wp-block-table,figure) { max-width:100%; }
.page-prose .wp-block-table { overflow-x:auto; }
.page-prose table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; font-size:15px; }
.page-prose td,.page-prose th { padding:11px 13px; border:1px solid #dbe2ef; vertical-align:top; }
.page-prose th { background:#f2f4fa; color:#23334f; text-align:start; }
.page-prose :is(img,iframe,video) { max-width:100%; height:auto; }
.detail-meta span { font-size:12.5px; color:#465570; }
.detail-info { font-size:13.5px; line-height:1.6; }
.detail-info span:first-child { color:#52627a; }
.detail-side h3 { font-size:19px; }
.notice-box,.demo-vacancy-notice { font-size:14.5px; line-height:1.7; }
.apply-safe { font-size:12.5px; color:#5c6a80; }
.archive-filter input,.archive-filter select,.form-input { font-size:14px; }
.field label { font-size:13.5px; }
.field input,.field select,.field textarea { font-size:15px; }
.field small,.form-note { font-size:13px; color:#57667c; }
.aside-editorial p { font-size:14px; color:#d8ddf1; }
.aside-editorial a { font-size:13px; }
.ad-slot .ad-top,.a24-ad-label { font-size:11px; }
/* Footer uses actual WordPress menu assignments or existing page links; no dummy destinations. */
.site-footer { margin-top:80px; background:#0c162c; color:#f5f8ff; }
.footer-cta-band { border-top:1px solid #313d7c; background:linear-gradient(112deg,#1a2652 0%,#28378f 65%,#3c4bb5 100%); }
.footer-cta-inner { display:flex; gap:35px; align-items:center; justify-content:space-between; padding:37px 0; }
.footer-cta-copy { min-width:0; flex:1; }
.footer-overline { display:block; color:#d8f68a; font-size:11px; font-weight:850; letter-spacing:.12em; margin-bottom:10px; }
.footer-cta-copy h2 { color:#fff; margin:0 0 7px; font-size:clamp(24px,2.8vw,35px); letter-spacing:-.04em; }
.footer-cta-copy p { color:#dfe6fa; font-size:14.5px; line-height:1.65; margin:0; }
.footer-cta-actions { flex-shrink:0; display:flex; flex-wrap:wrap; gap:11px; }
.footer-cta-actions .btn { min-height:46px; padding:13px 19px; font-size:14px; }
.btn-footer-outline { background:transparent; color:#fff; border:1px solid #b9c4ee; }
.btn-footer-outline:hover { background:#ffffff1a; }
.footer-main { padding:62px 0 54px; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr) minmax(0,.85fr) minmax(0,1fr); gap:clamp(22px,3vw,46px); }
.footer-brand { width:fit-content; }
.site-footer .brand-name { color:#fff; }
.site-footer .brand-tag { color:#bdcae7; }
.footer-about p { color:#c5cde0; font-size:14px; line-height:1.85; max-width:340px; margin:22px 0 18px; }
.footer-trust { max-width:350px; color:#b9c8dd; display:flex; gap:11px; align-items:flex-start; font-size:12.5px; line-height:1.65; }
.footer-trust-icon { color:#17263b; background:#dff3a2; border-radius:50%; width:21px; height:21px; display:grid; place-items:center; font-size:14px; font-weight:900; flex-shrink:0; margin-top:1px; }
.footer-col h3 { font-size:15px; color:#fff; margin:5px 0 22px; line-height:1.45; font-weight:850; letter-spacing:-.01em; }
.footer-col ul { list-style:none; margin:0; padding:0; display:grid; gap:13px; }
.footer-col li { list-style:none; margin:0; padding:0; min-width:0; }
.footer-col a { color:#c5d1e2; font-size:13.5px; line-height:1.55; display:inline-block; overflow-wrap:break-word; }
.footer-col a:hover,.footer-col a:focus-visible { color:#e9ffa2; text-decoration:underline; }
.footer-bottom-rail { border-top:1px solid #2b3954; }
.footer-bottom { border:0; padding:23px 0; display:flex; gap:14px 28px; align-items:center; justify-content:space-between; flex-wrap:wrap; color:#c3cede; font-size:12.5px; line-height:1.5; }
.footer-backtop { color:#e2f99d; font-weight:750; white-space:nowrap; }
.footer-backtop:hover { color:#fff; }
@media(max-width:1020px) {
  .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:33px; }
  .footer-cta-inner { align-items:flex-start; flex-direction:column; gap:20px; }
}
@media(max-width:640px) {
  html { scroll-padding-top:82px; }
  body { font-size:16px; }
  .site-notice { font-size:10.5px; }
  .brand-tag { font-size:7.5px; }
  .hero-lede { font-size:15px; }
  .section-heading p { font-size:14px; }
  .section-kicker,.eyebrow { font-size:10.5px; }
  .job-name { font-size:17px; }
  .job-by { font-size:12.5px; }
  .job-meta span { font-size:11.5px; padding:6px 8px; }
  .job-salary,.job-cta { font-size:12.5px; }
  .story-body h3 { font-size:20px; }
  .story-body p { font-size:14px; }
  .page-intro h1 { font-size:clamp(30px,8.1vw,39px); line-height:1.16; }
  .page-intro p { font-size:15px; }
  .page-prose { font-size:16.5px; line-height:1.82; }
  .page-prose h2 { font-size:25px; }
  .page-prose h3 { font-size:21px; }
  .detail-info { font-size:13px; }
  .footer-cta-inner { padding:30px 0; }
  .footer-cta-copy h2 { font-size:27px; }
  .footer-cta-actions { width:100%; }
  .footer-cta-actions .btn { flex:1 1 auto; white-space:normal; text-align:center; }
  .footer-main { padding:40px 0 36px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 18px; }
  .footer-about { grid-column:1/-1; }
  .footer-col h3 { font-size:14px; margin:0 0 14px; }
  .footer-col a { font-size:13px; }
  .footer-bottom { align-items:flex-start; flex-direction:column; gap:10px; }
}
@media(max-width:390px) {
  .footer-main { grid-template-columns:1fr; }
  .footer-about { grid-column:auto; }
}

/* v2.5: fully working header job search — desktop, tablet and mobile */
.a24-search-panel[hidden]{display:none!important}
.a24-search-panel{position:absolute;z-index:42;left:0;right:0;top:100%;background:#fff;border-top:1px solid #e8ebf4;border-bottom:1px solid #e3e7f2;box-shadow:0 22px 40px rgba(20,31,58,.15);color:#17233c}
.a24-search-content{padding:25px 0 30px}
.a24-search-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}
.a24-search-kicker{color:#505cf6;font-size:11px;font-weight:850;letter-spacing:.11em}
.a24-search-heading h2{font-size:28px;line-height:1.2;margin:5px 0 5px;color:#17233c}
.a24-search-heading p{font-size:14px;color:#54617a;margin:0}
.a24-search-close{width:38px;height:38px;border:1px solid #e2e6f0;background:white;border-radius:10px;color:#263655;font-size:25px;line-height:1}
.a24-search-close:hover{background:#f2f4ff;color:#505cf6}
.a24-header-search-form{max-width:850px}
.a24-header-search-form label{display:block;color:#46536b;font-size:12px;font-weight:800;margin-bottom:8px}
.a24-header-search-row{display:flex;gap:10px}
.a24-header-search-row input{background:#f8f9fc;border:1px solid #d7ddea;border-radius:12px;flex:1;min-width:0;font-size:16px;color:#142039;padding:13px 16px}
.a24-header-search-row input:focus{border-color:#505cf6;outline:3px solid #505cf633}
.a24-header-search-row .btn{border-radius:12px;flex-shrink:0}
.a24-all-jobs{display:inline-flex;align-items:center;gap:7px;color:#505cf6;font-size:13px;font-weight:800;margin-top:16px}
.a24-all-jobs:hover{text-decoration:underline}
.header-actions .header-search.is-active{color:#505cf6;border-color:#a9adff;background:#f3f4ff}
@media(max-width:900px){
  /* The original theme hid search altogether on mobile. Restore it. */
  .header-actions .header-search{display:grid!important;width:40px;height:40px;flex-shrink:0}
  .a24-search-content{padding:20px 0 24px}
  .a24-search-heading h2{font-size:23px}
}
@media(max-width:640px){
  /* Post a Job remains accessible inside the mobile navigation drawer. */
  .site-header .header-actions>.btn-sm{display:none!important}
  .header-actions .header-search,.header-actions .mobile-trigger{width:39px!important;height:39px!important}
  .a24-search-panel{max-height:calc(100dvh - 100px);overflow-y:auto}
  .a24-search-heading h2{font-size:22px}
  .a24-search-heading p{font-size:13px}
  .a24-header-search-row{flex-direction:column}
  .a24-header-search-row .btn{width:100%}
}

/* AYAM24 Nova v2.7 — manually selectable accessible light/dark theme.
   Never alter third-party ad creatives, iframes, or uploaded media. */
.a24-theme-switch{display:grid;place-items:center;flex:0 0 42px;transition:color .16s,background .16s,border-color .16s}
.a24-theme-switch .a24-icon-sun{display:none}
.a24-theme-switch .a24-icon-moon{display:block}
html[data-a24-theme="dark"] .a24-theme-switch .a24-icon-sun{display:block}
html[data-a24-theme="dark"] .a24-theme-switch .a24-icon-moon{display:none}
@media(max-width:640px){.site-header .a24-theme-switch{width:39px;height:39px;flex-basis:39px}}
@media(max-width:360px){.site-header .a24-theme-switch,.site-header .header-search,.site-header .mobile-trigger{width:34px!important;height:36px!important;flex-basis:34px}.header-actions{gap:3px}.site-brand{gap:5px}.brand-glyph{width:31px;height:33px}.brand-name{font-size:19px}}
html[data-a24-theme="dark"]{
 color-scheme:dark;
 --ink:#eff3ff;--muted:#a8b5ce;--sub:#c1cbe0;--blue:#9ca8ff;--blue-deep:#7e8cf8;--light:#171e30;--line:#303c53;--white:#1a2436;
 --lime:#e9ff9e;--shadow:0 16px 40px rgba(0,0,0,.29);
 --a24-bg:#101624;--a24-surface:#192338;--a24-surface2:#1e2a41;--a24-soft:#141d2f;--a24-contrast:#eff3ff;--a24-dim:#acbad1;--a24-edge:#303d56;
}
html[data-a24-theme="dark"] body{background:var(--a24-bg);color:var(--a24-contrast)}
html[data-a24-theme="dark"] ::selection{background:#606dcd;color:white}
/* Header, dropdowns, responsive drawer, search */
html[data-a24-theme="dark"] .site-notice{background:#090f1c;color:#dae3f5}
html[data-a24-theme="dark"] .site-header{background:rgba(18,26,43,.97);border-bottom-color:var(--a24-edge)}
html[data-a24-theme="dark"] .brand-name{color:#f2f6ff}
html[data-a24-theme="dark"] .brand-tag{color:#afbdd2}
html[data-a24-theme="dark"] .desktop-nav a,
html[data-a24-theme="dark"] .desktop-nav .nav-toggle{color:#d3dff3}
html[data-a24-theme="dark"] .desktop-nav a:hover,
html[data-a24-theme="dark"] .desktop-nav .current-menu-item>a{color:#bbc4ff}
html[data-a24-theme="dark"] .desktop-nav .sub-menu,
html[data-a24-theme="dark"] .mobile-drawer{background:#1a2438;border-color:var(--a24-edge);box-shadow:0 20px 38px #0005}
html[data-a24-theme="dark"] .desktop-nav .sub-menu a:hover{background:#293657}
html[data-a24-theme="dark"] .mobile-drawer a{color:#edf1fe;border-color:var(--a24-edge)}
html[data-a24-theme="dark"] .icon-btn{background:#212d44;color:#edf3ff;border-color:#3d4a65}
html[data-a24-theme="dark"] .icon-btn:hover,
html[data-a24-theme="dark"] .header-actions .header-search.is-active{background:#303d65;color:#e5e8ff;border-color:#6571ac}
html[data-a24-theme="dark"] .a24-search-panel{background:#182236;color:#e8eefb;border-color:#36435c;box-shadow:0 22px 40px #0008}
html[data-a24-theme="dark"] .a24-search-heading h2{color:#f1f5ff}
html[data-a24-theme="dark"] .a24-search-kicker,
html[data-a24-theme="dark"] .a24-all-jobs{color:#bec7ff}
html[data-a24-theme="dark"] .a24-search-heading p,
html[data-a24-theme="dark"] .a24-header-search-form label{color:#bbc8df}
html[data-a24-theme="dark"] .a24-search-close{background:#27334c;color:#f3f5ff;border-color:#475575}
html[data-a24-theme="dark"] .a24-search-close:hover{background:#354468}
html[data-a24-theme="dark"] .a24-header-search-row input{background:#101a2b;color:#f2f5ff;border-color:#465574}
/* Hero, filters, categories, cards */
html[data-a24-theme="dark"] .hero{background:radial-gradient(circle at 12% 18%,#26345b 0,transparent 45%),linear-gradient(110deg,#131d31,#19243f 100%)}
html[data-a24-theme="dark"] .hero h1{color:#f3f6ff}
html[data-a24-theme="dark"] .hero h1 em{color:#b0baff}
html[data-a24-theme="dark"] .hero h1 em:after{background:#3c4979}
html[data-a24-theme="dark"] .hero-lede,
html[data-a24-theme="dark"] .section-heading p,
html[data-a24-theme="dark"] .section-kicker+ p{color:#c1cee2}
html[data-a24-theme="dark"] .hero-form,
html[data-a24-theme="dark"] .trend-chip{background:#202b40;border-color:#394760;box-shadow:0 12px 36px #0002;color:#e3eafa}
html[data-a24-theme="dark"] .hero-form label,
html[data-a24-theme="dark"] .hero-trending strong{color:#b8c4da}
html[data-a24-theme="dark"] .hero-form input,
html[data-a24-theme="dark"] .hero-form select{color:#fff;background:transparent}
html[data-a24-theme="dark"] .hero-form input::placeholder,
html[data-a24-theme="dark"] input::placeholder,
html[data-a24-theme="dark"] textarea::placeholder{color:#a6b3cb;opacity:1}
html[data-a24-theme="dark"] .hero-form .form-group:first-child:after{background:#45516c}
html[data-a24-theme="dark"] .visual-floating{background:#eaf0ff;color:#1c2645}
html[data-a24-theme="dark"] .visual-floating small{color:#566581}
html[data-a24-theme="dark"] .signal{background:#151e30}
html[data-a24-theme="dark"] .signal-item{border-color:var(--a24-edge)}
html[data-a24-theme="dark"] .signal-item small{color:#b5c3da}
html[data-a24-theme="dark"] .signal-icon{background:#2c385b;color:#c3ceff}
html[data-a24-theme="dark"] .section-alt{background:#151f31}
html[data-a24-theme="dark"] .kicker-line{color:#afbcd3}
html[data-a24-theme="dark"] .topic-card,
html[data-a24-theme="dark"] .job-card,
html[data-a24-theme="dark"] .story-card,
html[data-a24-theme="dark"] .job-list-empty,
html[data-a24-theme="dark"] .detail-side,
html[data-a24-theme="dark"] .post-form{background:#1b263a;border-color:#36435b;color:#f0f4ff;box-shadow:0 10px 25px #0002}
html[data-a24-theme="dark"] .topic-card:hover,
html[data-a24-theme="dark"] .job-card:hover,
html[data-a24-theme="dark"] .story-card:hover{border-color:#7281bf}
html[data-a24-theme="dark"] .topic-card small,
html[data-a24-theme="dark"] .job-by,
html[data-a24-theme="dark"] .story-body p,
html[data-a24-theme="dark"] .story-bottom,
html[data-a24-theme="dark"] .job-list-empty{color:#b7c4dd}
html[data-a24-theme="dark"] .topic-card:after{color:#95a4c3}
html[data-a24-theme="dark"] .topic-symbol,
html[data-a24-theme="dark"] .topic-card:nth-child(2) .topic-symbol,
html[data-a24-theme="dark"] .topic-card:nth-child(3) .topic-symbol,
html[data-a24-theme="dark"] .topic-card:nth-child(4) .topic-symbol{background:#303c5b;color:#d2dbff}
html[data-a24-theme="dark"] .job-avatar,
html[data-a24-theme="dark"] .job-card:nth-child(4n+2) .job-avatar,
html[data-a24-theme="dark"] .job-card:nth-child(4n+3) .job-avatar,
html[data-a24-theme="dark"] .job-card:nth-child(4n+4) .job-avatar{background:#303f62;color:#d8dfff}
html[data-a24-theme="dark"] .job-meta span,
html[data-a24-theme="dark"] .detail-meta span{background:#26344b;border-color:#3a4a64;color:#d9e3f4}
html[data-a24-theme="dark"] .story-body h3{color:#f3f6ff}
html[data-a24-theme="dark"] .job-label,
html[data-a24-theme="dark"] .story-tag,
html[data-a24-theme="dark"] .section-kicker,
html[data-a24-theme="dark"] .link-arrow,
html[data-a24-theme="dark"] .job-cta{color:#b3beff}
html[data-a24-theme="dark"] .ad-slot{background:linear-gradient(135deg,#1b263a,#26334a);border-color:#475472;color:#bfcee7}
html[data-a24-theme="dark"] .ad-slot .ad-top,
html[data-a24-theme="dark"] .ad-slot b{color:#c5d2e8}
html[data-a24-theme="dark"] .ad-block-shell{background:transparent}
/* Archives and long-form editorial text */
html[data-a24-theme="dark"] .page-intro{background:linear-gradient(105deg,#1a2640,#131c2d)}
html[data-a24-theme="dark"] .page-intro p,
html[data-a24-theme="dark"] .breadcrumbs,
html[data-a24-theme="dark"] .breadcrumbs span{color:#c2cfe3}
html[data-a24-theme="dark"] .page-prose,
html[data-a24-theme="dark"] .page-prose p,
html[data-a24-theme="dark"] .page-prose li{color:#d7e1f2}
html[data-a24-theme="dark"] .page-prose h2,
html[data-a24-theme="dark"] .page-prose h3,
html[data-a24-theme="dark"] .page-prose h4,
html[data-a24-theme="dark"] .page-prose :is(strong,b){color:#fff}
html[data-a24-theme="dark"] .page-prose a{color:#b9c5ff}
html[data-a24-theme="dark"] .page-prose a:hover{color:#e0e6ff}
html[data-a24-theme="dark"] .page-prose blockquote{background:#202c47;color:#e9efff}
html[data-a24-theme="dark"] .page-prose td,
html[data-a24-theme="dark"] .page-prose th{border-color:#43516c;color:#e8effe}
html[data-a24-theme="dark"] .page-prose th{background:#2a3853}
html[data-a24-theme="dark"] .detail-head{background:#202d44;border-color:#3b4962}
html[data-a24-theme="dark"] .detail-info{border-color:#3c4a60;color:#e3ebf8}
html[data-a24-theme="dark"] .detail-info span:first-child,
html[data-a24-theme="dark"] .detail-meta{color:#bccae1}
html[data-a24-theme="dark"] .apply-safe,
html[data-a24-theme="dark"] .form-note,
html[data-a24-theme="dark"] .field small{color:#b8c5db}
html[data-a24-theme="dark"] .notice-box{background:#273657;border-color:#4c5d83;color:#e0e9ff}
html[data-a24-theme="dark"] .demo-vacancy-notice{background:#3b3023;border-color:#7d6233;color:#ffdb99}
html[data-a24-theme="dark"] .job-label-demo{background:#473922!important;color:#ffda90!important;border-color:#907546!important}
html[data-a24-theme="dark"] .demo-job-disabled{background:#29344a;color:#d4def1}
html[data-a24-theme="dark"] .archive-filter input,
html[data-a24-theme="dark"] .archive-filter select,
html[data-a24-theme="dark"] .form-input,
html[data-a24-theme="dark"] .field input,
html[data-a24-theme="dark"] .field select,
html[data-a24-theme="dark"] .field textarea,
html[data-a24-theme="dark"] .wp-block-search__input,
html[data-a24-theme="dark"] .wp-block-archives select,
html[data-a24-theme="dark"] .wp-block-categories select{background:#111b2d;color:#f3f6ff;border:1px solid #475574}
html[data-a24-theme="dark"] .field label{color:#dce5f4}
html[data-a24-theme="dark"] .btn-outline{background:#25324b;border-color:#566684;color:#f4f6ff}
html[data-a24-theme="dark"] .btn-dark{background:#31415f;color:#fff}
html[data-a24-theme="dark"] .btn-primary{background:#6574f5;color:white;box-shadow:0 8px 22px #1c238470}
html[data-a24-theme="dark"] .btn-primary:hover{background:#7886ff}
html[data-a24-theme="dark"] .pagination a{background:#202d45;color:#e8efff;border-color:#435370}
html[data-a24-theme="dark"] .pagination .current{background:#6675f5;color:#fff}
/* Advertiser-owned creatives are intentionally not recolored. Only the containers change. */
html[data-a24-theme="dark"] .a24-header-ads{background:#141e30;border-color:#35435b}
html[data-a24-theme="dark"] .a24-in-list-ad,
html[data-a24-theme="dark"] .a24-archive-inline-ad{background:#1b263a;border:1px solid #35435a}
html[data-a24-theme="dark"] .a24-in-content-ad{border-color:#3c4a62}
html[data-a24-theme="dark"] .a24-ad-label{color:#b8c6df}
/* Editorial blocks added with Gutenberg */
html[data-a24-theme="dark"] .page-prose :is(.wp-block-group,.wp-block-columns):not(.has-background){color:#d7e1f2}
html[data-a24-theme="dark"] .page-prose :is(pre,code,kbd){background:#222f48;color:#f0f4ff}
html[data-a24-theme="dark"] .page-prose :is(hr,.wp-block-separator){border-color:#495775}
/* Footer retains the branded deep navy identity in both schemes. */
html[data-a24-theme="dark"] .site-footer{background:#0a1222;color:#f4f7ff}
html[data-a24-theme="dark"] .footer-cta-band{background:linear-gradient(110deg,#152245,#26346e 67%,#35468f)}
html[data-a24-theme="dark"] .footer-about p,
html[data-a24-theme="dark"] .footer-col a,
html[data-a24-theme="dark"] .footer-trust,
html[data-a24-theme="dark"] .footer-bottom{color:#d0dbed}
@media(prefers-reduced-motion:no-preference){html[data-a24-theme="dark"] body,html[data-a24-theme="light"] body{transition:background-color .16s ease,color .16s ease}}

/* AYAM24 Nova v2.8 — nav preservation and responsive header.
   This is layout-only: actual menu labels/URLs are read from the same
   WordPress 'primary' menu, never replaced or rewritten here. */
@media (min-width: 901px) {
  .site-header .header-inner {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    align-items: center;
    column-gap: clamp(12px, 1.4vw, 24px);
    height: auto;
    min-height: 82px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .site-header .desktop-nav {
    display: flex;
    width: 100%;
    min-width: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  .site-header .desktop-nav > ul.menu {
    min-width: 0;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 2px;
    row-gap: 1px;
    margin: 0;
  }
  .site-header .desktop-nav > ul.menu > li { flex: 0 0 auto; }
  .site-header .desktop-nav > ul.menu > li > a {
    font-size: 12px;
    padding: 10px clamp(6px, 0.7vw, 11px);
  }
  .site-header .header-actions { min-width: 0; flex-shrink: 0; gap: 7px; }
  .site-header .a24-theme-switch,
  .site-header .header-search { flex-shrink: 0; }
  /* Dropdown stays attached to its top-level item even when main nav wraps. */
  .site-header .desktop-nav .sub-menu { z-index: 60; }
}
@media (min-width:901px) and (max-width:1320px) {
  /* Two-tier header keeps every item legible, instead of compressing menu links. */
  .site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: auto auto;
    row-gap: 5px;
    column-gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .site-header .site-brand { grid-column: 1; grid-row: 1; }
  .site-header .header-actions { grid-column: 2; grid-row: 1; }
  .site-header .desktop-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
    border-top: 1px solid var(--line);
    padding-top: 4px;
  }
  .site-header .desktop-nav > ul.menu { justify-content: flex-start; gap: 3px; }
  .site-header .desktop-nav > ul.menu > li > a { font-size: 12px; padding: 8px 11px; }
}

@media (max-width:900px) {
  /* Mobile drawer uses the same WordPress menu as desktop, including submenu items. */
  .site-header .mobile-drawer .menu,
  .site-header .mobile-drawer .sub-menu { list-style: none; }
  .site-header .header-actions { flex-shrink: 0; }
  .site-header .mobile-trigger { display: grid; }
}
@media (max-width:640px) {
  .site-header .header-actions { gap: 5px; }
  .site-header .mobile-drawer .sub-menu { margin-left: 16px; }
  .site-header .mobile-drawer .sub-menu a { font-size: 13px; padding-top: 10px; padding-bottom: 10px; }
}