.ref-wrap{max-width:1180px;margin:0 auto;padding:32px 18px 56px}.ref-hero{background:#f4f7f5;border:1px solid #d9e3dc;border-radius:14px;padding:32px;margin-bottom:24px}.ref-hero h1{font-size:clamp(30px,5vw,48px);margin:0 0 12px;line-height:1.08}.ref-hero p{max-width:850px;font-size:18px;line-height:1.7;color:#374151}.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ref-card,.ref-section{background:#fff;border:1px solid #e1e5e2;border-radius:12px;padding:22px}.ref-card h2,.ref-card h3,.ref-section h2{margin-top:0}.ref-card a{font-weight:700}.ref-section{margin:18px 0}.ref-section p,.ref-section li{line-height:1.75;color:#374151}.ref-note{border-left:4px solid #2b6b47;background:#f6faf7;padding:14px 16px;margin:18px 0}.ref-links{display:flex;gap:10px;flex-wrap:wrap}.ref-links a{display:inline-block;padding:10px 14px;border:1px solid #cad6ce;border-radius:8px;text-decoration:none}.ref-meta{font-size:14px;color:#64748b;margin-top:12px}@media(max-width:800px){.ref-grid{grid-template-columns:1fr}.ref-hero{padding:24px 20px}.ref-wrap{padding-top:20px}}