/* Main ConvertIt only. Global styles and partner styles remain unchanged. */
:root {
  color-scheme:light;
  --ci-bg:#f3f6fc;
  --ci-surface:#fff;
  --ci-text:#172c4a;
  --ci-muted:#53657e;
  --ci-line:#d8e1ee;
  --ci-blue:#165aca;
  --ci-soft:#eaf1ff;
  --ci-shadow:0 16px 44px #13366c0b;
}
:root[data-ci-theme="dark"] {
  color-scheme:dark;
  --ci-bg:#0c1729;
  --ci-surface:#14243b;
  --ci-text:#eaf2ff;
  --ci-muted:#adbed6;
  --ci-line:#31455f;
  --ci-blue:#8bbcff;
  --ci-soft:#203957;
  --ci-shadow:0 16px 44px #0002;
}
@media(prefers-color-scheme:dark) {
  :root:not([data-ci-theme]) {
    color-scheme:dark;
    --ci-bg:#0c1729;
    --ci-surface:#14243b;
    --ci-text:#eaf2ff;
    --ci-muted:#adbed6;
    --ci-line:#31455f;
    --ci-blue:#8bbcff;
    --ci-soft:#203957;
  }
}
* {
  box-sizing:border-box;
}
html {
  font-size:16px;
}
body {
  margin:0!important;
  background:var(--ci-bg)!important;
  color:var(--ci-text)!important;
  font-family:Segoe UI,Arial,sans-serif;
  font-size:1rem;
  line-height:1.55;
}
a,a:visited {
  color:var(--ci-blue);
}
a:hover {
  text-decoration-thickness:2px;
}
button,input,select {
  font:inherit;
}
a,button,input,select {
  touch-action:manipulation;
}
:focus-visible {
  outline:3px solid #e75a62;
  outline-offset:4px;
}
img {
  max-width:100%;
  height:auto;
}
.ci-site {
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 32px;
}
.ci-header {
  padding:24px 0 0;
  border-bottom:1px solid var(--ci-line);
}
.ci-header-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}
.ci-brand {
  display:inline-flex;
  background:white;
  border-radius:8px;
  padding:10px 12px;
  min-height:48px;
  flex-shrink:0;
}
.ci-brand img {
  display:block;
  width:185px;
  height:33px;
}
.ci-appearance {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.85rem;
  font-weight:600;
}
.ci-appearance select {
  min-height:44px;
  padding:8px 30px 8px 12px;
  border:1px solid var(--ci-line);
  border-radius:8px;
  background:var(--ci-surface);
  color:var(--ci-text);
  max-width:100%;
}
.ci-nav {
  display:flex;
  flex-wrap:wrap;
  gap:4px 20px;
  margin:18px 0 0;
}
.ci-nav a {
  display:flex;
  align-items:center;
  min-height:48px;
  text-decoration:none;
  color:var(--ci-text);
  font-size:.94rem;
  font-weight:600;
  border-bottom:3px solid transparent;
}
.ci-nav a:hover {
  border-color:var(--ci-blue);
}
.ci-ad-wrap {
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:100%;
  padding:12px 0 8px;
}
.ci-ad {
  width:100%;
  max-width:468px;
  min-height:60px;
  overflow:auto;
}
.ci-ad-caption {
  font-size:.65rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ci-muted);
}
.ci-main {
  min-width:0;
}
.ci-legacy-content {
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  padding:2px 2px 20px;
}
.ci-legacy-content>.ci-home,.ci-legacy-content>.ci-converter-page {
  min-width:0;
}
.ci-hero {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:52px;
  align-items:center;
  padding:42px 0 54px;
}
.ci-eyebrow {
  font-size:.7rem;
  letter-spacing:.14em;
  font-weight:750;
  color:var(--ci-blue);
  margin:0 0 16px;
}
.ci-home h1 {
  font-size:clamp(2.25rem,4.3vw,3.55rem);
  line-height:1.1;
  letter-spacing:-.045em;
  margin:0 0 24px;
  font-weight:750;
}
.ci-home h1 span {
  color:var(--ci-blue);
}
.ci-lead {
  font-size:1.1rem;
  line-height:1.65;
  color:var(--ci-muted);
  max-width:48ch;
  margin:0 0 24px;
}
.ci-engine-note {
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ci-muted);
  font-size:.85rem;
  margin:30px 0 0;
}
.ci-brand-mark {
  color:#e53646;
  font-size:1.75rem;
  font-weight:800;
  line-height:.55;
  letter-spacing:-.15em;
  padding:8px 10px 6px 0;
}
.ci-brand-mark::first-line {
  color:#2764dc;
}
.ci-card {
  border:1px solid var(--ci-line);
  border-radius:16px;
  padding:28px;
  background:var(--ci-surface);
  box-shadow:var(--ci-shadow);
  min-width:0;
}
.ci-card h2 {
  font-size:1.35rem;
  line-height:1.3;
  margin:0 0 24px;
  letter-spacing:-.02em;
}
.ci-convert-form {
  margin:0;
}
.ci-fields {
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
.ci-field {
  min-width:0;
}
.ci-field label {
  display:block;
  font-weight:650;
  font-size:.9rem;
  margin-bottom:8px;
}
.ci-optional {
  font-weight:400;
  color:var(--ci-muted);
}
.ci-field input {
  display:block;
  width:100%;
  min-width:0;
  min-height:52px;
  padding:12px 14px;
  border:1px solid var(--ci-line);
  border-radius:8px;
  background:var(--ci-bg);
  color:var(--ci-text);
  font-size:1rem;
}
.ci-field input::placeholder {
  color:var(--ci-muted);
}
.ci-field small {
  display:block;
  font-size:.78rem;
  color:var(--ci-muted);
  margin-top:7px;
}
.ci-button {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  width:100%;
  min-height:52px;
  margin-top:24px;
  border:0;
  border-radius:8px;
  background:#155bce;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.ci-button:hover {
  background:#104aa9;
}
.ci-button span {
  font-size:1.5rem;
  line-height:1;
}
.ci-examples {
  display:flex;
  flex-wrap:wrap;
  gap:4px 12px;
  margin-top:22px;
  font-size:.78rem;
}
.ci-examples>span {
  flex-basis:100%;
  color:var(--ci-muted);
  margin-bottom:2px;
}
.ci-examples a {
  display:inline-flex;
  align-items:center;
  min-height:36px;
}
.ci-section-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin:0 0 22px;
}
.ci-section-heading h2 {
  font-size:1.35rem;
  margin:0;
  letter-spacing:-.02em;
}
.ci-section-heading>a {
  font-size:.82rem;
}
.ci-tool-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.ci-tool {
  display:block;
  padding:24px 22px;
  border:1px solid var(--ci-line);
  border-radius:12px;
  background:var(--ci-surface);
  text-decoration:none;
  color:var(--ci-text)!important;
  min-width:0;
}
.ci-tool:hover {
  border-color:var(--ci-blue);
  background:var(--ci-soft);
}
.ci-tool-number {
  font-size:.63rem;
  letter-spacing:.09em;
  color:var(--ci-muted);
  font-weight:650;
}
.ci-tool h3 {
  font-size:1.1rem;
  margin:18px 0 10px;
}
.ci-tool p {
  font-size:.85rem;
  color:var(--ci-muted);
  margin:0 0 18px;
}
.ci-tool>span:last-child {
  color:var(--ci-blue);
  font-size:1.3rem;
}
.ci-local-notice {
  border-left:3px solid var(--ci-line);
  padding:6px 14px;
  font-size:.8rem;
  color:var(--ci-muted);
  margin:28px 0 12px;
}
.ci-footer {
  border-top:1px solid var(--ci-line);
  padding:24px 0 32px;
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:16px;
  color:var(--ci-muted);
  font-size:.8rem;
}
.ci-footer nav {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}
.ci-footer a {
  display:inline-flex;
  align-items:center;
  min-height:40px;
}
.ci-footer small {
  flex-basis:100%;
  font-size:.7rem;
}
.ci-skip {
  position:absolute;
  left:12px;
  top:-100px;
  background:var(--ci-surface);
  padding:12px;
  z-index:10;
}
.ci-skip:focus {
  top:8px;
}
.ci-breadcrumb {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  font-size:.85rem;
  margin:20px 0;
}
.ci-breadcrumb a {
  min-height:32px;
}
.ci-page-heading h1 {
  font-size:clamp(1.9rem,4vw,2.7rem);
  line-height:1.15;
  letter-spacing:-.035em;
  margin:0 0 14px;
}
.ci-converter-input .ci-fields {
  grid-template-columns:1fr 1fr;
}
.ci-converter-input .ci-button {
  max-width:280px;
}
.ci-help-links {
  display:flex;
  flex-wrap:wrap;
  gap:2px 20px;
  margin-top:16px;
  border-top:1px solid var(--ci-line);
  padding-top:12px;
  font-size:.82rem;
}
.ci-help-links a {
  display:inline-flex;
  align-items:center;
  min-height:40px;
}
.ci-result {
  margin:24px 0;
  background:var(--ci-soft);
  border-color:var(--ci-blue);
}
.ci-result h2 {
  margin-bottom:12px;
}
.ci-result pre {
  font-size:clamp(.95rem,2.5vw,1.2rem);
  line-height:1.6;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  margin:0;
}
.ci-result-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.ci-contained-scroll {
  max-width:100%;
  overflow:auto;
}
.ci-engine-output {
  font-size:.9rem;
}
.ci-engine-output table {
  color:var(--ci-text);
}
.ci-feedback {
  font-size:.85rem;
  color:var(--ci-muted);
  margin:24px 0;
}
.ci-legacy-content .ciT,.ci-legacy-content .ciIE,.ci-legacy-content .ciH2 {
  font-size:1rem;
  font-family:inherit;
}
.ci-legacy-content .ciF,.ci-legacy-content .ciBC {
  font-size:.85rem;
  font-family:inherit;
}
.ci-legacy-content .ciH {
  font-size:1.5rem;
  font-family:inherit;
}
.ci-legacy-content>table {
  color:var(--ci-text);
}
@media(max-width:900px) {
  .ci-hero {
    gap:28px;
  }
  .ci-tool-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px) {
  .ci-site {
    padding:0 20px;
  }
  .ci-header {
    padding-top:18px;
  }
  .ci-header-row {
    gap:12px;
    flex-wrap:wrap;
  }
  .ci-appearance {
    margin-left:auto;
  }
  .ci-appearance>select {
    font-size:.9rem;
  }
  .ci-nav {
    column-gap:20px;
    margin-top:12px;
  }
  .ci-nav a {
    font-size:.85rem;
    min-height:44px;
  }
  .ci-hero {
    grid-template-columns:1fr;
    padding:26px 0 36px;
    gap:28px;
  }
  .ci-home h1 {
    max-width:15ch;
  }
  .ci-lead {
    font-size:1rem;
  }
  .ci-engine-note {
    margin-top:18px;
  }
  .ci-card {
    padding:22px;
  }
  .ci-section-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .ci-result-grid {
    grid-template-columns:1fr;
  }
  .ci-converter-input .ci-fields {
    grid-template-columns:1fr;
  }
  .ci-converter-input .ci-button {
    max-width:none;
  }
  .ci-page-heading {
    margin-top:24px;
  }
  .ci-tool {
    padding:20px;
  }
  .ci-tool h3 {
    margin-top:12px;
  }
  .ci-tool-grid {
    gap:12px;
  }
}
@media(max-width:400px) {
  .ci-site {
    padding:0 16px;
  }
  .ci-header-row {
    align-items:flex-start;
  }
  .ci-appearance {
    font-size:.75rem;
    gap:6px;
    flex-basis:100%;
    justify-content:flex-end;
  }
  .ci-card {
    padding:20px;
  }
  .ci-tool-grid {
    grid-template-columns:1fr;
  }
  .ci-tool p {
    margin-bottom:10px;
  }
  .ci-home h1 {
    font-size:2.35rem;
  }
  .ci-nav {
    column-gap:18px;
  }
}
@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important;
  }
}
/* Main-site legacy bodies use the same theme as their surrounding shell.
   Explicit table text handles old pages rendered in HTML quirks mode. */
