/* Local module UI and guide; no other module styles. */
.button:hover {
  opacity: .85;
}

.faq-answer p:last-child,
.article-section>p:last-child,
.article-section>ol:last-child,
.article-section>ul:last-child {
  margin-bottom: 0;
}



.centered-heading .category-badge {
  margin-bottom: 16px;
}

.workspace {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 28px;
  margin: 0 auto 40px;
  background: var(--bg);
  max-width: 1000px;
  @media (max-width:640px) {
    padding: 18px;
    margin-bottom: 28px;
  }
}

.workspace label {
  display: block;
  font-weight: bold;
  margin-bottom: 7px;
}

.workspace input:not([type=checkbox]),
.workspace select {
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 11px 12px;
  background: var(--bg);
  width: 100%;
  min-height: 46px;
  min-width: 0;
}

.workspace textarea {
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 11px 12px;
  background: var(--bg);
  width: 100%;
  min-width: 0;
  resize: vertical;
  min-height: 230px;
  line-height: 1.6;
}

.workspace input::placeholder,
.workspace textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}

.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: var(--bg);
  border-radius: 5px;
  padding: 10px 20px;
  min-height: 44px;
  font-weight: bold;
  line-height: 1.3;
}

.button.secondary {
  background: transparent;
  color: var(--ink);
  border-color: var(--line);
}

.status {
  min-height: 1.6em;
  margin: 12px 0 0;
  font-size: 15px;
  color: var(--muted);
}

.metrics {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-bottom: 22px;
  @media (max-width:640px) {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }
}

.metric {
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 16px;
  border-radius: 6px;
  @media (max-width:640px) {
    padding: 12px;
  }
}

.metric strong {
  display: block;
  font-size: 28px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  overflow-wrap: anywhere;
  @media (max-width:640px) {
    font-size: 27px;
  }
}

.metric span,
.fine-print,
.legal-date {
  font-size: 14px;
  color: var(--muted);
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  @media (max-width:640px) {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.article {
  max-width: 780px;
  margin: 36px auto 0;
  font-size: 18px;
  line-height: 1.75;
  @media (max-width:640px) {
    font-size: 17px;
  }
}

.article h2 {
  margin-top: 34px;
  border-left: 2px solid var(--ink);
  padding-left: 16px;
  font-size: clamp(1.4rem,3vw,1.8rem);
  @media (max-width:640px) {
    font-size: 26px;
  }
}

.article h3 {
  margin-top: 26px;
}

.article a,
.text-link {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.article ul,
.article ol {
  padding-left: 24px;
}

.category-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--ink);
  border-radius: 99px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--bg);
}

.editorial-heading {
  max-width: 680px;
  margin: 0 auto;
  text-align: center;
  padding: 14px 0 0;
  @media (max-width:768px) {
    padding-top: 8px;
  }
}

.editorial-heading h1 {
  font-size: clamp(1.75rem,3.5vw,2.6rem);
  line-height: 1.25;
  margin: 0 0 12px;
  letter-spacing: -.025em;
}

.editorial-heading>p {
  max-width: 680px;
  margin: 0 auto 16px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.5;
}









.byline {
  font-size: 12px;
  color: var(--muted);
  margin: 0;
  line-height: 1.6;
}

.article .steps {
  list-style: none;
  counter-reset: steps;
  padding: 0;
  display: grid;
  gap: 12px;
  margin: 24px 0;
}

.steps>li {
  counter-increment: steps;
  position: relative;
  min-height: 70px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px 18px 18px 64px;
  background: var(--bg);
  font-size: 17px;
  line-height: 1.6;
  transition: border-color .15s;
  @media (prefers-reduced-motion:reduce) {
    transition: none;
  }
}

.steps>li::before {
  content: counter(steps,decimal-leading-zero);
  position: absolute;
  top: 18px;
  left: 16px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid var(--ink);
  border-radius: 50%;
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
}

.steps>li:hover {
  border-color: var(--ink);
}

.article .faq-item {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  scroll-margin-top: 72px;
}

.faq-item:first-of-type {
  border-top: 1px solid var(--line);
}

.article .faq-item summary {
  display: flex;
  align-items: center;
  gap: 18px;
  list-style: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.45;
  padding: 20px 2px;
  @media (max-width:768px) {
    font-size: 17px;
    gap: 12px;
  }
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item summary::marker {
  content: "";
}

.faq-item summary>span:first-child {
  flex: 1;
  min-width: 0;
}

.faq-chevron {
  margin-left: auto;
  flex: none;
  transition: transform .2s;
  width: 18px;
  height: 18px;
  @media (prefers-reduced-motion:reduce) {
    transition: none;
  }
}

.faq-item[open]:not([data-closing]) .faq-chevron {
  transform: rotate(180deg);
}

.faq-answer {
  padding: 0 32px 20px 2px;
  color: var(--muted);
}

.faq-answer p {
  margin: 0 0 12px;
}

.faq-item summary:focus-visible {
  outline-offset: -2px;
}

.article-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  margin: 32px 0;
  padding: 20px;
  @media (max-width:768px) {
    align-items: start;
    flex-direction: column;
  }
}

.article-cta p {
  margin: 0;
  flex: 1;
  min-width: 180px;
}

.article-cta .button {
  text-decoration: none;
}

.formula {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 6px;
  text-align: center;
  font-size: 20px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}











.article .steps>li {
  @media (max-width:768px) {
    padding-right: 14px;
    font-size: 16px;
  }
}

.faq-chevron:empty::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg);
  margin: 2px 4px;
}

.editorial-heading>.category-badge {
  margin-bottom: 8px;
}



























































.article-launch {
  max-width: 680px;
  text-align: center;
  margin: 0 auto 12px;
}

.article-launch .button {
  min-height: 0;
  padding: 8px 18px;
  line-height: 1.25;
  font-size: 14px;
}











































@media (max-width: 768px) {.feature-breakdown { grid-template-columns: minmax(0, 1fr); gap: 16px; }.feature-heading { margin-top: 24px; }.feature-section { padding: 20px; }}























