/* V18 — layout repair: deliberate single-instance skills, software, AI panels and footer */
.jr-v18-skills { display:block !important; width:100%; max-width:100%; margin:48px auto 0 !important; }
.jr-v18-title {text-align:center; font-weight:900; font-size:clamp(30px,4.2vw,44px); margin:0 0 26px;}
.jr-v18-skill-board {border:1px solid #333; background:#0b0b0b; border-radius:24px; padding:26px 30px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 32px;}
.jr-v18-skill {display:flex; align-items:center; gap:14px; min-width:0; font-weight:700; color:#f2f2f2; font-size:clamp(13px,1.45vw,16px); line-height:1.4;}
.jr-v18-icon {width:40px; height:40px; border-radius:12px; flex:0 0 40px; display:grid; place-items:center; font-size:24px; border:1px solid currentColor;}
.jr-v18-icon.amber {color:#ff9619;background:#ff961915}.jr-v18-icon.gold {color:#ffca37;background:#ffca3715}
.jr-v18-icon.blue {color:#5bbfff;background:#5bbfff15}.jr-v18-icon.purple {color:#b27aff;background:#b27aff15}
.jr-v18-icon.pink {color:#ff789a;background:#ff789a15}.jr-v18-icon.teal {color:#4fd6b7;background:#4fd6b715}
.jr-v18-icon.indigo {color:#95aaff;background:#95aaff15}
.jr-v18-panels {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:25px; align-items:stretch;}
.jr-v18-tool-panel {min-width:0; border:1px solid #313131; background:#141414; border-radius:20px; padding:22px;}
.jr-v18-tool-panel h3 {margin:0 0 17px; font-size:24px;}
.jr-v18-tool-list {display:flex; flex-wrap:wrap; gap:10px;}
.jr-v18-tool {display:inline-flex; align-items:center; gap:8px; border:1px solid #484848; background:#242424; border-radius:9px; padding:10px 12px; font-size:12px; font-weight:600; min-height:41px; transition:border-color .2s;}
.jr-v18-tool:hover {border-color:#ff9619;}
.jr-v18-tool img {width:20px; height:20px; object-fit:contain;}
/* Stable heading and footer alignment: do not inherit inline flex or old transforms. */
#work .work-inner {width:100%; max-width:1020px; margin:0 auto;}
#work h2 {display:block; width:100%; text-align:center; margin:0 auto 14px; line-height:1.15;}
#work .sub {display:block; text-align:center; margin:0 auto 28px;}
#work .filters {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.jr-v18-footer {display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:0 !important; text-align:center !important; width:100% !important; padding:80px 20px !important;}
.jr-v18-footer-label {display:block !important; color:#ff9619; font-weight:700; font-size:15px; margin:0 0 18px !important;}
.jr-v18-footer h2 {display:block !important; width:100% !important; margin:0 0 28px !important; text-align:center !important; font-size:clamp(30px,5vw,62px) !important; line-height:1.12 !important; white-space:normal !important; transform:none !important;}
.jr-v18-footer .jr-v18-contact {display:inline-flex !important; align-items:center; justify-content:center; width:auto !important; margin:0 auto !important; padding:12px 24px; border:1px solid #ff9619; border-radius:30px; color:#ff9619;}
.jr-v18-footer .jr-v18-copy {margin:44px 0 0 !important; font-size:11px; color:#888;}
@media(max-width:700px){.jr-v18-skill-board,.jr-v18-panels {grid-template-columns:1fr;} .jr-v18-skill-board{padding:20px 16px;gap:19px}.jr-v18-tool-panel{padding:18px}.jr-v18-footer{padding:64px 14px !important;}}
