.articles-block .state,.articles-block .hint{color:var(--text-dim)}.articles-block .articles{gap:var(--gap);display:grid}.articles-block .article-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.articles-block .article-card .cover{border:1px solid var(--line);border-radius:var(--radius-sm);flex:0 0 clamp(200px,30%,280px);overflow:hidden}.articles-block .article-card .cover img{aspect-ratio:3/2;object-fit:cover;width:100%;transition:transform .25s}.articles-block .article-card .cover:hover img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.articles-block .article-card .cover img{transition:none}.articles-block .article-card .cover:hover img{transform:none}}.articles-block .article-body{flex:20rem;min-width:0}.articles-block .article-card h3{margin:0}.articles-block .article-card h3 a{text-decoration:none}.articles-block .article-card .meta{margin:.2rem 0 0}.articles-block .article-card .lead{color:var(--text-dim);margin:.4rem 0 0}.articles-block .article-card .note{color:var(--accent);margin:.3rem 0 0}.articles-block .article-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.articles-block .article-actions{gap:.2rem;display:inline-flex}.articles-block .article-full>h1{margin-bottom:.3rem}.articles-block .article-full>.meta{margin:0 0 1rem}.articles-block .lead{max-width:var(--measure);color:var(--text-dim)}.articles-block .article-text{max-width:var(--measure)}.articles-block .article-heading{text-transform:none;margin:2em 0 .6em;font-size:clamp(1.3rem,2.6vw,1.8rem)}.articles-block .back{margin-top:var(--gap)}.articles-block .article-figure{margin:1.4rem 0}.articles-block .carousel{position:relative}.articles-block .carousel-track{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:100%;grid-auto-flow:column;gap:.5rem;display:grid;overflow-x:auto}.articles-block .carousel-cell{scroll-snap-align:start}.articles-block .cell{border:1px solid var(--line);border-radius:var(--radius);cursor:zoom-in;background:0 0;width:100%;padding:0;display:block;overflow:hidden}.articles-block .carousel-cell img{aspect-ratio:3/2;object-fit:contain;background:var(--bg-raised);width:100%;max-height:70svh}.articles-block .cell:hover img,.articles-block .cell:focus-visible img{opacity:.85}.articles-block .cell[data-pending]{border-style:dashed}.articles-block .carousel-nav .icon-button{background:color-mix(in srgb, var(--bg) 78%, transparent);border-color:var(--line);position:absolute;top:50%;transform:translateY(-50%)}.articles-block [data-carousel-left]{left:.4rem}.articles-block [data-carousel-right]{right:.4rem}.articles-block .carousel-counter{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-dim);background:color-mix(in srgb, var(--bg) 78%, transparent);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.1rem .4rem;font-size:.8rem;position:absolute;bottom:.5rem;right:.5rem}.article-sheet{width:min(48rem,100vw - 2rem);max-height:85vh;overflow:auto}.article-sheet .blocks{gap:.6rem;margin-bottom:1rem;display:grid}.article-sheet .row{border:1px solid var(--line);border-radius:var(--radius-sm);gap:.4rem;padding:.6rem;display:grid}.article-sheet .row label{margin-bottom:0}.article-sheet .row-actions{justify-content:flex-end;gap:.2rem;display:flex}.article-sheet .carousel-strip{flex-wrap:wrap;gap:.4rem;display:flex}.article-sheet .carousel-cell{border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:.3rem;padding:.3rem;display:flex}.article-sheet .carousel-cell .mono{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;color:var(--text-dim);font-size:.8rem;overflow:hidden}.article-sheet .carousel-cell input{width:10rem;padding:.3rem}.article-sheet .photo-add{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-style:dashed;font-size:.85rem}.article-sheet .photo-add:hover{color:var(--accent)}.article-sheet .toolbar{justify-content:flex-start;align-items:center}.article-sheet .toolbar>span{color:var(--text-dim);margin-right:auto;font-size:.9rem}.article-sheet .toolbar .icon-button{font:inherit;border-color:var(--line);gap:.2rem;font-size:.85rem}.articles-block .article-figure figcaption{min-height:1.5em;max-width:var(--measure);font-family:var(--font-mono);color:var(--text-dim);margin-top:.4rem;font-size:.85em}