/* article page */
.body{max-width:700px;margin:0 auto;font-size:19px;line-height:1.75;color:#24242A}
.body p{margin:0 0 22px}
.body h2{font-family:'Gochi Hand',cursive;font-weight:400;font-size:40px;line-height:1.05;color:var(--blue);margin:52px 0 16px}
.body h3{font-size:22px;line-height:1.3;margin:36px 0 12px;color:#111111}
.body a{color:var(--blue);text-underline-offset:3px}
.body img{display:block;width:100%;height:auto;border-radius:20px;margin:28px 0}
.body ul,.body ol{padding-left:22px;margin:0 0 22px}
.body li{margin:6px 0}
.body blockquote{margin:36px 0;padding:0 0 0 26px;border-left:5px solid var(--blue);font-family:'Gochi Hand',cursive;font-size:32px;line-height:1.2;color:var(--blue)}
.body blockquote p{margin:0}
.body code{font-family:'Space Mono',monospace;font-size:.85em;background:#FFFFFF;border:1px solid #DADAD6;border-radius:6px;padding:1px 6px}
.body table{width:100%;border-collapse:collapse;font-size:16px;margin:0 0 22px;display:block;overflow-x:auto}
.body th,.body td{border-bottom:1px solid #DADAD6;padding:8px 10px;text-align:left}
.body a[href^="#src"]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--blue);color:#FFFFFF;font-family:'Space Mono',monospace;font-size:10px;text-decoration:none;vertical-align:super;margin-left:2px}
.nextcard{display:block;background:#FFFFFF;border:1.5px solid var(--blue);border-radius:24px;overflow:hidden;text-decoration:none;color:#111111;transition:transform .2s}
.nextcard:hover{transform:translateY(-4px) rotate(-1deg);color:#111111}
.inkheart{position:relative;display:block;background:none;border:0;padding:6px;cursor:pointer;border-radius:20px;margin:14px auto 0;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.inkheart:disabled{cursor:default}
.hwave{animation:hwave 2.2s linear infinite}
@keyframes hwave{from{transform:translateX(0)}to{transform:translateX(90px)}}
@keyframes beatA{0%{transform:scale(1)}35%{transform:scale(1.16) rotate(-4deg)}70%{transform:scale(.95)}100%{transform:scale(1)}}
@keyframes beatB{0%{transform:scale(1)}35%{transform:scale(1.16) rotate(4deg)}70%{transform:scale(.95)}100%{transform:scale(1)}}
.inkheart.ba{animation:beatA .4s ease-out}.inkheart.bb{animation:beatB .4s ease-out}
.plusone{position:absolute;left:50%;top:0;font-family:'Gochi Hand',cursive;font-size:24px;color:var(--blue);opacity:0;pointer-events:none}
@keyframes plusA{0%{opacity:0;transform:translate(10px,10px) scale(.6)}25%{opacity:1}100%{opacity:0;transform:translate(34px,-34px) scale(1.1)}}
@keyframes plusB{0%{opacity:0;transform:translate(10px,10px) scale(.6)}25%{opacity:1}100%{opacity:0;transform:translate(36px,-36px) scale(1.1)}}
.plusone.ba{animation:plusA .7s ease-out}.plusone.bb{animation:plusB .7s ease-out}