/* /minecraft-server-software/ and the page of each software (includes/software_page.php) */
.sw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.sw-c{display:flex;flex-direction:column;gap:12px;padding:24px}
.sw-ch{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sw-ch h2{margin:0;font:800 italic 24px/1 Kanit;text-transform:uppercase;color:#fff}
.sw-ch a:hover h2{color:var(--a)}
.sw-kind{font:700 italic 11px/1 Kanit;text-transform:uppercase;color:#888;white-space:nowrap}
.sw-c>p{margin:0;font-size:14px;line-height:1.55;color:#b4b4b4}
.sw-m{margin:0;display:grid;gap:0}
.sw-m>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--ln);font-size:14px}
.sw-m dt{color:#999}
.sw-m dd{margin:0;color:#fff;text-align:right}
.sw-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.sw-b .btn svg,.sw-dl .btn svg{flex:none}
.sw-ash{background:#2a1f15}
.sw-wait{color:#999;font-size:14px;margin:0}
.sw-sub{max-width:680px;margin:-6px 0 18px;color:#aaa}
.sw-cmp th[scope=row],.sw-ver th[scope=row]{font:700 14px/1.4 Cairo,sans-serif;color:#fff;text-transform:none;white-space:nowrap}
.sw-cmp th a,.sw-ver th a{color:#ddd}
.sw-cmp td{min-width:120px}
.sw-yes{color:#7bd88f;display:inline-flex}
.sw-no{color:#555}
.sw-ver td small{color:#888;margin-left:6px}
.sw-ver a{color:var(--a)}
.sw-r{text-align:right}
.sw-src{margin:40px 0 0;font-size:13px;color:#777}
.sw-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
.sw-dl{padding:28px}
.sw-big{margin:10px 0 18px;font:800 italic 30px/1.1 Kanit;text-transform:uppercase;color:#fff}
.sw-big small{font-size:16px;color:#999;margin-left:6px}
.sw-dl .btn{max-width:100%;white-space:normal;height:auto;min-height:58px;padding:12px 26px;line-height:1.25;overflow-wrap:anywhere}
.sw-dl .sw-m{margin-top:20px}
.sw-sha{flex-wrap:wrap}
.sw-sha dd{text-align:left;min-width:0}
.sw-sha code{font:12px/1.5 ui-monospace,Consolas,monospace;color:#ccc;word-break:break-all}
.sw-from{margin:14px 0 0;font-size:13px;color:#888}
.sw-side ul{list-style:none;margin:12px 0 0;padding:0}
.sw-side li a{display:block;padding:9px 0;border-bottom:1px solid var(--ln);color:#ddd;font-size:14px}
.sw-side li a:hover{color:var(--a)}
.sw-ks2{margin-top:24px}
.sw-n{margin:10px 0 0;font-size:14px;color:#bbb}
.sw-n b{display:block;font:800 italic 30px/1 Kanit;color:#fff;margin-bottom:4px}
.sw-log{list-style:none;margin:0;padding:0}
.sw-log li{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--ln);font-size:14px}
.sw-bn{font:800 italic 15px/1 Kanit;color:var(--a)}
.sw-msg{color:#ddd;overflow-wrap:anywhere}
.sw-log small{color:#888;white-space:nowrap}
.sw-steps{margin:0;padding:0;list-style:none;counter-reset:s}
.sw-steps li{counter-increment:s;position:relative;padding:12px 0 12px 46px;border-bottom:1px solid var(--ln);color:#ccc;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.sw-steps li:before{content:counter(s);position:absolute;left:0;top:12px;width:30px;height:30px;background:var(--a);color:#140a02;font:800 italic 15px/30px Kanit;text-align:center}
.sw-ashc{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:56px;background:#2a1f15}
.sw-ashc h2{margin:8px 0 6px;font:800 italic 24px/1 Kanit;text-transform:uppercase;color:#fff}
.sw-ashc p{margin:0;max-width:640px;color:#c9b9a8;font-size:14px;line-height:1.55}
@media (max-width:900px){.sw-top{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .sw-cards{grid-template-columns:1fr}
  .sw-big{font-size:24px}
  .sw-log li{grid-template-columns:56px 1fr}
  .sw-log small{grid-column:2}
  .sw-ashc{flex-direction:column;align-items:flex-start}
  .sw-dl{padding:22px}
}
