/* Shared Warcraft chrome; this file only arranges profession content. */
.tc .tc-profession-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.tc .tc-profession-list li{padding:24px 0;border-top:1px solid #8a6a3a;min-width:0}
.tc .tc-profession-list h2{margin-bottom:8px}.tc .tc-profession-list p{margin:0;max-width:48ch}
.tc .tc-skill-finder{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}
.tc .tc-skill-finder label{font-weight:bold}.tc .tc-skill-finder input{width:100px}
.tc .tc-recipe-option{margin:22px 0}.tc .tc-recipe-option h3{display:flex;align-items:center;font-size:23px}
.tc .tc-recipe-option h3 a{display:inline-flex;align-items:center;gap:10px}
.tc .tc-recipe-option .tc-price{font-size:20px}.tc .tc-table{width:100%}
.tc .tc-guide-step .tc-table td,.tc .tc-guide-step .tc-table th{font-size:16px;padding:10px}
.tc .tc-guide-step .tc-meta{font-size:14px}.tc .tc-guide-step .tc-table .tc-meta{font-size:13px}
.tc .tc-guide-step .tc-table tr{border-bottom:1px solid #655338}
.tc .tc-next-step{padding:12px 0;border-block:1px solid #8a6a3a}
.tc .tc-recipe-option h3 img{flex:0 0 28px;width:28px;height:28px;object-fit:contain}
.tc .tc-guide-contents a:focus-visible,.tc .tc-skill-finder :focus-visible{outline:2px solid #ffd100;outline-offset:3px}
@media(max-width:650px){
 .tc .tc-profession-list{grid-template-columns:1fr;gap:0}
 .tc .tc-skill-finder label{width:100%}
 .tc .tc-guide-step .tc-table thead{display:none}
 .tc .tc-guide-step .tc-table tr,.tc .tc-guide-step .tc-table td{display:block;min-width:0;overflow-wrap:anywhere}
 .tc .tc-guide-step .tc-table td{padding:8px 0}
 .tc .tc-guide-step .tc-table td::before{content:attr(data-label);display:block;font-size:13px;color:#cfc3a5}
 .tc .tc-guide-step .tc-table tr{padding:12px 0}
 .tc .tc-recipe-option h3{font-size:21px}
}

/* A user-chosen batch, separate from the source skill bands. */
.tc .tc-batch{margin:28px 0;padding:20px 0;border-block:1px solid #8a6a3a}
.tc .tc-batch summary{font-weight:bold}
.tc .tc-batch-choice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}
.tc .tc-batch-choice select{max-width:100%;min-width:0}
.tc .tc-batch-materials>input{width:110px;margin:8px 14px}
.tc .tc-batch-table{width:100%;margin:16px 0}
.tc .tc-batch-table caption{text-align:left;padding:12px 0;font-weight:bold}
.tc .tc-batch-table input{width:100px;max-width:100%}
.tc .tc-bag-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.tc .tc-batch-result{padding:12px 0;border-bottom:1px solid #655338}
.tc .tc-batch :focus-visible,.tc .tc-batch-link:focus-visible{outline:2px solid #ffd100;outline-offset:3px}
@media(max-width:900px){
 .tc .tc-batch-table thead{display:none}
 .tc .tc-batch-table tr,.tc .tc-batch-table td{display:block;min-width:0;overflow-wrap:anywhere}
 .tc .tc-batch-table td{padding:8px 0}
 .tc .tc-batch-table td::before{content:attr(data-label);display:block;font-size:13px;color:#cfc3a5}
 .tc .tc-batch-table tr{padding:12px 0;border-bottom:1px solid #655338}
 .tc .tc-batch-choice label{width:100%}
 .tc .tc-batch-materials>label{display:block}
 .tc .tc-batch-materials>input{margin-left:0}
}