.prc-wrap{
  --bg:#fff;
  --muted:#6b7280;
  --ring:#e5e7eb;
  --ink:#111827;
  --ink-2:#374151;
  --accent:#D4AF37;
  --accent-2:#8f7a26;
  margin:1rem auto;
  padding:1rem;
  background:var(--bg);
  border:1px solid var(--ring);
  border-radius:0;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  font-family:var(--prc-font-family, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}
.prc-title{margin:0 0 .75rem 0;font-size:1.4rem;color:var(--ink)}
.prc-grid{display:grid;gap:1rem}
.prc-fieldset{border:1px solid var(--ring);border-radius:0;padding:1rem}
.prc-fieldset legend{font-weight:600;color:var(--ink);padding:0 .25rem}
.prc-sub{display:inline-block;margin-left:.5ch;font-weight:400;color:var(--muted);font-size:.9rem}
.prc-choice-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.prc-chip{border:1px solid var(--ring);background:#f9fafb;border-radius:0;padding:.4rem .7rem;cursor:pointer;font:inherit}
.prc-chip.is-active,.prc-chip:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 25%, transparent)}
.prc-other label{display:flex;gap:.5rem;align-items:center;font-size:.95rem;color:var(--ink-2)}
.prc-other input{width:9ch;border:1px solid var(--ring);border-radius:0;padding:.35rem .45rem}
.prc-help,.prc-secondary{margin:.4rem 0 0 0;color:var(--muted);font-size:.9rem}
.prc-unit-toggle{display:flex;gap:1rem;margin:.5rem 0;color:var(--ink-2)}

/* Conclusion */
.prc-conclusion{border:1px solid var(--ring);border-radius:0;padding:1rem;background:#f9fafb}
.prc-conclusion h3{margin:.2rem 0 .6rem 0}
.prc-conclusion-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.prc-result-label{color:var(--muted);font-size:.9rem}
.prc-result-value{font-weight:700;color:var(--ink)}

/* Results (Technical Details) */
.prc-results h3{margin:.2rem 0 .6rem 0}
.prc-result-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.prc-note{margin:.3rem 0 0 0;color:var(--muted);font-size:.85rem}

/* Syringe sliding-scale */
.prc-syringe{border:1px solid var(--ring);border-radius:0;padding:1rem}
.prc-syringe h3{margin:.2rem 0 .6rem 0}
.prc-syringe-scale{display:flex;flex-direction:column;gap:.35rem}
.prc-syringe-track{
  position:relative;
  height:28px;
  border-radius:0;
  background:#f3f4f6;
  box-shadow: inset 0 0 0 1px var(--ring);
  overflow:hidden;
}
.prc-syringe-fill{
  position:absolute; left:0; top:0; bottom:0; width:0%;
  background:linear-gradient(to right, color-mix(in oklab, var(--accent) 85%, white), var(--accent));
  transition:width .25s ease;
}
.prc-syringe-marker{
  position:absolute; top:0; transform:translateX(-50%);
  height:100%; width:0;
}
.prc-syringe-marker .prc-syringe-value{
  position:absolute; top:-1.75rem; left:50%; transform:translateX(-50%);
  background:#111827; color:white; font-size:.75rem; line-height:1;
  padding:.25rem .35rem; border-radius:0; white-space:nowrap;
}
.prc-syringe-marker::after{
  content:""; position:absolute; top:-6px; left:50%; transform:translateX(-50%);
  border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #111827;
}

/* Ticks */
.prc-syringe-ticks{position:absolute; left:0; right:0; bottom:0; top:0}
.prc-tick{
  position:absolute; bottom:0; width:1px; background:#9ca3af;
  transform:translateX(-0.5px);
}
.prc-tick.minor{height:6px; opacity:.5}
.prc-tick.mid{height:12px; opacity:.9}
.prc-tick.major{height:18px; background:#6b7280; opacity:1}

/* Labels */
.prc-syringe-labels{position:relative; height:16px; font-size:.75rem; color:#6b7280}
.prc-tick-label{position:absolute; top:0; transform:translateX(-50%);}

.prc-syringe-note{margin:.4rem 0 0 0; color:var(--muted); font-size:.85rem}
.prc-syringe-overflow{margin:.4rem 0 0 0; color:#b45309; background:#fffbeb; border:1px solid #f59e0b; padding:.5rem .6rem; border-radius:0}

/* Technical details toggle */
.prc-tech{border:1px dashed var(--ring);border-radius:0;padding:1rem}
.prc-tech-toggle{
  border:1px solid var(--ring); background:#fff; border-radius:0; padding:.45rem .7rem; cursor:pointer;
}
.prc-tech-toggle:hover{border-color: var(--accent); color: var(--accent-2);}
.prc-tech-panel{margin-top:.75rem}
.prc-disclaimer{border-top:1px solid var(--ring);padding-top:.75rem;margin-top:.25rem;color:var(--muted);font-size:.9rem}

/* Share */
.prc-share{display:flex;align-items:center;gap:.75rem}
.prc-share-btn{border:1px solid var(--ring);background:#f9fafb;border-radius:0;padding:.45rem .7rem;cursor:pointer}
.prc-share-btn:hover{border-color: var(--accent); color: var(--accent-2);}
.prc-share-status{font-size:.85rem;color:var(--muted)}

/* --- Overrides: button styles --- */
.prc-chip {
  padding: 0.55rem 1.05rem;           /* more padding */
}

.prc-chip:hover {
  border-color: var(--accent);
  background: #f3f0e3;
}

.prc-chip.is-active,
.prc-chip:focus {
  outline: none;
  border-color: var(--accent);
  background: var(--accent);
  color: #ffffff;
  box-shadow: 0 0 0 1px var(--accent);
}
/* --- Overrides: "Other" inputs on their own line --- */
.prc-choice-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.5rem;
}

.prc-other {
  flex-basis: 100%;
  margin-top: 0.35rem;
}

.prc-other label {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.95rem;
  color: var(--ink-2);
}

.prc-other input {
  width: 14ch;
  border-radius: 0;
  padding: 0.4rem 0.5rem;
  font-size: 1rem;
}
/* --- Overrides: bottom buttons --- */
.prc-tech-toggle,
.prc-share-btn {
  padding: 0.6rem 1.05rem;
  border-radius: 0;
  font: inherit;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.prc-tech-toggle:hover,
.prc-tech-toggle:focus,
.prc-share-btn:hover,
.prc-share-btn:focus {
  border-color: var(--accent);
  background: var(--accent);
  color: #ffffff;
}
/* --- Optional: beef up legend headings --- */
.prc-fieldset legend {
  font-weight: 700;
  font-size: 1.1rem;
}