/* ============================================================
   millimeters.to converter plugin styles
   Eucalyptus/green accent on warm paper. No web fonts, no images.
   All classes prefixed .mmc- to avoid theme conflicts.
   ============================================================ */

:root{
  --mmc-ink:#14110f;
  --mmc-ink-soft:#6b6358;
  --mmc-ink-faint:#9a9387;
  --mmc-paper:#fbf9f4;
  --mmc-paper-card:#ffffff;
  --mmc-line:#e8e2d6;
  --mmc-line-strong:#d8d0bf;
  --mmc-accent:#059669;
  --mmc-accent-soft:#d1fae5;
  --mmc-accent-ink:#065f46;
  --mmc-flash:#a7f3d0;
  --mmc-success:#166534;
  --mmc-highlight:#fef3c7;
  --mmc-serif: ui-serif, Georgia, "Times New Roman", serif;
  --mmc-geo: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mmc-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --mmc-radius:12px;
  --mmc-radius-sm:8px;
}

.mmc-crumb{font-family:var(--mmc-mono);font-size:12px;letter-spacing:.02em;color:var(--mmc-ink-faint);margin:0 0 14px;text-transform:lowercase}
.mmc-crumb a{color:var(--mmc-ink-soft);text-decoration:none}
.mmc-crumb a:hover{color:var(--mmc-ink)}
.mmc-lede{font-family:var(--mmc-serif);font-size:18px;line-height:1.55;color:var(--mmc-ink-soft);margin-bottom:28px;max-width:56ch}

.mmc-calc{background:var(--mmc-paper-card);border:1px solid var(--mmc-line);border-radius:var(--mmc-radius);padding:26px;box-shadow:0 1px 0 rgba(20,17,15,.03),0 8px 24px -12px rgba(20,17,15,.08);margin-bottom:6px}
.mmc-calc-row{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:end}
.mmc-field label{display:block;font-family:var(--mmc-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mmc-ink-faint);margin-bottom:8px}
.mmc-field input{width:100%;font-family:var(--mmc-geo);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;padding:14px 16px;background:var(--mmc-paper);color:var(--mmc-ink);border:1.5px solid var(--mmc-line-strong);border-radius:var(--mmc-radius-sm);outline:none;transition:border-color .15s,box-shadow .15s,background .15s;letter-spacing:-.01em}
.mmc-field input:focus{border-color:var(--mmc-accent);box-shadow:0 0 0 4px var(--mmc-accent-soft);background:var(--mmc-paper-card)}

.mmc-field.mmc-result input{background:var(--mmc-accent-soft);border-color:var(--mmc-accent-soft);color:var(--mmc-accent-ink)}
.mmc-field.mmc-result input:focus{background:var(--mmc-paper-card);border-color:var(--mmc-accent);color:var(--mmc-ink)}
.mmc-field.mmc-result input.mmc-flash{animation:mmc-flash .25s ease-out}
@keyframes mmc-flash{0%{background:var(--mmc-accent-soft)}40%{background:var(--mmc-flash)}100%{background:var(--mmc-accent-soft)}}

.mmc-tag{display:inline-block;font-family:var(--mmc-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mmc-ink-soft);background:transparent;border:1px solid var(--mmc-line-strong);padding:3px 8px;border-radius:4px;margin-top:10px}
.mmc-field.mmc-result .mmc-tag{color:var(--mmc-accent-ink);border-color:var(--mmc-accent)}
.mmc-eq{font-family:var(--mmc-serif);font-size:32px;font-weight:400;color:var(--mmc-ink-faint);padding-bottom:12px;user-select:none}

.mmc-result-wrap{position:relative}
.mmc-field.mmc-result input{padding-right:48px}
.mmc-copy{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;color:var(--mmc-accent-ink);display:flex;align-items:center;justify-content:center;transition:all .15s}
.mmc-copy:hover{background:rgba(5,150,105,.1)}
.mmc-copy.mmc-copied{color:var(--mmc-success)}

.mmc-quick{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:18px;border-top:1px dashed var(--mmc-line)}
.mmc-quick-label{font-family:var(--mmc-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mmc-ink-faint);margin-right:6px}
.mmc-pill{font-family:var(--mmc-geo);background:transparent;border:1px solid var(--mmc-line-strong);border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--mmc-ink);cursor:pointer;transition:all .12s}
.mmc-pill:hover{border-color:var(--mmc-accent);color:var(--mmc-accent);background:var(--mmc-accent-soft)}
.mmc-pill:active{transform:scale(.94)}

.mmc-hint{margin-top:16px;padding:11px 14px;background:var(--mmc-highlight);border-left:3px solid #b45309;border-radius:4px;font-size:14px;color:#713f12}
.mmc-hint.mmc-hint-error{background:#fee2e2;border-left-color:#b91c1c;color:#7f1d1d}
.mmc-hint a{font-weight:600;color:var(--mmc-accent-ink)}

.mmc-compare{margin:28px 0 0;padding:22px 24px;background:var(--mmc-paper-card);border:1px solid var(--mmc-line);border-radius:var(--mmc-radius)}
.mmc-compare svg{width:100%;height:auto;display:block}
.mmc-cl{font-family:var(--mmc-mono);font-size:12px;font-weight:600;fill:var(--mmc-ink-soft);letter-spacing:.03em}
.mmc-compare figcaption{font-family:var(--mmc-serif);font-size:14px;font-style:italic;color:var(--mmc-ink-soft);margin-top:14px;text-align:center}

.mmc-formula{background:var(--mmc-accent-soft);border-left:3px solid var(--mmc-accent);padding:16px 20px;border-radius:4px;font-family:var(--mmc-mono);font-size:17px;font-weight:500;color:var(--mmc-accent-ink);margin:10px 0 18px}
.mmc-formula code{font-family:var(--mmc-mono);font-weight:600;background:transparent}

.mmc-table-wrap{border:1px solid var(--mmc-line);border-radius:var(--mmc-radius);overflow:hidden;background:var(--mmc-paper-card);margin:10px 0}
.mmc-table-wrap table{width:100%;border-collapse:collapse;font-size:15px}
.mmc-table-wrap th,.mmc-table-wrap td{padding:10px 18px;text-align:left;border-bottom:1px solid var(--mmc-line);font-variant-numeric:tabular-nums}
.mmc-table-wrap th{background:var(--mmc-paper);font-family:var(--mmc-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mmc-ink-soft)}
.mmc-table-wrap tr:last-child td{border-bottom:none}
.mmc-table-wrap tr:hover td{background:var(--mmc-paper)}

.mmc-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:14px}
.mmc-related a{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--mmc-paper-card);border:1px solid var(--mmc-line);border-radius:var(--mmc-radius-sm);font-size:14px;font-weight:500;color:var(--mmc-ink);text-decoration:none;transition:all .12s}
.mmc-related a:hover{border-color:var(--mmc-accent);background:var(--mmc-accent-soft);text-decoration:none}
.mmc-related a::after{content:"\2192";margin-left:auto;color:var(--mmc-ink-faint);transition:transform .15s}
.mmc-related a:hover::after{color:var(--mmc-accent);transform:translateX(2px)}

@media(max-width:560px){
  .mmc-calc{padding:20px}
  .mmc-calc-row{grid-template-columns:1fr;gap:14px}
  .mmc-eq{display:none}
  .mmc-field input{font-size:24px}
}