*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#faf8f5;color:#2b2622;font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;overflow-wrap:anywhere}
main,header,footer{max-width:760px;margin:0 auto;padding:0 16px}
header.site{padding:12px 16px;border-bottom:1px solid #e6dfd6;background:#fff}header.site a{color:#7a4b2a;text-decoration:none;font-weight:600}
h1{font-size:1.5rem;line-height:1.5;margin:1.2rem 0 .6rem}h2{font-size:1.2rem;margin:2rem 0 .5rem;border-left:4px solid #c98b5a;padding-left:.6rem}h3{font-size:1.05rem;margin:1rem 0 .3rem}
p{margin:.6rem 0}a{color:#8a4a1c}.demo{background:#fff3cd;border:2px solid #e0b100;padding:.6rem .8rem;margin:.8rem 0;font-weight:700;border-radius:6px}
.ad,.thanks,.sel{margin:.5rem 0;padding:.5rem .8rem;border-radius:6px;font-size:.95rem}.ad{background:#efe9e1}.thanks{background:#e8f1e6;font-weight:700}.sel{background:#e9eef5}
blockquote{margin:1rem 0;padding:.8rem 1rem;background:#fff;border-left:4px solid #c98b5a;border-radius:4px}blockquote footer{padding:0;margin-top:.4rem;font-size:.9rem;color:#6b625a}
.thx-inline{display:inline-block;margin-left:.4rem;padding:0 .5rem;background:#e8f1e6;border-radius:10px;font-size:.85rem;font-weight:700}
aside.metrics{border:2px solid #c98b5a;border-radius:8px;background:#fff;padding:.6rem 1rem;margin:1rem 0}aside.metrics ul{margin:.3rem 0;padding-left:1.1rem}aside.metrics small{color:#6b625a;display:block}
aside.metrics .caveat{font-weight:700;margin:.4rem 0 0}.card{background:#fff;border:1px solid #e6dfd6;border-radius:8px;padding:.6rem 1rem;margin:.8rem 0}
.tags a,.tags span{display:inline-block;margin:.15rem .3rem .15rem 0;padding:0 .6rem;border:1px solid #d6c9b8;border-radius:12px;font-size:.85rem;text-decoration:none}
footer.page{margin-top:2.5rem;padding-top:1rem;padding-bottom:2rem;border-top:1px solid #e6dfd6;font-size:.88rem;color:#6b625a}
form label{display:block;margin:.6rem 0 .2rem;font-weight:600}input[type=text],textarea,select{width:100%;padding:.5rem;border:1px solid #bdb2a5;border-radius:4px;font:inherit}
textarea{min-height:7rem}button{padding:.6rem 1.2rem;font:inherit;border:0;border-radius:6px;background:#8a4a1c;color:#fff;cursor:pointer}button.sub{background:#6b625a}
.err{color:#a40000;font-weight:700}.note{color:#6b625a;font-size:.9rem}table{border-collapse:collapse;max-width:100%}td,th{border:1px solid #d6c9b8;padding:.3rem .5rem;text-align:left}