.fg, .fg * { box-sizing: border-box; }
.fg { --fg-blue: #1e507b; --fg-ink: #344354; max-width: 112rem; margin-top: -2rem; color: var(--fg-ink); text-align: left; scroll-margin-top: 12rem; }
.fg__disclosure { overflow: hidden; border: 1px solid #cbd9e4; border-radius: 1.2rem; background: #fff; box-shadow: 0 .8rem 2.8rem rgb(28 70 108 / 6%); }
.fg__summary { display: flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 12rem; padding: 2.8rem clamp(2.4rem, 5vw, 5rem); color: var(--fg-blue); cursor: pointer; list-style: none; }
.fg__summary::-webkit-details-marker { display: none; }
.fg__summary::marker { content: ''; }
.fg__summary-copy { min-width: 0; }
.fg__eyebrow { display: block; margin-bottom: .8rem; font-size: 1.3rem; letter-spacing: .12em; }
.fg__summary-title { margin: 0; font-size: clamp(2.2rem, 3vw, 3.2rem); font-weight: 400; line-height: 1.5; letter-spacing: .04em; }
.fg__toggle { position: relative; flex: none; display: block; width: 4.8rem; height: 4.8rem; border: 1px solid var(--fg-blue); border-radius: 50%; }
.fg__toggle::before, .fg__toggle::after { content: ''; position: absolute; top: 50%; left: 50%; width: 1.8rem; height: 1px; background: var(--fg-blue); transform: translate(-50%, -50%); }
.fg__toggle::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .2s; }
.fg__disclosure[open] .fg__toggle::after { transform: translate(-50%, -50%) rotate(0); }
.fg__summary:focus-visible { outline: 3px solid var(--fg-blue); outline-offset: -5px; }
.fg__content { padding: 0 clamp(2.4rem, 5vw, 5rem) clamp(3rem, 5vw, 5rem); border-top: 1px solid #e1e9ef; }
.fg__intro { max-width: 78rem; margin: 4rem auto; color: var(--fg-blue); font-size: clamp(1.8rem, 2.3vw, 2.3rem); line-height: 1.9; text-align: center; }
.fg__steps { margin: 0; padding: 0; list-style: none; }
.fg__step { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 5vw, 7rem); padding: 3.6rem 0; border-top: 1px solid #d5e0e8; }
.fg__step-head { display: flex; align-items: flex-start; gap: 1.4rem; }
.fg__step-head span { padding-top: .5rem; color: var(--fg-blue); font-size: 1.3rem; letter-spacing: .1em; }
.fg__step h3 { margin: 0; color: var(--fg-blue); font-size: clamp(2rem, 2.5vw, 2.7rem); font-weight: 400; line-height: 1.5; }
.fg__step-body p { margin: 0; font-size: 1.5rem; line-height: 1.9; }
.fg__step-body ul { display: grid; gap: .8rem; margin: 2rem 0 0; padding: 2rem 2.4rem; border-radius: .6rem; background: #f6f9fb; list-style: none; }
.fg__step-body li { position: relative; padding-left: 1.8rem; font-size: 1.4rem; line-height: 1.7; }
.fg__step-body li::before { content: ''; position: absolute; top: .9rem; left: 0; width: .6rem; height: .6rem; border: 1px solid var(--fg-blue); border-radius: 50%; }
.fg__step-body .fg__reassurance { margin-top: 2rem; color: var(--fg-blue); }
.fg__text-link { display: inline-flex; align-items: center; gap: 1.5rem; min-height: 4.4rem; margin-top: 2rem; color: var(--fg-blue); font-size: 1.5rem; text-decoration: underline; text-underline-offset: .4rem; }
.fg__text-link:focus-visible { outline: 3px solid var(--fg-blue); outline-offset: 4px; }
.fg + .ly_topSec { margin-top: 8rem; }
@media (hover: hover) { .fg__summary:hover { background: #f7f9fb; } }
@media (max-width: 767px) { .fg { margin-top: -2rem; scroll-margin-top: 2rem; } .fg__summary { min-height: 10rem; padding: 2rem; } .fg__eyebrow { font-size: 1.1rem; } .fg__summary-title { font-size: 2.1rem; } .fg__toggle { width: 4rem; height: 4rem; } .fg__content { padding: 0 2rem 2.4rem; } .fg__intro { margin: 3rem auto; font-size: 1.8rem; text-align: left; text-wrap: pretty; } .fg__intro-break { display: none; } .fg__step { grid-template-columns: 1fr; gap: 1.4rem; padding: 2.8rem 0; } .fg__step-body ul { padding: 1.8rem; } .fg + .ly_topSec { margin-top: 6rem; } }
@media (max-width: 374px) { .fg__summary-title { font-size: 1.9rem; } .fg__toggle { width: 3.6rem; height: 3.6rem; } }
@media (prefers-reduced-motion: reduce) { .fg__toggle::after { transition: none; } }
