/* Daily blog: "Field Notes" */
.blog{position:relative}
.blog-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
.post-feature{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:34px;display:grid;gap:18px;min-width:0}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font:600 12px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.post-meta .new{background:var(--accent);color:var(--accent-ink);padding:4px 8px;border-radius:999px}
.post-feature h3{font-size:clamp(30px,3.4vw,44px);font-weight:900}
.post-summary{font-size:18px;color:var(--fg);font-weight:500}
.post-body{display:grid;gap:14px;color:var(--muted);font-size:16px;max-width:68ch}
.post-tags{display:flex;flex-wrap:wrap;gap:8px}
.post-tags span{font:600 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted)}
.post-sources{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:8px}
.post-sources b{font:600 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.post-sources ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px}
.post-sources a{color:var(--accent);text-underline-offset:3px;word-break:break-word}
.archive{display:grid;gap:0;border-top:1px solid var(--line)}
.archive-head{font:600 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.archive details{border-bottom:1px solid var(--line);padding-block:16px}
.archive summary{cursor:pointer;list-style:none;display:grid;gap:6px}
.archive summary::-webkit-details-marker{display:none}
.archive summary .d{font:600 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.archive summary .t{font:800 22px/1.05 var(--f-display);text-transform:uppercase}
.archive summary:hover .t{color:var(--accent)}
.archive details[open] .t{color:var(--accent)}
.archive .inner{display:grid;gap:12px;margin-top:12px;color:var(--muted);font-size:15px}
.blog-empty{color:var(--muted);font-size:15px;padding:18px 0}
.skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--line),transparent,var(--line));background-size:200% 100%;animation:sk 1.4s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
@media (max-width:900px){.blog-grid{grid-template-columns:1fr}.post-feature{padding:24px}}
html[lang="es"] .tl.now h3::after{content:"Ahora"}