*{box-sizing:border-box}.jobs-body{margin:0;background:radial-gradient(ellipse at 50% 0%,#3b281c,#160f0d 60%,#0b0908);color:#eadcc3;font-family:Georgia,serif;min-height:100vh}.jobs-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px clamp(14px,4vw,55px);border-bottom:1px solid #725334;background:#1b130fe8}.jobs-top a{color:#eac88a;text-decoration:none}.jobs-top strong{color:#e7c788;text-align:center}.jobs-wrap{max-width:1150px;margin:auto;padding:24px 18px 80px}.jobs-hero{text-align:center;padding:28px 12px 30px}.jobs-hero h1{font-size:clamp(2.1rem,5vw,4.3rem);color:#f4d493;margin:8px 0 14px;text-shadow:0 4px 20px #000}.jobs-hero>p{max-width:720px;margin:10px auto;line-height:1.65}.eyebrow{color:#a9d9a5;text-transform:uppercase;letter-spacing:.17em;font-size:.8rem;font-weight:bold}.note{font-size:.88rem;color:#c4b39a;line-height:1.6}.cauldron{position:relative;width:110px;height:95px;margin:auto;filter:drop-shadow(0 0 18px #65b88e77)}.cauldron span:first-child{position:absolute;left:47px;top:0;color:#b9f2bf;font-size:25px;animation:float 3s ease-in-out infinite}.cauldron span:last-child{position:absolute;top:23px;left:20px;font-size:65px}@keyframes float{50%{transform:translateY(-10px)}}.jobs-panel{background:linear-gradient(140deg,#312319,#211811);border:1px solid #8b6942;border-radius:15px;padding:clamp(16px,3vw,30px);margin:18px 0 30px;box-shadow:0 16px 45px #0007}.jobs-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.jobs-controls label{font-weight:bold;color:#f2d399}.jobs-controls input{background:#140f0c;border:1px solid #90714b;border-radius:8px;color:#fff;padding:13px;font-size:1rem;width:100%}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #876840;background:#261a13;color:#e5cda8;border-radius:30px;padding:9px 17px;cursor:pointer}.filters button.active,.filters button:hover{background:#816138;color:#fff;border-color:#d9b875}.job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.job-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:240px;padding:22px;background:linear-gradient(150deg,#453020,#2a1e16);border:1px solid #795735;border-radius:12px;color:#f2e6d2;cursor:pointer;transition:transform .2s,border-color .2s}.job-card:hover,.job-card:focus-visible{transform:translateY(-3px);border-color:#e6c382;outline:none}.job-icon{font-size:2.4rem}.job-name{font-size:1.35rem;font-weight:bold;color:#f5d394;margin:10px 0 5px}.job-type{font-size:.78rem;color:#b3d8ac}.job-desc{font-size:.92rem;line-height:1.5;margin-top:12px;flex:1}.job-more{color:#f1cb86;font-size:.86rem;margin-top:15px}.pairing h2{color:#f1d08d;margin-top:0}.pair-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:13px}.pair-grid article{padding:15px 18px;background:#1d1510;border-left:3px solid #9f814f;border-radius:6px}.pair-grid h3{color:#eac88c;margin:0 0 8px;font-size:1.05rem}.pair-grid p{margin:0;line-height:1.55}.empty{padding:25px;text-align:center}.job-dialog{max-width:650px;width:calc(100% - 26px);max-height:88vh;overflow:auto;border:2px solid #b88e53;border-radius:14px;background:linear-gradient(135deg,#efe0bd,#d6bc8b);color:#332419;box-shadow:0 30px 80px #000;padding:clamp(20px,4vw,38px)}.job-dialog::backdrop{background:#080605d9;backdrop-filter:blur(3px)}.job-dialog h2{font-size:2rem;margin:5px 0 10px}.job-dialog .eyebrow{color:#5e7440}.job-dialog li{margin:10px 0;line-height:1.55}.job-dialog h3{margin-top:25px}.detail-icon{font-size:2.5rem}.detail-pair,.detail-tip{background:#c9ae7a66;padding:12px;border-radius:8px;line-height:1.55}.job-dialog .note{color:#67523c}.close-job{float:right;border:1px solid #85633d;border-radius:50%;width:34px;height:34px;background:#e7d2a9;cursor:pointer}@media(max-width:520px){.jobs-top{font-size:.8rem}.jobs-top strong{max-width:115px}.job-grid{grid-template-columns:1fr 1fr;gap:9px}.job-card{min-height:230px;padding:13px}.job-name{font-size:1.12rem}.job-desc{font-size:.83rem}.job-more{font-size:.75rem}}@media(max-width:370px){.job-grid{grid-template-columns:1fr}}
/* V23 : accès vidéo dédié à chaque grimoire */
.job-video{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:22px 0 12px}
.job-video-link{display:inline-block;padding:10px 15px;border:1px solid #c8a25a;border-radius:8px;background:linear-gradient(135deg,#6d241d,#3b1715);color:#ffe4ad!important;text-decoration:none;font-weight:700;box-shadow:0 3px 12px #0005}
.job-video-link:hover,.job-video-link:focus-visible{background:#8b3325;outline:2px solid #d5af64;outline-offset:2px}
.job-video small{font-size:.85rem;line-height:1.4;opacity:.85}