.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.homepage-section{margin-bottom:3rem}.homepage-section:last-child{margin-bottom:0}.featured-post{position:relative}.featured-post::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));z-index:1}.homepage-section article{transition:all .3s ease}.homepage-section article:hover{transform:translateY(-2px)}@media(max-width:640px){.homepage-section{margin-bottom:2rem}.homepage-section h2{font-size:1.5rem}}.list-layout article{min-height:auto}.homepage-section article .p-4{padding:1rem}.homepage-section .list-layout article .p-4{padding:.75rem 1rem;display:flex;align-items:center}.homepage-section h3,.homepage-section h4{margin-bottom:0}.grid-layout article{height:auto}.list-layout article{height:auto}.homepage-section img{transition:opacity .3s ease}.homepage-section img[loading=lazy]{opacity:0}.homepage-section img[loading=lazy].loaded{opacity:1}@media(prefers-color-scheme:dark){.homepage-section article{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.homepage-section article:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}}@media print{.homepage-section{break-inside:avoid;margin-bottom:1rem}.homepage-section article{box-shadow:none;border:1px solid #ccc}.homepage-section img{max-height:200px;object-fit:contain}}