.rewards1227 .reward-name{display:flex;align-items:center;gap:10px;min-height:36px}
.rewards1227 img{object-fit:contain;flex:none;image-rendering:auto}
.rewards1227 .reward-exchange th,.rewards1227 .reward-exchange td{vertical-align:middle}
.supply-box-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.supply-box{min-width:0;padding:18px;border:1px solid #716044;border-radius:10px;background:rgba(15,20,21,.55)}
.supply-box h3{display:flex;gap:10px;align-items:center;margin-top:0}
.reward-item-list{list-style:none;padding:0;margin:18px 0 0}
.reward-item-list li{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid rgba(193,167,114,.18);line-height:1.6}
.reward-item-list span{flex:1;min-width:0;overflow-wrap:anywhere}.reward-item-list strong{white-space:nowrap;font-size:.9em}
.reward-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:12px 0 20px;padding:14px 18px;background:rgba(17,25,25,.6);border-left:3px solid #b39754}
.reward-conditions p{margin:0}.reward-conditions .reward-wide{grid-column:1/-1}
.reward-poster figcaption{font-weight:500}
@media(max-width:1100px){.supply-box-grid{grid-template-columns:1fr}.reward-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}}
@media(max-width:600px){.reward-conditions,.reward-item-list{grid-template-columns:1fr}.supply-box{padding:14px}.reward-exchange th,.reward-exchange td{padding:9px 7px;font-size:.9rem}.rewards1227 .reward-name{gap:6px}.reward-exchange td:nth-child(2),.reward-exchange td:nth-child(3){white-space:nowrap}}
@media(max-width:720px){
  main.container{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  .article-layout,.guide-article,.guide-article .page-heading,.guide-article .guide-section{min-width:0;max-width:100%;box-sizing:border-box}
  .guide-article .table-scroll{min-width:0;max-width:100%}
  .guide-article .table-scroll table{min-width:0;width:100%;table-layout:fixed}
  .guide-article .table-scroll th,.guide-article .table-scroll td{min-width:0;white-space:normal;overflow-wrap:anywhere;padding:10px 7px}
  .guide-article .reward-exchange th:first-child{width:60%}
  .guide-article .reward-exchange th:nth-child(2){width:14%}
  .guide-article .reward-exchange th:nth-child(3){width:26%}
  .guide-article .reward-exchange td:nth-child(2),.guide-article .reward-exchange td:nth-child(3){white-space:normal}
  .guide-article .reward-name{min-width:0;overflow-wrap:anywhere}
  #solo-rewards details:first-of-type th:first-child{width:40%}
  #solo-rewards details:last-of-type th:first-child{width:75%}
}