body {
    margin:15pt;
/*    background-color: #eee;*/
    background:url(texture_paper_100x100.png);
    background-size:100px 100px;
    background-repeat:repeat;
    -webkit-text-size-adjust:100%; /* 防止 iOS 设备切换到横屏模式后字号变大。注意不要写成 -webkit-text-size-adjust:none; 虽然也能防止变大，但会带来副作用 */
    color: #111;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1.0);  /*适合于深色字的浮雕效果 */
}

h1 {
    margin-top:2em;
    color: #111; /* keep black when <h1> is embedded in <a> */
}

h3 {
    margin-top:1.5em;
    color: #111; /* keep black when <h3> is embedded in <a> */
}

p {
    margin-top:0.8em;
}

body, p, ol, ul, td {
	font-family: sans-serif;
}

ul {
    list-style-type: square;
}

div.content {
/*    padding:0pt 15pt 15pt 15pt;*/
/*    border: 1px solid #bbb;*/
/*    background-color: #fff;*/
}

a { /* orange. It's from https://www.sketchapp.com/docs/ */
    color: #f06e00;
    text-decoration-line: none;
}

img.logo {
    float:left;
    margin-top:0.3em;
    margin-right: 1em;
}

img.tool_palette {
	float:left;
	padding-right:1em;
	margin-top:-0.3em;
}

img.tool_header {
	float:left;
	padding-right:0.5em;
	margin-top:-2pt;
	margin-left:-2pt;
}

img.tool_inline {
	float:left;
	padding-right:0.5em;
}

img.color_inline {
	float:left;
	padding-right:0.5em;
    margin-top:0.25em;
}

img.undo_inline {
	float:left;
	padding-right:1.0em;
    margin-top:-0.2em;
}

div.example {
    text-align:center;
}

div.spacing {
    height:0.4em;
}

div.text-callout {
    background-color: #d097db1a;
    border-radius: 6px;
    box-shadow: 0 1px 2px #00000014,0 4px 8px #00000005;
    color: #212123;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    position: relative;
}

div.text-callout-with-tag {
    background-color: #d097db1a;
    border-radius: 6px;
    box-shadow: 0 1px 2px #00000014,0 4px 8px #00000005;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    position: relative;
}

kbd.key {
    background-color: #ffffffb3;
    box-shadow: inset 0 0 0 1px #0000001a, inset 0 -2px 0 #0000001a;
    color: #212123;
    font-family: inherit;
    font-weight: 500;
    margin: 0 .2em;
    min-width:1.625rem;
    border-radius: 6px;
    font-size: .875em;
    overflow-wrap: break-word;
    overflow-x: auto;
    padding:.2em .4em
}