/* Inside Wish — Insights (índice y artículos).
   Se carga después de styles.css, home.css y page.css: reutiliza .crumbs, .prose, .shot-fig, .related y .band.
   Acá va solo lo propio de la lectura. Enlazar con ?v=AAAAMMDD y cambiar la fecha al editar. */

/* encabezado del artículo */
.art-head{padding-block:clamp(28px,4vw,48px) clamp(32px,4vw,48px)}
.art-head h1{font-size:clamp(34px,4.8vw,60px);line-height:1.06;letter-spacing:-1px;margin-top:22px;max-width:22ch}
.art-head .lead{font-size:clamp(18px,2vw,21px);color:var(--muted);margin-top:22px;max-width:60ch}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);max-width:68ch;font-size:14.5px;color:var(--muted-2)}
.byline strong{color:var(--ink);font-weight:600}
.byline span:first-child{flex-basis:100%}
.byline span+span+span::before{content:"·";margin-right:14px;color:var(--line-2)}

/* cuerpo */
.article{max-width:68ch;padding-bottom:clamp(40px,5vw,64px)}
.article h2{font-size:clamp(25px,2.8vw,32px);line-height:1.2;margin-top:clamp(40px,5vw,56px);color:var(--ink-soft);font-variation-settings:'SOFT' 0,'WONK' 0,'opsz' 72}
.article p{color:var(--muted);font-size:18px;margin-top:18px}
.article h2+p{margin-top:16px}
.article a{color:var(--accent-2);text-decoration:underline;text-decoration-color:rgba(156,188,255,.4);text-underline-offset:3px}
.article a:hover{color:var(--ink);text-decoration-color:var(--accent)}
.article strong{color:var(--ink);font-weight:600}
.article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.article ul{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.article li{position:relative;padding-left:26px;color:var(--muted);font-size:17.5px}
.article li::before{content:"";position:absolute;left:4px;top:.72em;width:10px;height:1px;background:var(--accent)}
.article .shot-fig{margin-top:32px}
.article .aside{margin-top:28px;padding:20px 22px;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--surface)}
.article .aside p{margin-top:0;font-size:16.5px}

/* índice */
.ins-list{list-style:none;margin:0;padding:0;max-width:880px}
.ins-list li{border-top:1px solid var(--line)}
.ins-list li:last-child{border-bottom:1px solid var(--line)}
.ins-list a{display:block;padding:clamp(26px,3.4vw,36px) 0;color:inherit}
.ins-list .topic{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}
.ins-list h2{font-variation-settings:'SOFT' 0,'WONK' 0,'opsz' 72;font-size:clamp(24px,3vw,34px);line-height:1.18;margin-top:12px;max-width:30ch;color:var(--ink);transition:color var(--dur-fast)}
.ins-list p{color:var(--muted);margin-top:12px;max-width:62ch}
.ins-list .meta{font-size:14px;color:var(--muted-2);margin-top:14px}
.ins-list a:hover h2{color:var(--accent-2)}
.ins-list a:focus-visible{outline-offset:6px}