.profession-intro {max-width:1280px;padding-top:80px;padding-bottom:45px;background:linear-gradient(90deg,#111316f5,#111316a8),url('assets/realm.jpg') center/cover;border-bottom:1px solid var(--border)}
.profession-intro h1 {max-width:950px}.profession-intro .hero-lede {max-width:740px}
.guide-nav {display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:32px}.guide-nav a {font:14px Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;color:var(--accent)}
.guide-section {padding-block:48px}.profession-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.profession-card,.guide-note {padding:28px;border:1px solid #405e7d;background:linear-gradient(#22282e,#14171a);box-shadow:inset 0 0 0 4px #ffffff04}
.profession-card h3 {font-size:27px}.profession-card p {font-size:15px}.profession-card .card-example {color: var(--text);font-size:13px;border-top:1px solid #38526e;padding-top:15px;margin-bottom:0}
.craft-chain {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none}.craft-chain li {padding:22px 26px;border-left:2px solid #5379a0;background:#171b1f}.step {display:block;color: var(--text);font-size:30px;margin-bottom:16px}.craft-chain h3 {font-size:24px}.craft-chain p {font-size:15px}
.guide-note {margin-top:28px}.guide-note p {max-width:950px}.guide-note h3 {font-size:24px}.table-wrap {overflow-x:auto;border:1px solid #405e7d}table {width:100%;border-collapse:collapse;text-align:left;font:15px/1.6 Arial,sans-serif}caption {text-align:left;padding:20px;background:#22282e;color: var(--text);font-weight:bold}th,td {padding:18px;border-bottom:1px solid #2c4156}thead {background:#171b1f;color:var(--accent)}tbody th {color:#9ec4eb}tbody tr:last-child>* {border-bottom:0}
.chance-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:16px;list-style:none}.chance-grid li {padding:24px 20px;background:#171b1f;border-top:3px solid currentColor}.chance-grid strong {display:block;font-size:38px}.chance-grid span {display:block;margin-top:6px;font:bold 14px Arial,sans-serif}.chance-grid p {font-size:14px;margin-bottom:0}.chance-orange {color:#ff9628}.chance-yellow {color:#ffe146}.chance-blue {color:#82cdff}.chance-white {color:#fff}.guide-footnote {font-size:14px;max-width:900px}
@media(max-width:950px){.profession-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.profession-intro{padding-top:45px}.profession-grid,.craft-chain{grid-template-columns:1fr}.guide-section{padding-block:30px}.profession-card,.guide-note{padding:22px}.chance-grid{gap:12px}.chance-grid li{padding:18px 14px}th,td{padding:12px;min-width:120px}.guide-nav{justify-content:flex-start}.profession-intro h1{font-size:34px}}

.process-gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.process-gallery figure {margin:0;border:1px solid #405e7d;background:linear-gradient(#22282e,#14171a);overflow:hidden}
.process-gallery figure>a {display:block;background:#080d0e;padding:16px;border-bottom:1px solid #405e7d}
.process-gallery img {display:block;width:100%;height:auto;max-width:600px;margin:auto}
.process-gallery figure>a:hover {background:#17201b}
.process-gallery figcaption {padding:24px 26px}.process-gallery h3 {font-size:25px}.process-gallery p {font-size:15px;margin-bottom:0}
@media(max-width:700px){.process-gallery{grid-template-columns:1fr;gap:22px}.process-gallery figure>a{padding:8px}.process-gallery figcaption{padding:22px}}