:root{color-scheme:light dark;--bg:#EEF1F2;--ink:#1D2B33;--sub:#5B6A72;--stamp:#1F6B73;--line:#C5CED2;--fill:#FFF3C4}
@media (prefers-color-scheme:dark){:root{--bg:#1D2B33;--ink:#EEF1F2;--sub:#B9C5CB;--stamp:#7CC3CB;--line:#3C4C55;--fill:#5C4A12}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.85 "Hiragino Sans","Yu Gothic",sans-serif}
.top{padding:16px 16px 0;max-width:46rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.site{margin:0;color:var(--sub);font-size:.85rem}
.pr-notice{margin:0;font-size:.8rem;color:var(--sub);background:color-mix(in srgb,var(--ink) 5%,transparent);padding:2px 8px;border-radius:3px}
main{max-width:46rem;margin:0 auto;padding:8px 16px 40px}
h1{font-size:1.5rem;line-height:1.5;margin:16px 0 24px}
h2{font-size:1.2rem;margin:48px 0 8px;padding-top:16px;border-top:2px solid var(--ink)}
h3{font-size:1rem;margin:24px 0 0}
p,ul{margin:8px 0}
ul{padding-left:1.4em}
li{margin:8px 0}
.lead{font-size:1.05rem}
.scroll{overflow-x:auto;margin:16px 0}
table{border-collapse:collapse;min-width:36rem;width:100%;font-size:.92rem;line-height:1.7}
caption{text-align:left;color:var(--sub);font-size:.85rem;padding-bottom:8px}
th,td{border-bottom:1px solid var(--line);padding:8px 12px 8px 0;text-align:left;vertical-align:top}
thead th{border-bottom:2px solid var(--ink);font-size:.85rem;color:var(--sub);white-space:nowrap}
tbody th{white-space:nowrap}
.stamp{display:inline-block;min-width:4.2em;padding:0 8px;border:2px solid var(--stamp);color:var(--stamp);font:700 .95rem/1.7 ui-monospace,Menlo,monospace;text-align:center}
.src{font-size:.82rem;color:var(--sub);word-break:break-all}
footer{max-width:46rem;margin:0 auto;padding:24px 16px 40px;color:var(--sub);font-size:.82rem;border-top:1px solid var(--line)}
footer p{margin:6px 0}
.footer-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:8px}
.footer-nav a{color:var(--sub);text-decoration:underline}
a{color:var(--stamp)}
.fill{background:var(--fill);color:var(--ink)}
@media (max-width:40rem){
.scroll{overflow:visible}
table{min-width:0}
thead{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
thead *{display:block}
table,caption,tbody,tr,th,td{display:block}
tbody tr{padding:12px 0 16px;border-bottom:1px solid var(--line)}
tbody th,th,td{border:0;padding:0;white-space:normal}
tbody th{margin-bottom:8px;font-size:1rem}
td{margin-top:8px;overflow-wrap:anywhere}
td::before{content:attr(data-label);display:block;color:var(--sub);font-size:.8rem;font-weight:700;line-height:1.6}
}
.type{margin:24px 0 0;padding:0 0 16px;border-bottom:1px solid var(--line)}
.type h3{display:flex;gap:12px;align-items:baseline;margin:0 0 4px}
.type dl{margin:8px 0 0}
.type dt{color:var(--sub);font-size:.8rem;font-weight:700;margin-top:8px}
.type dd{margin:0}
.ask{margin:8px 0 0;padding:12px 16px;border-left:4px solid var(--stamp);background:color-mix(in srgb,var(--ink) 5%,transparent);user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}
.hint{color:var(--sub);font-size:.85rem;margin:4px 0 0}
.nav{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;list-style:none;margin:16px 0}
.nav li{margin:0}
.nav a{display:inline-block;padding:8px 0}
a{overflow-wrap:anywhere}