/* PREVIOUSLY · pv-archive-v1 · The Archive on the shared section layout
   (2026-11-11, owner order: doors into each desk, not one long list)

   The layout itself is /css/pv-section-v1.css. This file adds only what the
   Archive has that the other sections do not:
     - the door grid sits right under the title (there is no lead or latest);
     - grid worlds (.sx-world--grid): a desk can hold hundreds of stories, so
       its world shows them as a grid of small cards, month by month, instead
       of a swipe deck; each month keeps the rest behind one "Show N more"
       button (.sx-fold, a native <details>).
   Dark d3 only, gold the only accent, no pill shapes. */

/* the page: title, then the doors */
.pv-sec--archive .sx-doors{margin-top:28px}
.pv-sec--archive{padding-bottom:64px}

/* grid worlds */
.sx-world--grid .sx-w-body{padding-top:6px}
.sx-world--grid .sx-shelf{padding-top:26px}
.sx-world--grid .sx-shelf-h{margin-bottom:14px}
.sx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 var(--sx-gut)}
.sx-grid .sx-card{flex:none;min-width:0;scroll-snap-align:none}
.sx-grid .sx-card .sx-c-img{flex:none;aspect-ratio:16/10;height:auto;min-height:0}
.sx-grid .sx-c-img--type span{font-size:34px}
.sx-grid .sx-c-tx{justify-content:flex-start;gap:6px;padding:10px 10px 12px}
.sx-grid .sx-k{font-size:9.5px;letter-spacing:.14em}
.sx-grid .sx-c-h{font-size:15px;line-height:1.2;text-wrap:pretty;overflow-wrap:break-word;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.sx-grid .sx-c-go{display:none}

/* "Show N more": one quiet bordered bar, gone once opened */
.sx-fold{margin-top:12px}
.sx-fold>summary{list-style:none;display:flex;align-items:center;justify-content:center;min-height:48px;margin:0 var(--sx-gut);
  border:1px solid var(--sx-gold);color:var(--sx-gold);cursor:pointer;
  font-family:var(--sx-sign);font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.sx-fold>summary::-webkit-details-marker{display:none}
.sx-fold>summary:hover{background:rgba(242,188,104,.1)}
.sx-fold>summary:focus-visible{outline:2px solid var(--sx-gold);outline-offset:3px}
.sx-fold[open]>summary{display:none}

/* phone: an odd last door spans the row instead of sitting alone */
@media (max-width:700px){
  .pv-sec--archive .sx-door:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:16/9}
}

@media (min-width:700px){
  .sx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .sx-grid .sx-c-tx{padding:12px 14px 14px}
  .sx-grid .sx-c-h{font-size:17px}
  .sx-fold>summary{margin-left:auto;margin-right:var(--sx-gut);max-width:340px}
}
@media (min-width:1100px){
  .sx-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .sx-grid .sx-card{flex-direction:column}
  .sx-grid .sx-c-tx{justify-content:flex-start;gap:8px;padding:14px 16px 16px}
  .sx-grid .sx-c-h{font-size:19px;line-height:1.16}
}