/* eTrade storefront CSS: Storefront terms page */
body.terms .hero{display:none}
#termsPage .chero{padding:32px 0 84px}
.tpg{display:grid;grid-template-columns:clamp(240px,26vw,290px) minmax(0,1fr);gap:24px;align-items:start}
.tpnav{position:sticky;top:88px;padding:14px;display:grid;gap:4px}
.tpnav h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 10px 8px}
.tpl{display:flex;align-items:center;gap:12px;padding:9px 12px 9px 9px;border-radius:10px;font-size:13px;font-weight:600;color:var(--dark);transition:background .25s,color .25s}
.tpl i{flex:none;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#EAF0FE,#F1EBFC);color:var(--blue);display:grid;place-items:center;transition:background .25s,color .25s}
.tpl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tpl:hover{background:var(--grey)}
.tpl.on{background:#EAF0FE;color:var(--blue)}
.tpl.on i{background:var(--blue);color:#fff}
.tpdoc{padding:clamp(20px,3.2vw,40px);min-width:0}
.tph{display:flex;gap:16px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--bd);margin-bottom:22px}
.tph .tpi{flex:none;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(47,111,237,.28)}
.tph .tpi svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tph>div{min-width:0}
.tph h2{font-size:clamp(22px,2vw + 12px,30px);line-height:1.2;letter-spacing:-.01em}
.tph p{color:var(--muted);margin-top:6px}
.tpmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tpmeta span,.tpmeta button{font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;background:var(--grey);color:var(--muted)}
.tpmeta button:hover{background:var(--blue);color:#fff}
.tptoc{background:var(--grey);border-radius:14px;padding:16px 18px;margin-bottom:26px}
.tptoc b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.tptoc ol{list-style:none;counter-reset:t;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;margin-top:8px}
.tptoc li{counter-increment:t;min-width:0}
.tptoc button{text-align:left;font-size:13px;font-weight:500;padding:5px 0;display:flex;gap:10px;width:100%}
.tptoc button:before{content:counter(t,decimal-leading-zero);color:var(--blue);font-weight:700;font-size:12px;padding-top:1px;flex:none}
.tptoc button:hover{color:var(--blue)}
.tpbody{max-width:760px}
.tpbody h2{font-size:clamp(17px,.6vw + 15px,20px);margin:30px 0 10px;scroll-margin-top:96px;display:flex;gap:10px;align-items:center}
.tpbody h2:before{content:"";width:4px;height:1.1em;border-radius:2px;background:linear-gradient(var(--blue),var(--purple));flex:none}
.tpbody h2:first-child{margin-top:0}
.tpbody p{color:#4B5563;line-height:1.8;margin-bottom:12px;font-size:15px;overflow-wrap:anywhere}
.tpbody ul,.tpbody ol{display:grid;gap:8px;margin:0 0 14px;list-style:none;counter-reset:o}
.tpbody li{position:relative;padding-left:30px;color:#4B5563;line-height:1.7;font-size:15px;overflow-wrap:anywhere}
.tpbody ul li:before{content:"✓";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:#EAF0FE;color:var(--blue);font-size:11px;display:grid;place-items:center}
.tpbody ol li{counter-increment:o}
.tpbody ol li:before{content:counter(o);position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font:700 11px "DM Sans";display:grid;place-items:center}
.tpbody a{color:var(--blue);font-weight:600;text-decoration:underline}
.tpbody strong{color:var(--dark)}
.tppn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid var(--bd)}
.tppn a{border:1px solid var(--bd);border-radius:12px;padding:12px 16px;min-width:0;transition:border-color .25s,box-shadow .25s}
.tppn a:hover{border-color:var(--blue);box-shadow:0 8px 24px rgba(47,111,237,.1)}
.tppn small{display:block;font-size:11px;color:var(--muted)}
.tppn b{font-size:14px;display:block;overflow-wrap:anywhere}
.tppn a.nx{text-align:right;grid-column:2}
.tpempty{text-align:center;padding:48px 16px;color:var(--muted)}
@media (max-width:1024px){
.tpg{grid-template-columns:minmax(0,1fr)}
.tpnav{position:static;display:flex;overflow-x:auto;gap:8px;padding:10px;scrollbar-width:none}
.tpnav::-webkit-scrollbar{display:none}
.tpnav h2{display:none}
.tpl{flex:none;white-space:nowrap}
}
@media (max-width:600px){
.tptoc ol{grid-template-columns:minmax(0,1fr)}
.tph{flex-direction:column;gap:12px}
.tppn{grid-template-columns:minmax(0,1fr)}
.tppn a.nx{grid-column:auto}
}
@media print{
.tpnav,.tpmeta button,.tptoc,.tppn{display:none!important}
.tpdoc{border:0;box-shadow:none;padding:0}
}
#termsPage .chero{padding-top:40px;padding-bottom:96px;padding-left:24px;padding-right:24px}
@media (max-width:1024px){
#termsPage .chero{padding-left:20px;padding-right:20px}
}
@media (max-width:768px){
#termsPage .chero{padding-top:32px;padding-bottom:84px}
}
@media (max-width:480px){
#termsPage .chero{padding-left:16px;padding-right:16px}
}
.fp-nav.nx{right:clamp(8px,1.6vw,22px)}