.lmc-page { --lmc-bg: #fff; --lmc-soft: #f7f7f9; --lmc-soft-2: #f2f3f6; --lmc-text: #11131a; --lmc-muted: #616571; --lmc-line: #dfe1e6; --lmc-line-2: #d5d8df; --lmc-active: #0d1119; --lmc-active-2: #151b26; --lmc-white: #fff; color: var(--lmc-text); width: 100%; max-width: none; }

[data-theme="dark"] .lmc-page, .dark .lmc-page, .dark-mode .lmc-page, body.theme-dark .lmc-page { --lmc-bg: #11141b; --lmc-soft: #171b24; --lmc-soft-2: #1c212c; --lmc-text: #f5f7fb; --lmc-muted: #bcc3cf; --lmc-line: #2a303c; --lmc-line-2: #343b48; --lmc-active: #05070b; --lmc-active-2: #111722; }

.lmc-page, .lmc-page *, .lmc-page ::before, .lmc-page ::after { box-sizing: border-box; }

.lmc-sprite { pointer-events: none; position: absolute !important; width: 0px !important; height: 0px !important; overflow: hidden !important; }

.lmc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }

.lmc-icon { display: block; flex: 0 0 auto; width: 23px; height: 23px; color: currentcolor; }

.lmc-icon-stroke { fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.page-heading.centered-heading.lmc-header { width: 100%; max-width: 1120px; margin: 18px auto 12px; padding: 0px 12px; text-align: center; }

.lmc-header h1 { margin: 0px 0px 7px; color: var(--lmc-text); font-weight: 800; line-height: 1.04; letter-spacing: -0.035em; font-size: clamp(2.05rem, 4.3vw, 3.8rem); white-space: nowrap; }

.lmc-header .instruction { width: 100%; max-width: 760px; margin: 0px auto; color: var(--lmc-muted); font-size: clamp(0.98rem, 1.55vw, 1.12rem); line-height: 1.42; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; }

.workspace.lmc-tool { width: 100%; max-width: 1120px; margin: 0px auto 28px; padding: 0px 4px; overflow: visible; }

.lmc-card, .lmc-badge, .lmc-region-tab, .lmc-note-banner, .lmc-input-row input, .lmc-select-wrap, .lmc-swap-btn, .lmc-unit-card, .lmc-break-item, .lmc-chip, .lmc-btn, .lmc-disclaimer { border: 1px solid var(--lmc-line); background: var(--lmc-bg); color: var(--lmc-text); box-shadow: none; }

.lmc-card { margin: 0px 0px 11px; padding: 12px 14px; border-radius: 12px; }

.lmc-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0px 0px 10px; }

.lmc-section-head h2 { display: flex; align-items: center; gap: 9px; margin: 0px; font-size: 1.28rem; line-height: 1.12; font-weight: 800; letter-spacing: -0.018em; }

.lmc-section-head h2 > .lmc-icon { width: 24px; height: 24px; }

.lmc-info-btn { display: grid; place-items: center; width: 29px; height: 29px; margin: 0px; padding: 0px; border: 0px; background: transparent; color: var(--lmc-muted); border-radius: 50%; cursor: help; }

.lmc-info-btn .lmc-icon { width: 24px; height: 24px; }

.lmc-region-tabs { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; margin: 0px 0px 8px; }

.lmc-region-tab { min-width: 0px; height: 58px; padding: 7px 10px; border-radius: 9px; display: flex; align-items: center; justify-content: center; gap: 10px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 1rem; font-weight: 800; line-height: 1; white-space: nowrap; }

.lmc-region-tab .lmc-map { width: 38px; height: 38px; }

.lmc-region-tab.is-active { color: var(--lmc-white); border-color: rgb(23, 28, 39); background: linear-gradient(135deg,var(--lmc-active),var(--lmc-active-2)); }

.lmc-note-banner { min-height: 34px; padding: 5px 10px; border: 0px; border-radius: 8px; background: var(--lmc-soft-2); display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--lmc-muted); }

.lmc-note-banner .lmc-icon { width: 18px; height: 18px; }

.lmc-note-banner p { margin: 0px; text-align: center; font-size: 0.94rem; line-height: 1.28; }

.lmc-badge-row { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 7px; margin: 0px 0px 11px; }

.lmc-badge { min-width: 0px; height: 43px; padding: 6px 9px; border-radius: 999px; display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 0.93rem; font-weight: 700; line-height: 1; white-space: nowrap; overflow: hidden; }

.lmc-badge .lmc-icon { width: 22px; height: 22px; }

.lmc-badge-letter { font-size: 1.34rem; line-height: 1; font-weight: 800; flex: 0 0 auto; }

.lmc-input-row { display: grid; grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr) 62px; gap: 9px; align-items: stretch; }

.lmc-value-input, .lmc-unit-select, .lmc-swap-btn { height: 64px; min-height: 64px; border-radius: 9px; font-family: inherit; }

.lmc-value-input { width: 100%; padding: 0px 18px; font-size: 2rem; font-weight: 800; color: var(--lmc-text); appearance: textfield; }

.lmc-value-input::-webkit-outer-spin-button, .lmc-value-input::-webkit-inner-spin-button { appearance: none; margin: 0px; }

.lmc-select-wrap { position: relative; overflow: hidden; border-radius: 9px; }

.lmc-unit-select { width: 100%; padding: 0px 46px 0px 18px; border: 0px; background: transparent; color: var(--lmc-text); font-size: 1.3rem; font-weight: 700; appearance: none; }

.lmc-select-wrap::after { content: ""; position: absolute; right: 18px; top: 50%; width: 9px; height: 9px; border-right: 2px solid currentcolor; border-bottom: 2px solid currentcolor; transform: translateY(-70%) rotate(45deg); pointer-events: none; color: var(--lmc-text); }

.lmc-swap-btn { display: grid; place-items: center; padding: 0px; background: var(--lmc-soft); }

.lmc-swap-btn .lmc-icon { width: 28px; height: 28px; stroke-width: 2.2; }

.lmc-input-note { margin: 8px 1px 0px; color: var(--lmc-muted); font-size: 0.96rem; line-height: 1.3; }

.lmc-units-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; }

.lmc-unit-card { min-width: 0px; height: 76px; padding: 9px 12px; border-radius: 9px; display: flex; align-items: center; justify-content: space-between; gap: 10px; text-align: left; font-family: inherit; }

.lmc-unit-card.is-active { color: var(--lmc-white); border-color: rgb(23, 28, 39); background: linear-gradient(135deg,var(--lmc-active),var(--lmc-active-2)); }

.lmc-unit-label { margin: 0px 0px 3px; color: inherit; opacity: 0.82; font-size: 0.9rem; line-height: 1.05; }

