:root{--ink:#1f2933;--muted:#5b6770;--bg:#f6f4ee;--card:#ffffff;--accent:#1f5f7a;--accent-d:#164759;--line:#d9d5c8}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:1.05rem}

header .inner,main,footer{max-width:50rem;margin:0 auto;padding-left:1rem;padding-right:1rem}
header{background:#fff;border-bottom:4px solid var(--accent);padding:.8rem 0}
header .inner{padding:0 1rem}
a{color:var(--accent)}
a:hover{color:var(--accent-d)}
header .logo{display:block;width:100%;max-width:26rem;height:auto}
nav{background:var(--accent);}
nav ul{list-style:none;margin:0 auto;padding:0 1rem;max-width:50rem;display:flex;flex-wrap:wrap}
nav a{display:block;padding:.7rem 1rem;color:#fff;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:.95rem}
nav a:hover,nav a[aria-current]{background:var(--accent-d)}
main{padding-top:1.5rem;padding-bottom:2rem}
h2{font-weight:normal;color:var(--accent-d);border-bottom:1px solid var(--line);padding-bottom:.25rem;margin-top:2rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1.2rem 1.4rem;margin:1rem 0}
ul{padding-left:1.3rem}
label{display:block;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:bold;margin:1rem 0 .25rem}
input[type=text],input[type=email],textarea{width:100%;padding:.6rem;border:1px solid #b9b5a8;border-radius:4px;font:inherit;background:#fff}
input[readonly]{background:#eeece4;color:var(--muted)}
textarea{min-height:11rem;resize:vertical}
button{margin-top:1.2rem;background:var(--accent);color:#fff;border:0;border-radius:4px;padding:.7rem 1.6rem;font:bold 1rem Arial,Helvetica,sans-serif;cursor:pointer}
button:hover{background:var(--accent-d)}
.note{color:var(--muted);font-size:.9rem}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
footer{color:var(--muted);font-size:.85rem;padding-bottom:2rem}
.notice{border-left:5px solid var(--accent);background:#eef5f8;margin-top:0}
h3{margin:1.6rem 0 .3rem;color:var(--accent-d);font-weight:normal;font-size:1.15rem}
.roll{border-collapse:collapse;width:100%;background:var(--card);border:1px solid var(--line)}
.roll td{padding:.35rem .8rem;border-bottom:1px solid var(--line)}
.roll tr:last-child td{border-bottom:0}
.roll .num{width:5rem;font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;color:var(--muted)}
