/* Three issue documents share one full-height documentation shell. */
.issue-atlas {
  --verify: #68e63b;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  background: var(--background);
}

.is-issue-workspace {
  height: 100dvh;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
.is-issue-workspace #main-content,
.is-issue-workspace .docs-shell--workspace { width: 100%; height: 100%; min-height: 0; }
.is-issue-workspace .docs-workspace { height: 100%; min-height: 0; }

.atlas-app { width: 100%; height: 100%; min-height: 0; background: var(--surface-container-lowest); }
.atlas-app--graph { position: relative; }
.issue-atlas--graph .atlas-stage,
.issue-atlas--graph .network-view,
.issue-atlas--graph .network-canvas,
.issue-atlas--graph .network-svg { width: 100%; height: 100%; min-height: 0; }
.issue-atlas--graph .network-view { grid-template-rows: auto minmax(0, 1fr) auto; }
.issue-atlas--graph .network-tools { padding-left: 23rem; }

.atlas-app--planner { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr); overflow: hidden; }
.atlas-app--planner .atlas-stage,
.atlas-app--planner [data-view-panel] { width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; }
.atlas-app--planner .priority-board,
.atlas-app--planner .queue-wrap { min-height: 0; height: 100%; overflow: auto; }

.statistics-view { height: 100%; padding: clamp(1rem, 2.5vw, 2rem); overflow: auto; background: var(--surface-container-lowest); }
.statistics-view__header { margin-bottom: 1rem; display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.statistics-view__header h2 { margin: 0.35rem 0 0; font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -0.05em; line-height: 1; }
.statistics-view__header p { margin: 0; color: var(--on-surface-variant); }
.atlas-map-eyebrow { color: var(--outline); font: 0.68rem/1 var(--font-mono); letter-spacing: 0.1em; text-transform: uppercase; }
.atlas-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; }
.summary-card { min-height: 9rem; padding: 1rem; background: var(--surface-container-low); display: flex; flex-direction: column; justify-content: space-between; box-shadow: inset 0 2px 0 var(--outline-variant); }
.summary-card > span { font: 0.68rem/1.2 var(--font-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--outline); }
.summary-card strong { font: 600 clamp(2.5rem, 4vw, 4rem)/1 var(--font-head); letter-spacing: -0.07em; color: var(--on-surface); }
.summary-card p { margin: 0; font: 0.75rem/1 var(--font-mono); color: var(--on-surface-variant); }
.summary-card--verify { box-shadow: inset 0 3px 0 var(--verify); }
.summary-card--blocker { background: var(--primary-container); box-shadow: none; }
.summary-card--blocker > span, .summary-card--blocker p { color: var(--on-primary-container); opacity: 0.8; }
.summary-card--blocker strong { color: var(--on-primary-container); }
.verification-note { padding: 1.15rem 1.25rem; display: flex; gap: 1rem; align-items: center; background: color-mix(in srgb, var(--verify) 7%, var(--surface-container-low)); box-shadow: inset 3px 0 0 var(--verify); }
.verification-note__mark { width: 2rem; height: 2rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--verify); color: #10200c; font-weight: 900; }
.verification-note strong { color: var(--on-surface); }
.verification-note p { margin: 0.25rem 0 0; color: var(--on-surface-variant); }
.statistics-view .verification-note { margin-top: 1rem; }
.statistics-source { margin: 0.75rem 0 0; color: var(--outline); font: 0.65rem/1.4 var(--font-mono); }

.graph-filter-panel { position: absolute; z-index: 6; top: 0.75rem; left: 1rem; width: min(72rem, calc(100% - 2rem)); pointer-events: none; }
.graph-filter-panel summary { width: fit-content; min-height: 2.75rem; padding: 0.75rem 1rem; display: flex; align-items: center; gap: 1rem; cursor: pointer; pointer-events: auto; list-style: none; background: color-mix(in srgb, var(--surface-container-high) 92%, transparent); box-shadow: var(--shadow-sm); color: var(--on-surface); font: 700 0.68rem/1 var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase; }
.graph-filter-panel summary::-webkit-details-marker { display: none; }
.graph-filter-panel summary::before { content: "+"; color: var(--primary); font-size: 1rem; }
.graph-filter-panel[open] summary::before { content: "−"; }
.graph-filter-panel .atlas-count { padding: 0; display: inline; white-space: nowrap; }
.graph-filter-panel .atlas-filters { max-height: min(28rem, calc(100dvh - 10rem)); overflow-y: auto; pointer-events: auto; box-shadow: var(--shadow-lg); }
.atlas-toolbar { min-height: 3.75rem; padding: 0.5rem 0.75rem; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; background: var(--surface-container-low); }
.view-tabs { width: min(100%, 42rem); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; padding: 0.2rem; background: var(--outline-variant); }
.view-tab { min-width: 0; min-height: 2.75rem; border: 0; padding: 0.7rem 1rem; cursor: pointer; background: var(--surface-container-lowest); color: var(--on-surface-variant); font: var(--type-label-sm)/1 var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; }
.view-tab:hover { color: var(--on-surface); }
.view-tab.is-active { background: var(--primary-container); color: var(--on-primary-container); }
.atlas-count { padding: 0 1.25rem; display: flex; align-items: center; white-space: nowrap; font: 0.7rem/1 var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--outline); }
.atlas-publication { margin-left: auto; white-space: nowrap; color: var(--on-surface-variant); font: 0.65rem/1.3 var(--font-mono); letter-spacing: 0.04em; }
.network-tools .atlas-publication { margin-left: 0; }

