/*
Theme Name: JPR 2026
Description: JobPayRaise card layout (2026-10-25). Rollback: switch theme back to sidon.
Version: 1.0
*/
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2a37;background:#f6f8fb;line-height:1.6;font-size:17px}
a{color:#0a6e57;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.site-h{background:#fff;border-bottom:1px solid #e3e8ef;position:sticky;top:0;z-index:20}.site-h .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:66px}
.brand{font-weight:800;font-size:24px;color:#0f2e4c;letter-spacing:-.02em}.brand span{color:#0a9b73}.brand:hover{text-decoration:none}
.mnav a{color:#1f2a37;font-weight:600;font-size:15px;margin-left:20px}.mnav a.cta{background:#0a9b73;color:#fff;padding:8px 14px;border-radius:8px}
.hero{background:linear-gradient(100deg,rgba(9,37,64,.92) 0%,rgba(9,37,64,.75) 45%,rgba(9,37,64,.2) 100%),url(img/hero.jpg) center/cover;color:#fff;padding:70px 0 80px}
.hero h1{font-size:44px;line-height:1.15;margin:0 0 14px;max-width:640px;letter-spacing:-.02em}.hero p{font-size:19px;max-width:560px;color:#dce7f2;margin:0 0 24px}
.btn{display:inline-block;background:#0a9b73;color:#fff;font-weight:700;padding:12px 22px;border-radius:10px;margin-right:10px}.btn:hover{background:#08825f;text-decoration:none}.btn.ghost{background:transparent;border:2px solid #fff}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-40px;position:relative}
.tile{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 20px rgba(15,46,76,.08);color:#1f2a37;display:flex;gap:14px;align-items:flex-start}.tile:hover{text-decoration:none;box-shadow:0 10px 26px rgba(15,46,76,.14)}
.ic{flex:0 0 46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#e5f6f0}.ic svg{width:24px;height:24px;stroke:#0a9b73;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile b{display:block;font-size:16px}.tile small{color:#5b6b7c;font-size:13px;line-height:1.4;display:block}
.sec{margin:46px 0 10px}.sec h2{font-size:26px;margin:0 0 6px;letter-spacing:-.01em}.sec p.sub{color:#5b6b7c;margin:0 0 18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e3e8ef;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:0 10px 26px rgba(15,46,76,.12);transform:translateY(-2px)}.card .th{display:block;aspect-ratio:1200/630;background:#0f2e4c;overflow:hidden}.card .th img{width:100%;height:100%;object-fit:cover;display:block}
.card .bd{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.kick{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#0a9b73}.card h3{font-size:19px;line-height:1.3;margin:6px 0 8px}.card h3 a{color:#0f2e4c}
.card .ex{color:#5b6b7c;font-size:15px;flex:1;margin:0}.meta{font-size:13px;color:#7b8a9a;margin-top:12px}
.feature{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.feature .card.big h3{font-size:26px}
.callout{background:#0f2e4c;color:#fff;border-radius:16px;padding:30px;display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:center;margin:46px 0}
.callout h2{margin:0 0 8px;font-size:26px}.callout p{margin:0;color:#c9d8e6}.callout ul{margin:10px 0 0;padding-left:20px;color:#c9d8e6}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fact{background:#fff;border-left:5px solid #0a9b73;border-radius:10px;padding:18px}.fact b{font-size:15px;display:block}.fact span{font-size:14px;color:#5b6b7c}
.layout{display:grid;grid-template-columns:1fr 320px;gap:36px;margin:30px auto}
.post{background:#fff;border-radius:14px;border:1px solid #e3e8ef;padding:34px 40px}.post h1{font-size:36px;line-height:1.2;margin:8px 0 12px;color:#0f2e4c;letter-spacing:-.02em}
.post .fimg{margin:18px -40px 24px}.post .fimg img{width:100%;display:block}.post .entry h2{font-size:25px;color:#0f2e4c;margin-top:34px}.post .entry h3{font-size:20px}
.post .entry table{border-collapse:collapse;width:100%;font-size:15px}.post .entry td,.post .entry th{border:1px solid #e3e8ef;padding:8px}.post .entry th{background:#f0f5f9}
.post .entry blockquote{margin:20px 0;padding:14px 18px;background:#eef8f4;border-left:5px solid #0a9b73;border-radius:8px}
.side .box{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:20px;margin-bottom:20px}.side h4{margin:0 0 10px;font-size:16px}.side ul{list-style:none;margin:0;padding:0}.side li{padding:8px 0;border-bottom:1px solid #eef2f6;font-size:15px}
.side .mini{display:flex;gap:10px;align-items:center}.side .mini img{width:72px;height:48px;object-fit:cover;border-radius:6px;flex:0 0 72px}
.pager{display:flex;gap:10px;justify-content:center;margin:30px 0}.pager a,.pager span{background:#fff;border:1px solid #e3e8ef;padding:8px 14px;border-radius:8px}
.site-f{background:#0f2e4c;color:#c9d8e6;margin-top:50px;padding:40px 0 30px;font-size:14px}.site-f a{color:#fff}.site-f .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.site-f .legal{border-top:1px solid #29496b;margin-top:24px;padding-top:16px}.site-f .legal a{margin-right:16px}
.credit{font-size:11px;color:#8aa0b5}
@media(max-width:900px){.tiles{grid-template-columns:1fr 1fr;margin-top:-30px}.cards,.facts{grid-template-columns:1fr}.feature,.callout,.layout,.site-f .cols{grid-template-columns:1fr}.hero{padding:44px 0 60px}.hero h1{font-size:31px}.mnav a:not(.cta){display:none}.post{padding:22px 18px}.post .fimg{margin:14px -18px 18px}.post h1{font-size:28px}}
@media(max-width:520px){.tiles{grid-template-columns:1fr}}