/* MAREX v50  -  three-pillar positioning, schematics, method sheets */
.subnav .nav-label{display:block;padding:10px 20px 2px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:650;pointer-events:none}
@media(max-width:760px){
  .nav.open .subnav .nav-label{color:#8aa0b5;padding:14px 0 2px}
}
a.card.card-link{text-decoration:none;color:inherit;display:block;transition:box-shadow .2s ease,transform .2s ease}
a.card.card-link:hover{box-shadow:0 10px 28px rgba(4,18,34,.1);transform:translateY(-2px)}
a.card.card-link .more{display:inline-block;margin-top:.6rem;font-size:.9rem;color:var(--navy);font-weight:600}

.pillars{background:var(--abyss);color:#e8eef4;padding:0 0 56px}
.pillars .wrap{padding-top:0}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-28px;position:relative;z-index:2}
.pillar{background:#0b1c30;border:1px solid rgba(155,227,255,.14);border-radius:6px;overflow:hidden;color:inherit;text-decoration:none;display:flex;flex-direction:column;min-height:100%;transition:border-color .2s ease,transform .2s ease}
.pillar:hover{border-color:var(--cyan);transform:translateY(-3px)}
.pillar img,.pillar svg.pillar-img{width:100%;height:148px;object-fit:cover;display:block;background:#06182f}
.pillar .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.pillar .num{font-size:12px;letter-spacing:.12em;color:var(--cyan);font-weight:650}
.pillar h2,.pillar h3{margin:0;font-size:1.15rem;color:#fff;letter-spacing:-.01em}
.pillar p{margin:0;color:#b9c6d6;font-size:.95rem;line-height:1.5;flex:1}
.pillar .more{color:var(--ice);font-size:.9rem;font-weight:600}
@media(max-width:760px){
  .pillars{padding-bottom:36px}
  .pillars-grid{grid-template-columns:1fr;margin-top:8px}
  .pillar img,.pillar svg.pillar-img{height:180px}
}

.schematic{margin:0 0 1.2rem;background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.schematic svg{display:block;width:100%;height:auto}
.schematic figcaption{padding:10px 16px 14px;font-size:.88rem;color:var(--mute);line-height:1.45}
.schematic-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:28px;align-items:center}
.schematic img,.schematic object,.schematic svg{width:100%;height:auto;display:block;background:var(--paper)}
@media(max-width:900px){.schematic-wrap{grid-template-columns:1fr}}
.split-visual{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.split-visual{grid-template-columns:1fr}}

.methods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.methods li{padding:12px 0;border-top:1px solid var(--line)}
.methods li strong{display:block;color:var(--ink);font-size:.98rem}
.methods li span{display:block;color:var(--mute);font-size:.9rem}
.methods .code{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);font-weight:650}
@media(max-width:760px){.methods{grid-template-columns:1fr}}

.anode-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.anode-pair{grid-template-columns:1fr}}

.note-src{font-size:.86rem;color:var(--mute);max-width:720px}
.pcase .case-visual{margin:0 0 1.2rem}
.pcase .case-visual .schematic{margin:0}