/* T2 phone frame (PhoneFrame.cs): CSS only */
.tcf{margin:0 auto;width:100%;max-width:260px}
.tcf-body{position:relative;padding:10px;border-radius:34px;background:#0b1b33;box-shadow:0 14px 34px rgba(2,28,58,.22),inset 0 0 0 1px rgba(255,255,255,.12)}
.tcf-body::before{content:"";position:absolute;top:15px;left:50%;width:34%;height:5px;margin-left:-17%;border-radius:3px;background:rgba(255,255,255,.22);z-index:1}
.tcf-img{display:block;width:100%;height:auto;border-radius:24px;background:#fff}
.tcf-cap{margin-top:12px;font-size:.875rem;line-height:1.45;color:#44546b;text-align:center;text-wrap:balance}
/* step list: image beside text */
.tcf-sec:not(:has(.tcf-fig)){display:block;max-width:760px;margin:0 auto}
.tcf-sec{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px 48px;align-items:center;padding:28px 0}
.tcf-sec:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,300px)}
.tcf-sec:nth-child(even) .tcf-fig{order:2}
.tcf-sec h2,.tcf-sec h3{margin:0 0 10px;font-size:1.5rem;line-height:1.25;color:#021c3a}
.tcf-sec p{margin:0 0 12px;font-size:1rem;line-height:1.65;color:#2b3b52}
.tcf-sec a{color:#064a97;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){.tcf-sec,.tcf-sec:nth-child(even){grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 0}.tcf-sec:nth-child(even) .tcf-fig{order:0}}