/* M.O.R.D.A. v121 - complete crafting professions guide. Scoped to existing tile. */
.m121-craft{--c121-text:#e5dfd7;--c121-gold:#e9bd7d;--c121-edge:#5c4c3e;--c121-panel:#171a22;color:var(--c121-text);font:400 15px/1.72 system-ui,-apple-system,Segoe UI,sans-serif;max-width:1350px;margin:8px auto 22px;padding:10px 2px;min-width:0}
.m121-craft *{box-sizing:border-box}
.m121-craft h2,.m121-craft h3,.m121-craft h4{font-family:Cinzel,Georgia,serif;color:#f1d3ab;line-height:1.32;letter-spacing:.018em}
.m121-craft h2{font-size:clamp(1.55rem,2.5vw,2.35rem);margin:5px 0 15px}
.m121-craft h3{font-size:clamp(1.21rem,2vw,1.65rem);margin:0}
.m121-craft h4{font-size:1.13rem;margin:21px 0 10px}
.m121-craft p{line-height:1.72;margin:12px 0;color:#e3deda}
.m121-craft a{color:#f3c88a;text-underline-offset:3px}
.m121-craft a:hover{color:white}
.m121-craft .craft121-intro{background:linear-gradient(130deg,#2d2423,#151923 76%);border:1px solid #654b3b;border-radius:16px;padding:clamp(18px,3vw,30px);margin-bottom:20px}
.m121-craft .craft121-intro>p:not(.craft121-kicker){max-width:1020px;font-size:1.02rem}
.m121-craft .craft121-kicker{font-size:.74rem!important;letter-spacing:.15em;font-weight:800;color:var(--c121-gold)!important;margin:0}
.m121-craft .craft121-pills{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 17px}
.m121-craft .craft121-pills span{font-size:.76rem;font-weight:750;color:#ecd5b5;border:1px solid #8c6244;background:#392c24;padding:4px 11px;border-radius:999px}
.m121-craft .craft121-related,.m121-craft .craft121-links{display:flex;flex-wrap:wrap;gap:9px}
.m121-craft .craft121-related a,.m121-craft .craft121-links a{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #8c6d4d;border-radius:8px;background:#29232a;color:#f4d6ab;font-size:.84rem;font-weight:700;line-height:1.2;text-decoration:none}
.m121-craft .craft121-related a:hover,.m121-craft .craft121-links a:hover{background:#403129}
.m121-craft .craft121-layout{display:grid;grid-template-columns:minmax(196px,245px) minmax(0,1fr);align-items:start;gap:17px}
.m121-craft .craft121-nav{position:sticky;top:95px;max-height:calc(100vh - 108px);overflow-y:auto;scrollbar-width:thin;padding:15px 11px;border-radius:13px;background:linear-gradient(160deg,#1b1d24,#15141a);border:1px solid #514538;box-shadow:0 12px 20px #0004}
.m121-craft .craft121-nav>strong{display:block;color:#edc993;font-size:.73rem;letter-spacing:.11em;margin:1px 7px 10px}
.m121-craft .craft121-nav a{display:block;color:#dcd5c9;border-left:3px solid transparent;text-decoration:none;border-radius:6px;margin:3px 0;padding:8px 9px;font-size:.84rem;line-height:1.3}
.m121-craft .craft121-nav a:hover,.m121-craft .craft121-nav a.active{border-left-color:#e8b366;background:#3b2d27;color:white}
.m121-craft .craft121-navhint{display:block;margin:13px 7px 2px;color:#aea399;font-size:.74rem;line-height:1.4}
.m121-craft .craft121-body{min-width:0}
.m121-craft .craft121-chapter{scroll-margin-top:92px;background:linear-gradient(135deg,#202027,#141820 90%);border:1px solid #4c4642;padding:clamp(17px,2.6vw,28px);border-radius:13px;margin-bottom:17px;box-shadow:0 12px 28px #0002}
.m121-craft .craft121-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #4b4341;padding-bottom:15px;margin-bottom:16px}
.m121-craft .craft121-head>span{flex-shrink:0;border:1px solid #947246;color:#ebc38f;padding:4px 8px;border-radius:5px;font-size:.7rem;font-weight:800;letter-spacing:.06em}
.m121-craft .craft121-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}
.m121-craft .craft121-triple>div{border:1px solid #4b4c50;border-radius:8px;padding:13px;background:#23272d;min-width:0}
.m121-craft .craft121-triple b{font-size:.91rem;color:#f0c68e}
.m121-craft .craft121-triple p{font-size:.85rem;margin:5px 0 0}
.m121-craft .craft121-steps{list-style:none;counter-reset:craftstep;padding:0;display:grid;gap:9px}
.m121-craft .craft121-steps li{counter-increment:craftstep;padding:10px 11px 10px 48px;position:relative;background:#24272f;border:1px solid #414751;border-radius:8px;color:#e8e2dc}
.m121-craft .craft121-steps li::before{content:counter(craftstep);position:absolute;left:12px;top:10px;width:25px;height:25px;border-radius:50%;background:#cf9e58;color:#1a1511;font-weight:900;font-size:.85rem;display:flex;justify-content:center;align-items:center}
.m121-craft .craft121-note{border-left:4px solid #dfa858;background:#352b26;border-radius:5px;padding:12px 14px;margin:17px 0;color:#f0e4d3}
.m121-craft .craft121-table{border:1px solid #525056;border-radius:9px;overflow-x:auto;margin:16px 0;scrollbar-width:thin}
.m121-craft table{width:100%;min-width:510px;border-collapse:collapse;font-size:.86rem}
.m121-craft thead{background:#443528;color:#ffdfaf}
.m121-craft th,.m121-craft td{padding:9px 11px;text-align:left;border-bottom:1px solid #41434c;vertical-align:top}
.m121-craft td{color:#ebe1d6}
.m121-craft tbody tr:last-child td{border-bottom:0}
.m121-craft tbody tr:nth-child(even){background:#242833}
.m121-craft .craft121-fine{color:#bcb1a8!important;font-size:.83rem;line-height:1.55}
.m121-craft .craft121-photo{margin:17px 0;min-width:0;overflow:hidden;border:1px solid #575053;background:#1b1e25;border-radius:10px}
.m121-craft .craft121-photo button{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:260px;padding:8px;background:radial-gradient(ellipse at center,#41404a,#1a1a21);cursor:zoom-in;border:none}
.m121-craft .craft121-photo button:focus-visible{outline:3px solid #eac28d;outline-offset:-3px}
.m121-craft .craft121-photo img{width:100%;height:100%;object-fit:contain;display:block;min-width:0}
.m121-craft .craft121-photo figcaption{padding:10px 12px;color:#cfc6bf;font-size:.84rem;line-height:1.5}
.m121-craft .craft121-photo-sm{max-width:650px}
.m121-craft .craft121-photo-sm button{height:290px}
.m121-craft .craft121-photos2,.m121-craft .craft121-photos3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:stretch}
.m121-craft .craft121-photos3{grid-template-columns:repeat(3,minmax(0,1fr))}
.m121-craft .craft121-photos2 .craft121-photo,.m121-craft .craft121-photos3 .craft121-photo{display:flex;flex-direction:column;margin:0}
.m121-craft .craft121-photos2 .craft121-photo button{height:240px}
.m121-craft .craft121-photos3 .craft121-photo button{height:180px}
.m121-craft .craft121-photos2 .craft121-photo figcaption,.m121-craft .craft121-photos3 .craft121-photo figcaption{flex:1}
.m121-craft .craft121-shopping{display:flex;flex-direction:column;gap:7px;border:1px solid #60523f;border-radius:10px;padding:14px;margin:15px 0;background:#25242a}
.m121-craft .craft121-shopping label{display:flex;gap:9px;align-items:flex-start;padding:6px 9px;background:#2f3139;border-radius:6px;font-size:.88rem;cursor:pointer}
.m121-craft .craft121-shopping input{accent-color:#d9ac69;flex:none;margin-top:5px}
.m121-craft .craft121-shopping input:checked+span{text-decoration:line-through}
.m121-craft .craft121-shoppinghead{display:flex;justify-content:space-between;align-items:center;gap:9px}
.m121-craft #cr121-copy{padding:7px 13px;border:1px solid #d2a972;background:#453525;color:#f0d9b8;cursor:pointer;font-size:.84rem;border-radius:6px}
.m121-craft .craft121-faq details{padding:12px 14px;border:1px solid #49464b;background:#22252e;border-radius:8px;margin:10px 0}
.m121-craft .craft121-faq summary{cursor:pointer;color:#f5d5a3;font-weight:780;line-height:1.45}
.m121-craft .craft121-faq details p{margin:11px 0 0}
.m121-craft .craft121-sources{padding-left:23px}
.m121-craft .craft121-sources li{margin:8px 0}
.m121-craft .craft121-modal{position:fixed;inset:0;margin:auto;z-index:99999;max-width:min(94vw,1400px);max-height:93vh;background:#0d1118;color:#f3e7dd;border:1px solid #94734d;border-radius:12px;padding:30px 16px 12px;overflow:auto}
.m121-craft .craft121-modal::backdrop{background:#040508ed}
.m121-craft .craft121-modal img{display:block;max-width:100%;max-height:74vh;object-fit:contain;margin:auto}
.m121-craft .craft121-modal p{text-align:center;color:#d5c5ae;font-size:.85rem}
.m121-craft .craft121-close{position:absolute;right:8px;top:6px;background:#332922;border:1px solid #876c43;border-radius:6px;color:white;padding:4px 12px;font-size:1.3rem;cursor:pointer}
@media(max-width:990px){.m121-craft .craft121-layout{grid-template-columns:1fr}.m121-craft .craft121-nav{position:relative;top:auto;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.m121-craft .craft121-nav>strong,.m121-craft .craft121-navhint{grid-column:1/-1}.m121-craft .craft121-chapter{scroll-margin-top:85px}}
@media(max-width:650px){.m121-craft .craft121-intro{padding:17px}.m121-craft .craft121-nav{grid-template-columns:1fr 1fr;padding:10px}.m121-craft .craft121-nav a{font-size:.75rem;padding:7px}.m121-craft .craft121-head{flex-wrap:wrap}.m121-craft .craft121-triple{grid-template-columns:1fr}.m121-craft .craft121-photos2,.m121-craft .craft121-photos3{grid-template-columns:1fr}.m121-craft .craft121-photos2 .craft121-photo button,.m121-craft .craft121-photos3 .craft121-photo button{height:230px}.m121-craft .craft121-chapter{padding:16px 13px}.m121-craft table{min-width:470px}}
@media(prefers-reduced-motion:reduce){.m121-craft *{scroll-behavior:auto!important}}