*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;color:#1b1b1b;background:#f7f7f5;line-height:1.55}
header,main,footer{max-width:720px;margin:0 auto;padding:1rem}
header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 0;border-bottom:1px solid #ddd;margin-bottom:.5rem}
header>a.brand{color:#1b1b1b;text-decoration:none;font-weight:700;margin-right:1rem}
nav{display:flex;flex-wrap:wrap;gap:.35rem .9rem}
nav a{color:#1d70b8;text-decoration:none;font-size:.95rem}
nav a:hover{text-decoration:underline}
h1{font-size:1.7rem;line-height:1.2}h2{font-size:1.25rem}.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1.2rem;margin:1rem 0}
label{display:block;font-weight:600;margin-bottom:.4rem}input,select{width:100%;font-size:1.1rem;padding:.6rem;border:2px solid #333;border-radius:6px}
button{margin-top:.8rem;font-size:1.1rem;padding:.6rem 1.2rem;background:#00703c;color:#fff;border:0;border-radius:6px;cursor:pointer;width:100%}
#result{margin-top:1rem;font-size:1.1rem}.note{background:#fff7d6;border-left:5px solid #ffdd00;padding:.8rem;margin:1rem 0}
table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #ddd;padding:.5rem;text-align:left;vertical-align:top}
footer{font-size:.9rem;color:#555;border-top:1px solid #ddd;margin-top:2rem}a{color:#1d70b8}
.breadcrumbs{font-size:.9rem;color:#555;margin:.5rem 0 1rem}.breadcrumbs a{color:#1d70b8}
pre.snippet{background:#111;color:#eee;padding:1rem;border-radius:8px;overflow:auto;font-size:.85rem;white-space:pre-wrap}
.embed-credit{font-size:.85rem;margin-top:.8rem;text-align:center}
.mini nav a{font-size:.85rem}