.lmc-unit-value { margin: 0px; font-size: 1.66rem; font-weight: 800; line-height: 1; letter-spacing: -0.025em; }

.lmc-unit-card > .lmc-icon { width: 30px; height: 30px; opacity: 0.88; }

.lmc-breakdown { display: grid; grid-template-columns: minmax(0px, 1fr) 23px minmax(0px, 1fr) 23px minmax(0px, 1fr) 23px minmax(0px, 1fr); gap: 7px; align-items: stretch; }

.lmc-break-item { height: 44px; padding: 6px 8px; border: 0px; border-radius: 8px; background: var(--lmc-soft-2); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0.96rem; line-height: 1.15; font-weight: 700; white-space: nowrap; }

.lmc-arrow { width: 21px; height: 21px; place-self: center; color: var(--lmc-muted); }

.lmc-popular-head { margin-bottom: 7px; }

.lmc-popular-head p { margin: 0px; color: var(--lmc-muted); font-size: 0.88rem; line-height: 1.1; white-space: nowrap; }

.lmc-chip-row { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; }

.lmc-chip { min-width: 0px; height: 38px; padding: 5px 8px; border-radius: 8px; background: var(--lmc-soft); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0.9rem; line-height: 1; font-weight: 700; white-space: nowrap; }

.lmc-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0px 0px 10px; }

.lmc-btn { height: 58px; padding: 8px 15px; border-radius: 9px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 1.13rem; font-weight: 800; }

.lmc-btn-primary { color: var(--lmc-white); border-color: rgb(23, 28, 39); background: linear-gradient(135deg,var(--lmc-active),var(--lmc-active-2)); }

.lmc-btn-secondary { background: var(--lmc-bg); }

.lmc-btn .lmc-icon { width: 25px; height: 25px; }

.lmc-disclaimer { min-height: 48px; margin: 0px 0px 12px; padding: 7px 14px; border: 0px; border-radius: 9px; background: var(--lmc-soft-2); display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--lmc-muted); }

.lmc-disclaimer .lmc-icon { width: 23px; height: 23px; }

.lmc-disclaimer p { margin: 0px; font-size: 0.9rem; line-height: 1.22; }

.lmc-article-divider { width: 100%; height: 3.5px; border-radius: 4px; background: var(--lmc-text); margin-top: 14px; }

.article.lmc-article { width: 100%; max-width: 1120px; margin: 0px auto 42px; padding: 0px 14px; color: var(--lmc-text); }

.lmc-article h2, .lmc-article h3 { border-left: 3.5px solid var(--lmc-text); padding-left: 12px; color: var(--lmc-text); }

.lmc-article .faq-item { border: 1px solid var(--lmc-line); border-radius: 9px; overflow: hidden; background: var(--lmc-bg); margin: 10px 0px; }

.lmc-article .faq-item summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 14px; cursor: pointer; font-weight: 700; color: var(--lmc-text); }

.lmc-article .faq-item summary::-webkit-details-marker { display: none; }

.lmc-article .faq-item[open] summary { border-bottom: 1px solid var(--lmc-line); }

.lmc-article .faq-answer { padding: 10px 14px; }

.lmc-article .faq-answer p { margin: 0px; }

.lmc-page button, .lmc-page input, .lmc-page select { font-family: inherit; }

.lmc-page button { cursor: pointer; -webkit-tap-highlight-color: transparent; transform-origin: center center; transition: transform 0.12s cubic-bezier(0.2, 0.75, 0.25, 1), box-shadow 0.12s, filter 0.12s, border-color 0.12s, background-color 0.12s; }

.lmc-page button:focus-visible, .lmc-page input:focus-visible, .lmc-page select:focus-visible { outline: 2px solid var(--lmc-text); outline-offset: 2px; }

.lmc-page button:active { transform: scale(0.985); }

@media (max-width: 1024px) {
.lmc-units-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}

@media (max-width: 700px) {
.main-content:has(.lmc-page) { width: 100% !important; max-width: none !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; }

.lmc-page { overflow-x: clip; width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; padding: 0px !important; }

.page-heading.centered-heading.lmc-header { width: 100%; max-width: none; margin: 12px auto 9px; padding: 0px 9px; }

.lmc-header h1 { font-size: clamp(1.3rem, 7.1vw, 2.05rem); margin-bottom: 7px; white-space: nowrap; }

.lmc-header .instruction { max-width: 360px; font-size: clamp(0.78rem, 3.6vw, 0.98rem); line-height: 1.34; }

.workspace.lmc-tool { width: 100%; max-width: none; margin: 0px auto 24px; padding: 0px 3px; }

.lmc-card { padding: 9px 10px; border-radius: 10px; margin-bottom: 8px; }

.lmc-section-head { margin-bottom: 8px; }

.lmc-section-head h2 { font-size: clamp(0.98rem, 4.2vw, 1.2rem); gap: 7px; }

.lmc-section-head h2 > .lmc-icon { width: 20px; height: 20px; }

.lmc-info-btn { width: 24px; height: 24px; }

.lmc-info-btn .lmc-icon { width: 21px; height: 21px; }

.lmc-region-tabs { gap: 5px; margin-bottom: 6px; }

.lmc-region-tab { height: 46px; padding: 4px 5px; border-radius: 7px; gap: 5px; font-size: clamp(0.72rem, 3.2vw, 0.92rem); }

.lmc-region-tab .lmc-map { width: 29px; height: 29px; }

.lmc-note-banner { min-height: 29px; padding: 4px 6px; border-radius: 7px; gap: 5px; }

.lmc-note-banner .lmc-icon { width: 15px; height: 15px; }

.lmc-note-banner p { font-size: clamp(0.67rem, 2.85vw, 0.85rem); line-height: 1.18; }

.lmc-badge-row { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 5px; margin-bottom: 8px; }

.lmc-badge { height: 36px; padding: 4px 5px; gap: 4px; font-size: clamp(0.58rem, 2.65vw, 0.82rem); }

.lmc-badge .lmc-icon { width: 17px; height: 17px; }

.lmc-badge-letter { font-size: 1.05rem; }

.lmc-input-row { grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr) 48px; gap: 6px; }

.lmc-value-input, .lmc-unit-select, .lmc-swap-btn { height: 51px; min-height: 51px; border-radius: 7px; }

.lmc-value-input { padding: 0px 12px; font-size: 1.72rem; }

.lmc-unit-select { padding: 0px 30px 0px 11px; font-size: clamp(0.86rem, 3.8vw, 1.05rem); }

