.scrollable,body,html{height:100%}h1,h2,p{font-weight:400}html{font-size:62.5%}body{margin:0;display:block;overflow:hidden;font-family:sans-serif}.hidden{visibility:hidden}section[role=region]{height:100%;background:#fff}section[role=region]>header.fixed:first-child{position:absolute;width:100%}.scrollable{overflow:scroll;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative}.scrollable.header{height:calc(100% - 5rem);top:5rem}.content{padding:1.5rem}[data-type=list],li,ol,ul{padding:0}section[role=region] .content header{margin:1.5rem -1.5rem}section[role=region] .content header:first-child{margin-top:-1.5rem}.content [data-type=list]{margin:-1.5rem}.center{text-align:center}[data-type=list] ul{padding:0 1.5rem;overflow:auto}section[role=region] .content [data-type=list] header{margin:0 1.5rem}[data-type=list] li p,[data-type=list] li p:first-of-type{padding-left:1.5rem}h1{font-size:2.5rem}h2{font-size:1.6rem}p{font-size:1.9rem;line-height:2.5rem}p.large{font-size:2.3rem;font-weight:300;line-height:3rem}p.alt{font-size:1.7rem;font-weight:500;line-height:2.2rem}p.small{font-size:1.5rem;line-height:2rem}p.mini{font-size:1.4rem;line-height:1.9rem}p.micro{font-size:1.3rem;line-height:1.8rem}li,ol,ul{list-style:none;margin:0;font-size:1.9rem;font-weight:400;line-height:2.5rem}.skin-dark{background:#000}.skin-organic{background:#f4f4f4}