/* Closet V13.9: scoped editorial expansion, preserving approved Laundry. */
/* Focal editorial pilot. Shared styles and other URLs remain untouched. */
.closet-symbols { position: absolute; width: 0; height: 0; overflow: hidden; }
.closet-icon { flex: 0 0 24px; color: #B85C24; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.closet-review .meta { margin-bottom: .65rem; }
.closet-review .lead { max-width: 76ch; }
.closet-start { margin: 2.4rem 0; padding: 1.5rem 1.8rem; background: #f1efe8; border-radius: 14px; border-top: 3px solid #C97B4A; }
.closet-start h2 { margin: 0 0 1.2rem; }
.closet-jump { display: grid; gap: .6rem; }
.closet-jump a { display: grid; grid-template-columns: 2rem 1fr auto; gap: .6rem; align-items: center; color: #3A5544; padding: .9rem; border: 1px solid #d9d9cd; border-radius: 9px; background: #fffdf8; text-decoration: none; }
.closet-jump a:hover, .closet-jump a:focus-visible { border-color: #B85C24; background: #faf4eb; }
.closet-jump strong { display: block; font-size: 1rem; line-height: 1.4; }
.closet-jump small { display: block; color: #5C6570; font-size: .85rem; margin-top: .25rem; }
.closet-number { font-weight: 700; color: #B85C24; }
.closet-start-note { margin: 1.1rem 0 0; font-size: .95rem; max-width: 98ch; }
.closet-summary { margin: 2.5rem 0; }
.closet-summary h2 { margin-top: 0; }
.closet-summary table { min-width: 760px; width: 100%; }
.closet-summary caption { text-align: left; padding: 0 0 .8rem; color: #5C6570; font-size: .9rem; }
.closet-summary th, .closet-summary td { vertical-align: top; padding: 1rem 1.1rem; font-size: .98rem; line-height: 1.55; }
.closet-method { display: grid; gap: 1.6rem; padding: 1.5rem 0; border-top: 1px solid #E4E1DB; border-bottom: 1px solid #E4E1DB; margin: 2.4rem 0 3rem; }
.closet-method p { font-size: .95rem; }
.closet-method figure { margin: 0; }
.closet-method img { display: block; width: 100%; height: auto; border-radius: 12px; }
.closet-method .closet-image-note { margin-bottom: 0; color: #5C6570; }
.closet-options > h2 { margin: .3rem 0 1.5rem; }
.closet-option { margin: 0 0 2rem; border: 1px solid #d6d9ce; border-left: 5px solid #C97B4A; border-radius: 15px; overflow: hidden; background: #fffdf9; box-shadow: 0 10px 30px rgba(41,64,54,.04); }
.closet-option-top { display: grid; gap: 1.8rem; padding: 1.7rem; align-items: center; }
.closet-scene { margin: 0; }
.closet-scene img { display: block; width: 100%; height: auto; border-radius: 9px; }
.closet-option-copy h3 { font-size: clamp(1.65rem,2.3vw,2.15rem); line-height: 1.22; color: #3A5544; margin: .25rem 0 1rem; }
.closet-option-copy p { margin: 0 0 1rem; }
.closet-cue { display: flex; align-items: flex-start; gap: .75rem; background: #f1f3ed; padding: .85rem 1rem; border-radius: 9px; font-size: .95rem; line-height: 1.55; }
.closet-cue .closet-icon { margin-top: .15rem; }
.closet-verdict { margin: 1.15rem 0; display: grid; gap: .8rem; }
.closet-verdict > div { padding-left: 1rem; border-left: 2px solid #d6d9ce; }
.closet-verdict dt { color: #3A5544; font-weight: 700; font-size: .9rem; }
.closet-verdict dd { margin: .22rem 0 0; font-size: .98rem; line-height: 1.6; }
.closet-next a { display: inline-block; font-weight: 700; font-size: .98rem; }
.closet-option-bottom { padding: 1rem 1.7rem; border-top: 1px solid #e3e4db; }
.closet-option-detail { display: grid; gap: 1.8rem; border-top: 1px solid #e3e4db; padding: 1.4rem 1.7rem; background: #f7f5ef; }
.closet-option-detail h4 { color: #3A5544; font: 700 1.08rem/1.4 "DM Sans",sans-serif; margin: 0 0 .55rem; }
.closet-option-detail p { font-size: .98rem; line-height: 1.65; margin: 0; max-width: 70ch; }
.closet-install-note { padding: 1.1rem 1.7rem; font-size: .9rem; line-height: 1.6; border-top: 1px solid #e3e4db; }
.closet-sources { max-width: 90ch; margin: 2.5rem 0; }
@media screen and (min-width: 1100px) {
  .closet-option-copy .accent-word { white-space: nowrap; }
  .closet-jump { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .closet-method { grid-template-columns: minmax(0,1fr) 280px; align-items: center; }
  .closet-option-top { grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); }
  .closet-option:nth-of-type(even) .closet-option-top { grid-template-columns: minmax(0,1.22fr) minmax(0,.78fr); }
  .closet-option:nth-of-type(even) .closet-scene { grid-column: 2; grid-row: 1; }
  .closet-option:nth-of-type(even) .closet-option-copy { grid-column: 1; grid-row: 1; }
  .closet-option-detail { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Focal responsive pilot: desktop V13.7.1 composition is retained. */
.closet-review .closet-desktop-decision { display: block; }
.closet-option-detail { grid-template-columns: 1fr; gap: 1.2rem; }
.closet-option-detail p { max-width: none; }
.closet-desktop-decision h4 { display: flex; align-items: center; gap: .6rem; }
.closet-decision-steps { margin: 0; display: grid; grid-template-columns: 1fr; gap: 1rem; }
.closet-decision-steps div { border-left: 2px solid #C97B4A; padding-left: .85rem; }
.closet-decision-steps dt { font: 700 .86rem/1.45 "DM Sans", sans-serif; color: #3A5544; }
.closet-decision-steps dd { margin: .18rem 0 0; font-size: .95rem; line-height: 1.6; }
.closet-sources { max-width: none; }
.closet-shortlist { max-width: 95ch; }
.closet-table-hint { font-size: .85rem; color: #5C6570; margin-bottom: .6rem; }
.closet-summary .table-wrap:focus-visible { outline: 2px solid #B85C24; outline-offset: 4px; }
@media screen and (max-width: 639px) {
  .closet-start { padding: 1.15rem; }
  .closet-option-top { padding: 1rem; gap: 1.3rem; }
  .closet-option-detail, .closet-option-bottom, .closet-install-note { padding: 1.15rem 1rem; }
  .closet-cue { padding: .8rem; gap: .55rem; }
  .closet-option-copy h3 { font-size: 1.65rem; }
}
@media screen and (min-width: 640px) and (max-width: 1099px) {
  .closet-jump { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .closet-scene { width: min(100%,560px); margin-inline: auto; }
}
@media screen and (min-width: 900px) and (max-width: 1099px) {
  .closet-decision-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media screen and (min-width: 1100px) {
  .closet-decision-steps { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.3rem; }
  .closet-table-hint { display: none; }
}


/* Approved editorial heading hierarchy. Scoped to Closet by page inclusion. */
main.article h1, main .article h1 { color: var(--accent-dark); }
main h3, main h3 em, main h3 i, main h3 .accent-word,
main .card:hover h3, main .card:focus-visible h3 {
  color: var(--accent-dark);
  font-style: normal;
}


/* Focal introductory photo test. Other URLs remain unchanged. */
.closet-intro { display: grid; gap: 1.25rem; margin: 1.5rem 0 2rem; align-items: center; }
.closet-intro-copy .lead { margin: 0; max-width: 55ch; }
.closet-intro-photo { margin: 0; width: 100%; }
.closet-intro-photo img { display: block; width: 100%; height: auto; border-radius: 12px; }
.closet-method { grid-template-columns: 1fr; }
@media screen and (min-width: 640px) and (max-width: 1099px) {
  .closet-intro-photo { max-width: 560px; margin-inline: auto; }
}
@media screen and (min-width: 1100px) {
  .closet-intro { grid-template-columns: minmax(0,.65fr) minmax(0,.35fr); gap: 2.2rem; }
  .closet-intro-photo { grid-column: 1; grid-row: 1; }
  .closet-intro-copy { grid-column: 2; grid-row: 1; }
  .closet-intro-copy .lead { font-size: calc(1.0625rem + 2pt); }
}


/* Three non-interactive editorial concepts below the introduction. */
.closet-intro-values {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2.2rem;
  margin: 1.65rem 0 0;
  padding: 0;
  list-style: none;
}
.closet-intro-values li { display: block; }
.closet-intro-values svg {
  display: block;
  width: 48px;
  height: 48px;
  fill: none;
  stroke: var(--terra-link);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media screen and (max-width: 639px) {
  .closet-intro-values { gap: 1.7rem; }
}


/* Closet expansion only. Approved pilot and shared site styles are unchanged. */
/* The document already reserves the sticky header via scroll-padding-top.
   Do not add another offset to the selected block. */
.closet-editorial .closet-option { scroll-margin-top: 0; }
.closet-editorial .closet-faq { margin: 3rem 0; }
.closet-editorial .closet-faq > section { border-top: 1px solid #E4E1DB; padding: 1.1rem 0; }
.closet-editorial .closet-faq h3 { margin: 0 0 .6rem; font-size: 1.35rem; }
.closet-editorial .closet-faq p { max-width: 95ch; margin: 0; }
.closet-editorial .closet-related { display: grid; gap: .7rem; margin: 1.3rem 0; }
.closet-editorial .closet-option-copy, .closet-editorial .closet-intro-copy { min-width: 0; }
.closet-editorial .closet-jump strong { overflow-wrap: anywhere; }
@media screen and (max-width: 639px) {
  .closet-editorial .closet-summary th, .closet-editorial .closet-summary td { padding: .8rem; }
}


/* A single header offset for Closet. No per-target double compensation. */
html:has(.closet-review) { scroll-padding-top: calc(var(--header-height) + 12px); }
.closet-review [id] { scroll-margin-top: 0; }
/* Compact header renders at approximately 78px with the approved type and padding.
   Its legacy height token varies independently, so do not reuse it for this offset. */
@media screen and (max-width: 1279px) {
  html:has(.closet-review) { scroll-padding-top: 90px; }
}



/* Content determines card height; note bands do not duplicate the main gallery. */
.closet-option-copy,.closet-intro-copy {min-width:0}
.closet-option-detail section > p + p {margin-top:.8rem}
.closet-option-detail section > h4:not(:first-child){margin-top:1.3rem}
.closet-option-detail ul {font-size:.98rem;line-height:1.65;margin:.75rem 0}
.closet-method {display:block}
.closet-summary .compare {min-width:760px}
.closet-summary .pick-list {margin-bottom:1rem}
.closet-option-bottom a {font-weight:700;font-size:.98rem}
.closet-faq {margin:3rem 0}
.closet-review main h3 {font-style:normal}
.closet-review .lead {line-height:1.7}
@media screen and (min-width:1100px) {.closet-method {display:block}.closet-option-detail {grid-template-columns:1fr}}