:root {
  --page: #edf3f9;
  --surface: #ffffff;
  --navy: #081a34;
  --navy-2: #102b54;
  --ink: #10213a;
  --text: #40516a;
  --muted: #7a899d;
  --line: #d9e3ed;
  --blue: #2868ff;
  --blue-dark: #1648c8;
  --blue-soft: #e8efff;
  --cyan: #18b7d7;
  --cyan-soft: #e4f8fc;
  --green: #16a36f;
  --green-soft: #e4f6ee;
  --purple: #7656db;
  --purple-soft: #f0ebff;
  --red: #d44e61;
  --red-soft: #ffedf0;
  --shadow: 0 9px 26px rgba(22, 48, 87, .08);
  --mono: "SFMono-Regular", "Cascadia Code", Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
body { margin: 0; overflow-x: hidden; color: var(--text); background: var(--page); font-family: var(--sans); line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
code, .mono-value { font-family: var(--mono); }
.explorer-shell { width: min(1240px, calc(100% - 40px)); margin: 0 auto; }

.explorer-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid #203654; background: var(--navy); }
.header-inner { min-height: 70px; display: flex; align-items: center; gap: 32px; }
.explorer-brand { display: inline-flex; align-items: center; gap: 10px; margin-right: auto; color: #fff; font-weight: 730; letter-spacing: -.02em; }
.explorer-brand b { color: #6fd7ee; }
.explorer-logo { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; background: #fff; }
.explorer-logo img { width: 31px; height: 31px; object-fit: contain; }
.explorer-nav { align-self: stretch; display: flex; align-items: center; gap: 25px; }
.explorer-nav a { position: relative; color: #b6c3d4; font-size: 13px; font-weight: 600; }
.explorer-nav a:hover, .explorer-nav a.active { color: #fff; }
.explorer-nav a.active::after { content: ""; position: absolute; right: 0; bottom: -25px; left: 0; height: 3px; border-radius: 3px 3px 0 0; background: #45c9e6; }
.network-pill, .context-pill, .sync-state, .finality-pill, .type-pill { display: inline-flex; align-items: center; gap: 7px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.network-pill { padding: 7px 10px; color: #d9e5f1; border: 1px solid #38506e; background: #112945; }
.network-pill i, .sync-state i, .context-pill i, .auto-update i { width: 7px; height: 7px; border-radius: 50%; background: #3bd495; box-shadow: 0 0 0 4px rgba(59, 212, 149, .12); animation: live-pulse 2.2s ease-out infinite; }
.node-offline .network-pill i { background: var(--red); animation: none; }
@keyframes live-pulse { 0%,45% { box-shadow: 0 0 0 3px rgba(59,212,149,.14); } 75%,100% { box-shadow: 0 0 0 8px rgba(59,212,149,0); } }

.search-hero { position: relative; margin-top: 28px; padding: 54px 58px 58px; overflow: hidden; border-radius: 20px; color: #fff; background: linear-gradient(125deg, #0c2e68 0%, #1755c8 58%, #147eaa 100%); box-shadow: 0 18px 46px rgba(20, 63, 142, .22); }
.search-hero::before { content: ""; position: absolute; right: -90px; bottom: -150px; width: 410px; height: 410px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.035), 0 0 0 110px rgba(255,255,255,.025); }
.hero-copy { position: relative; z-index: 1; }
.context-pill { padding: 7px 10px; color: #fff; background: rgba(5, 24, 57, .34); }
.search-hero h1 { max-width: 720px; margin: 17px 0 0; color: #fff; font-size: clamp(40px, 6vw, 66px); line-height: 1; letter-spacing: -.055em; }
.search-hero p { margin: 15px 0 0; color: #d8e7ff; font-size: 17px; }
.global-search { position: relative; z-index: 2; width: min(850px, 100%); min-height: 62px; display: grid; grid-template-columns: 48px 1fr auto; align-items: center; margin-top: 29px; padding: 6px; border-radius: 12px; background: #fff; box-shadow: 0 14px 32px rgba(4, 24, 67, .24); }
.search-icon { position: relative; width: 17px; height: 17px; margin-left: 13px; border: 2px solid #7b8ba0; border-radius: 50%; }
.search-icon::after { content: ""; position: absolute; right: -5px; bottom: -3px; width: 7px; height: 2px; transform: rotate(45deg); background: #7b8ba0; }
.global-search input { min-width: 0; height: 49px; padding: 0 5px; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 14px; }
.global-search input::placeholder { color: #98a5b5; }
.global-search button, .explorer-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 21px; border: 0; border-radius: 8px; color: #fff; background: var(--navy); cursor: pointer; font-size: 12px; font-weight: 750; }
.global-search button:hover, .explorer-button:hover { background: #14315a; }
.global-search button i { display: none; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.42); border-top-color: #fff; border-radius: 50%; }
.global-search button.is-loading i { display: block; animation: search-spin .65s linear infinite; }
.global-search button:disabled { cursor: wait; opacity: .86; }
.global-search.is-invalid { box-shadow: 0 0 0 3px rgba(212, 78, 97, .3), 0 14px 32px rgba(4, 24, 67, .24); }
.global-search input[aria-invalid="true"] { color: var(--red); }
.search-error { grid-column: 1 / -1; margin: 0; padding: 1px 13px 7px; color: #a62f42; font-size: 13px; font-weight: 650; }
.search-error[hidden] { display: none; }
@keyframes search-spin { to { transform: rotate(360deg); } }

.network-overview { padding: 35px 0 13px; }
.section-title, .card-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.section-title { margin-bottom: 15px; }
.section-title span:first-child, .card-heading > div > span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.section-title h2, .card-heading h2 { margin: 4px 0 0; color: var(--ink); font-size: 22px; letter-spacing: -.025em; }
.sync-state { padding: 7px 11px; color: var(--green); background: var(--green-soft); }
.sync-state.offline { color: var(--red); background: var(--red-soft); }
.sync-state.offline i { background: var(--red); animation: none; }
.stat-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.stat-cards article, .stat-cards .stat-card { position: relative; min-width: 0; min-height: 116px; display: flex; align-items: center; gap: 15px; padding: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); box-shadow: var(--shadow); }
.stat-cards .stat-card { cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.stat-cards .stat-card:hover { transform: translateY(-2px); border-color: #b8cae0; box-shadow: 0 14px 30px rgba(22, 48, 87, .13); }
.stat-cards .stat-card:focus-visible { outline: 3px solid rgba(40, 104, 255, .22); outline-offset: 2px; }
.stat-cards article::after, .stat-cards .stat-card::after { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: var(--blue); }
.stat-cards article:nth-child(2)::after, .stat-cards .stat-card:nth-child(2)::after { background: var(--cyan); }
.stat-cards article:nth-child(3)::after, .stat-cards .stat-card:nth-child(3)::after { background: var(--purple); }
.stat-cards article:nth-child(4)::after, .stat-cards .stat-card:nth-child(4)::after { background: var(--green); }
.stat-icon { width: 43px; height: 43px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; color: var(--blue); background: var(--blue-soft); font-size: 19px; }
.hash-icon { color: #0d93af; background: var(--cyan-soft); }
.difficulty-icon { color: var(--purple); background: var(--purple-soft); }
.peers-icon { color: var(--green); background: var(--green-soft); }
.stat-cards small, .stat-cards strong { display: block; }
.stat-cards small { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .07em; white-space: nowrap; }
.stat-cards strong { max-width: 165px; margin-top: 6px; overflow: hidden; color: var(--ink); font-size: clamp(20px, 2.5vw, 29px); line-height: 1.15; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.stat-cards em { display: block; margin-top: 6px; color: var(--blue); font-size: 10px; font-style: normal; font-weight: 700; }

.activity-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(380px, .75fr); align-items: start; gap: 15px; padding: 16px 0 64px; }
.data-card, .detail-card, .balance-panel { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); box-shadow: var(--shadow); }
.card-heading { min-height: 74px; padding: 15px 19px; border-bottom: 1px solid var(--line); }
.auto-update { display: inline-flex; align-items: center; gap: 7px; color: var(--green); font-size: 10px; font-weight: 750; }
.explorer-table { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 12px; }
th, td { height: 51px; padding: 0 15px; border-bottom: 1px solid #e8eef4; text-align: left; white-space: nowrap; }
th { color: #7e8ea2; background: #f4f7fa; font-size: 9px; font-weight: 800; letter-spacing: .07em; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover td { background: #f6f9ff; }
.height-link, .value-link { color: var(--blue); font-weight: 750; }
.hash-link { display: inline-block; max-width: 230px; overflow: hidden; color: #40536d; font-family: var(--mono); font-size: 10px; text-overflow: ellipsis; vertical-align: bottom; }
.count-pill, .number-badge { display: inline-grid; place-items: center; min-width: 28px; height: 24px; padding: 0 7px; border-radius: 6px; color: var(--blue-dark); background: var(--blue-soft); font-size: 10px; font-weight: 750; }
.empty-state { padding: 36px 18px !important; color: var(--muted); text-align: center; }
.activity-grid .card-heading { min-height: 82px; padding: 17px 21px; }
.activity-grid .card-heading > div > span { font-size: 11px; }
.activity-grid .card-heading h2 { font-size: 26px; }
.blocks-card table { font-size: 15px; }
.blocks-card th { height: 44px; font-size: 11px; }
.blocks-card td { height: 62px; }
.blocks-card .height-link { font-size: 15px; }
.blocks-card .hash-link { max-width: 285px; color: #344a68; font-size: 13px; line-height: 1.4; }
.blocks-card .count-pill { min-width: 31px; height: 27px; font-size: 12px; }
.block-row { cursor: pointer; outline: none; }
.block-row td { transition: background-color .16s ease, color .16s ease; }
.block-row:hover td, .block-row:focus-visible td { background: #edf4ff; }
.block-row:focus-visible td:first-child { box-shadow: inset 3px 0 var(--blue); }
.block-action { width: 38px; padding-left: 4px; padding-right: 12px; text-align: right; }
.block-row .row-arrow { display: inline-block; transition: transform .16s ease, color .16s ease; }
.block-row:hover .row-arrow, .block-row:focus-visible .row-arrow { transform: translateX(3px); color: var(--blue-dark); }
.transaction-list > a, .io-list > div { min-height: 70px; display: flex; align-items: center; gap: 12px; padding: 11px 17px; border-bottom: 1px solid #e8eef4; }
.transaction-list > a { min-height: 86px; gap: 14px; padding: 14px 19px; transition: background-color .16s ease, box-shadow .16s ease; }
.transaction-list > a:last-child, .io-list > div:last-child { border-bottom: 0; }
.transaction-list > a:hover, .transaction-list > a:focus-visible { background: #edf7fb; box-shadow: inset 3px 0 #18a6c3; }
.transaction-list > a:focus-visible { outline: 0; }
.tx-symbol { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; color: #087f9a; background: var(--cyan-soft); font-size: 18px; font-weight: 800; transition: transform .16s ease, background-color .16s ease; }
.transaction-list > a:hover .tx-symbol, .transaction-list > a:focus-visible .tx-symbol { transform: translateY(-2px); background: #d4f3f9; }
.tx-copy { min-width: 0; flex: 1; }
.tx-copy strong, .tx-copy small { display: block; }
.tx-copy strong { overflow: hidden; color: var(--ink); font: 600 14px/1.4 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.tx-copy small { margin-top: 6px; color: var(--muted); font-size: 13px; }
.row-arrow { color: var(--blue); font-size: 24px; }
.transaction-list .row-arrow { display: inline-block; transition: transform .16s ease, color .16s ease; }
.transaction-list > a:hover .row-arrow, .transaction-list > a:focus-visible .row-arrow { transform: translateX(3px); color: var(--blue-dark); }

.detail-hero { margin-top: 28px; padding: 34px 38px; border-radius: 17px; color: #fff; background: linear-gradient(120deg, var(--navy) 0%, #123d7c 100%); box-shadow: 0 15px 38px rgba(10, 35, 78, .18); }
.breadcrumbs { display: flex; gap: 8px; color: #9eb4cf; font-size: 12px; }
.breadcrumbs a { color: #70d4ea; }
.detail-title { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 24px; }
.detail-title > div { min-width: 0; display: flex; align-items: center; gap: 15px; }
.detail-title h1 { margin: 0; color: #fff; font-size: clamp(33px, 5vw, 50px); line-height: 1; letter-spacing: -.045em; }
.detail-title p { max-width: 820px; margin: 11px 0 0; overflow: hidden; color: #c7d6e8; font: 14px/1.5 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.detail-icon { width: 54px; height: 54px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; color: #fff; background: var(--blue); font-size: 22px; font-weight: 800; }
.tx-detail-icon { background: #0e9eba; }
.address-icon { background: var(--purple); }
.network-icon { background: #0d9a75; }
.finality-pill { flex: 0 0 auto; padding: 8px 12px; color: #71e3ae; background: rgba(26, 163, 112, .17); }
.type-pill { flex: 0 0 auto; padding: 8px 12px; color: #d8caff; background: rgba(118, 86, 219, .22); }

.detail-card { margin-top: 15px; }
.detail-card .card-heading > div > span,
.detail-list-card .card-heading > div > span,
.io-grid .card-heading > div > span,
.history-card .card-heading > div > span { font-size: 11px; }
.detail-card .card-heading h2,
.detail-list-card .card-heading h2,
.io-grid .card-heading h2,
.history-card .card-heading h2 { font-size: 24px; }
.detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; }
.detail-grid.three { grid-template-columns: repeat(3, 1fr); }
.detail-grid > div { min-width: 0; min-height: 104px; padding: 20px 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.detail-grid > div:nth-child(2n) { border-right: 0; }
.detail-grid.three > div:nth-child(2n) { border-right: 1px solid var(--line); }
.detail-grid.three > div:nth-child(3n) { border-right: 0; }
.detail-grid > div.wide { grid-column: 1 / -1; border-right: 0; }
.detail-grid > div:nth-last-child(-n+2), .detail-grid.three > div { border-bottom: 0; }
.detail-grid dt { color: var(--muted); font-size: 12px; font-weight: 650; }
.detail-grid dd { margin: 9px 0 0; overflow-wrap: anywhere; color: var(--ink); font-size: 16px; font-weight: 650; }
.detail-grid dd small { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; font-weight: 500; }
.mono-value { color: #405875; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.detail-list-card, .history-card { margin-top: 15px; margin-bottom: 64px; }
.history-card table { font-size: 14px; }
.history-card th { font-size: 11px; }
.history-card .hash-link { max-width: 300px; font-size: 12px; }
.io-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 15px; margin: 15px 0 64px; }
.io-marker { width: 39px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 6px; color: var(--blue); background: var(--blue-soft); font-size: 10px; font-weight: 800; }
.io-marker.output { color: #0786a0; background: var(--cyan-soft); }
.io-marker.mint { color: var(--green); background: var(--green-soft); }
.io-copy { min-width: 0; flex: 1; }
.io-copy a, .io-copy code, .io-copy b, .io-copy small { display: block; }
.io-copy a, .io-copy code { overflow: hidden; color: #405875; font: 13px/1.45 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.io-copy b { color: var(--ink); font-size: 14px; }
.io-copy small { margin-top: 5px; color: var(--muted); font-size: 12px; }
.io-list strong { flex: 0 0 auto; color: var(--ink); font-size: 13px; }

.balance-panel { display: grid; grid-template-columns: 1.5fr repeat(2, .75fr); margin-top: 15px; }
.balance-primary, .balance-stat { min-height: 140px; display: flex; flex-direction: column; justify-content: center; padding: 23px; border-right: 1px solid var(--line); }
.balance-stat:last-child { border-right: 0; }
.balance-primary > span, .balance-stat > span { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.balance-primary strong { margin-top: 8px; color: var(--ink); font-size: clamp(30px, 5vw, 48px); line-height: 1; letter-spacing: -.045em; }
.balance-primary strong em { color: var(--blue); font-size: .4em; font-style: normal; }
.balance-primary small { margin-top: 9px; color: var(--muted); font-size: 12px; }
.balance-stat strong { margin-top: 10px; color: var(--ink); font-size: 21px; }
.amount-pill { display: inline-flex; padding: 5px 8px; border-radius: 6px; color: var(--green); background: var(--green-soft); font-size: 12px; font-weight: 700; }
.amount-pill.negative { color: var(--red); background: var(--red-soft); }

.network-hero { margin-bottom: 15px; }
.network-stat-cards { margin-bottom: 15px; }
.network-page-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.network-spec-list { margin: 0; }
.network-spec-list > div { min-height: 59px; display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 18px; padding: 11px 19px; border-bottom: 1px solid #e8eef4; }
.network-spec-list > div:last-child { border-bottom: 0; }
.network-spec-list dt { color: var(--muted); font-size: 11px; }
.network-spec-list dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--ink); font-size: 12px; font-weight: 700; text-align: right; }
.network-spec-list code { padding: 3px 6px; border-radius: 5px; color: var(--blue-dark); background: var(--blue-soft); font-size: 10px; }
.network-details-card .network-pill { color: var(--green); border-color: #cfeade; background: var(--green-soft); }
.connection-card { margin: 15px 0 64px; }
.panel-note { color: var(--muted); font-size: 10px; font-weight: 650; }
.seed-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.seed-grid > div { min-width: 0; min-height: 102px; display: flex; align-items: center; gap: 13px; padding: 18px 19px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.seed-grid > div:last-child { border-right: 0; }
.seed-number { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--blue); font-size: 9px; font-weight: 800; }
.seed-grid > div > div { min-width: 0; flex: 1; }
.seed-grid strong, .seed-grid small { display: block; }
.seed-grid strong { overflow: hidden; color: var(--ink); font-size: 13px; text-overflow: ellipsis; }
.seed-grid small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.seed-grid code { color: var(--blue); font-size: 10px; }
.connection-note { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 18px; padding: 17px 19px; color: var(--muted); font-size: 11px; }
.connection-note strong { color: var(--ink); }
.connection-note code { color: var(--blue); }

.not-found { min-height: 580px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.error-code { color: var(--red); font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.not-found h1 { margin: 14px 0 0; color: var(--ink); font-size: clamp(38px, 6vw, 60px); letter-spacing: -.05em; }
.not-found p { max-width: 500px; margin: 14px 0 24px; color: var(--muted); }
.explorer-button { display: inline-flex; align-items: center; }
.explorer-footer { border-top: 1px solid var(--line); background: #e4ebf2; }
.footer-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 22px; color: var(--muted); font-size: 10px; }

@media (max-width: 980px) {
  .stat-cards { grid-template-columns: repeat(2, 1fr); }
  .activity-grid { grid-template-columns: 1fr; }
  .network-page-grid { grid-template-columns: 1fr; }
  .balance-panel { grid-template-columns: 1fr 1fr; }
  .balance-primary { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--line); }
}

@media (max-width: 700px) {
  .explorer-shell { width: min(100% - 24px, 1240px); }
  .header-inner { min-height: 62px; gap: 14px; }
  .explorer-brand > span:last-child b { display: none; }
  .explorer-nav { gap: 12px; overflow-x: auto; }
  .explorer-nav a { font-size: 11px; white-space: nowrap; }
  .explorer-nav a.active::after { bottom: -22px; }
  .network-pill { display: none; }
  .search-hero { margin-top: 12px; padding: 38px 20px 22px; border-radius: 13px; }
  .search-hero h1 { font-size: 40px; }
  .search-hero p { font-size: 14px; }
  .global-search { grid-template-columns: 42px 1fr; }
  .global-search button { grid-column: 1 / -1; width: 100%; }
  .stat-cards { grid-template-columns: 1fr; }
  .stat-cards article, .stat-cards .stat-card { min-height: 100px; }
  .section-title { align-items: flex-start; flex-direction: column; }
  .detail-hero { margin-top: 12px; padding: 25px 20px; border-radius: 13px; }
  .detail-title { align-items: flex-start; flex-direction: column; }
  .detail-title > div { align-items: flex-start; }
  .detail-title p { white-space: normal; overflow-wrap: anywhere; }
  .detail-grid, .detail-grid.three { grid-template-columns: 1fr; }
  .detail-grid > div, .detail-grid.three > div, .detail-grid > div:nth-child(2n), .detail-grid.three > div:nth-child(2n), .detail-grid.three > div:nth-child(3n) { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .detail-grid > div:last-child, .detail-grid.three > div:last-child { border-bottom: 0; }
  .io-grid { grid-template-columns: 1fr; }
  .balance-panel { grid-template-columns: 1fr; }
  .balance-stat { border-right: 0; border-bottom: 1px solid var(--line); }
  .balance-stat:last-child { border-bottom: 0; }
  .seed-grid { grid-template-columns: 1fr; }
  .seed-grid > div { border-right: 0; }
  .network-spec-list > div, .connection-note { grid-template-columns: 1fr; gap: 5px; }
  .network-spec-list dd { text-align: left; }
  .footer-inner { align-items: flex-start; flex-direction: column; justify-content: center; }
}