.hh-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(36px,5vw,88px);display:grid}.hh-copy{min-width:0}.hh-sites{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);min-width:0;box-shadow:var(--shadow-md);padding:clamp(20px,2.4vw,30px)}.hh-sites-title{font-family:var(--font-body);letter-spacing:0;color:var(--text-tertiary);margin:0 0 6px;font-size:.86rem;font-weight:700}.hh-list{margin:0;padding:0;list-style:none}.hh-list li+li{border-top:1px solid var(--border)}.hh-site{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 0;display:grid}.hh-logo{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.hh-logo img{object-fit:contain;width:100%;height:100%}.hh-site-text{flex-direction:column;gap:3px;min-width:0;display:flex}.hh-site-name{letter-spacing:-.01em;color:var(--text-primary);font-size:1.08rem;font-weight:700;line-height:1.3}.hh-site-line{color:var(--text-secondary);font-size:.94rem;line-height:1.5}.hh-go{color:var(--text-tertiary);transition:transform var(--dur-fast) ease, color var(--dur-fast) ease}.hh-sites-foot{border-top:1px solid var(--border);color:var(--text-tertiary);margin:10px 0 0;padding-top:14px;font-size:.88rem;font-weight:600}@media (hover:hover){.hh-site:hover .hh-go{color:var(--accent);transform:translate(2px,-2px)}.hh-site:hover .hh-site-name{color:var(--accent)}}@media (max-width:1024px){.hh-grid{grid-template-columns:minmax(0,1fr);gap:36px}.hh-sites{max-width:640px}}@media (max-width:640px){.hh.of-hero{padding-top:calc(100px + env(safe-area-inset-top,0px))}.hh-grid{gap:28px}.hh-sites{padding:16px 18px}.hh-logo{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.hh-go{transition:none}}