.lmc-select-wrap::after { right: 12px; width: 7px; height: 7px; }

.lmc-swap-btn .lmc-icon { width: 23px; height: 23px; }

.lmc-input-note { margin-top: 6px; font-size: clamp(0.72rem, 3vw, 0.88rem); }

.lmc-units-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 6px; }

.lmc-unit-card { height: 60px; padding: 7px 9px; border-radius: 7px; gap: 6px; }

.lmc-unit-label { margin-bottom: 2px; font-size: clamp(0.7rem, 3vw, 0.84rem); }

.lmc-unit-value { font-size: clamp(1.3rem, 5.7vw, 1.66rem); }

.lmc-unit-card > .lmc-icon { width: 25px; height: 25px; }

.lmc-breakdown { grid-template-columns: minmax(0px, 1fr) 18px minmax(0px, 1fr) 18px minmax(0px, 1fr) 18px minmax(0px, 1fr); gap: 4px; }

.lmc-break-item { height: 37px; padding: 4px 5px; border-radius: 7px; font-size: clamp(0.62rem, 2.7vw, 0.82rem); }

.lmc-arrow { width: 16px; height: 16px; transform: none; }

.lmc-popular-head { align-items: center; margin-bottom: 6px; }

.lmc-popular-head p { font-size: clamp(0.6rem, 2.65vw, 0.78rem); }

.lmc-chip-row { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 5px; }

.lmc-chip { height: 33px; padding: 4px; border-radius: 7px; font-size: clamp(0.56rem, 2.45vw, 0.76rem); }

.lmc-actions { grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 8px; }

.lmc-btn { height: 49px; padding: 6px 8px; border-radius: 7px; gap: 7px; font-size: clamp(0.85rem, 3.8vw, 1.05rem); }

.lmc-btn .lmc-icon { width: 21px; height: 21px; }

.lmc-disclaimer { min-height: 40px; margin-bottom: 10px; padding: 5px 9px; border-radius: 7px; gap: 7px; }

.lmc-disclaimer .lmc-icon { width: 19px; height: 19px; }

.lmc-disclaimer p { font-size: clamp(0.65rem, 2.85vw, 0.82rem); line-height: 1.15; }

.lmc-article-divider { margin-top: 10px; }

.article.lmc-article { max-width: none; padding: 0px 11px; }
}

@media (max-width: 330px) {
.lmc-header h1 { font-size: 1.26rem; }

.lmc-badge { font-size: 0.45rem; gap: 2px; padding-left: 2px; padding-right: 2px; letter-spacing: -0.025em; }

.lmc-badge .lmc-icon { width: 13px; height: 13px; }

.lmc-badge-letter { font-size: 0.82rem; }

.lmc-region-tab { font-size: 0.7rem; }

.lmc-region-tab .lmc-map { width: 25px; height: 25px; }

.lmc-break-item { font-size: 0.52rem; padding-left: 2px; padding-right: 2px; }

.lmc-chip { font-size: 0.45rem; padding-left: 2px; padding-right: 2px; letter-spacing: -0.025em; }
}

@media (prefers-reduced-motion: reduce) {
.lmc-page * { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}

@media (max-width: 700px) {
.page-heading.centered-heading.lmc-header { margin: 9px auto 7px; padding: 0px 8px; }

.lmc-header h1 { font-size: clamp(1.18rem, 5.2vw, 1.48rem); line-height: 1.03; margin-bottom: 5px; }

.lmc-header .instruction { max-width: 330px; font-size: clamp(0.62rem, 2.65vw, 0.72rem); line-height: 1.3; }

.workspace.lmc-tool { padding: 0px 3px; margin-bottom: 18px; }

.lmc-card { padding: 6px 9px; border-radius: 7px; margin-bottom: 6px; }

.lmc-section-head { gap: 6px; margin-bottom: 5px; }

.lmc-section-head h2 { font-size: clamp(0.78rem, 3.35vw, 0.9rem); line-height: 1.1; gap: 6px; }

.lmc-section-head h2 > .lmc-icon { width: 17px; height: 17px; }

.lmc-info-btn { width: 19px; height: 19px; }

.lmc-info-btn .lmc-icon { width: 18px; height: 18px; }

.lmc-region-tabs { gap: 5px; margin-bottom: 4px; }

.lmc-region-tab { height: 35px; padding: 2px 4px; border-radius: 6px; gap: 4px; font-size: clamp(0.58rem, 2.6vw, 0.7rem); }

.lmc-region-tab .lmc-map { width: 25px; height: 25px; }

.lmc-note-banner { min-height: 23px; padding: 2px 5px; border-radius: 5px; gap: 4px; }

.lmc-note-banner .lmc-icon { width: 12px; height: 12px; }

.lmc-note-banner p { font-size: clamp(0.52rem, 2.2vw, 0.62rem); line-height: 1.15; }

.lmc-badge-row { gap: 5px; margin-bottom: 6px; }

.lmc-badge { height: 29px; padding: 2px 4px; gap: 3px; font-size: clamp(0.48rem, 2.1vw, 0.6rem); }

.lmc-badge .lmc-icon { width: 14px; height: 14px; }

.lmc-badge-letter { font-size: 0.82rem; }

.lmc-input-row { grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr) 43px; gap: 5px; }

.lmc-value-input, .lmc-unit-select, .lmc-swap-btn { height: 40px; min-height: 40px; border-radius: 6px; }

.lmc-value-input { padding: 0px 10px; font-size: 1.33rem; }

.lmc-unit-select { padding: 0px 26px 0px 9px; font-size: clamp(0.72rem, 3vw, 0.82rem); }

.lmc-select-wrap::after { right: 10px; width: 6px; height: 6px; border-width: 1.5px; }

.lmc-swap-btn .lmc-icon { width: 19px; height: 19px; }

.lmc-input-note { margin-top: 4px; font-size: clamp(0.56rem, 2.35vw, 0.67rem); line-height: 1.2; }

.lmc-units-grid { gap: 5px; }

.lmc-unit-card { height: 40px; padding: 4px 7px; border-radius: 6px; gap: 4px; }

.lmc-unit-label { margin-bottom: 1px; font-size: clamp(0.54rem, 2.3vw, 0.64rem); }

.lmc-unit-value { font-size: clamp(1rem, 4vw, 1.12rem); }

.lmc-unit-card > .lmc-icon { width: 22px; height: 22px; }

.lmc-breakdown { grid-template-columns: minmax(0px, 1fr) 14px minmax(0px, 1fr) 14px minmax(0px, 1fr) 14px minmax(0px, 1fr); gap: 3px; }

.lmc-break-item { height: 30px; padding: 2px 3px; border-radius: 5px; font-size: clamp(0.47rem, 2vw, 0.56rem); }

.lmc-arrow { width: 15px; height: 15px; }

.lmc-popular-head { margin-bottom: 4px; }

.lmc-popular-head p { font-size: clamp(0.48rem, 2.05vw, 0.58rem); }

.lmc-chip-row { gap: 5px; }

.lmc-chip { height: 27px; padding: 2px 3px; border-radius: 5px; font-size: clamp(0.45rem, 1.9vw, 0.54rem); }

.lmc-actions { gap: 6px; margin-bottom: 6px; }

.lmc-btn { height: 33px; padding: 3px 7px; border-radius: 6px; gap: 5px; font-size: clamp(0.68rem, 2.9vw, 0.8rem); }

.lmc-btn .lmc-icon { width: 16px; height: 16px; }

.lmc-disclaimer { min-height: 28px; margin-bottom: 7px; padding: 3px 7px; border-radius: 5px; gap: 5px; }

.lmc-disclaimer .lmc-icon { width: 15px; height: 15px; }

.lmc-disclaimer p { font-size: clamp(0.54rem, 2.3vw, 0.64rem); line-height: 1.05; }

.lmc-article-divider { margin-top: 7px; }
}

