html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:system-ui;background:#f6f8f4;color:#183127;margin:0;line-height:1.55}
main{max-width:820px;margin:auto;padding:24px}h1{font-size:3rem;margin-top:60px}h2{font-size:2rem}
section,details,.card{background:#fff;border:1px solid #d7dfd9;border-radius:18px;padding:20px;margin:20px 0}
label{display:block;font-weight:800;margin-top:14px}
input,select{width:100%;box-sizing:border-box;padding:13px;margin:5px 0;border:1px solid #d7dfd9;border-radius:10px;font:inherit}
button{width:100%;padding:14px;margin-top:18px;background:#315f49;color:#fff;border:0;border-radius:11px;font-weight:800;font-size:1rem}
.good{background:#edf7ee}.warn{background:#fff5da}.danger{background:#fde8e8}
.notice{padding:14px;border-radius:12px;margin:12px 0}.big{font-size:1.35rem;font-weight:900}.muted{color:#617067}
summary{font-weight:900;cursor:pointer}.balance{display:grid;gap:12px}.balance>div{background:#fff;border:1px solid #d7dfd9;border-radius:14px;padding:14px}
.tag{display:inline-block;border-radius:999px;padding:4px 10px;background:#edf7ee;font-weight:800}.line{border-top:1px solid #777;margin:14px 0}
.actionline{font-size:1.2rem;font-weight:900}.step{padding:12px 0}
@media print{#entry,#calcproduct,#spoon,button{display:none}body{background:#fff}}

#finalsummary .card{border-width:2px}#finalsummary .big{text-transform:uppercase}

#fertilizerCard,#productresult,#finalsummary{scroll-margin-top:12px}#nextguide{margin:12px 0 16px}

#camgInputCard{scroll-margin-top:12px}
.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#fff;font-weight:800}
.regional{border-left:6px solid #8b6b19}

#camgaction{scroll-margin-top:12px}

.camg-inline{margin-top:18px;padding-top:8px}
.camg-inline hr{border:0;border-top:1px solid #cad4cd;margin:18px 0}

#sulfurInputCard,#sulfuraction{scroll-margin-top:12px}
#sulfuraction hr{border:0;border-top:1px solid #cad4cd;margin:18px 0}

#boronInputCard,#boronaction{scroll-margin-top:12px}
#boronaction hr{border:0;border-top:1px solid #cad4cd;margin:18px 0}

#dtpaInputCard,#dtpaaction{scroll-margin-top:12px}
#dtpaaction .card{margin-top:16px}

#saltInputCard,#saltaction{scroll-margin-top:12px}
#saltaction .card{margin-top:16px}

#textureOmInputCard,#textureomaction{scroll-margin-top:12px}
#textureomaction .card{margin-top:16px}

#cecEspInputCard,#cecespaction{scroll-margin-top:12px}#cecespaction .card{margin-top:16px}

#irrigationWaterInputCard,#irrigationwateraction{scroll-margin-top:12px}
#irrigationwateraction .card{margin-top:16px}

#irrigationIonInputCard,#irrigationionaction{scroll-margin-top:12px}
#irrigationionaction .card{margin-top:16px}

#irrigationCaMgRscInputCard,#irrigationcamgrscaction{scroll-margin-top:12px}
#irrigationcamgrscaction .card{margin-top:16px}

#irrigationPhAlkalinityInputCard,#irrigationphalkalinityaction{scroll-margin-top:12px}
#irrigationphalkalinityaction .card{margin-top:16px}

#irrigationHardnessScaleInputCard,#irrigationhardnessscaleaction{scroll-margin-top:12px}
#irrigationhardnessscaleaction .card{margin-top:16px}

#irrigationCadmiumInputCard,#irrigationcadmiumaction{scroll-margin-top:12px}
#irrigationcadmiumaction .card{margin-top:16px}

#irrigationLeadInputCard,#irrigationleadaction{scroll-margin-top:16px;}

#irrigationChromiumInputCard,#irrigationchromiumaction{scroll-margin-top:16px;}

#irrigationNickelInputCard,#irrigationnickelaction{scroll-margin-top:16px;}

#irrigationCobaltInputCard,#irrigationcobaltaction{scroll-margin-top:16px;}

#irrigationFluorideInputCard,#irrigationfluorideaction{scroll-margin-top:16px;}

#irrigationLithiumInputCard,#irrigationlithiumaction{scroll-margin-top:16px;}

#irrigationVanadiumInputCard,#irrigationvanadiumaction{scroll-margin-top:16px;}

#irrigationBerylliumInputCard,#irrigationberylliumaction{scroll-margin-top:16px;}

#irrigationAluminumInputCard,#irrigationaluminumaction{scroll-margin-top:16px;}

#irrigationCopperInputCard,#irrigationcopperaction{scroll-margin-top:16px;}

.te-compact-details{padding:14px;margin:14px 0}
.te-compact-details summary{font-size:1.05rem}
.te-optional-results{padding:14px;margin:14px 0}
.te-optional-results>.te-group-body{padding-top:4px}
.te-result-picker{padding:12px 14px;margin:10px 0;border-radius:14px;background:#fafcfb}
.te-result-picker>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.te-result-picker>summary>span:first-child{font-size:1.05rem;line-height:1.3}
.te-result-picker>summary .te-count{flex:0 0 auto;margin-top:2px;font-size:.86rem;font-weight:700;color:#617067}
.te-result-picker>.card{margin:12px 0 0;border:0;border-top:1px solid #d7dfd9;border-radius:0;padding:14px 0 0}
.te-method-note{margin:2px 0 8px;color:#617067;font-size:.88rem}
.te-record-tools{border-width:2px}
.te-record-tools>p{margin-top:.4rem}
.te-secondary-button{background:#fff;color:#315f49;border:1px solid #9fb4a8}
.te-secondary-button:disabled{opacity:.55;cursor:not-allowed}
.te-record-message{margin-top:10px;color:#315f49;font-weight:750}
.te-saved-records{padding:12px 14px;margin:16px 0 0;background:#fafcfb}
.te-saved-records summary{display:flex;justify-content:space-between;gap:12px}
.te-record-row{padding:12px 0;border-top:1px solid #d7dfd9}
.te-record-row:first-child{border-top:0}
.te-record-row-title{font-weight:850}
.te-record-row-meta{color:#617067;font-size:.9rem}
.te-record-row-actions{display:flex;gap:8px;margin-top:8px}
.te-record-row-actions button{width:auto;flex:1;margin:0;padding:10px;font-size:.92rem}
.te-record-delete{background:#fff;color:#7b2d2d;border:1px solid #d8bcbc}
.te-comparison-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.94rem}
.te-comparison-table th,.te-comparison-table td{padding:9px 6px;text-align:left;border-bottom:1px solid #d7dfd9;vertical-align:top}
.te-comparison-table th{font-size:.85rem;color:#526159}
.te-change-up,.te-change-down{font-weight:850}
.te-comparison-note{margin-top:10px;padding:10px;border-radius:10px;background:#f4f7f4;color:#526159}
.te-record-backup{margin-top:18px;padding-top:16px;border-top:1px solid #d7dfd9}
.te-storage-warning{font-weight:500}
.te-storage-warning b{font-weight:850}
.te-change-label{display:block;font-size:.78rem;color:#617067;font-weight:700;white-space:nowrap}

@media (max-width:600px){
  body{font-size:16px;line-height:1.45}
  main{padding:12px}
  main>h1{font-size:2.15rem;line-height:1.05;margin:22px 0 10px}
  main>h2{font-size:1.35rem;line-height:1.2;margin:0 0 14px}
  section,details,.card{border-radius:14px;padding:14px;margin:14px 0}
  #entry{padding:14px}
  #entry>p{margin-top:0}
  .notice{padding:11px;margin:10px 0}
  .big{font-size:1.15rem;line-height:1.25}
  .te-section-title{font-size:1.2rem;line-height:1.25;margin-top:22px}
  .te-section-note,.muted{line-height:1.4}
  label{margin-top:12px;line-height:1.3}
  input,select{font-size:16px;padding:12px;min-height:48px}
  button{font-size:1rem;line-height:1.25;padding:13px}
  .te-compact-details{padding:12px;margin:14px 0}
  .te-compact-details .te-meta-grid{display:block}
  .te-optional-results{padding:12px}
  .te-result-picker{padding:12px;margin:9px 0}
  .te-result-picker>summary .te-count{font-size:.8rem}
  .te-record-row-actions{display:block}
  .te-record-row-actions button{width:100%;margin-top:8px}
  .te-comparison-table{font-size:.82rem}
  .te-comparison-table th,.te-comparison-table td{padding:8px 4px}
}