body{font-family:system-ui,Arial,sans-serif;margin:0;color:#1a1a1a;line-height:1.6;background:#fff}
.wrap{max-width:900px;margin:0 auto;padding:16px}
.nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-bottom:2px solid #0b6e4f;padding-bottom:10px}
.nav a{color:#0b6e4f;text-decoration:none;font-weight:600}
.nav b{font-size:20px}
h1{font-size:30px;line-height:1.2} h2{margin-top:28px}
.tool{border:1px solid #ccc;border-radius:10px;padding:16px;background:#f7faf8;margin:16px 0}
label{display:block;margin-top:12px;font-weight:600}
input,textarea,select{width:100%;padding:10px;margin-top:4px;border:1px solid #aaa;border-radius:6px;box-sizing:border-box;font-size:16px}
button{background:#0b6e4f;color:#fff;border:0;padding:12px 18px;border-radius:8px;font-size:16px;cursor:pointer;margin-top:14px}
button.secondary{background:#555}
.result{border:1px solid #0b6e4f;border-radius:8px;padding:14px;margin-top:14px;background:#fff;white-space:pre-wrap}
.notice{background:#fff3cd;border:1px solid #e6c87a;border-radius:8px;padding:12px;margin:14px 0}
.card{border:1px solid #ddd;border-radius:8px;padding:12px;margin:10px 0}
footer{border-top:1px solid #ddd;margin-top:32px;padding-top:12px;color:#555;font-size:14px}
@media(max-width:600px){h1{font-size:24px}.wrap{padding:12px}}