@media (max-width: 700px) {
.lmc-input-card { padding-top: 5px; padding-bottom: 5px; }

.lmc-input-card .lmc-value-input, .lmc-input-card .lmc-unit-select, .lmc-input-card .lmc-swap-btn { height: 37px; min-height: 37px; }

.lmc-input-card .lmc-input-note { margin-top: 3px; }

.lmc-break-card { padding-top: 5px; padding-bottom: 5px; }

.lmc-break-card .lmc-break-item { height: 27px; }

.lmc-popular-card { padding-top: 4px; padding-bottom: 4px; }

.lmc-popular-card .lmc-section-head { margin-bottom: 3px; }

.lmc-popular-card .lmc-chip { height: 23px; }

.lmc-btn { height: 30px; }
}

@media (min-width: 701px) {
.page-heading.centered-heading.lmc-header { max-width: 1105px; margin: 16px auto 10px; }

.lmc-header h1 { font-size: clamp(2.35rem, 3.45vw, 3rem); line-height: 1.03; margin-bottom: 7px; }

.lmc-header .instruction { font-size: 1.05rem; line-height: 1.35; }

.workspace.lmc-tool, .article.lmc-article { max-width: 1105px; }

.lmc-card { padding-top: 10px; padding-bottom: 10px; }

.lmc-section-head { margin-bottom: 8px; }

.lmc-region-tab { height: 56px; }

.lmc-note-banner { min-height: 32px; }

.lmc-input-card { padding-top: 10px; padding-bottom: 10px; }

.lmc-input-card .lmc-section-head { margin-bottom: 6px; }

.lmc-input-card .lmc-value-input, .lmc-input-card .lmc-unit-select, .lmc-input-card .lmc-swap-btn { height: 48px; min-height: 48px; }

.lmc-input-card .lmc-value-input { font-size: 1.65rem; }

.lmc-input-card .lmc-unit-select { font-size: 1.15rem; }

.lmc-input-card .lmc-input-note { margin-top: 5px; font-size: 0.9rem; }

.lmc-units-card { padding-top: 10px; padding-bottom: 10px; }

.lmc-units-card .lmc-section-head { margin-bottom: 8px; }

.lmc-unit-card { height: 62px; padding: 7px 12px; }

.lmc-unit-label { font-size: 0.85rem; margin-bottom: 2px; }

.lmc-unit-value { font-size: 1.48rem; }

.lmc-unit-card > .lmc-icon { width: 27px; height: 27px; }

.lmc-break-card { padding-top: 10px; padding-bottom: 10px; }

.lmc-break-card .lmc-section-head { margin-bottom: 6px; }

.lmc-break-card .lmc-break-item { height: 31px; font-size: 0.88rem; }

.lmc-popular-card { padding-top: 8px; padding-bottom: 8px; }

.lmc-popular-card .lmc-section-head { margin-bottom: 4px; }

.lmc-popular-card .lmc-chip { height: 26px; font-size: 0.84rem; }

.lmc-actions { margin-bottom: 8px; }

.lmc-btn { height: 36px; min-height: 36px; font-size: 1rem; }

.lmc-btn .lmc-icon { width: 20px; height: 20px; }

.lmc-disclaimer { min-height: 29px; height: 29px; margin-bottom: 8px; padding: 3px 12px; }

.lmc-disclaimer .lmc-icon { width: 18px; height: 18px; }

.lmc-disclaimer p { font-size: 0.78rem; line-height: 1.05; }
}

@media (min-width: 701px) {
.page-heading.centered-heading.lmc-header { margin-top: 6px; margin-bottom: 7px; }

.lmc-coverage-card { min-height: 156px; margin-bottom: 10px; }

.lmc-badge-row { margin-bottom: 12px; }

.lmc-input-card { margin-bottom: 10px; }

.lmc-input-card .lmc-value-input, .lmc-input-card .lmc-unit-select, .lmc-input-card .lmc-swap-btn { height: 45px; min-height: 45px; }

.lmc-break-card { margin-bottom: 7px; }

.lmc-popular-card { margin-bottom: 8px; }

.lmc-popular-card .lmc-chip { height: 24px; }
}

@media (min-width: 701px) {
.main-content:has(.lmc-page) { width: 100% !important; max-width: none !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; }
}

.lmc-header h1::after { content: ""; display: block; width: min(760px, 94%); height: 4px; margin: 12px auto; border-radius: 999px; background: var(--lmc-text); }

.lmc-page button.is-tapped { animation: 0.16s cubic-bezier(0.2, 0.75, 0.25, 1) 0s 1 normal none running lmc-tap-feedback-soft; }

@keyframes lmc-tap-feedback { 
  0% { transform: scale(1); }
  42% { transform: scale(0.94); filter: brightness(0.92); }
  72% { transform: scale(1.018); filter: brightness(1.05); }
  100% { transform: scale(1); filter: none; }
}

