/* Full-width guidance panel on the Get Help page. */
.help-guidance-section { padding-top: clamp(28px, 4vw, 56px); padding-bottom: clamp(20px, 3vw, 40px); }
.help-guidance-card { max-width: none; width: 100%; padding: clamp(24px, 3.5vw, 46px); background: #fff; border: 1px solid #e2d9cf; border-radius: 16px; box-shadow: 0 10px 28px rgba(52, 44, 32, .06); }
.help-guidance-intro { max-width: 880px; }
.help-guidance-intro h2 { margin: 10px 0 14px; font-family: "Playfair Display", Georgia, serif; line-height: 1.25; }
.help-guidance-intro p { margin: 0; line-height: 1.7; }
.help-guidance-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 3vw, 36px); margin-top: 26px; }
.help-guidance-detail { padding: 18px 22px; border-radius: 12px; background: #f7f4ed; }
.help-guidance-detail h3 { margin: 0 0 8px; font-size: 1.05rem; color: #843646; }
.help-guidance-detail p { margin: 0; line-height: 1.65; }
.help-guidance-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; padding-top: 22px; border-top: 1px solid #e5ded6; }
.help-guidance-links a { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; padding: 11px 17px; border: 1px solid #963b4a; border-radius: 8px; color: #87303f; background: #fff; font-weight: 700; text-decoration: none; transition: background .15s ease, color .15s ease; }
.help-guidance-links a:hover, .help-guidance-links a:focus-visible { background: #87303f; color: #fff; text-decoration: none; }
.help-guidance-links a:focus-visible { outline: 3px solid #3e6983; outline-offset: 3px; }
@media (max-width: 700px) { .help-guidance-details { grid-template-columns: 1fr; } .help-guidance-links { flex-direction: column; } .help-guidance-links a { width: 100%; } }
