@layer components{
.feed .posts,.feed .posts-list{max-width:750px;margin:0 auto}
@supports(grid-template-rows:subgrid){
.card .card-header{grid-row:1}
.card .card-body,.card .card-content,.card .card-excerpt{grid-row:2}
.card .card-meta,.card footer{grid-row:3}
}
.card{width:100%;min-width:0;max-width:100%}
.card pre{max-width:100%;overflow-x:auto}
.card .card-header,.card .card-body,.card .card-content,.card .card-excerpt,.card .card-meta,.card footer{background:0 0!important;background-color:transparent!important;background-image:none!important}
.card .card-title{margin:0 0 var(--space-2);font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--color-text)}
.card .card-title a{color:inherit;text-decoration:none}
.card .card-title:hover,.card .card-title a:hover,.card .card-title a:focus-visible{color:inherit;text-decoration:underline}
.card .card-description,.card .card-excerpt,.card .card-link-snippet,.card-note .card-text{color:var(--color-text-muted)}
.card .card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-3)}
.card .card-meta time{display:inline}
.card .card-tags{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0}
.card .card-tags .tag{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);line-height:1;vertical-align:baseline}
.card-article{padding:var(--space-6)}
.card-article.has-cover{display:flex;padding:0;overflow:hidden}
.card-article .card-cover{flex-shrink:0;width:220px;min-height:160px;overflow:hidden;background:var(--color-surface)}
.card-article .card-cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.card-article.has-cover:hover .card-cover-img{transform:scale(1.03)}
.card-article.has-cover .card-content{flex:1;min-width:0;padding:var(--space-5);display:flex;flex-direction:column}
.card-article.has-cover .card-body{flex:1}
.card-article .card-header{margin-bottom:var(--space-3)}
.card-article .card-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}
.card-article.has-cover .card-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}
.card-article .card-excerpt{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}
.card-article.has-cover .card-excerpt{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.card-article .reading-time::before{content:"\2022";margin-right:var(--space-2)}
.card-note{padding:var(--space-5);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:none;max-width:550px;margin-left:auto;margin-right:auto}
.card-note:hover{box-shadow:0 2px 8px rgba(0,0,0,6%)}
.card-note .card-content{margin-bottom:var(--space-3)}
.card-note .card-title{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-2)}
.card-note .card-title a{color:var(--color-text)}
.card-note .card-text{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}
.card-note .card-meta{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs)}
.card-note .card-link{color:var(--color-text-muted);font-size:var(--text-xs);text-decoration:none}
.card-note .card-link:hover{color:var(--color-primary);text-decoration:underline}
.feed .posts-list .photo-figure{width:min(100%,600px);max-width:100%;display:grid;justify-items:center;align-self:center;margin-left:auto;margin-right:auto;text-align:center}
.feed .posts-list .photo-figure>a{display:grid;place-items:center;width:100%;max-width:100%}
.feed .posts-list .photo-figure picture{display:block;width:100%;max-width:100%;margin-left:auto;margin-right:auto}
.feed .posts-list .photo-figure img,.feed .posts-list .photo-figure video{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;margin-left:auto;margin-right:auto}
.card-link{display:flex;flex-direction:column;padding:0;overflow:hidden;container-type:inline-size}
@container(max-width:360px){.card-link .card-link-wrapper {
    flex-direction: column;
  }

  .card-link .card-link-image {
    width: 100%;
    height: 120px;
  }

  .card-link .card-link-image img {
    height: 120px;
  }
}
.card-link .card-link-wrapper{display:flex;align-items:flex-start;text-decoration:none;color:inherit}
.card-link .card-body{padding:var(--space-3)var(--space-4)}
.card-link .card-link-image{flex-shrink:0;width:120px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}
.card-link .card-link-image img{width:100%;height:100%;object-fit:cover}
.card-link .card-link-content{flex:1;padding:var(--space-3)var(--space-4);min-width:0}
.card-link .card-link-content p,.card-link .card-meta p{margin:0;display:inline}
.card-link .card-domain{display:inline-flex;align-items:center;font-size:var(--text-xs);color:var(--color-text);margin-top:var(--space-1);max-width:100%;min-width:2rem;min-height:2rem;padding-right:.35rem;text-decoration:none;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-link .card-domain:hover{color:inherit;text-decoration:underline}
.card-link .card-link-content a.has-avatar,.card-link .card-excerpt a.has-avatar{display:inline-flex;align-items:center;min-width:2rem;min-height:2rem}
.card-link .card-title{font-size:var(--text-base);font-weight:600;margin-bottom:0;min-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-link .card-description,.card-link .card-excerpt{color:var(--color-text-muted);font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-link .card-excerpt p{display:inline}
.card-link .card-excerpt p+p::before{content:" "}
.card-link .card-meta{margin-top:auto;padding:var(--space-2)var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}
aside .card-link .card-title{font-size:var(--text-sm);font-weight:500;min-height:0;-webkit-line-clamp:2}
aside .card-link .card-excerpt{-webkit-line-clamp:6;font-size:var(--text-sm)}
.card-inline{padding:var(--space-4);background:0 0;border:none;border-bottom:1px solid var(--color-border);border-radius:0}
.card-inline:hover{border-color:var(--color-border);box-shadow:none}
.card-inline .card-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}
.card-inline .card-content h1,.card-inline .card-content h2,.card-inline .card-content h3,.card-inline .card-content h4,.card-inline .card-content h5,.card-inline .card-content h6{margin-top:var(--space-4);margin-bottom:var(--space-2)}
.card-inline .card-content h1:first-child,.card-inline .card-content h2:first-child,.card-inline .card-content h3:first-child,.card-inline .card-content h4:first-child{margin-top:0}
.card-inline .card-content p{margin-bottom:var(--space-3)}
.card-inline .card-content p:last-child{margin-bottom:0}
.card-inline .card-content img{max-width:100%;border-radius:var(--radius);margin:var(--space-3)0}
.card-inline .card-content blockquote{margin:var(--space-3)0;padding:var(--space-3)var(--space-4);border-top:2px solid color-mix(in srgb,var(--color-primary) 40%,transparent);border-left:none;background:var(--color-surface);border-radius:var(--radius)}
.card-inline .card-meta{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between}
.card-inline .card-permalink{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none}
.card-inline .card-permalink:hover{color:var(--color-primary);text-decoration:underline}
.card-default{padding:var(--space-5)}
.card-default .card-thumbnail{width:100%;aspect-ratio:12/5;object-fit:cover}
.card-default .card-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}
.card-default .card-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}
.feed-simple{max-width:750px;margin:0 auto}
.feed-simple-header{margin-bottom:var(--space-4)}
.feed-simple-header h1{margin-bottom:var(--space-2)}
.feed-simple-header .p-summary{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}
.feed-simple-nav{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}
.feed-simple-nav a{color:var(--color-primary);text-decoration:none}
.feed-simple-nav a:hover{text-decoration:underline}
.feed-simple-nav-current{font-weight:600;color:var(--color-text)}
.simple-list{list-style:none;padding:0;margin:0}
.simple-item{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);line-height:var(--leading-normal)}
.simple-item:last-child{border-bottom:none}
.simple-item-title{flex:1;min-width:0;color:var(--color-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.simple-item-title:hover{color:var(--color-primary)}
.simple-item-date{flex-shrink:0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}
.simple-item-reading-time{flex-shrink:0;color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}
.simple-item-reading-time::before{content:"\00B7";margin-right:var(--space-2)}
@media(max-width:768px){
.feed-simple{max-width:100%}
}
@media(max-width:480px){
.simple-item{flex-wrap:wrap;gap:var(--space-1)var(--space-2)}
.simple-item-title{flex-basis:100%;white-space:normal;overflow:visible;text-overflow:clip}
.simple-item-reading-time::before{content:"\00B7"}
}
@media print{
.simple-item{border-bottom-color:#ccc}
.feed-simple-nav{display:none}
}
@media(max-width:768px){
.feed .posts,.feed .posts-list{max-width:100%}
.card-article{padding:var(--space-4)}
.card-article.has-cover{flex-direction:column}
.card-article .card-cover{width:100%;min-height:0;height:180px}
.card-article.has-cover .card-content{padding:var(--space-4)}
.card-article .card-title{font-size:var(--text-xl)}
.card-article.has-cover .card-title{font-size:var(--text-lg)}
.card-note{padding:var(--space-3);max-width:100%}
.card-link .card-link-wrapper{flex-direction:column}
.card-link .card-link-image{width:100%;height:120px}
.card-inline{padding:var(--space-3)}
.card-default{padding:var(--space-4)}
}
@media(max-width:480px){
.card-article .card-title{font-size:var(--text-lg)}
.card-article.has-cover .card-title{font-size:var(--text-base)}
.card-article .card-cover{height:140px}
.card-note .card-text{-webkit-line-clamp:2}
}
@media print{
.card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}
.card-inline .card-content img{max-height:150px}
}
.col-span-2{grid-column:span 2}
.row-span-2{grid-row:span 2}
[class*=col-span-]>.card,[class*=col-span-]>.photo-figure,[class*=row-span-]>.card,[class*=row-span-]>.photo-figure{height:100%}
[class*=row-span-]>.photo-figure{display:flex;flex-direction:column}
[class*=row-span-]>.photo-figure>a{flex:1;display:block;min-height:0}
[class*=row-span-]>.photo-figure img,[class*=row-span-]>.photo-figure video{height:100%;width:100%;object-fit:cover}
@media(max-width:600px){
.col-span-2,.col-span-3,.col-span-4{grid-column:span 1}
.row-span-2,.row-span-3{grid-row:span 1}
}
}