/* TG_PROGRAM_STEPS_V1: keep headings above their explanations, with stable number columns. */
#how>.tg-wrap{max-width:1120px}
#how .tg-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#how .tg-steps>li,#more .tg-steps>li{
 display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;row-gap:8px;
 align-content:start;align-items:start;min-width:0;margin:0;padding:24px;
 border:1px solid rgba(207,169,100,.22);border-radius:14px;
 background:linear-gradient(140deg,rgba(207,169,100,.055),rgba(255,255,255,.015));
}
#how .tg-steps>li::before,#more .tg-steps>li::before{
 position:static;grid-column:1;grid-row:1 / span 2;width:44px;height:44px;margin:0;
 font-family:inherit;font-size:18px;font-weight:650;background:rgba(207,169,100,.08);
}
#how .tg-steps>li::after,#more .tg-steps>li::after{display:none}
#how .tg-steps>li>b,#more .tg-steps>li>b{
 grid-column:2;grid-row:1;min-width:0;margin:0;line-height:1.35;
 font-family:inherit;font-size:20px;font-weight:650;letter-spacing:0;word-break:normal;
}
#how .tg-steps>li>span,#more .tg-steps>li>span{
 grid-column:2;grid-row:2;min-width:0;margin:0;font-size:15px;line-height:1.65;
}
#more .tg-steps{gap:12px}
#more .tg-steps>li{padding:18px}
@media(max-width:700px){
 #how .tg-steps{grid-template-columns:minmax(0,1fr);gap:12px}
 #how .tg-steps>li,#more .tg-steps>li{grid-template-columns:36px minmax(0,1fr);column-gap:14px;padding:20px}
 #how .tg-steps>li::before,#more .tg-steps>li::before{width:36px;height:36px;font-size:16px}
 #how .tg-steps>li>b,#more .tg-steps>li>b{font-size:19px}
}