/* A light refinement of the existing helpful-guides section only. */
.guides-section.section-shell { background:#FFFFFF; padding-block:52px; }
.guides-section.section-shell>h2 {
  color:#DA291C;
  max-width:25ch;
  font-size:clamp(32px,2.8vw,42px);
  font-weight:750;
  line-height:1.12;
  letter-spacing:-.025em;
  margin:0 0 16px;
}
.guides-section.section-shell>h2::after {
  content:"";
  display:block;
  width:52px;
  height:4px;
  border-radius:2px;
  background:#FFC72C;
  margin-top:18px;
}
.guides-section.section-shell>p { color:#555555; font-size:14px; line-height:1.75; margin:0 0 28px; }
.guides-section .guides-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
  gap:18px;
}
.guides-section .guides-grid>.guide-item {
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
  height:100%;
  margin:0;
  padding:22px 24px;
  border:1px solid #E2E2E2;
  border-radius:12px;
  background:#FFFFFF;
}
.guides-section .guide-item h3 { font-size:22px; font-weight:700; line-height:1.25; letter-spacing:-.015em; margin:0; color:#222222; }
.guides-section .guide-item p { font-size:14px; line-height:1.75; color:#555555; margin:0; }
.guides-section .guide-item:has(h3 a) { border-color:#DA291C; transition:transform .18s ease,border-color .18s ease; }
.guides-section .guide-item h3 a { display:block; color:#DA291C; text-underline-offset:4px; }
.guides-section .guide-item h3 a:hover { color:#DA291C; text-decoration:underline; }
.guides-section .guide-item h3 a:focus-visible { outline:3px solid #DA291C; outline-offset:5px; border-radius:2px; }
.guides-section .guide-item .coming-soon {
  align-self:flex-start;
  margin: auto 0 0;
  padding:5px 9px;
  border:1px solid #E2E2E2;
  border-radius:999px;
  background:#F5F5F5;
  color:#555555;
  font-size:11px;
  font-weight:600;
  line-height:1.5;
}
@media(hover:hover) {
  .guides-section .guide-item:has(h3 a):hover { transform:translateY(-2px); border-color:#FFC72C; }
}
@media(max-width:1000px) { .guides-section .guides-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media(max-width:600px) {
  .guides-section.section-shell { padding-block:36px; }
  .guides-section .guides-grid { grid-template-columns:1fr; gap:12px; }
  .guides-section .guides-grid>.guide-item { padding:20px; }
  .guides-section .guide-item h3 { font-size:21px; }
}
@media(prefers-reduced-motion:reduce) {
  .guides-section .guide-item:has(h3 a) { transition:none; }
  .guides-section .guide-item:has(h3 a):hover { transform:none; }
}