/* JNR Dual Mesh Guide V1 */
.jnr-tech-v1 {
  --ink:#211b32;
  --muted:#626176;
  --purple:#7950d6;
  max-width:1100px;
  margin:0 auto;
  padding:12px 0 64px;
  color:var(--ink);
}
.jnr-tech-v1 * {box-sizing:border-box}
.jnr-tech-v1 h2 {
  font-size:clamp(25px,3vw,35px);
  line-height:1.22;
  letter-spacing:-.035em;
  color:var(--ink);
}
.jnr-tech-v1 h3 {
  font-size:20px;
  color:var(--ink);
}
.jnr-tech-v1 p,
.jnr-tech-v1 li {
  font-size:15px;
  line-height:1.85;
  color:var(--muted);
}
.jnr-tech-v1__hero {
  margin:20px 0 34px;
  padding:36px;
  border-radius:20px;
  background:linear-gradient(135deg,#161222,#302149);
  color:white;
}
.jnr-tech-v1__hero h2,
.jnr-tech-v1__hero p {color:#fff!important}
.jnr-tech-v1__eyebrow {
  color:#c9adff!important;
  font-size:11px!important;
  font-weight:800;
  letter-spacing:.16em;
}
.jnr-tech-v1__section {margin:42px 0}
.jnr-tech-v1__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:22px 0;
}
.jnr-tech-v1__card {
  padding:27px;
  border:1px solid #e5e0ed;
  border-radius:17px;
  background:#faf9fd;
}
.jnr-tech-v1__table-wrap {
  overflow-x:auto;
  border:1px solid #e5e0ed;
  border-radius:14px;
}
.jnr-tech-v1 table {
  width:100%;
  min-width:540px;
  border-collapse:collapse;
}
.jnr-tech-v1 th,.jnr-tech-v1 td {
  padding:15px;
  border-bottom:1px solid #e9e6ef;
  text-align:left;
  font-size:14px;
  line-height:1.65;
}
.jnr-tech-v1 thead th {
  background:#211931;
  color:#fff;
}
.jnr-tech-v1__links {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}
.jnr-tech-v1__links a {
  display:inline-flex;
  padding:11px 15px;
  border-radius:9px;
  background:var(--purple);
  color:white!important;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.jnr-tech-v1__faq details {
  padding:17px 20px;
  margin:10px 0;
  border:1px solid #e5e0ed;
  border-radius:12px;
  background:#faf9fd;
}
.jnr-tech-v1__faq summary {
  cursor:pointer;
  font-weight:750;
  color:var(--ink);
}
.jnr-tech-v1__note {
  padding-top:18px;
  border-top:1px solid #e5e0ed;
  font-size:12px!important;
}
@media(max-width:640px) {
  .jnr-tech-v1__hero {padding:24px 20px}
  .jnr-tech-v1__grid {grid-template-columns:1fr}
  .jnr-tech-v1__card {padding:22px}
  .jnr-tech-v1__section {margin:32px 0}
}

/* ==========================================
   JNR DUAL GUIDE VISUAL V1.2
   PAGE 253 — DARK BACKGROUND READABILITY
========================================== */

/* Page title */
body.page-id-253 h1.entry-title,
body.page-id-253 .entry-header .entry-title {
    display:block;
    width:100%;
    max-width:1120px;
    margin:36px auto 30px!important;
    padding:0 20px;
    text-align:center!important;
    color:#ffffff!important;
    line-height:1.25;
    font-size:clamp(28px,3.5vw,42px);
}

/* Main guide headings */
body.page-id-253 .jnr-tech-v1__section h2,
body.page-id-253 .jnr-tech-v1__section > h3 {
    color:#f7f3ff!important;
}

/* Paragraph readability on dark background */
body.page-id-253 .jnr-tech-v1__section > p,
body.page-id-253 .jnr-tech-v1__section > ul,
body.page-id-253 .jnr-tech-v1__section > ol {
    color:#d2cddd!important;
}

body.page-id-253 .jnr-tech-v1__section > p a {
    color:#bba0ff!important;
    text-decoration:underline;
    text-underline-offset:3px;
}

/* Preserve light information cards */
body.page-id-253 .jnr-tech-v1__card h3 {
    color:#211b32!important;
}

body.page-id-253 .jnr-tech-v1__card p {
    color:#555569!important;
}

/* Readable FAQ */
body.page-id-253 .jnr-tech-v1__faq summary {
    color:#242036!important;
}

body.page-id-253 .jnr-tech-v1__faq details p {
    color:#555569!important;
}

/* Technical table */
body.page-id-253 .jnr-tech-v1 tbody th,
body.page-id-253 .jnr-tech-v1 tbody td {
    background:#fff;
    color:#272339!important;
}

body.page-id-253 .jnr-tech-v1 tbody tr:nth-child(even) th,
body.page-id-253 .jnr-tech-v1 tbody tr:nth-child(even) td {
    background:#f8f7fb;
}

/* Editorial disclaimer */
body.page-id-253 .jnr-tech-v1__note {
    color:#ada8b9!important;
}

@media(max-width:640px) {
    body.page-id-253 h1.entry-title,
    body.page-id-253 .entry-header .entry-title {
        font-size:clamp(26px,7vw,34px);
        margin:25px auto 22px!important;
        padding:0 16px;
    }
}