.profession-dialog{box-sizing:border-box;width:min(900px,94vw);height:min(820px,88vh);max-width:96vw;max-height:92vh;min-width:min(330px,94vw);resize:both;overflow:auto;border:1px solid #bfa56b;border-radius:16px;background:#0d1624;color:#f3f5f8;padding:0;font:15px/1.6 system-ui,sans-serif;box-shadow:0 24px 90px #0009}.profession-dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.profession-head{position:sticky;top:0;z-index:2;background:#101d30;border-bottom:1px solid #bfa56b55;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.profession-head h2{font-size:21px;margin:0}.profession-dialog button{border:1px solid #bfa56b;border-radius:8px;padding:8px 12px;background:#1c2c43;color:#ffe1a0;cursor:pointer}.profession-controls{display:grid;grid-template-columns:2fr 1fr;gap:18px;padding:20px 22px 0}.profession-controls label{display:flex;flex-direction:column;gap:6px;color:#d7bd82;font-weight:600}.profession-controls select,.profession-controls input{box-sizing:border-box;min-width:0;width:100%;padding:10px;border:1px solid #52657c;border-radius:8px;background:#152237;color:#fff;font:inherit}.profession-body{padding:4px 22px 24px}.profession-body h3{font-size:24px;margin-bottom:5px}.profession-muted{color:#b6c3d4;font-size:13px}.profession-notice{padding:12px 16px;border-left:3px solid #c5a354;background:#c5a3540a}.profession-notes{border:1px solid #35445c;border-radius:10px;padding:12px 16px;margin:14px 0}.profession-dialog summary{cursor:pointer;color:#edcf8d;font-weight:650}.profession-dialog ul{padding-left:22px}.profession-dialog li{margin:6px 0}.profession-steps{display:grid;gap:10px;margin-top:20px}.profession-step{border:1px solid #33435b;border-radius:10px;background:#142033;padding:14px 16px}.profession-step[open]{border-color:#bfa56b80}.profession-materials{columns:2;column-gap:28px}.profession-materials li{break-inside:avoid}.profession-dialog a{color:#abcfff}.profession-dialog :focus-visible{outline:2px solid #eecb75;outline-offset:3px}@media(max-width:600px){.profession-controls{grid-template-columns:1fr}.profession-materials{columns:1}.profession-head,.profession-body{padding-left:15px;padding-right:15px}.profession-head h2{font-size:18px}}

.profession-item-icon{width:28px;height:28px;flex:0 0 28px;object-fit:cover;vertical-align:middle;border:1px solid #8e7954;border-radius:4px;background:#080e18;margin-right:8px}.profession-step summary .profession-item-icon{margin-left:6px}.profession-step summary span{vertical-align:middle}.profession-materials li{display:flex;align-items:center;gap:4px}.profession-materials li strong{flex-shrink:0}.profession-materials li span{min-width:0;overflow-wrap:anywhere}