:root{color-scheme:light dark;--bg:#fff;--fg:#1b1b1f;--mute:#5c5c66;--line:#d9d9e0;--acc:#1a56db}
@media (prefers-color-scheme:dark){:root{--bg:#121216;--fg:#ececf1;--mute:#a0a0ab;--line:#33333c;--acc:#7aa2ff}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.8 system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif}
main{max-width:46rem;margin:0 auto;padding:2.5rem 16px 4rem}
h1{font-size:1.6rem;line-height:1.4}h2{font-size:1.15rem;margin:0}
.lead{color:var(--mute)}
ul.kits{list-style:none;padding:0;margin:2rem 0}
ul.kits li{border:1px solid var(--line);border-radius:8px;padding:1.1rem 1.2rem;margin:0 0 1rem}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;align-items:baseline}
.price{font-variant-numeric:tabular-nums;color:var(--mute)}
.for{color:var(--mute);font-size:.9rem;margin:.4rem 0}
a.btn{display:inline-block;margin-top:.6rem;padding:.45rem 1rem;border:1px solid var(--acc);border-radius:6px;color:var(--acc);text-decoration:none}
.soon{display:inline-block;margin-top:.6rem;color:var(--mute);font-size:.9rem}
.notes{color:var(--mute);font-size:.9rem}
.invoice{border:1px solid var(--line);border-radius:8px;padding:1rem 1.2rem;margin:0 0 1.5rem}.invoice p{margin:.5rem 0 0}
table.tok{border-collapse:collapse;width:100%;margin:1.5rem 0}table.tok th,table.tok td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left;vertical-align:top}table.tok th{width:30%;font-weight:600;color:var(--mute)}
a{color:var(--acc)}