/* リセットと素の要素。クラスを持たない HTML がそのまま読めることを保つ。 */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15.5px;line-height:1.8;padding-inline:0;padding-block:0 84px}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.3;text-wrap:balance;margin:0;font-weight:700}
a{color:var(--brand-2);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}
button{font:inherit;cursor:pointer}
.wrap{max-width:1100px;margin:0 auto;padding-inline:16px}
.proto{background:var(--warn-soft);color:var(--warn);font-size:12px;text-align:center;padding:4px 16px}