@layer components{.feed .posts,.feed .posts-list{max-width:750px;margin:0 auto}.feed-layout-grid,.feed-layout-masonry{max-width:var(--grid-max-width,1400px)!important;width:100%;margin-left:auto;margin-right:auto}.feed-layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:var(--space-6);align-items:start}@supports(grid-template-rows:masonry){.feed-layout-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));grid-template-rows:masonry;gap:var(--space-6);align-items:start}}@supports(grid-template-rows:subgrid){.feed-layout-grid .card{grid-row:span 3;display:grid;grid-template-rows:subgrid;gap:0}.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%;background:var(--color-surface)}.card .card-header,.card .card-body,.card .card-content,.card .card-excerpt,.card .card-meta,.card footer{background:0 0!important;background-color:initial!important;background-image:none!important}.card .card-title{margin:0 0 var(--space-2);font-size:var(--text-xl);line-height:var(--leading-tight)}.card .card-title a{color:var(--color-text);text-decoration:none}.card .card-title a:hover{color:var(--color-primary)}.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 .card-header{margin-bottom:var(--space-3)}.card-article .card-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.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 .reading-time::before{content:"\2022";margin-right:var(--space-2)}.card-note{padding:var(--space-4);border:none;border-left:3px solid var(--color-primary);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 2px 8px rgba(0,0,0,8%);max-width:550px;margin-left:auto;margin-right:auto}.card-note:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.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-sm);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.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}.card-photo{padding:0;overflow:hidden}.card-photo .card-image-link{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface)}.card-photo .card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-photo video.card-image{display:block}.card-photo:hover .card-image{transform:scale(1.02)}.card-photo .card-body{padding:var(--space-4)}.card-photo .card-title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.card-photo .card-caption{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-video{padding:0;overflow:hidden}.card-video .card-video-link{display:block}.card-video .card-video-container{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface)}.card-video .card-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-video:hover .card-thumbnail{transform:scale(1.02)}.card-video .card-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s,transform .2s}.card-video:hover .card-play-icon{background:var(--color-primary);transform:translate(-50%,-50%)scale(1.1)}.card-video .card-play-icon svg{margin-left:4px}.card-video .card-body{padding:var(--space-4)}.card-video .card-title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.card-video .card-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.card-video .duration{font-family:var(--font-mono);font-size:var(--text-xs)}.card-link{display:flex;flex-direction:column;padding:0;overflow:hidden}.card-link .card-link-wrapper{display:flex;align-items:flex-start;text-decoration:none;color:inherit}.card-link .card-link-body{padding:0 var(--space-4)var(--space-4)}.card-link .card-link-snippet{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.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-4);min-width:0}.card-link .card-domain{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-link .card-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-link .card-description{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-meta{margin-top:auto;padding:var(--space-3)var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}.card-quote{padding:var(--space-6);background:var(--color-surface);border-left:4px solid var(--color-primary)}.card-quote .card-blockquote{margin:0 0 var(--space-4);padding:0;border:none;background:0 0;font-style:italic;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text)}.card-quote .card-blockquote p{margin:0}.card-quote .card-attribution{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.card-quote .card-attribution cite{font-style:normal}.card-quote .quote-author{font-weight:600;color:var(--color-text)}.card-quote .quote-author::after{content:",";margin-right:var(--space-1)}.card-quote .quote-source{font-style:italic}.card-quote .card-title-link{color:var(--color-primary);text-decoration:none}.card-quote .card-title-link:hover{text-decoration:underline}.card-guide{padding:var(--space-4);display:flex;gap:var(--space-4);align-items:flex-start}.card-guide .card-step-indicator{flex-shrink:0;width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-guide .step-number{font-size:var(--text-xl);font-weight:700;font-family:var(--font-mono)}.card-guide .card-body{flex:1;min-width:0}.card-guide .card-title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.card-guide .card-description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.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);padding-left:var(--space-4);border-left:3px solid var(--color-primary);background:var(--color-surface);border-radius:0 var(--radius)var(--radius)0}.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-contact{padding:var(--space-4)}.card-contact-layout{display:flex;align-items:center;gap:var(--space-4)}.card-contact-avatar-link{text-decoration:none;flex-shrink:0}.card-contact-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background-color:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center}.card-contact-avatar img{width:100%;height:100%;object-fit:cover}.card-contact-initials{font-size:var(--text-xl);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.025em}.card-contact-body{flex:1;min-width:0}.card-contact .card-title{font-size:var(--text-lg);margin-bottom:var(--space-1)}.card-contact-handle{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.card-contact-bio{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-contact-site{display:inline-block;font-size:var(--text-sm);color:var(--color-link);margin-top:var(--space-1);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.card-contact-site:hover{text-decoration:underline}.card-contact .card-meta{margin-top:var(--space-3)}.card-default{padding:var(--space-5)}.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 .card-title{font-size:var(--text-xl)}.card-note{padding:var(--space-3);max-width:100%}.card-photo .card-body{padding:var(--space-3)}.card-video .card-play-icon{width:48px;height:48px}.card-video .card-play-icon svg{width:32px;height:32px}.card-video .card-body{padding:var(--space-3)}.card-link .card-link-wrapper{flex-direction:column}.card-link .card-link-image{width:100%;height:120px}.card-quote{padding:var(--space-4)}.card-quote .card-blockquote{font-size:var(--text-base)}.card-guide{flex-direction:column;align-items:center;text-align:center}.card-guide .card-step-indicator{width:40px;height:40px}.card-guide .step-number{font-size:var(--text-lg)}.card-inline{padding:var(--space-3)}.card-contact{padding:var(--space-3)}.card-contact-avatar{width:48px;height:48px}.card-default{padding:var(--space-4)}}@media(max-width:480px){.card-article .card-title{font-size:var(--text-lg)}.card-note .card-text{-webkit-line-clamp:2}.card-photo .card-image-link{aspect-ratio:4/3}}@media print{.card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}.card-photo .card-image,.card-video .card-thumbnail{max-height:200px}.card-inline .card-content img{max-height:150px}}@media(prefers-reduced-motion:reduce){.card-photo .card-image,.card-video .card-thumbnail,.card-video .card-play-icon{transition:none}.card-photo:hover .card-image,.card-video:hover .card-thumbnail{transform:none}.card-video:hover .card-play-icon{transform:translate(-50%,-50%)}}}