.ha-section{background:var(--charbon);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6rem 4rem}.ha-inner{max-width:1200px;margin:0 auto}.ha-head{text-align:center;opacity:0;margin-bottom:3rem;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.ha-section--visible .ha-head{opacity:1;transform:none}.ha-head .section-label{justify-content:center}.ha-title{font-family:var(--serif);color:var(--white);margin:.8rem 0 1.6rem;font-size:clamp(1.9rem,3.2vw,2.8rem);font-weight:600;line-height:1.18}.ha-title em{color:var(--accent);font-style:italic;font-weight:500}.ha-badge{background:#fff;border:1px solid #00000012;border-radius:14px;align-items:center;gap:.8rem;padding:.7rem 1.3rem;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;display:inline-flex;box-shadow:0 2px 14px #0000000d}.ha-badge:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.ha-badge-score{font-family:var(--serif);color:#202124;font-size:1.7rem;font-weight:700;line-height:1}.ha-badge-right{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.ha-badge-count{color:#5f6368;align-items:center;gap:.3rem;font-size:.72rem;display:inline-flex}.ha-stars{color:#fbbc04;gap:1px;display:inline-flex}.ha-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.ha-card{background:var(--noir);border:1px solid var(--border);opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),border-color .4s;transition-delay:calc(var(--i) * .1s);border-radius:16px;flex-direction:column;margin:0;padding:1.8rem 1.7rem;display:flex;transform:translateY(28px)}.ha-section--visible .ha-card{opacity:1;transform:none}.ha-card:hover{border-color:var(--border-hover)}.ha-card-top{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.ha-card-text{color:var(--text-secondary);flex:1;margin:0 0 1.4rem;font-size:.9rem;line-height:1.7}.ha-card-text:before{content:"“";font-family:var(--serif);color:var(--accent);opacity:.35;vertical-align:-.3em;margin-right:.1rem;font-size:1.7rem;line-height:0}.ha-card-author{border-top:1px solid var(--border);align-items:center;gap:.7rem;padding-top:1.1rem;display:flex}.ha-card-avatar{background:var(--accent-dim);width:36px;height:36px;color:var(--accent-fort);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:inline-flex}.ha-card-info{flex-direction:column;display:flex}.ha-card-name{color:var(--white);font-size:.85rem;font-weight:600}.ha-card-time{color:var(--text-muted);font-size:.72rem}.ha-cta{background:var(--accent);color:#faf7f4;border-radius:10px;align-items:center;gap:.5rem;width:fit-content;margin:2.4rem auto 0;padding:.9rem 2rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.ha-cta:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 28px #b8860b38}@media (width<=1024px){.ha-section{padding:5rem 2.5rem}.ha-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.ha-card:nth-child(3){display:none}}@media (width<=768px){.ha-section{padding:3.5rem 1.5rem}.ha-head{margin-bottom:2rem}}@media (prefers-reduced-motion:reduce){.ha-head,.ha-card{opacity:1!important;transition:none!important;transform:none!important}}.ha-card-text--replie{-webkit-line-clamp:7;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ha-card-more{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;margin:-.5rem 0 1rem;padding:0;font-size:.78rem;text-decoration:underline}
