*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#222;background:#f6f8f8}
header{background:#1f4e4a;color:#fff;padding:.6rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:center}
header a{color:#fff;text-decoration:none}header .logo{font-weight:700;font-size:1.2rem;margin-right:auto}nav{display:flex;flex-wrap:wrap;gap:.3rem}nav a{padding:.3rem .5rem;border-radius:4px}nav a.on{background:#2f6f69}
main{max-width:960px;margin:0 auto;padding:1rem}.crumbs{font-size:.85rem;color:#555;margin:.2rem 0 .8rem}
.note{background:#fff7e0;padding:.6rem .8rem;border-left:4px solid #e0a800;font-size:.92rem}
.card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:.8rem 1rem;margin:.7rem 0}.card h2,.card h3{margin:0 0 .3rem}
.tool{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;align-items:end}
label{font-size:.85rem;font-weight:600;display:block}select,input{width:100%;padding:.4rem;font-size:1rem}
#res{margin-top:.7rem;font-size:1.05rem}.big{font-size:1.6rem;font-weight:700;color:#1f4e4a}
.tag{display:inline-block;font-size:.8rem;padding:.1rem .45rem;border-radius:3px;margin:0 .3rem .2rem 0;background:#e3eef0}
.meta{font-size:.85rem;color:#555}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff;font-size:.92rem}th,td{border:1px solid #ddd;padding:.4rem .5rem;text-align:left;vertical-align:top}th{background:#e6efee}
a{color:#16605a;overflow-wrap:anywhere}footer{text-align:center;font-size:.85rem;color:#666;padding:2rem 1rem}