.lmc-unit-card.is-value-changing { animation: 0.18s ease 0s 1 normal none running lmc-card-update-soft; }

.lmc-unit-value.is-value-changing { animation: 0.18s ease 0s 1 normal none running lmc-value-update-soft; }

.lmc-break-item.is-value-changing { animation: 0.18s ease 0s 1 normal none running lmc-break-update-soft; }

@keyframes lmc-card-update { 
  0% { transform: translateY(0px); box-shadow: none; }
  40% { transform: translateY(-2px) scale(1.012); box-shadow: rgba(17, 19, 26, 0.11) 0px 5px 14px; }
  100% { transform: translateY(0px); box-shadow: none; }
}

@keyframes lmc-value-update { 
  0% { opacity: 0.62; transform: scale(0.94); }
  55% { opacity: 1; transform: scale(1.08); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes lmc-break-update { 
  0% { opacity: 0.65; transform: translateY(2px); }
  55% { opacity: 1; transform: translateY(-1px); }
  100% { opacity: 1; transform: translateY(0px); }
}

.lmc-article .steps { width: min(100%, 860px); margin: 18px auto 24px; padding: 0px; list-style: none; counter-reset: lmc-step 0; display: grid; gap: 10px; }

.lmc-article .steps li { counter-increment: lmc-step 1; position: relative; width: 100%; margin: 0px; padding: 13px 16px 13px 62px; border: 1px solid var(--lmc-line); border-radius: 10px; background: var(--lmc-soft); text-align: left; }

.lmc-article .steps li::before { content: counter(lmc-step, decimal-leading-zero); position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--lmc-line-2); border-radius: 50%; background: var(--lmc-bg); color: var(--lmc-text); font-weight: 800; line-height: 1; text-align: center; }

.lmc-article .faq-chevron { width: 18px; height: 18px; position: relative; flex: 0 0 18px; transition: transform 0.18s; }

.lmc-article .faq-chevron::before { content: ""; position: absolute; left: 5px; top: 3px; width: 7px; height: 7px; border-right: 2px solid currentcolor; border-bottom: 2px solid currentcolor; transform: rotate(45deg); }

.lmc-article .faq-item[open] .faq-chevron { transform: rotate(180deg); }

@media (max-width: 700px) {
.page-heading.centered-heading.lmc-header { margin-top: 11px; margin-bottom: 10px; padding: 0px 8px; }

.lmc-header h1 { font-size: clamp(1.48rem, 6.5vw, 1.86rem); margin-bottom: 0px; line-height: 1.08; }

.lmc-header h1::after { width: 96%; height: 4px; margin: 10px auto; }

.lmc-header .instruction { width: calc(100% - 18px); max-width: 410px; padding: 10px 12px; border-radius: 9px; font-size: clamp(0.82rem, 3.45vw, 0.96rem); line-height: 1.34; }

.workspace.lmc-tool { padding: 0px 3px; margin-bottom: 22px; }

.lmc-card { padding: 9px 10px; border-radius: 9px; margin-bottom: 8px; }

.lmc-section-head { margin-bottom: 7px; }

.lmc-section-head h2 { font-size: clamp(0.96rem, 4vw, 1.08rem); gap: 7px; }

.lmc-section-head h2 > .lmc-icon { width: 20px; height: 20px; }

.lmc-info-btn { width: 25px; height: 25px; }

.lmc-info-btn .lmc-icon { width: 22px; height: 22px; }

.lmc-region-tabs { gap: 6px; margin-bottom: 7px; }

.lmc-region-tab { height: 50px; padding: 4px 5px; border-radius: 8px; gap: 6px; font-size: clamp(0.72rem, 3vw, 0.86rem); }

.lmc-region-tab .lmc-map { width: 31px; height: 31px; }

.lmc-note-banner { min-height: 31px; padding: 4px 7px; border-radius: 7px; gap: 5px; }

.lmc-note-banner .lmc-icon { width: 15px; height: 15px; }

.lmc-note-banner p { font-size: clamp(0.64rem, 2.65vw, 0.78rem); line-height: 1.2; }

.lmc-badge-row { gap: 6px; margin-bottom: 8px; }

.lmc-badge { height: 38px; padding: 4px 6px; gap: 4px; font-size: clamp(0.61rem, 2.55vw, 0.75rem); }

.lmc-badge .lmc-icon { width: 18px; height: 18px; }

.lmc-badge-letter { font-size: 1.06rem; }

.lmc-input-row { grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr) 51px; gap: 6px; }

.lmc-input-card .lmc-value-input, .lmc-input-card .lmc-unit-select, .lmc-input-card .lmc-swap-btn, .lmc-value-input, .lmc-unit-select, .lmc-swap-btn { height: 54px; min-height: 54px; border-radius: 8px; }

.lmc-value-input { padding: 0px 13px; font-size: 1.75rem; }

.lmc-unit-select { padding: 0px 32px 0px 12px; font-size: clamp(0.9rem, 3.65vw, 1.06rem); }

.lmc-select-wrap::after { right: 12px; width: 7px; height: 7px; }

.lmc-swap-btn .lmc-icon { width: 24px; height: 24px; }

.lmc-input-note { margin-top: 6px; font-size: clamp(0.7rem, 2.85vw, 0.84rem); line-height: 1.24; }

.lmc-units-grid { gap: 7px; }

.lmc-unit-card { height: 62px; padding: 7px 10px; border-radius: 8px; gap: 6px; }

.lmc-unit-label { margin-bottom: 2px; font-size: clamp(0.68rem, 2.8vw, 0.81rem); }

.lmc-unit-value { font-size: clamp(1.31rem, 5.35vw, 1.55rem); }

.lmc-unit-card > .lmc-icon { width: 27px; height: 27px; }

.lmc-break-card { padding-top: 8px; padding-bottom: 8px; }

.lmc-breakdown { grid-template-columns: minmax(0px, 1fr) 18px minmax(0px, 1fr) 18px minmax(0px, 1fr) 18px minmax(0px, 1fr); gap: 4px; }

.lmc-break-card .lmc-break-item, .lmc-break-item { height: 37px; padding: 4px 5px; border-radius: 7px; font-size: clamp(0.6rem, 2.5vw, 0.75rem); }

.lmc-arrow { width: 17px; height: 17px; }

.lmc-popular-card { padding-top: 8px; padding-bottom: 8px; }

.lmc-popular-card .lmc-section-head { margin-bottom: 6px; }

.lmc-popular-head p { font-size: clamp(0.58rem, 2.4vw, 0.72rem); }

.lmc-chip-row { gap: 6px; }

.lmc-popular-card .lmc-chip, .lmc-chip { height: 34px; padding: 4px 5px; border-radius: 7px; font-size: clamp(0.56rem, 2.28vw, 0.7rem); }

.lmc-actions { gap: 7px; margin-bottom: 8px; }

.lmc-btn { height: 50px; min-height: 50px; padding: 6px 9px; border-radius: 8px; gap: 8px; font-size: clamp(0.85rem, 3.45vw, 1rem); }

.lmc-btn .lmc-icon { width: 22px; height: 22px; }

.lmc-disclaimer { min-height: 42px; margin-bottom: 10px; padding: 6px 9px; border-radius: 7px; gap: 7px; }

.lmc-disclaimer .lmc-icon { width: 20px; height: 20px; }

.lmc-disclaimer p { font-size: clamp(0.66rem, 2.7vw, 0.8rem); line-height: 1.15; }

.lmc-article .steps { width: 100%; margin: 16px auto 22px; gap: 8px; }

.lmc-article .steps li { padding: 12px 12px 12px 57px; text-align: left; }

.lmc-article .steps li::before { left: 12px; width: 32px; height: 32px; }
}

