.nd-page{--nd-rust:#b8542e;--nd-sand:#e7c27d;--nd-sky:#4aa4c8}.nd-hero figure{min-width:min(100%,420px)}.nd-hero figure>img{width:100%;height:auto;aspect-ratio:460/215;object-fit:cover;border:4px solid #2b2b27;border-radius:16px}.nd-snapshot,.nd-limit{padding:1rem;border-left:4px solid var(--nd-rust);background:color-mix(in srgb,var(--nd-sand) 18%,var(--surface));margin:1rem 0}.nd-controls{position:sticky;top:.5rem;z-index:2}.nd-grid{align-items:start}.nd-item{border-top:4px solid var(--nd-rust);min-height:155px}.nd-item h2{font-size:1.2rem}.nd-source-name{color:var(--muted);overflow-wrap:anywhere}.nd-effect-list{display:flex;flex-wrap:wrap;gap:.4rem}.nd-effect-list span,.nd-inline-list li{padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.nd-warning{color:#9a3325;font-weight:700}.nd-planner{display:grid;gap:1rem}.nd-totals{grid-template-columns:repeat(4,minmax(0,1fr))}.nd-food-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.nd-food{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.nd-food h2{font-size:1.1rem;margin:.1rem 0}.nd-food label,.nd-crop label{display:grid;gap:.25rem;font-weight:700}.nd-food input,.nd-crop input{width:78px;min-height:44px;padding:.5rem}.nd-actions{display:flex;justify-content:flex-end}.nd-actions button{min-height:44px}.nd-crop{border-top:4px solid var(--nd-sky)}.nd-crop details{margin-bottom:1rem}.nd-crop ol{padding-left:1.2rem}.nd-checks{padding:1rem 1.2rem;border:2px solid var(--line);border-radius:16px;background:var(--surface)}.nd-checks li{margin:.75rem 0}.nd-checks input{width:1.2rem;height:1.2rem;vertical-align:middle}.nd-inline-list,.nd-part-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}.nd-part-list li{flex:1 1 240px;padding:.75rem;border:1px solid var(--line);border-radius:10px}.nd-part-list small{display:block;color:var(--muted);overflow-wrap:anywhere}@media(max-width:760px){.nd-controls{position:static}.nd-totals{grid-template-columns:1fr 1fr}.nd-hero figure{min-width:0}}@media(max-width:480px){.nd-food{align-items:flex-start}.nd-totals{grid-template-columns:1fr}.nd-inline-list,.nd-part-list{display:grid}.nd-part-list li{min-width:0}}
