*{box-sizing:border-box}body{font:16px/1.6 system-ui,sans-serif;margin:0;color:#1b2430;background:#fafbfc}
header,main,footer{max-width:960px;margin:auto;padding:1rem}header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
header a{color:#1b2430;text-decoration:none;margin-right:1rem}.logo{font-weight:800;font-size:1.3rem;color:#0a7d5a}
.hero{background:#e8f6f0;padding:2rem;border-radius:12px}.card{background:#fff;border:1px solid #dde3ea;border-radius:10px;padding:1rem;margin:1rem 0}
.wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff;font-size:.9rem}th,td{border:1px solid #dde3ea;padding:.5rem;vertical-align:top;text-align:left}th{background:#f0f3f6}
.unk{color:#a14b00;font-style:italic}.ph{background:#fff3cd;padding:0 .3rem;border-radius:4px;font-size:.85rem}sup a{text-decoration:none}
form input{padding:.6rem;width:min(320px,100%)}form button{padding:.6rem 1rem;background:#0a7d5a;color:#fff;border:0;border-radius:6px}.src{font-size:.85rem}footer{font-size:.85rem;color:#556}
.crumbs{font-size:.85rem;margin:.5rem 0}.summary{font-size:1.05rem;background:#fff;border-left:4px solid #0a7d5a;padding:.6rem .9rem}
.takeaway{border-left:4px solid #e0a800}.start{background:#e8f6f0;border:2px solid #0a7d5a}.start li{margin:.5rem 0}.gloss dt{font-weight:700;margin-top:.4rem}.gloss dd{margin:0 0 .3rem 0}.steps li{margin:.35rem 0}