@media (prefers-reduced-motion: reduce) {
.lmc-page button.is-tapped, .lmc-unit-card.is-value-changing, .lmc-unit-value.is-value-changing, .lmc-break-item.is-value-changing { animation: auto ease 0s 1 normal none running none !important; }
}

.lmc-article .faq-item summary::after { content: none !important; display: none !important; }

@media (max-width: 700px) {
.lmc-badge-row { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 5px; }

.lmc-badge { min-width: 0px; height: 35px; padding: 3px; gap: 3px; font-size: clamp(0.5rem, 2.18vw, 0.62rem); line-height: 1; letter-spacing: -0.025em; white-space: nowrap; overflow: hidden; }

.lmc-badge .lmc-icon { width: 14px; height: 14px; flex: 0 0 14px; }

.lmc-badge-letter { font-size: 0.88rem; line-height: 1; flex: 0 0 auto; }

.lmc-badge > span:last-child { min-width: 0px; white-space: nowrap; text-align: center; }

.lmc-input-row { grid-template-columns: minmax(0px, 1fr) 54px; grid-template-areas: "value value" "select swap"; gap: 7px; align-items: stretch; }

.lmc-value-input { grid-area: value; width: min(56%, 220px); min-width: 150px; justify-self: start; padding: 0px 15px; border-radius: 8px; background: var(--lmc-soft); border-color: var(--lmc-line-2); font-size: 1.72rem; height: 52px !important; min-height: 52px !important; }

.lmc-select-wrap { grid-area: select; width: 100%; min-width: 0px; height: 54px; border-radius: 8px; }

.lmc-unit-select { width: 100%; padding: 0px 42px 0px 14px; font-size: clamp(1rem, 4.1vw, 1.15rem); white-space: nowrap; text-overflow: clip; height: 54px !important; min-height: 54px !important; }

.lmc-select-wrap::after { right: 16px; width: 8px; height: 8px; }

.lmc-swap-btn { grid-area: swap; width: 54px; border-radius: 8px; height: 54px !important; min-height: 54px !important; }

.lmc-swap-btn .lmc-icon { width: 25px; height: 25px; }

.lmc-input-note { margin-top: 6px; }
}

@media (max-width: 390px) {
.lmc-badge { font-size: clamp(0.47rem, 2.08vw, 0.56rem); gap: 2px; padding-left: 2px; padding-right: 2px; }

.lmc-badge .lmc-icon { width: 13px; height: 13px; flex-basis: 13px; }

.lmc-badge-letter { font-size: 0.82rem; }

.lmc-value-input { width: min(58%, 200px); min-width: 142px; }
}

@keyframes lmc-tap-feedback-soft { 
  0% { transform: scale(1); filter: none; }
  50% { transform: scale(0.978); filter: brightness(0.97); }
  100% { transform: scale(1); filter: none; }
}

@keyframes lmc-card-update-soft { 
  0% { box-shadow: rgba(17, 19, 26, 0) 0px 0px 0px 0px inset; }
  50% { box-shadow: rgba(17, 19, 26, 0.09) 0px 0px 0px 1px inset; }
  100% { box-shadow: rgba(17, 19, 26, 0) 0px 0px 0px 0px inset; }
}

