*{box-sizing:border-box}:root{--bg:#111;--fg:#ccc;--hi:#eee;--dim:#aaa;--line:#333;--panel:#1a1a1a;--input:#090909;--border:#666;--link:#8eb2ff;--star:#ffd56a;--size:17px;--leading:1.6;--tracking:0em;--barh:160px}body.light{--bg:#fff;--fg:#222;--hi:#000;--dim:#555;--line:#ccc;--panel:#eee;--input:#fff;--border:#888;--link:#00c;--star:#795600}html{scroll-padding-top:var(--barh)}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.4 Times,"Times New Roman",serif}a{color:var(--link)}a:hover{color:var(--hi)}.wrap{max-width:1080px;margin:auto;padding:0 14px}.top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:12px}.top h1{font-size:22px;margin:0}.top h1 a{text-decoration:none}.top span{color:var(--dim)}.small{font-size:13px;color:var(--dim)}.intro p{margin:8px 0}.bar{position:sticky;top:0;z-index:10;background:var(--bg);border-block:1px solid var(--line)}.bar>.wrap{padding-block:8px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row+.row{margin-top:7px}input,select,textarea,button,.file-button{font:16px Times,"Times New Roman",serif;color:var(--fg);background:var(--input);border:1px solid var(--border);padding:6px 8px;border-radius:0;max-width:100%;min-width:0}button,.file-button{cursor:pointer;background:var(--panel)}button:hover{border-color:var(--link)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--link);outline-offset:3px}#search{flex:1 1 170px}#jump{flex:1 1 180px}#count{font-size:14px;color:var(--dim)}details{margin-top:8px}summary{cursor:pointer;font-size:15px;color:var(--link)}.checks{display:flex;gap:10px 18px;flex-wrap:wrap;margin:10px 0;font-size:14px}.checks label{display:flex;align-items:center;gap:5px}.checks input{accent-color:var(--link)}.feature-select{font-size:14px}.edit-grid{display:grid;gap:10px;margin:10px 0}.edit-grid label{display:flex;flex-direction:column;font-size:13px;color:var(--dim);gap:4px}textarea{resize:vertical}.ranges label{font-size:13px;display:flex;align-items:center;gap:4px}.ranges input{width:110px;accent-color:var(--link)}.ranges output{min-width:40px}.spec{border-bottom:1px solid var(--line);padding:26px 0;content-visibility:auto;contain-intrinsic-size:auto 800px}.spec[hidden]{display:none}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;font:14px/1.5 Times,"Times New Roman",serif;margin-bottom:10px}.fname{font-size:18px;font-weight:bold;color:var(--hi)}.num{color:var(--dim)}.badge{font-size:12px;color:var(--dim);border:1px solid var(--line);padding:1px 5px}.rating{display:flex;gap:2px;align-items:center;margin-left:auto}.rating button{font-family:Arial,sans-serif;font-size:25px;color:var(--dim);border:0;background:transparent;padding:4px;min-height:40px;min-width:36px}.rating button[aria-pressed=true]{color:var(--star)}.rating button.clear{font:13px Times,serif;min-width:auto;text-decoration:underline;color:var(--link)}.rating-text{font-size:13px;min-width:48px}.loaded{font-size:12px;color:var(--dim)}.loaded.error{color:#ef9898}.grid{display:grid;gap:15px}.specimen{font-size:var(--size);line-height:var(--leading);letter-spacing:var(--tracking);font-synthesis:none}.specimen h1,.specimen h2,.specimen h3{color:var(--hi);line-height:1.15;margin:0 0 8px}.specimen h1{font-size:40px;font-weight:700}.specimen h2{font-size:27px;font-weight:600}.specimen h3{font-size:20px;font-weight:600}.specimen p{margin:0 0 12px}.specimen .cap{font-size:13px;color:var(--dim)}.specimen ul{padding-left:22px;margin:0 0 14px}.specimen blockquote{border-left:3px solid var(--line);margin:0 0 15px;padding-left:14px}.specimen blockquote footer{font-size:13px;color:var(--dim)}.test-line{overflow-wrap:anywhere;border-block:1px dotted var(--line);padding-block:8px}.weight-samples{display:flex;gap:20px;margin-top:10px;font-size:22px}.weight-samples small{display:block;font:12px Times,serif;color:var(--dim)}[contenteditable]{outline:none;cursor:text}[contenteditable]:hover{background:#7aa7ff0d}[contenteditable]:focus{outline:1px solid var(--link);background:#7aa7ff15}.font-controls{background:var(--panel);border:1px solid var(--line);padding:10px;font:14px/1.5 Times,"Times New Roman",serif}.font-controls summary{color:var(--link)}.axis{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0}.axis label{flex:1 1 180px}.axis input[type=range]{flex:2 1 180px;accent-color:var(--link)}.axis input[type=number]{width:90px;font-size:14px}.axis .range-hint{font-size:12px;color:var(--dim)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px}.feature-grid label{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px dotted var(--line);padding:6px 0;font-size:13px}.feature-grid select{font-size:13px;width:77px}.tag{font-family:monospace;font-size:12px;color:var(--dim)}.feature-help{font-size:13px;color:var(--dim);margin:8px 0}.empty{padding:35px 0}.bot{padding-block:20px;font-size:14px}.file-button input{width:180px;font-size:13px;border:0;padding:0;background:transparent;margin-left:8px}#notice{color:var(--link)}@media(min-width:760px){body{font-size:15px}.edit-grid{grid-template-columns:1fr 2fr}.grid{grid-template-columns:3fr 2fr;gap:32px}.specimen h1{font-size:58px}.specimen h2{font-size:33px}.specimen h3{font-size:23px}}@media(max-width:600px){.bar{position:static}.bar details{max-height:none}.top{flex-wrap:wrap}.rating{margin-left:0;width:100%}.row select{flex:1 1 125px}.font-controls .row select{flex:0 1 auto}.spec{contain-intrinsic-size:auto 1100px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:601px){.bar{max-height:60vh;overflow-y:auto}}