/* Shared alignment and typography for skills, recipes and sequential references. */
/* Keep the table formatting context: imported display:block left the cells narrow. */
.jg-table-scroll,.job-table-scroll{width:100%;box-sizing:border-box}
.job-guide-article .jg-table-scroll table,.job-table-scroll table,.article .merged-body table{display:table;width:100%;table-layout:auto}
.jg-chapter>summary,.jg-reference-card>summary{color:var(--text)!important}.jp-tier-filter{display:flex;align-items:center;gap:9px;font-size:12px}.jp-tier-filter select{color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:8px;padding:8px}.jg-reference-card[hidden],.jg-dataset tr[hidden]{display:none!important}
.job-guide-article .jp-progression table{display:table!important;width:100%!important;min-width:760px!important}.job-guide-article .jp-progression th,.job-guide-article .jp-progression td{border-left:0;border-right:0}.jp-tool>summary{color:var(--text)!important}.jp-tool .jp-progression td:nth-child(3){min-width:300px}.jp-tool .jp-progression td:nth-child(3) .jp-item{display:inline-flex;width:calc(50% - 12px);margin:2px 8px 2px 0;gap:5px;vertical-align:middle}.jp-tool .jp-item>img{width:24px!important;height:24px!important}.jp-tool .jp-item>span{font-size:11px}.jp-tool .jp-item>b{font-size:11px}.jp-exp{display:grid;grid-template-columns:56px 1fr;gap:10px 14px;margin:14px 0;align-items:start}.jp-exp dt{font-size:12px;font-weight:700;color:var(--accent);padding:5px 6px;background:var(--raised);border-radius:6px;text-align:center;white-space:nowrap}.jp-exp dd{margin:0;color:var(--muted);font-size:13px;line-height:1.85;word-break:keep-all}.jp-tool .jp-progression td:nth-child(2){max-width:180px}
.skill-dialog{width:min(620px,calc(100vw - 32px));max-height:86vh;padding:30px;border-radius:20px;overflow-y:auto}
.skill-dialog-heading{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:18px;padding-right:24px}
.skill-dialog-heading .skill-art{width:64px;height:64px;object-fit:contain;margin:0;image-rendering:pixelated}
.skill-dialog-heading h2{margin:5px 0 0;line-height:1.35}.skill-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px;margin:24px 0}
.skill-metric{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;min-width:0}
.skill-metric svg{width:20px;height:20px;flex:none}.skill-metric small{display:block;font-size:11px;line-height:1.5}.skill-metric b{display:block;font-size:16px;font-variant-numeric:tabular-nums}
.skill-description .jp-effect{padding:18px 0;border-top:1px solid var(--line)}.jp-effect h3{margin:0 0 10px!important;font-size:15px;color:var(--text)}.jp-effect p{margin:5px 0!important;line-height:1.85;font-size:14px;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}.jp-effect strong{color:var(--accent);font-weight:700}.jp-effect .jp-stage{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:baseline}.jp-effect .jp-stage>b{font-size:12px;background:var(--raised);padding:3px 6px;border-radius:5px;text-align:center;color:var(--text)}
.jp-item{display:flex;align-items:center;gap:9px;min-height:35px;font-size:13px}.jp-item>img{width:28px!important;height:28px!important;object-fit:contain;margin:0!important;image-rendering:pixelated;flex:none}.jp-item>span{flex:1;min-width:0}.jp-item>b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.jp-tool{border:1px solid var(--line);border-radius:12px;margin:14px 0;overflow:hidden}.jp-tool>summary{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;font-weight:700;font-size:14px}.jp-tool>summary:after{content:'＋';margin-left:auto;color:var(--accent)}.jp-tool[open]>summary:after{content:'−'}.jp-tool>summary>img{width:42px;height:42px;object-fit:contain;margin:0!important;image-rendering:pixelated}.jp-tool .jg-dataset{margin:0}.jp-progression .jg-table-scroll{max-height:620px;border:1px solid var(--line);border-radius:10px;overflow:auto;scrollbar-width:thin}.jp-progression table{width:100%;min-width:640px;margin:0!important;border-collapse:separate;border-spacing:0;font-size:13px}.jp-progression th{position:sticky;top:0;background:var(--raised);z-index:2;text-align:left;padding:13px 16px;white-space:nowrap}.jp-progression td{padding:12px 16px;vertical-align:middle;border-bottom:1px solid var(--line);line-height:1.65;font-variant-numeric:tabular-nums}.jp-progression tr:nth-child(even) td{background:color-mix(in srgb,var(--raised) 45%,transparent)}.jp-progression td:first-child{min-width:80px}.jp-progression tr:has(.jp-unlock) td{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.jp-unlock{display:block;color:var(--accent);font-size:10px;margin-top:3px}.jp-progression td small{display:block;color:var(--muted);font-size:11px}.jp-progression img{width:32px!important;height:32px!important;object-fit:contain;vertical-align:middle;image-rendering:pixelated;margin:0 8px 0 0!important}.jp-video{margin:20px 0}.jp-video video{width:100%;max-height:720px;display:block;background:#0d111b;border-radius:14px}.jp-video p{font-size:13px;color:var(--muted);text-align:center}.jg-links>a{padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.jp-grade{font-size:11px;color:var(--muted)}
.jg-reference-card summary{display:flex;align-items:center;gap:16px;min-height:88px}.jg-reference-card summary>img{width:60px!important;height:60px!important;object-fit:contain;flex:none;margin:0!important;image-rendering:pixelated}.jg-reference-card dl{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.jg-reference-card dd{min-width:0}.job-guide-article .jg-table-scroll td>img{width:40px;height:40px;object-fit:contain;vertical-align:middle;margin:0 10px 0 0;image-rendering:pixelated}.jp-recipe-heading{display:flex;align-items:center;gap:20px}.jp-recipe-heading img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}.jp-recipe-lines{display:grid;gap:10px}.jp-recipe-lines .jp-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
@media(max-width:600px){.skill-dialog{padding:22px}.skill-dialog-heading{grid-template-columns:48px 1fr;gap:12px}.skill-dialog-heading .skill-art{width:48px;height:48px}.skill-dialog-heading h2{font-size:22px}.skill-metrics{gap:5px}.skill-metric{padding:10px;gap:6px}.jp-effect .jp-stage{grid-template-columns:48px 1fr}.jp-tool>summary{font-size:12px}.jg-reference-card summary>img{width:48px!important;height:48px!important}}
@media(prefers-reduced-motion:no-preference){.skill-dialog[open]{animation:jp-appear .18s ease-out}@keyframes jp-appear{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}}

/* Craft equipment: keep the profession, tool and grade on distinct lines. */
.jp-tool[data-craft-enhancement]>summary>span{min-width:0;flex:1}.jp-tool[data-craft-enhancement]>summary small{display:block;margin-top:5px;font-weight:400;font-size:12px;color:var(--muted);line-height:1.5}.jp-tool[data-craft-enhancement] .jp-item{white-space:normal}

.jp-tool[data-craft-enhancement] table{min-width:900px}.jp-tool[data-craft-enhancement] td:nth-child(3){min-width:320px}.jp-tool[data-craft-enhancement] td:nth-child(2){min-width:150px}.jp-tool[data-craft-enhancement] td:last-child{min-width:105px}