.ci-legacy-content:not(:has(.ci-home,.ci-converter-page)) {
  background:var(--ci-surface);
  color:var(--ci-text);
  padding:20px;
  border-radius:12px;
}
.ci-legacy-content:not(:has(.ci-home,.ci-converter-page)) table {
  color:var(--ci-text);
}
:root[data-ci-theme="dark"] .ci-legacy-content:not(:has(.ci-home,.ci-converter-page)) :is(h1,h2,h3,h4,h5,h6,.ciH,.ciH2,.ciT,.ciF,.ciBC,.ciIE,.ciIH,td,th,li,label,font[color]) {
  color:var(--ci-text);
}
:root[data-ci-theme="dark"] .ci-legacy-content:not(:has(.ci-home,.ci-converter-page)) [bgcolor] {
  background-color:var(--ci-surface)!important;
}
:root[data-ci-theme="dark"] .ci-legacy-content:not(:has(.ci-home,.ci-converter-page)) a {
  color:var(--ci-blue);
}
:root[data-ci-theme="dark"] .ci-legacy-content:not(:has(.ci-home,.ci-converter-page)) :is(table,td,th) {
  border-color:#647c9c;
}
:root[data-ci-theme="dark"] .ci-legacy-content:not(:has(.ci-home,.ci-converter-page)) :is(input,select,textarea,button) {
  color:var(--ci-text);
  background:var(--ci-bg);
  border:1px solid #647c9c;
  font:inherit;
}
:root[data-ci-theme="dark"] .ci-legacy-content:not(:has(.ci-home,.ci-converter-page)) :is(button,input[type="submit"],input[type="button"],input[type="reset"]) {
  color:#fff;
  background:#155bce;
  cursor:pointer;
}
/* Existing logos, scans and mathematical images keep their original pixels. */

