/* The Form Guide (/societies/form-guide/). Matches the approved mock-ups (31 Oct 2026). */
.fg { max-width: 640px; margin: 0 auto; padding: 16px 16px 40px; display: flex; flex-direction: column; gap: 14px; color: #14211a; }
.fg a { color: #2f8a1f; font-weight: 700; text-decoration: none; }
.fg a:hover { color: #1f6a12; }
.fg-hero { background: #14211a; color: #fff; border-radius: 22px; padding: 24px 20px 22px; display: flex; flex-direction: column; gap: 8px; }
.fg-hero-g { background: #3fae29; color: #14211a; }
.fg-hero h1 { margin: 0; font: 800 34px/1.04 'Poppins', sans-serif; letter-spacing: -0.02em; }
.fg-kick { font: 700 11px 'Inter', sans-serif; letter-spacing: .16em; color: #2f8a1f; }
.fg-hero .fg-kick { color: #14211a; }
.fg-hero .fg-kick-l, .fg-kick-l { color: #8fd97c; }
.fg-soc { font: 600 13.5px 'Inter', sans-serif; color: #c4d0c8; }
.fg-hero-g .fg-soc, .fg-hero-g .fg-meta { color: #14211a; }
.fg-meta { font-size: 14px; color: #c4d0c8; }
.fg-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.fg-stats div { background: #1f3127; border-radius: 12px; padding: 10px; display: flex; flex-direction: column; }
.fg-stats b { font: 800 22px 'Poppins', sans-serif; }
.fg-stats small { color: #c4d0c8; font-size: 12px; }
.fg-green { color: #8fd97c; }
.fg-quip { margin: 4px 0 0; font: italic 600 16px/1.45 'Poppins', sans-serif; }
.fg-quip small { display: block; font: 600 12px 'Inter', sans-serif; font-style: normal; color: #5b665f; margin-top: 4px; }
.fg-story p { margin: 0 0 10px; font-size: 16px; line-height: 1.6; }
.fg-watch { display: flex; flex-direction: column; gap: 8px; }
.fg-w { background: #fff; border: 1px solid #e4e6e0; border-radius: 14px; padding: 13px 14px; display: flex; gap: 12px; align-items: center; }
.fg-w > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fg-w b { font-size: 15px; }
.fg-w small { color: #4a554e; font-size: 13.5px; line-height: 1.4; }
.fg-av { width: 42px; height: 42px; flex: none; border-radius: 50%; background: #14211a; color: #8fd97c; font: 800 15px 'Poppins', sans-serif; display: flex; align-items: center; justify-content: center; }
.fg-av-o { background: #f08a24; color: #14211a; }
.fg-card { background: #fff; border: 1px solid #e4e6e0; border-radius: 18px; padding: 16px; display: flex; flex-direction: column; gap: 4px; }
.fg-card p { margin: 0 0 8px; font-size: 15px; line-height: 1.5; }
.fg-card-h { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 6px; }
.fg-card-h b, .fg-h3 { font: 700 18px 'Poppins', sans-serif; }
.fg-card-h small { color: #5b665f; font-size: 12px; }
.fg-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid #eef0ec; font-size: 15px; }
.fg-row:last-child { border-bottom: 0; }
.fg-form { display: flex; gap: 4px; flex: none; }
.fg-chip { min-width: 34px; text-align: center; font: 600 12px 'Inter', sans-serif; background: #f1f3ef; border-radius: 8px; padding: 4px 6px; }
.fg-chip.fg-win { background: #14211a; color: #8fd97c; }
.fg-chip.fg-debut { background: #eef7ea; color: #2f8a1f; }
.fg-lb { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 9px 0; border-bottom: 1px solid #eef0ec; font-size: 15px; }
.fg-lb:last-child { border-bottom: 0; }
.fg-lb small { color: #5b665f; font-size: 12.5px; }
.fg-lb.fg-me { background: #eef7ea; margin: 0 -10px; padding: 9px 10px; border-radius: 10px; border-bottom: 0; }
.fg-pos { font: 800 16px 'Poppins', sans-serif; color: #5b665f; }
.fg-pos.p1 { color: #a8861a; } .fg-pos.p2 { color: #6b757c; } .fg-pos.p3 { color: #a8693a; }
.fg-awards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.fg-aw { background: #fff; border: 1px solid #e4e6e0; border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fg-aw small { font: 700 10.5px 'Inter', sans-serif; letter-spacing: .12em; color: #2f8a1f; }
.fg-aw.fg-spoon small { color: #a8541a; }
.fg-aw b { font-size: 15px; overflow-wrap: anywhere; }
.fg-aw span { font-size: 13px; color: #4a554e; }
.fg-dark { background: #14211a; border-color: #14211a; color: #fff; gap: 8px; }
.fg-dark a { color: #8fd97c; }
.fg-p-l { color: #c4d0c8; font-size: 14px; line-height: 1.55; margin: 0; }
.fg-oom { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.fg-oom b { font: 800 16px 'Poppins', sans-serif; color: #8fd97c; }
.fg-oom span { display: flex; flex-direction: column; font-weight: 600; }
.fg-oom small { font-weight: 400; color: #c4d0c8; font-size: 12px; }
.fg-oom strong { font: 700 17px 'Poppins', sans-serif; }
.fg-dark .fg-small { color: #c4d0c8; }
.fg-small { margin: 0; font-size: 13px; line-height: 1.5; color: #5b665f; }
.fg-p { color: #4a554e; }
.fg-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.fg .fg-btn, .fg .fg-btn2 { flex: 1 1 200px; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 12px; font: 700 15px 'Inter', sans-serif; cursor: pointer; text-decoration: none; padding: 0 16px; box-sizing: border-box; }
.fg .fg-btn { background: #3fae29; color: #fff; border: 0; }
.fg .fg-btn:hover { background: #2f8a1f; color: #fff; }
.fg .fg-btn2 { background: #fff; color: #14211a; border: 1px solid #d5d9d1; }
.fg .fg-btn2:hover { border-color: #3fae29; color: #14211a; }
.fg .fg-card .fg-btn, .fg .fg-card .fg-btn2 { flex: none; align-self: flex-start; }
.fg-link { font-weight: 700; }
@media (min-width: 700px) { .fg { padding-top: 24px; } .fg-hero { padding: 30px 28px 26px; } .fg-hero h1 { font-size: 42px; } }