/* Typography only: original page widths, columns and spacing remain in the existing stylesheets. */
@media screen and (min-width:761px){
body{font:16px/1.5 Arial,Helvetica,sans-serif}
header{font-size:13px;letter-spacing:.08em}
.brand{font:bold 31px Georgia,serif}
.brand span{font:12px Arial,sans-serif;letter-spacing:.13em}
h1{font:normal 38px Georgia,serif}
h2{font:normal 23px Georgia,serif}
h3{font-size:18px}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:bold}
button{font:inherit;font-size:14px;line-height:1.4}
.classes button[aria-pressed=true]{font-weight:bold}
.classes span{font-weight:normal;font-size:12px}
.badge{font-size:13px}
#status{font-size:13px}
.legend{font-size:13px}
table{font-size:14px}
th{font-size:12px}
td{line-height:1.55}
strong{font-size:14px}
small{font-size:12px}
.readonly-check{font-size:19px;line-height:1.25}
input:not([type=checkbox]),textarea{font:14px/1.5 Arial,sans-serif}
.fieldlabel{font-size:12px}
summary{font-size:17px;font-weight:bold}
.counter{font-size:13px;font-family:Arial,sans-serif}
footer{font-size:12px;line-height:1.7}
dialog label{font-size:14px}
h1{font-size:31px}
.actions button{font-size:13px}
.private-login h1{font-size:30px}
h1{font-size:31px}
}