@keyframes lmc-value-update-soft { 
  0% { opacity: 0.78; transform: translateY(1px); }
  55% { opacity: 1; transform: translateY(-1px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes lmc-break-update-soft { 
  0% { opacity: 0.82; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}

@media (max-width: 700px) {
.lmc-badge-row { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 5px; }

.lmc-badge { min-width: 0px; height: 36px; padding: 3px 4px; gap: 3px; font-size: clamp(0.56rem, 2.18vw, 0.68rem); line-height: 1; letter-spacing: -0.018em; white-space: nowrap; overflow: visible; }

.lmc-badge .lmc-icon { width: 16px; height: 16px; }

.lmc-badge-letter { font-size: 0.94rem; }

.lmc-input-row { display: grid; grid-template-columns: minmax(0px, 1fr) 54px; grid-template-areas: "value value" "unit swap"; gap: 8px 7px; align-items: stretch; }

.lmc-value-input { grid-area: value; width: 62%; min-width: 150px; max-width: 240px; justify-self: start; padding: 0px 15px; font-size: 1.72rem; border-radius: 8px; height: 54px !important; min-height: 54px !important; }

.lmc-select-wrap { grid-area: unit; width: 100%; min-width: 0px; border-radius: 8px; }

.lmc-unit-select { width: 100%; padding: 0px 42px 0px 14px; font-size: clamp(0.98rem, 4vw, 1.08rem); white-space: nowrap; text-overflow: ellipsis; border-radius: 8px; height: 54px !important; min-height: 54px !important; }

.lmc-select-wrap::after { right: 15px; width: 8px; height: 8px; }

.lmc-swap-btn { grid-area: swap; width: 54px; border-radius: 8px; height: 54px !important; min-height: 54px !important; }

.lmc-swap-btn .lmc-icon { width: 24px; height: 24px; }

.lmc-input-note { margin-top: 7px; }
}

@media (max-width: 380px) {
.lmc-badge { font-size: clamp(0.51rem, 2.05vw, 0.61rem); gap: 2px; padding-left: 3px; padding-right: 3px; }

.lmc-badge .lmc-icon { width: 14px; height: 14px; }

.lmc-badge-letter { font-size: 0.84rem; }

.lmc-value-input { width: 66%; min-width: 138px; }
}

.lmc-auto-status { min-width: 0px; height: 64px; min-height: 64px; padding: 0px 12px; border: 1px solid var(--lmc-line); border-radius: 9px; background: var(--lmc-soft); color: var(--lmc-text); display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 0.95rem; font-weight: 800; line-height: 1; white-space: nowrap; overflow: hidden; transition: background-color 0.18s, color 0.18s, border-color 0.18s, transform 0.18s; }

.lmc-auto-status > .lmc-icon:first-child { width: 20px; height: 20px; flex: 0 0 20px; }

.lmc-auto-status-text { min-width: 0px; overflow: visible; text-overflow: clip; white-space: nowrap; line-height: 1.05; }

.lmc-auto-check { width: 0px; opacity: 0; overflow: hidden; font-weight: 900; transform: scale(0.7); transition: opacity 0.15s, width 0.15s, transform 0.15s; }

.lmc-auto-status.is-converted { background: var(--lmc-active); border-color: var(--lmc-active); color: var(--lmc-white); transform: translateY(1px); }

.lmc-auto-status.is-converted .lmc-auto-check { width: 13px; opacity: 1; transform: scale(1); }

@keyframes lmc-auto-drop { 
  0% { opacity: 0.2; transform: translateY(-5px); }
  45% { opacity: 1; transform: translateY(4px); }
  100% { opacity: 0.65; transform: translateY(0px); }
}

@media (min-width: 701px) {
.lmc-input-row { grid-template-columns: minmax(0px, 1.25fr) minmax(145px, 0.55fr) minmax(0px, 1fr) 62px; grid-template-areas: "value auto unit swap"; }

.lmc-value-input { grid-area: value; }

.lmc-auto-status { grid-area: auto; }

.lmc-select-wrap { grid-area: unit; }

.lmc-swap-btn { grid-area: swap; }
}

@media (max-width: 700px) {
.lmc-input-row { display: grid; grid-template-columns: minmax(0px, 1.55fr) minmax(132px, 0.95fr); grid-template-areas: "value auto" "unit swap"; gap: 8px 7px; align-items: stretch; }

.lmc-value-input { grid-area: value; justify-self: stretch; width: 100% !important; min-width: 0px !important; max-width: none !important; }

.lmc-auto-status { grid-area: auto; width: 100%; height: 54px; min-height: 54px; padding: 0px 10px; border-radius: 8px; gap: 6px; font-size: clamp(0.76rem, 2.8vw, 0.92rem); justify-content: center; }

.lmc-auto-status > .lmc-icon:first-child { width: 18px; height: 18px; flex-basis: 18px; }

.lmc-select-wrap { grid-area: unit; }

.lmc-swap-btn { grid-area: swap; width: 100%; }

.lmc-input-card { margin-top: 0px; }
}

@media (max-width: 380px) {
.lmc-input-row { grid-template-columns: minmax(0px, 1.4fr) minmax(118px, 0.9fr); gap: 7px 6px; }

.lmc-auto-status { padding: 0px 8px; gap: 5px; font-size: clamp(0.72rem, 2.8vw, 0.82rem); }

.lmc-auto-status > .lmc-icon:first-child { width: 16px; height: 16px; flex-basis: 16px; }

.lmc-swap-btn { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
.lmc-auto-status, .lmc-auto-check, .lmc-auto-down { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}

@media (min-width: 701px) {
.lmc-input-row { grid-template-columns: minmax(0px, 1.25fr) minmax(150px, 0.58fr) minmax(0px, 1fr) 62px; grid-template-areas: "value auto unit swap"; gap: 9px; }

.lmc-input-card .lmc-auto-status, .lmc-auto-status { height: 45px; min-height: 45px; border-radius: 8px; padding: 0px 11px; font-size: 0.92rem; }
}

@media (max-width: 700px) {
.lmc-input-row { grid-template-columns: minmax(0px, 1.55fr) minmax(132px, 0.95fr); grid-template-areas: "value auto" "unit swap"; gap: 8px 7px; }

.lmc-value-input, .lmc-auto-status, .lmc-select-wrap, .lmc-swap-btn { min-width: 0px !important; max-width: none !important; }

.lmc-value-input { width: 100% !important; justify-self: stretch !important; }

.lmc-auto-status { width: 100%; overflow: hidden; }

.lmc-auto-status-text { overflow: visible; text-overflow: clip; white-space: nowrap; }

.lmc-select-wrap { width: 100%; }

.lmc-swap-btn { width: 100% !important; }

.lmc-header .instruction { width: calc(100% - 24px); max-width: 680px; }
}

@media (max-width: 380px) {
.lmc-input-row { grid-template-columns: minmax(0px, 1.4fr) minmax(118px, 0.9fr); gap: 7px 6px; }

.lmc-auto-status { padding: 0px 7px; gap: 5px; font-size: clamp(0.7rem, 2.8vw, 0.8rem); }

.lmc-region-tab { gap: 4px; padding-left: 3px; padding-right: 3px; }

.lmc-region-tab .lmc-map { width: 27px; height: 27px; }

.lmc-region-tab span { font-size: clamp(0.68rem, 3vw, 0.8rem); }
}

.lmc-article a { overflow-wrap: anywhere; }

.lmc-break-item, .lmc-break-card .lmc-break-item { min-width: 0px; max-width: 100%; min-height: 44px; padding: 6px 8px; display: flex; flex-wrap: wrap; place-content: center; align-items: center; gap: 2px 0.28em; white-space: normal; overflow: hidden; height: auto !important; }

.lmc-break-value, .lmc-break-label { display: block; min-width: 0px; max-width: 100%; white-space: nowrap; line-height: 1.08; }

.lmc-break-value { font-variant-numeric: tabular-nums; }

.lmc-break-label { flex: 0 0 auto; }

@media (max-width: 700px) {
.lmc-break-item, .lmc-break-card .lmc-break-item { min-height: 37px; padding: 4px; gap: 1px 0.24em; }
}

@media (max-width: 380px) {
.lmc-break-item, .lmc-break-card .lmc-break-item { min-height: 35px; padding-left: 3px; padding-right: 3px; }
}