.hf-project-guide{background:#fff;padding:3rem 5vw;color:var(--navy)}
.hf-guide-inner{max-width:1200px;margin:0 auto}
.hf-project-guide h2{font-family:Montserrat,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;margin:0 0 1.8rem;font-weight:800;color:var(--navy)}
.hf-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.hf-guide-grid h3{font-family:Montserrat,sans-serif;font-size:1.05rem;line-height:1.4;margin:0 0 .7rem;color:var(--navy);font-weight:700}
.hf-guide-grid p{font-size:.94rem;line-height:1.8;margin:0;color:var(--gray)}
.hf-project-guide a,.hf-installation-note a,.hf-nojs-note a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.hf-installation-note,.hf-nojs-note{padding:1.3rem 5vw;margin:0;background:var(--off);font-size:.94rem;line-height:1.8;color:var(--navy)}
@media(max-width:820px){.hf-guide-grid{grid-template-columns:1fr;gap:1.5rem}.hf-project-guide{padding:2.5rem 5vw}}

.hf-catalog-help{background:#fff;color:var(--navy)}
.hf-catalog-help>summary{padding:1.2rem 5vw;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.hf-catalog-help .hf-project-guide{padding-top:1rem}
