/* Node information inside the existing white-and-blue membership application. */
.node-area { min-width: 0; color: var(--ink, #16243d); }
.node-area .node-page-heading { align-items: flex-start; margin-bottom: 24px; }
.node-area .node-page-heading p { line-height: 1.8; }
.node-connection-badge { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; margin-top: 5px; padding: 7px 11px; border: 1px solid #e4e9f2; border-radius: 22px; background: #fff; color: #778398; font-size: 12px; white-space: nowrap; }
.node-connection-badge i { width: 6px; height: 6px; border-radius: 50%; background: #9daac0; }
.node-subnav { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 5px; margin-bottom: 25px; background: #eaf0fa; border: 1px solid #e2e9f6; border-radius: 16px; }
.node-subnav-item { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 43px; padding: 11px 22px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #7384a0; font-size: 13px; font-weight: 600; }
.node-subnav-item svg { width: 17px; height: 17px; }
.node-subnav-item.active { border-color: #dce5f6; background: #fff; color: var(--blue, #2455f5); box-shadow: 0 2px 5px #18345f05; }
.node-subnav-item:hover { color: var(--blue, #2455f5); }
.node-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0 0 25px; background: #e7edf6; border: 1px solid #e5ebf4; border-radius: 21px; overflow: hidden; }
.node-summary > div { min-width: 0; padding: 21px 24px; background: #fff; }
.node-summary dt { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #7888a0; }
.node-summary-icon { display: inline-flex; color: #8ba1c6; }
.node-summary-icon svg { height: 16px; width: 16px; }
.node-summary dd { margin: 13px 0 0; font-size: 29px; font-weight: 600; color: #49648d; line-height: 1.4; }
.node-summary dd.node-summary-word { font-size: 24px; padding-top: 4px; }
.node-summary dd > span { display: block; margin-top: 7px; color: #8390a4; font-size: 12px; font-weight: 400; line-height: 1.5; }
.node-overview-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(240px, 1fr); align-items: stretch; gap: 24px; }
.node-view-panel, .node-directory { min-width: 0; border: 1px solid #e3eaf5; border-radius: 24px; background: #fff; overflow: hidden; }
.node-panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 22px 25px; border-bottom: 1px solid #edf1f7; }
.node-panel-heading h2 { font-size: 17px; font-weight: 650; color: #385278; }
.node-soft-label { padding: 5px 10px; border-radius: 20px; background: #f0f4fc; color: #7b8fac; font-size: 11px; white-space: nowrap; }
.node-view-empty { display: flex; flex-direction: column; align-items: center; min-height: 421px; padding: 19px 24px 34px; text-align: center; }
.node-area svg.node-illustration { display: block; flex: 0 0 auto; width: 225px; height: 185px; max-width: 100%; margin-bottom: 7px; }
.node-view-empty h3, .node-directory-empty h3 { margin: 0; color: #526b91; font-size: 18px; font-weight: 600; line-height: 1.6; word-break: keep-all; }
.node-view-empty p, .node-directory-empty p { color: #8392a8; font-size: 13px; line-height: 1.85; margin-top: 10px; }
.node-view-empty > .btn, .node-directory-empty > .btn { margin-top: 24px; padding: 12px 22px; }
.node-context-column { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.node-guide-card { flex: 1; padding: 29px 28px 25px; border: 1px solid #dce7ff; border-radius: 24px; background: #edf3ff; }
.node-guide-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #d4e0fd; border-radius: 14px; background: #fff; color: #4c78df; margin-bottom: 20px; }
.node-guide-icon svg { width: 23px; height: 23px; }
.node-guide-kicker { display: block; color: #7f99c4; font-size: 9px; letter-spacing: .13em; margin-bottom: 10px; }
.node-guide-card h2 { font-size: 26px; font-weight: 600; line-height: 1.45; color: #335b9c; }
.node-guide-card p { color: #7a92b8; font-size: 13px; line-height: 1.85; margin-top: 15px; }
.node-guide-card .link-btn { padding-left: 0; margin-top: 17px; color: #2455f5; font-size: 13px; }
.node-info-card { display: flex; align-items: flex-start; gap: 11px; padding: 21px; border: 1px solid #e6ecf5; border-radius: 19px; background: #fff; }
.node-info-icon { display: inline-flex; flex: 0 0 auto; color: #95a7c3; margin-top: 1px; }
.node-info-icon svg { width: 17px; height: 17px; }
.node-info-card h3 { font-size: 13px; font-weight: 600; color: #667f9f; margin-bottom: 8px; }
.node-info-card p { color: #8594ab; font-size: 12px; line-height: 1.85; word-break: keep-all; }
.node-area .node-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.node-table thead th { width: 33.333%; padding: 14px 25px; background: #f8faff; color: #8a9bb6; font-size: 12px; font-weight: 500; border-radius: 0; }
.node-table thead th:last-child { text-align: right; }
.node-table thead th:nth-child(2) { text-align: center; }
.node-table tbody td { white-space: normal; padding: 0; }
.node-directory-empty { display: flex; align-items: center; flex-direction: column; padding: 40px 25px 48px; text-align: center; }
.node-directory-empty .node-illustration { margin-bottom: 14px; }
.node-directory-note { display: flex; align-items: flex-start; gap: 9px; padding: 18px 6px 0; color: #8493aa; font-size: 12px; line-height: 1.8; }
.node-directory-note > svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 3px; }
.node-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 1100px) {
 .node-overview-grid { gap: 19px; grid-template-columns: minmax(0, 1.35fr) minmax(220px, 1fr); }
 .node-summary > div { padding: 19px 20px; }
 .node-guide-card { padding: 25px 23px 21px; }
 .node-guide-card h2 { font-size: 24px; }
 .node-info-card { padding: 20px 17px; }
}
@media (max-width: 900px) {
 .node-overview-grid { grid-template-columns: 1fr; }
 .node-context-column { display: grid; grid-template-columns: 1fr 1fr; }
 .node-view-empty { min-height: 385px; padding-top: 10px; }
 .node-info-card { align-self: start; }
}
@media (max-width: 767px) {
 .node-area .node-page-heading { margin-bottom: 19px; gap: 14px; }
 .node-area .node-page-heading h1 { font-size: 26px; }
 .node-area .node-page-heading p { font-size: 12px; }
 .node-connection-badge { margin-top: 0; font-size: 11px; padding: 5px 9px; }
 .node-subnav { width: 100%; display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 19px; }
 .node-subnav-item { min-height: 44px; padding: 10px 8px; font-size: 13px; }
 .node-summary { gap: 0; border-radius: 18px; margin-bottom: 20px; }
 .node-summary > div { padding: 15px 10px; }
 .node-summary > div + div { border-left: 1px solid #edf1f7; }
 .node-summary dt { font-size: 11px; gap: 0; justify-content: center; }
 .node-summary-icon { display: none; }
 .node-summary dd, .node-summary dd.node-summary-word { padding-top: 0; margin-top: 9px; font-size: 21px; text-align: center; }
 .node-summary dd > span { margin-top: 5px; font-size: 10px; word-break: keep-all; }
 .node-overview-grid { gap: 18px; }
 .node-view-panel, .node-directory { border-radius: 21px; }
 .node-panel-heading { padding: 19px 20px; }
 .node-panel-heading h2 { font-size: 16px; }
 .node-soft-label { font-size: 10px; }
 .node-view-empty { min-height: 368px; padding: 14px 20px 28px; }
 .node-area svg.node-illustration { width: 205px; height: 168px; }
 .node-view-empty h3, .node-directory-empty h3 { font-size: 16px; }
 .node-view-empty p, .node-directory-empty p { font-size: 12px; }
 .node-view-empty > .btn, .node-directory-empty > .btn { font-size: 13px !important; margin-top: 21px; }
 .node-context-column { display: flex; flex-direction: column; gap: 15px; }
 .node-guide-card { position: relative; padding: 23px; border-radius: 21px; }
 .node-guide-icon { position: absolute; right: 23px; top: 27px; margin-bottom: 0; }
 .node-guide-kicker { font-size: 9px; }
 .node-guide-card h2 { font-size: 24px; padding-right: 50px; }
 .node-guide-card p { margin-top: 12px; font-size: 12px; }
 .node-guide-card .link-btn { font-size: 13px !important; margin-top: 12px; }
 .node-info-card { padding: 19px; border-radius: 19px; }
 .node-info-card h3 { font-size: 13px; }
 .node-info-card p { font-size: 12px; }
 .node-table thead th { padding: 12px 19px; font-size: 11px; }
 .node-directory-empty { padding: 29px 18px 35px; }
 .node-directory-empty .node-illustration { margin-bottom: 11px; }
 .node-directory-note { padding-top: 16px; font-size: 11px; }
}
@media (max-width: 374px) {
 .node-summary > div { padding: 15px 7px; }
 .node-summary dd > span { font-size: 10px; }
 .node-view-empty h3, .node-directory-empty h3 { font-size: 15px; }
 .node-view-empty { padding-left: 15px; padding-right: 15px; }
}

.node-products-section { margin-top: 30px; }
.node-products .product-card { padding: 25px; }
.node-products .product-name { margin-top: 18px; font-size: 20px; }
.node-product-description { margin: 16px 0 23px; line-height: 1.8; color: #75839b; font-size: 13px; }
.node-products .product-card > .btn { margin-top: auto; }
.node-table tbody .node-holding-row td { padding: 22px 25px; border-top: 1px solid #edf1f7; font-size: 13px; color: #526b91; }
.node-holding-row td:nth-child(2) { text-align: center; }
.node-holding-row td:last-child { text-align: right; }
.node-holding-row small { display: block; font-size: 10px; color: #8392a8; margin-top: 7px; line-height: 1.6; }
@media (max-width:767px) { .node-table tbody .node-holding-row td { padding: 17px 12px; font-size: 11px; } .node-products .product-card { padding: 23px; } }

.node-external-fees { margin-top:24px; padding:26px; border:1px solid #e1e8f4; border-radius:22px; background:#fff; }
.node-fee-unavailable { display:flex; gap:15px; align-items:flex-start; padding:22px 0 18px; color:#597396; }
.node-fee-unavailable > svg { flex:0 0 auto; margin-top:3px; }
.node-fee-unavailable h3 { margin:0 0 8px; font-size:16px; color:#29405f; }
.node-fee-unavailable p,.node-fee-scope { margin:0; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.node-fee-scope { padding-top:16px; border-top:1px solid #edf1f7; color:#728198; }
@media(max-width:767px) { .node-external-fees { padding:20px; border-radius:19px; } .node-external-fees .node-panel-heading { flex-wrap:wrap; gap:10px; } .node-fee-unavailable p,.node-fee-scope { font-size:12px; } }