main h3,main h2,main h1{text-align:center;color:var(--gray900);font-family:var(--font-serif),serif}.trending-subtitle,form#hero-search label{color:var(--gray600);line-height:1.5rem}form#hero-search input[type=submit],form#hero-search input[type=text]{padding:.5rem;font-size:1rem;font-style:normal;font-weight:400;line-height:1.25rem;border:2px solid var(--brand700);border-radius:var(--radius-md)}main{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}main h1{font-size:3rem}main h2{font-size:2rem}main h3{font-size:1.25rem}section#hero{display:flex;justify-content:center;align-items:center;flex-wrap:wrap-reverse;padding:0 .5rem;gap:1rem}section#features{max-width:80rem}.feature-list{margin-top:1rem;display:flex;align-items:flex-start;align-content:flex-start;gap:4rem 2rem;flex-wrap:wrap;max-width:80rem;padding:0 2rem}form#hero-search{display:flex;flex-direction:column;gap:.5rem}form#hero-search label{font-size:1.25rem}form#hero-search .same-line-input{display:flex;flex-direction:row;gap:.5rem}form#hero-search input[type=text]{overflow:hidden;width:100%;color:var(--gray900);text-overflow:ellipsis;background:var(--brand50)}form#hero-search input[type=text]:focus,form#hero-search input[type=text]:active{outline:var(--brand300) solid 4px;outline-offset:0}form#hero-search input[type=submit]{padding-left:1.5rem;padding-right:1.5rem;background-color:var(--brand600);color:var(--brand25);cursor:pointer;transition:background-color .2s ease-in-out}form#hero-search input[type=submit]:hover{background-color:var(--brand400)}.feature{display:flex;min-width:15rem;flex-direction:column;align-items:center;gap:1.25rem;flex:1 0 0}@media(width <= 500px){.feature{min-width:10rem;width:100%}}.feature .feature-icon{display:flex;width:3rem;height:3rem;padding:.75rem;justify-content:center;align-items:center;border-radius:1.75rem;border:4px double var(--brand200);background:var(--brand300)}.feature .feature-icon svg{flex-shrink:0}#trending-books{width:100%;max-width:80rem;padding:0 1rem}.trending-section{margin-bottom:var(--spacing-2xl)}.trending-section:last-of-type{margin-bottom:0}.trending-header{text-align:center;margin-bottom:var(--spacing-xl)}.trending-header h2{margin-bottom:.25rem}.trending-subtitle{font-size:1rem;margin:0}.trending-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:.75rem}@media(width <= 900px){.trending-grid{grid-template-columns:repeat(3, 1fr)}}@media(width <= 640px){.trending-grid{grid-template-columns:repeat(2, 1fr)}}.trending-card{display:flex;flex-direction:row;text-decoration:none;color:inherit;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--brand100);background:#fff;transition:transform .15s ease,box-shadow .15s ease}.trending-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.trending-card-cover{flex-shrink:0;width:4rem;align-self:stretch;overflow:hidden;background:var(--brand50)}.trending-card-cover img{width:100%;height:100%;object-fit:cover}.trending-card-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--brand50);font-size:1.25rem}.trending-card-info{padding:.5rem .625rem;display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.trending-card-title{font-family:var(--font-serif),serif;font-size:.875rem;font-weight:600;line-height:1.3;color:var(--gray900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.trending-card-author{font-size:.75rem;color:var(--gray600);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0}.trending-card-meta{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.125rem}.trending-card-reading-time,.trending-card-wordcount{font-size:.6875rem;color:var(--gray600);white-space:nowrap}.trending-card-wordcount::before{content:"·";margin-right:.25rem}.trending-card-delta{font-size:.625rem;font-weight:600;color:var(--brand600);background:var(--brand50);padding:.0625rem .3125rem;border-radius:.25rem;white-space:nowrap}