/* Local preview only: remove the empty minimum, not loaded advertising. */
html[data-ci-local-preview="true"] .ci-ad { min-height: 0; }
html[data-ci-local-preview="true"] .ci-ad-wrap { padding: 6px 0; }
.ci-handbook-feature {
  display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  align-items: center; gap: 32px; padding: 32px; margin: 0 0 36px;
  border: 1px solid var(--ci-line); border-left: 4px solid #e53646;
  border-radius: 16px; background: var(--ci-surface);
}
.ci-handbook-feature h2 { margin: 0 0 14px; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.2; letter-spacing: -.025em; }
.ci-handbook-feature p { color: var(--ci-muted); margin-bottom: 0; }
.ci-handbook-actions { display: flex; flex-direction: column; gap: 16px; font-size: .85rem; }
.ci-handbook-actions .ci-button { color: white; text-decoration: none; margin: 0; padding: 12px; }
.ci-currency h1, .ci-book h1 { font-size: clamp(1.8rem, 4vw, 2.7rem); line-height: 1.15; }
.ci-currency select, .ci-currency textarea, .ci-book input { width: 100%; max-width: 100%; min-height: 44px; padding: 10px; border: 1px solid var(--ci-line); border-radius: 8px; background: var(--ci-bg); color: var(--ci-text); font: inherit; }
.ci-fx-form { margin: 24px 0; }
.ci-fx-table { border-collapse: collapse; width: 100%; margin: 20px 0; }
.ci-fx-table th, .ci-fx-table td { border: 1px solid var(--ci-line); padding: 10px 14px; text-align: left; }
.ci-fx-table th { background: var(--ci-soft); }
.ci-book-nav { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 16px 0; border-block: 1px solid var(--ci-line); margin: 20px 0; }
.ci-book-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.ci-book-page-form { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; }
.ci-book-page-form label { max-width: 160px; }
.ci-book-page-form .ci-button { width: auto; margin: 0; padding: 10px 22px; }
.ci-book-contents { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 26px; padding-left: 22px; }
.ci-book-contents li[hidden] { display: none; }
.ci-book-contents a { display: inline-block; padding: 8px 0; }
.ci-book-scan { margin: 24px 0; padding: 10px; background: #fff; border-radius: 12px; border: 1px solid var(--ci-line); }
.ci-book-scan img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; }
.ci-book-scan figcaption { color: #172c4a; font-size: .8rem; padding-top: 10px; }
.ci-book-scan a { color: #165aca; }
.ci-book-ocr { margin: 20px 0; }
.ci-book-ocr summary { cursor: pointer; min-height: 44px; padding: 10px 0; }
.ci-book-ocr textarea { display: block; width: 100%; max-width: 100%; min-height: 220px; padding: 14px; color: var(--ci-text); background: var(--ci-surface); border: 1px solid var(--ci-line); border-radius: 8px; font: .9rem/1.6 Consolas,monospace; }
@media(max-width:700px) {
 .ci-handbook-feature { grid-template-columns: 1fr; padding: 22px; gap: 22px; }
 .ci-book-contents { grid-template-columns: 1fr; }
}

/* Functional control boundaries meet 3:1 against both dark navy surfaces. */
:root[data-ci-theme="dark"] :is(.ci-appearance select,.ci-field input,.ci-currency select,.ci-currency textarea,.ci-book input,.ci-book-ocr textarea) {
  border-color:#647c9c;
}