.atlas-filters { padding: 1rem 1.5rem; display: grid; grid-template-columns: minmax(14rem, 1.5fr) repeat(3, minmax(8rem, 0.7fr)) auto auto; gap: 0.75rem; background: var(--surface-container); }
.atlas-filters label { min-width: 0; }
.atlas-filters label > span:not(.sr-only) { display: block; margin-bottom: 0.35rem; font: 0.6rem/1 var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--outline); }
.atlas-filters input, .atlas-filters select { width: 100%; height: 2.75rem; border: 0; border-radius: 0; padding: 0 0.75rem; background: var(--surface-container-high); color: var(--on-surface); font: 0.8rem/1 var(--font-mono); }
.search-field { position: relative; align-self: end; }
.search-field > span:not(.sr-only) { position: absolute; left: 0.8rem; bottom: 0.8rem; z-index: 1; color: var(--outline); }
.search-field input { padding-left: 2.2rem; }
.filter-reset { align-self: end; height: 2.75rem; border: 0; padding: 0 1rem; cursor: pointer; background: var(--surface-container-highest); color: var(--on-surface); font: 0.7rem/1 var(--font-mono); text-transform: uppercase; }
.atlas-filters .atlas-count { min-height: 2.75rem; align-self: end; justify-content: flex-end; padding: 0; }
.atlas-stage { min-height: 46rem; position: relative; }
.atlas-loading { min-height: 46rem; display: grid; place-content: center; justify-items: center; gap: 1rem; color: var(--outline); font-family: var(--font-mono); }
.atlas-loading span { width: 2rem; height: 2rem; border: 2px solid var(--outline-variant); border-top-color: var(--primary); border-radius: 50%; animation: atlas-spin 0.8s linear infinite; }

.network-view { min-height: 46rem; display: grid; grid-template-rows: auto 1fr auto; }
.network-tools { padding: 0.75rem 1rem; display: flex; justify-content: space-between; align-items: center; background: var(--surface-container-low); }
.network-tools__buttons { display: flex; gap: 0.35rem; }
.network-tool { width: 2.75rem; height: 2.75rem; border: 0; cursor: pointer; background: var(--surface-container-high); color: var(--on-surface); font: 1rem/1 var(--font-mono); }
.network-hint { font: 0.68rem/1.3 var(--font-mono); color: var(--outline); }
.network-canvas { min-height: 38rem; position: relative; overflow: hidden; cursor: grab; background: radial-gradient(circle at center, var(--surface-container-low), var(--surface-container-lowest) 66%); }
.network-canvas.is-panning { cursor: grabbing; }
.network-svg { width: 100%; height: 100%; min-height: 38rem; display: block; touch-action: none; }
.graph-halo { fill-opacity: 0.035; stroke-opacity: 0.22; stroke-width: 1; stroke-dasharray: 3 7; }
.graph-cluster-label { fill: var(--on-surface-variant); font: 600 12px var(--font-mono); letter-spacing: 0.06em; text-transform: uppercase; pointer-events: none; }
.graph-cluster-count { fill: var(--outline); font: 10px var(--font-mono); pointer-events: none; }
.graph-edge { stroke: var(--outline); stroke-opacity: 0.16; stroke-width: 1; vector-effect: non-scaling-stroke; }
.graph-edge--blocks, .graph-edge--sub_issue { stroke: var(--on-surface-variant); stroke-opacity: 0.44; stroke-width: 1.5; }
.graph-arrow { fill: var(--on-surface-variant); }
.graph-node { cursor: pointer; outline: none; }
.graph-node__hit { fill: transparent; pointer-events: all; }
.graph-node__dot { stroke: var(--surface-container-lowest); stroke-width: 2; transition: filter var(--dur), stroke-width var(--dur); }
.graph-node:hover .graph-node__dot, .graph-node:focus .graph-node__dot, .graph-node.is-selected .graph-node__dot { filter: brightness(1.28) drop-shadow(0 0 8px currentColor); stroke: var(--on-surface); stroke-width: 3; }
.graph-node__ring { fill: none; stroke: var(--primary); stroke-width: 2; vector-effect: non-scaling-stroke; }
.graph-node--verify .graph-node__ring { stroke: var(--verify); stroke-dasharray: 3 2; }
.graph-node--fixed-on-main .graph-node__ring { stroke: var(--fixed-on-main-color); filter: drop-shadow(0 0 6px var(--fixed-on-main-color)); }
.graph-node--fixed-on-main .graph-node__dot { filter: drop-shadow(0 0 7px var(--fixed-on-main-color)); stroke: var(--fixed-on-main-color); stroke-width: 2.5; }
.graph-node--fixed-on-main:hover .graph-node__dot, .graph-node--fixed-on-main:focus .graph-node__dot, .graph-node--fixed-on-main.is-selected .graph-node__dot { filter: brightness(1.3) drop-shadow(0 0 11px var(--fixed-on-main-color)); }
.graph-node__label { fill: #0e0e0e; font: 700 7px var(--font-mono); text-anchor: middle; dominant-baseline: central; pointer-events: none; }
.graph-tooltip { position: absolute; z-index: 4; width: min(23rem, calc(100% - 1rem)); pointer-events: none; padding: 0.9rem; background: var(--surface-bright); color: var(--on-surface); box-shadow: var(--shadow-lg); font-size: 0.78rem; opacity: 0; transform: translateY(0.4rem); transition: opacity var(--dur), transform var(--dur); }
.graph-tooltip.is-visible { opacity: 1; transform: none; }
.graph-tooltip__head { margin-bottom: 0.55rem; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.graph-tooltip__head > span { color: var(--outline); font: 0.65rem/1 var(--font-mono); }
.graph-tooltip__assignees { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.graph-tooltip__assignee { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--on-surface-variant); font: 0.62rem/1 var(--font-mono); }
.graph-tooltip__assignee img { width: 1.5rem; height: 1.5rem; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 1px var(--outline-variant); }
.graph-tooltip__unassigned { color: var(--outline); font: 0.62rem/1 var(--font-mono); }
.graph-tooltip__title { display: block; line-height: 1.4; }
.graph-tooltip__labels { margin-top: 0.7rem; display: flex; flex-wrap: wrap; gap: 0.3rem; }
.graph-legend { padding: 0.9rem 1rem; display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; background: var(--surface-container-low); }
.legend-item { display: inline-flex; align-items: center; gap: 0.45rem; font: 0.65rem/1 var(--font-mono); color: var(--on-surface-variant); }
.legend-swatch { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: var(--swatch); }
.legend-ring { width: 0.75rem; height: 0.75rem; border: 2px dashed var(--verify); border-radius: 50%; }
.legend-line { width: 1rem; height: 1px; background: var(--outline); }
.legend-line--blocks, .legend-line--sub-issue { position: relative; background: var(--on-surface-variant); }
.legend-line--blocks::after, .legend-line--sub-issue::after { content: ""; position: absolute; top: -0.2rem; right: -0.05rem; border-block: 0.22rem solid transparent; border-left: 0.3rem solid var(--on-surface-variant); }

.priority-board { min-height: 46rem; padding: 1rem; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(18rem, 1fr); gap: 0.75rem; overflow-x: auto; align-items: start; }
.board-lane { min-width: 0; max-width: 100%; min-height: 40rem; background: var(--surface-container-low); }
.board-lane__head { min-height: 8.5rem; padding: 1.1rem; display: flex; flex-direction: column; box-shadow: inset 0 3px 0 var(--lane-color); }
.board-lane__order { color: var(--outline); font: 0.6rem/1 var(--font-mono); text-transform: uppercase; letter-spacing: 0.1em; }
.board-lane h3 { margin: 0.8rem 0 0.4rem; font-size: 1.1rem; }
.board-lane__head p { color: var(--outline); font-size: 0.78rem; line-height: 1.45; }
.board-list { min-width: 0; max-width: 100%; padding: 0.6rem; display: grid; gap: 0.55rem; }
.issue-card { width: 100%; min-width: 0; max-width: 100%; border: 0; padding: 0.9rem; text-align: left; cursor: pointer; background: var(--surface-container); color: var(--on-surface); transition: transform var(--dur), background var(--dur); }
.issue-card:hover { transform: translateY(-2px); background: var(--surface-container-high); }
.issue-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.55rem; color: var(--outline); font: 0.62rem/1 var(--font-mono); }
.issue-card strong { display: block; min-width: 0; overflow-wrap: anywhere; font-size: 0.84rem; line-height: 1.4; }
.card-labels { margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.3rem; }

.label-chip { display: inline-flex; padding: 0.22rem 0.42rem; border-radius: 999px; background: var(--label-color); color: var(--label-ink); font: 700 0.56rem/1 var(--font-mono); }
.runway-view { width: 100%; max-width: 100%; min-height: 46rem; overflow: auto; }
.atlas-app--planner .runway-view { min-height: 0; height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
.runway-notice { padding: 0.9rem 1rem; display: flex; align-items: baseline; gap: 0.75rem; background: color-mix(in srgb, var(--verify) 7%, var(--surface-container-low)); box-shadow: inset 3px 0 0 var(--verify); }
.runway-notice strong { font: 700 0.72rem/1 var(--font-mono); color: var(--on-surface); text-transform: uppercase; letter-spacing: 0.06em; }
.runway-notice span { color: var(--on-surface-variant); font-size: 0.75rem; }
.runway-scroll { min-width: 0; min-height: 0; overflow: auto; }
.runway-grid { min-width: 78rem; position: relative; background: var(--surface-container-lowest); }
.runway-head, .runway-row { display: grid; grid-template-columns: 20rem 1fr; }
.runway-head { position: sticky; top: 0; z-index: 3; background: var(--surface-container-high); }
.runway-head__label { padding: 1rem; font: 0.65rem/1 var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em; }
.runway-steps { display: grid; grid-template-columns: repeat(var(--steps), 1fr); }
.runway-step { padding: 1rem 0.6rem; border-left: 1px solid var(--outline-variant); font: 0.6rem/1 var(--font-mono); color: var(--outline); }
.runway-stream { padding: 0.75rem 1rem; position: sticky; left: 0; z-index: 2; background: var(--surface-container-low); box-shadow: inset 3px 0 0 var(--stream-color); font: 700 0.72rem/1 var(--font-mono); color: var(--on-surface); }
.runway-stream span { color: var(--outline); font-weight: 400; }
.runway-row__label { padding: 0.65rem 1rem; position: sticky; left: 0; z-index: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: var(--surface-container); color: var(--on-surface-variant); font-size: 0.74rem; }
.runway-track { min-height: 2.65rem; position: relative; background-image: linear-gradient(90deg, var(--outline-variant) 1px, transparent 1px); background-size: calc(100% / var(--steps)) 100%; }
.runway-bar { position: absolute; top: 0.45rem; left: var(--start); width: max(var(--duration), 1.2rem); height: 1.75rem; border: 0; overflow: hidden; padding: 0 0.6rem; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; text-align: left; background: var(--bar-color); color: #111; font: 700 0.62rem/1 var(--font-mono); }

.queue-wrap { min-height: 46rem; overflow: auto; }
.issue-table { width: 100%; min-width: 60rem; border-collapse: collapse; }
.issue-table th { position: sticky; top: 0; z-index: 2; padding: 1rem; text-align: left; background: var(--surface-container-high); color: var(--outline); font: 0.6rem/1 var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em; }
.issue-table td { padding: 0.85rem 1rem; background: var(--surface-container-lowest); box-shadow: inset 0 -1px 0 var(--outline-variant); color: var(--on-surface-variant); font-size: 0.78rem; }
.issue-table tr { cursor: pointer; }
.issue-table tr:hover td { background: var(--surface-container-low); }
.issue-table__title { max-width: 34rem; color: var(--on-surface); font-weight: 600; }
.queue-labels { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.view-empty { min-height: 36rem; display: grid; place-content: center; text-align: center; color: var(--outline); }
.view-empty strong { color: var(--on-surface); font-size: 1.2rem; }

.issue-drawer-scrim { position: fixed; inset: 0; z-index: 109; visibility: hidden; opacity: 0; background: color-mix(in srgb, var(--surface-container-lowest) 70%, transparent); transition: opacity var(--dur), visibility var(--dur); }
.issue-drawer-scrim.is-open { visibility: visible; opacity: 1; }
.issue-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 110; width: min(32rem, 94vw); overflow-y: auto; padding: 1.5rem; background: var(--surface-container-low); box-shadow: var(--shadow-lg); transform: translateX(105%); transition: transform var(--dur) var(--ease); }
.issue-drawer.is-open { transform: none; }
.drawer-close { float: right; width: 2.75rem; height: 2.75rem; border: 0; cursor: pointer; background: var(--surface-container-high); color: var(--on-surface); }
.drawer-kicker { margin: 4rem 0 0.75rem; color: var(--outline); font: 0.68rem/1 var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em; }
.issue-drawer h2 { font-size: clamp(1.6rem, 4vw, 2.3rem); line-height: 1.12; }
.drawer-priority { margin: 1.25rem 0; padding: 1rem; background: var(--surface-container); box-shadow: inset 3px 0 0 var(--priority-color); }
.drawer-priority strong { display: block; }
.drawer-priority span { color: var(--on-surface-variant); font-size: 0.8rem; }
.drawer-excerpt { color: var(--on-surface-variant); font-size: 0.92rem; line-height: 1.65; }
.drawer-facts { margin: 1.5rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--outline-variant); }
.drawer-fact { padding: 0.9rem; background: var(--surface-container-low); }
.drawer-fact span { display: block; margin-bottom: 0.35rem; color: var(--outline); font: 0.58rem/1 var(--font-mono); text-transform: uppercase; }
.drawer-fact strong { font-size: 0.78rem; }
.drawer-labels { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.drawer-section-title { margin: 2rem 0 0.75rem; font-size: 0.8rem; font-family: var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase; }
.drawer-related { display: grid; gap: 0.4rem; }
.drawer-related a { padding: 0.75rem; background: var(--surface-container); }
.drawer-related span { display: block; margin-bottom: 0.3rem; color: var(--outline); font: 0.58rem/1 var(--font-mono); text-transform: uppercase; }
.drawer-related strong { display: block; color: var(--on-surface); font-size: 0.75rem; line-height: 1.35; }
.drawer-link { display: flex; justify-content: space-between; margin-top: 2rem; padding: 1rem; background: var(--primary-container); color: var(--on-primary-container); font-weight: 700; }
.drawer-link:hover { color: var(--on-primary-container); }

@keyframes atlas-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .atlas-loading span { animation: none; } }

@media (max-width: 1200px) {
  .atlas-toolbar { align-items: stretch; flex-direction: column; gap: 0.4rem; }
  .atlas-toolbar .atlas-publication { align-self: flex-end; margin-left: 0; }
  .view-tabs { width: 100%; }
}

@media (max-width: 900px) {
  .issue-atlas--graph .network-tools { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 4rem 1rem 0.75rem; }
  .issue-atlas--graph .network-hint { display: none; }
  .issue-atlas--graph .atlas-publication { justify-self: start; }
  .atlas-summary { grid-template-columns: 1fr 1fr; }
  .atlas-filters { grid-template-columns: 1fr 1fr; }
  .search-field { grid-column: 1 / -1; }
  .view-tab { padding-inline: 0.25rem; font-size: 0.65rem; letter-spacing: 0.04em; }
}

@media (max-width: 600px) {
  .statistics-view { padding: 1rem; }
  .statistics-view__header { align-items: flex-start; flex-direction: column; }
  .atlas-summary { grid-template-columns: 1fr; gap: 1px; }
  .summary-card { min-height: 9rem; padding: 1rem; }
  .verification-note { align-items: flex-start; }
  .atlas-toolbar { padding-inline: 0.5rem; }
  .atlas-count { min-height: 2.75rem; justify-content: flex-end; }
  .atlas-filters { display: flex; overflow-x: auto; padding: 0.75rem; }
  .atlas-filters label { flex: 0 0 11rem; }
  .atlas-filters .search-field { flex-basis: 16rem; }
  .filter-reset { flex: 0 0 auto; }
  .network-hint { display: none; }
  .issue-atlas--graph .network-tools { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; padding: 5rem 0.5rem 0.5rem; }
  .issue-atlas--graph .network-tools__buttons { justify-self: end; }
  .graph-filter-panel { top: 0.5rem; left: 0.5rem; width: calc(100% - 1rem); }
  .graph-filter-panel summary { max-width: calc(100vw - 8rem); }
  .graph-filter-panel .atlas-count { overflow: hidden; text-overflow: ellipsis; }
  .graph-legend { max-height: 7rem; overflow-y: auto; }
  .runway-notice { align-items: flex-start; flex-direction: column; gap: 0.35rem; }
}

@media (pointer: coarse) {
  .graph-node__hit { r: 46px; }
}