/* ---------- Botones de links (entradas, proyectos y vista previa) ---------- */
.linksbar{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 0}
.linksbar a,.social a{font:italic 700 1rem var(--tag);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;color:#fff;background:var(--red);padding:.55rem 1.6rem;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);transition:background .2s,color .2s,transform .2s}
.linksbar a:hover,.social a:hover{background:#fff;color:#000;transform:translateY(-2px)}
.phead .linksbar{margin:0 0 1.5rem}

/* ---------- Links del estudio en el pie ---------- */
.social{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2.5rem}
.social a{background:var(--line)}

/* ---------- Editor de dev-logs ---------- */
#ed{width:min(72rem,96vw);padding:0}
#ed .dh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:2.4rem}
#ed .tabs{margin:0}
.ed-grid{display:grid;grid-template-columns:1.1fr 1fr}
.ed-form{padding:1.25rem 1.75rem 1.5rem}
.ed-prev{padding:1.25rem 1.75rem;background:#000;border-left:1px solid var(--edge);max-height:70vh;overflow:auto}
.ed-prev .k{display:block;margin-bottom:1rem;font:italic 700 .95rem var(--tag);text-transform:uppercase;letter-spacing:.08em;color:var(--red-l)}
.ed-prev h3.t{font-size:2rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.mdbar{display:flex;flex-wrap:wrap;gap:.3rem;margin:.2rem 0 .5rem}
.mdbar button{padding:.15rem .9rem;font-size:.85rem}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem;padding:0}
.chips li{display:flex;align-items:center;background:var(--line);padding:.1rem .2rem .1rem .9rem}
.chips a{color:var(--text);text-decoration:none;font:600 .9rem var(--sans)}
.chips button{clip-path:none;background:none;padding:0 .6rem;font-size:1.2rem;line-height:1.6}
.chips button:hover{color:var(--red-l);background:none}
.lrow{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem;align-items:end}
.lrow>div{grid-column:1/-1;padding-top:.4rem}
.ed-foot{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:1rem 1.75rem 1.4rem;background:var(--panel);border-top:1px solid var(--line)}
.ed-foot .state{margin:0}

/* ---------- Mi perfil ---------- */
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;padding-block:2rem 4rem}
.card{background:var(--panel);border-left:6px solid var(--red);padding:1.75rem}
.card.all{grid-column:1/-1}
.card h2.mini{margin-bottom:1.25rem}
.card .upl{color:var(--text);font:italic 700 1rem var(--tag);letter-spacing:.05em}
.card .upl:hover{color:#000}
.mc,.ulist{list-style:none;margin:0;padding:0}
.mc li{padding:.9rem 0;border-top:1px solid var(--line)}
.mc a{font:italic 500 1.25rem var(--display);color:var(--text)}.mc a:hover{color:var(--red-l)}
.mc p{margin:.2rem 0;color:var(--muted);overflow-wrap:anywhere}.mc small{color:var(--latte);margin-right:.5rem}
.ulist li{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.6rem 0;border-top:1px solid var(--line)}
.ulist strong{font:italic 500 1.2rem var(--display)}.ulist small{flex:1;color:var(--muted)}
.mc button,.ulist button{padding:.15rem .8rem;font-size:.85rem}

/* ---------- Código de recuperación y enlaces tipo texto ---------- */
.code{display:block;margin:1rem 0;padding:1rem;background:#000;border:1px dashed var(--red);text-align:center;font:700 1.6rem var(--tag);letter-spacing:.14em;user-select:all;overflow-wrap:anywhere}
button.link{background:none;clip-path:none;padding:0;color:var(--latte);font:600 .9rem var(--sans);text-transform:none;letter-spacing:0;text-decoration:underline;text-underline-offset:.25em}
button.link:hover{background:none;color:#fff}

@media (max-width:860px){
  .ed-grid,.pgrid{grid-template-columns:1fr}
  .ed-prev{border-left:0;border-top:1px solid var(--edge);max-height:none}
  .row2,.lrow{grid-template-columns:1fr}
}