/* mock-v16 · shared chrome · locked sheet look */
.page-wrap { max-width: 760px; margin: 0 auto; }
@media (min-width: 1024px) { .page-wrap { max-width: 880px; } }

.brand.word {
  font: 450 26px/1 var(--font); letter-spacing: .28em; text-transform: uppercase; margin: 0;
}
.brand.word small {
  display: block; margin-top: 10px; font: 250 13px/1.3 var(--font);
  letter-spacing: 0; text-transform: none; color: var(--fg-3);
}
@media (min-width: 1024px) { .brand.word { font-size: 30px; } }

/* Consistent Talk to · quiet link, identical everywhere */
.talk, a.talk {
  display: inline-block;
  font: 450 11px/1 var(--font); letter-spacing: .1em; text-transform: uppercase;
  color: var(--fg-4); text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.22); padding-bottom: 2px;
  background: none; border-top: 0; border-left: 0; border-right: 0; cursor: pointer;
}
.talk:hover { color: #fff; border-bottom-color: rgba(255,255,255,.5); }
.talk-row { margin-top: 10px; }

/* Shared label/value glance rows */
.g-row {
  display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
  padding: 14px 0; border-bottom: 1px solid var(--line);
  text-decoration: none; color: inherit;
}
.g-row:last-child { border-bottom: 0; }
.g-row .lab {
  display: block; margin-bottom: 8px;
  font: 450 10px/1.2 var(--font); letter-spacing: .12em; text-transform: uppercase; color: var(--fg-4);
}
.g-row .val {
  font: 450 18px/1.25 var(--font); color: #fff; font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.g-row .sub {
  display: block; margin-top: 6px; font: 250 13px/1.35 var(--font); color: var(--fg-3);
}
.g-row .go {
  flex: none; align-self: center;
  font: 450 10px/1 var(--font); letter-spacing: .1em; text-transform: uppercase; color: var(--fg-4);
}

.sec-title {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  margin: 0 0 4px;
}
.sec-title .eyebrow { margin: 0; }
.page-hint {
  margin: 0 0 18px; text-align: center;
  font: 250 13px/1.4 var(--font); color: var(--fg-4);
}
.sheet-stack .billing-sheet + .billing-sheet { margin-top: 18px; }

/* Calendar agenda */
.day-block { padding: 4px 0 8px; }
.day-block + .day-block { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 16px; }
.day-h {
  margin: 0 0 8px; font: 450 11px/1 var(--font); letter-spacing: .12em;
  text-transform: uppercase; color: var(--fg-4);
}
.cal-item {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;
  padding: 11px 0; border-bottom: 1px solid var(--line);
}
.day-block .cal-item:last-child { border-bottom: 0; }
.cal-item .lab {
  font: 450 10px/1.2 var(--font); letter-spacing: .1em; text-transform: uppercase; color: var(--fg-4);
  display: block; margin-bottom: 6px;
}
.cal-item .val {
  font: 250 14px/1.4 var(--font); color: var(--fg-2); overflow-wrap: anywhere;
}
.cal-item .val b { font-weight: 450; color: #fff; }
.cal-item .when {
  flex: none; font: 450 12px/1.3 var(--font); color: var(--fg-3); font-variant-numeric: tabular-nums;
  text-align: right;
}

/* Money bills list */
.bill-line {
  display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
  padding: 12px 0; border-bottom: 1px solid var(--line);
  font: 250 14px/1.35 var(--font); color: var(--fg-2);
}
.bill-line:last-child { border-bottom: 0; }
.bill-line b { font-weight: 450; color: #fff; }
.bill-line .due { flex: none; color: var(--fg-3); font-variant-numeric: tabular-nums; }

/* Ensure tabbar 5 cols already in hq.css */
.topnav a.on { color: #fff; box-shadow: inset 0 -1px 0 #fff; text-shadow: var(--btn2-text-glow); }

.haggle-flag {
  margin: -4px 0 10px; padding: 0 0 10px; border-bottom: 1px solid var(--line);
  font: 250 12.5px/1.4 var(--font); color: var(--fg-4);
}
.haggle-flag .talk { margin-left: 10px; }