.hero-title { font-family: var(--font-display); font-weight: 400; letter-spacing: 0.01em; }
h2, h3 { font-family: var(--font-display); font-weight: 400; letter-spacing: 0.01em; }
.mono { font-family: var(--font-mono); }
.soft { color: var(--ink-2); }
.head-row { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s3); flex-wrap: wrap; margin-bottom: var(--s3); }
.site-header nav { display: flex; gap: var(--s4); }

.orders { display: grid; gap: var(--s2); }
.order { display: grid; grid-template-columns: minmax(0, 1fr) 5rem; grid-template-rows: auto auto; column-gap: var(--s3);
  align-items: center; padding: var(--s1) 0 var(--s2); border-bottom: 1px dashed var(--line); }
.order-name { font-weight: 700; }
.order-meta { grid-row: 2; color: var(--ink-2); font-size: var(--step--1); }
.order-count { grid-row: 1 / span 2; grid-column: 2; text-align: right; font-family: var(--font-mono); font-size: var(--step-1); padding-block: var(--s1); }
.orders .order:last-child { border-bottom: 0; }
@media (max-width: 560px) { .site-header nav { display: none; } }
.when { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s3); margin-top: var(--s4); }

.answer-panel .big { font-family: var(--font-display); font-weight: 400; }
.glance { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3); margin: var(--s3) 0 var(--s4); width: 100%; }
.glance div { border-top: 2px solid currentColor; padding-top: var(--s2); }
.glance dt { font-size: var(--step--1); opacity: 0.85; }
.glance dd { margin: 0; font-size: var(--step-1); }

.plan h2 { font-size: var(--step-1); margin: var(--s5) 0 var(--s3); }
.plan-grid { display: grid; gap: var(--s5); }
@media (min-width: 900px) { .plan-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.mix { margin-bottom: var(--s4); }
.mix h3 { font-size: var(--step-0); margin: 0 0 var(--s1); }
.sheet-table { width: 100%; border-collapse: collapse; }
.sheet-table th, .sheet-table td { border-bottom: 1px solid var(--line); padding: var(--s2) var(--s2); text-align: left; vertical-align: top; }
.sheet-table th { font-size: var(--step--1); color: var(--ink-2); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; }
.sheet-table td { font-variant-numeric: tabular-nums; }
.mix .sheet-table td:last-child, .mix .sheet-table th:last-child, #feed .sheet-table td:last-child, #feed .sheet-table th:last-child { text-align: right; white-space: nowrap; }
#loads .sheet-table td:nth-child(-n+2) { white-space: nowrap; }
.daysheet .sheet-table td:first-child { width: 1%; white-space: nowrap; }

.setup-grid { display: grid; gap: var(--s4); margin: var(--s3) 0 var(--s4); }
@media (min-width: 760px) { .setup-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .setup-grid.product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.setup-card { display: grid; gap: var(--s3); align-content: start; }
.setup-card .field > span { font-size: var(--step--1); color: var(--ink-2); }
.items { display: grid; gap: var(--s2); }
.item { display: grid; grid-template-columns: minmax(0, 1fr) 3.8rem 5.4rem 2.2rem; gap: var(--s2); align-items: center; }
.item .pct { text-align: right; font-family: var(--font-mono); }
.del { font-size: 1.3rem; }
#setup > .container > h2 { margin-top: var(--s6); }
#setup > .container > h2:first-child { margin-top: 0; }
.narrow-col { max-width: 46rem; }

.daysheet { display: none; }
@media print {
  body > *:not(main), .skip-link, main > section:not(.daysheet) { display: none !important; }
  .daysheet { display: block; color: #000; background: #fff; font-size: 11pt; padding: 0; }
  .daysheet h2 { font-size: 18pt; margin: 0 0 8pt; }
  .daysheet h3 { font-size: 13pt; margin: 12pt 0 4pt; }
  .sheet-table th, .sheet-table td { border-bottom-color: #999; }
  .sheet-table th { font-size: 9pt; }
}
.when .input { min-width: 0; width: 100%; }
.flow > * { min-width: 0; }
.mix h3 { font-family: var(--font-body); font-weight: 700; font-size: var(--step-0); letter-spacing: 0; }
.plan-intro { margin: 0 0 var(--s2); }
.table-wrap { overflow-x: auto; }
.del, .icon-btn { min-width: 44px; min-height: 44px; }
@media (max-width: 560px) {
  .item { grid-template-columns: minmax(0, 1fr) 4.5rem 44px; grid-template-areas: "n n n" "p k d"; padding-bottom: var(--s2); border-bottom: 1px dashed var(--line); }
  .item > :nth-child(1) { grid-area: n; } .item > :nth-child(2) { grid-area: p; }
  .item > :nth-child(3) { grid-area: k; } .item > :nth-child(4) { grid-area: d; }
  .item { grid-template-columns: 5rem minmax(0, 1fr) 44px; grid-template-areas: "n n n" "p k d"; }
  .order { padding: 0 0 var(--s1); }
  .orders { gap: var(--s1); }
  .head-row { margin-bottom: var(--s1); }
}
.crumb { margin: 0 0 var(--s2); }
.crumb a, .case-links a { color: var(--brand-text, var(--id-brand-text)); }
.case-lead { max-width: 40rem; }
.worked { display: grid; gap: var(--s3); padding-left: 1.4rem; font-variant-numeric: tabular-nums; }
.faq h3 { font-family: var(--font-body); font-weight: 700; font-size: var(--step-0); letter-spacing: 0; margin: var(--s5) 0 var(--s1); }
.faq p { margin: 0; }
.case-links { display: grid; gap: var(--s2); padding-left: 1.2rem; }
@media (min-width: 760px) { #cases .case-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }