/* Compact, open directory: two columns of text links, without card panels. */
.complexes-directory {
  padding-block: clamp(60px, 6vw, 88px) clamp(72px, 7vw, 108px);
  background: transparent;
}
.complexes-heading {
  display: grid;
  grid-template-columns: minmax(140px, .42fr) minmax(0, 1.58fr);
  align-items: start;
  gap: clamp(28px, 5vw, 64px);
  margin-bottom: clamp(30px, 3.5vw, 48px);
}
.complexes-heading > p { margin: 0; }
.complexes-heading > p:not(.section-code) {
  max-width: 680px;
  color: var(--muted, #696b65);
  font: 400 15px/1.8 Manrope, Arial, sans-serif;
}
.complexes-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(36px, 5vw, 64px);
  row-gap: 18px;
}
.complex-row {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 18px;
  min-height: 96px;
  padding: 14px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink, #151613);
  text-decoration: none;
}
.complex-no {
  position: relative;
  color: var(--muted, #696b65);
  font: 400 9px/1.5 Michroma, Manrope, Arial, sans-serif;
  letter-spacing: .01em;
  transition: color .25s ease;
}
.complex-no::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--bronze-deep, #7f6838);
  opacity: 0;
  transform: translateY(-50%);
}
.complex-copy { min-width: 0; }
.complex-copy h2 {
  max-width: 100%;
  margin: 0;
  color: inherit;
  font: 400 clamp(24px, 2.1vw, 28px)/1.35 Unbounded, Manrope, sans-serif;
  letter-spacing: -.045em;
  text-decoration: none;
  transition: color .25s ease, transform .35s cubic-bezier(.22, .61, .36, 1);
}
.complex-copy p { display: none; }
.complex-arrow {
  justify-self: end;
  color: var(--muted, #696b65);
  font: 400 20px/1.4 Manrope, Arial, sans-serif;
  transition: color .25s ease, transform .35s cubic-bezier(.22, .61, .36, 1);
}
.complex-row:focus-visible {
  outline: none;
  text-decoration: none;
}
.complex-row:focus-visible .complex-copy h2,
.complex-row:focus-visible .complex-no,
.complex-row:focus-visible .complex-arrow { color: var(--bronze-deep, #7f6838); }
.complex-row:focus-visible .complex-no::before { opacity: 1; }
.complex-row:focus-visible .complex-arrow { transform: translateX(3px); }
@media (hover: hover) and (pointer: fine) {
  .complex-row:hover .complex-copy h2 { color: var(--bronze-deep, #7f6838); transform: translateX(2px); }
  .complex-row:hover .complex-arrow { color: var(--bronze-deep, #7f6838); transform: translateX(3px); }
}
.motion-ready .complex-row[data-reveal="content"] {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .6s ease var(--reveal-delay, 0ms), transform .6s cubic-bezier(.22, .61, .36, 1) var(--reveal-delay, 0ms);
}
.motion-ready .complex-row[data-reveal="content"].is-visible,
.motion-ready .complex-row[data-reveal="content"]:focus-within {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 820px) {
  .complexes-heading { grid-template-columns: 1fr; gap: 16px; margin-bottom: 26px; }
  .complexes-heading > p:not(.section-code) { font-size: 14px; }
  .complexes-list { column-gap: 32px; }
  .complex-row { gap: 14px; }
  .complex-copy h2 { font-size: 24px; }
}
@media (max-width: 700px) {
  .complexes-directory { padding-block: 52px 72px; }
  .complexes-list { grid-template-columns: minmax(0, 1fr); row-gap: 10px; }
  .complex-row { grid-template-columns: 18px minmax(0, 1fr) 20px; gap: 12px; min-height: 76px; padding-block: 12px; }
  .complex-copy h2 { font-size: 22px; line-height: 1.35; letter-spacing: -.05em; }
  .complex-arrow { font-size: 19px; }
  .complex-row:focus-visible .complex-no::before { left: -8px; width: 4px; height: 4px; }
}
@media (max-width: 360px) {
  .complex-row { gap: 10px; grid-template-columns: 16px minmax(0, 1fr) 18px; }
  .complex-copy h2 { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .complex-copy h2, .complex-no, .complex-arrow,
  .motion-ready .complex-row[data-reveal="content"] {
    transition: none;
    opacity: 1;
    transform: none;
  }
  .complex-row:hover .complex-copy h2,
  .complex-row:hover .complex-arrow,
  .complex-row:focus-visible .complex-arrow { transform: none; }
}

/* Independent boxes are open; joined information grids and dividers remain. */
.zhk-card,.review-empty {border:0!important;background:transparent;padding-inline:0;box-shadow:none}
.zhk-grid {gap:clamp(32px,5vw,72px)}
.estimate-options label>span {border:0;border-radius:0;background:transparent;box-shadow:none!important;padding-inline:0}
.estimate-options input:checked+span {background:transparent;color:var(--bronze-deep)}
.budget-calc select,.budget-calc__parameter-value {border:0;border-radius:0;box-shadow:none}
.budget-calc select {background:transparent;padding-left:0}
