/* 読みもののページ（プライバシー・サポート・規約など）。本文は読みやすさを最優先に、飾らない */
.doc-head{display:flex;align-items:center;justify-content:space-between;padding:20px 6vw}
.doc-head .logo svg{height:22px;width:auto;display:block}
/* 浮かぶ入手ボタン（上から 12px、高さ 52px）と、ロゴの高さの中心を揃える。狭い画面ではボタンは下に出る */
@media (min-width:821px){.doc-head{min-height:76px}}
.doc{max-width:720px;margin:0 auto;padding:6vh 24px 12vh;line-height:1.95;font-size:16px}
.doc h1{font-size:clamp(28px,4vw,40px);line-height:1.35;margin:0 0 8px}
.doc .meta{font-size:13px;color:var(--muted);margin:0 0 40px}
.doc .lead{font-size:18px;line-height:1.8;font-weight:600;margin:0 0 32px}
.doc h2{font-size:20px;line-height:1.5;margin:48px 0 12px}
.doc h3{font-size:16px;margin:28px 0 6px}
.doc p,.doc li{margin:0 0 12px}
.doc ul{padding-left:1.4em}
.doc a{color:inherit;text-underline-offset:3px}
.doc .tbd{color:var(--muted)}
.doc table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7;margin:8px 0 16px}
.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid #23262f18}
.doc th{font-weight:600;white-space:nowrap}
/* スマホでは表を 1 行 = 1 枚のカードに。見出し（だれが・送るもの…）は data-label から各項目の上に出す */
@media (max-width:620px){
 .doc table,.doc tbody,.doc tr,.doc td{display:block}
 .doc tr:first-child{display:none}
 .doc tr{background:#23262f0a;border-radius:14px;padding:14px 16px;margin:0 0 12px}
 .doc td{border:0;padding:0}
 .doc td:first-child{font-weight:600;font-size:15px}
 .doc td[data-label]{margin-top:10px}
 .doc td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-bottom:2px}
}
/* /about */
.doc .profile{margin:8px 0 28px}.doc .profile img{display:block;width:min(100%,320px);height:auto;mix-blend-mode:multiply} /* 線画の白地を紙の地に溶かす */
.doc .handle{margin-top:-6px;color:var(--muted)}
/* /download */
.doc .pair-fig{margin:24px 0 8px;max-width:440px}.doc .pair-fig svg{display:block;width:100%;height:auto;overflow:visible}
.doc .pair-fig figcaption{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:13px;font-weight:600;line-height:1.6;margin-top:6px}
.doc h2+.meta{margin-bottom:20px}
.dl-soon,.dl-ready{margin:0 0 32px}
.dl-soon p{background:#23262f0d;border-radius:14px;padding:16px 18px}
.dl-btn{display:inline-flex;flex-direction:column;padding:12px 26px;border-radius:28px;background:var(--ink);color:var(--paper)!important;text-decoration:none;font-weight:600;font-size:16px;line-height:1.35}
.dl-btn small{font-weight:400;font-size:12px;opacity:.75}
.doc .dl-meta{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;font-size:14px;margin:18px 0}
.doc .dl-meta dt{font-weight:600;margin:0}.doc .dl-meta dd{margin:0;overflow-wrap:anywhere}
.doc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#23262f0d;border-radius:6px;padding:1px 5px}
.doc pre{background:#23262f0d;border-radius:12px;padding:12px 14px;overflow-x:auto}.doc pre code{background:none;padding:0}
[hidden]{display:none!important}
.doc dl{margin:0}.doc dt{font-weight:600;margin-top:28px}.doc dd{margin:6px 0 0}