/* Prevent padding from increasing element width */
*, *::before, *::after { box-sizing: border-box; }
:root{--accent:#ff3050;}

html,body{height:100%}
body {
  margin: 0;
  font-family: system-ui, Segoe UI, Roboto, Arial, sans-serif;
  color: #111;
  background: #fff;
}
h1{font-size:28px}
h2{font-size:22px}
p{font-size: 16px; line-height: 1.33;}

.container{max-width:1100px;margin:0 auto;padding:20px}
.container_medium{max-width:900px;margin:0 auto;padding:20px}
.container_small{max-width:700px;margin:0 auto;padding:20px}

.container_small h1, .container_medium h1 {margin-left: 20px;}
/* On full width account page margin left/right is added locally */

.muted{color:#666}

@media (max-width: 600px) {
	th,td{
		font-size: 13px;	
	}
	.hide-mobile {
		display: none;
	}
}