.tp-guide{margin:0 0 48px;}
.tp-guide-head{display:flex;align-items:center;gap:28px;margin:0 0 32px;}
.tp-guide-head-left{flex:0 0 auto;text-align:left;}
.tp-guide-head-divider{flex:0 0 2px;align-self:center;background:#4f46e5;height:56px;}
.tp-guide-eyebrow{font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4f46e5;margin-bottom:8px;}
.tp-guide-title{font-size:34px;margin:0;color:#16181d;}
.tp-guide-sub{flex:1;max-width:480px;text-align:left;color:#8a8f98;font-size:15px;line-height:1.6;margin:0;}
.tp-guide-list{display:flex;flex-direction:column;gap:12px;}
.tp-guide-card{background:#fff;border:1px solid #e6e7eb;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px -14px rgba(16,20,30,.15);}
.tp-guide-q{width:100%;display:flex;align-items:center;gap:12px;background:none;border:none;padding:18px 22px;font-size:15px;font-weight:600;color:#16181d;cursor:pointer;font-family:inherit;text-align:left;outline:none;transition:background .15s;}
.tp-guide-qtext{flex:1;}
.tp-guide-q:hover{background:#f7f7fb;}
.tp-guide-q:hover .tp-guide-qtext{color:#4f46e5;}
.tp-guide-q:focus-visible{outline:2px solid #4f46e5;outline-offset:-2px;border-radius:8px;}
.tp-guide-card.tp-guide-open .tp-guide-q{background:#f4f3ff;}
.tp-guide-card.tp-guide-open .tp-guide-qtext{color:#4f46e5;}
.tp-guide-arrow{color:#8a8f98;transition:transform .2s;}
.tp-guide-card.tp-guide-open .tp-guide-arrow{transform:rotate(180deg);color:#4f46e5;}
.tp-guide-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;}
.tp-guide-card.tp-guide-open .tp-guide-a{grid-template-rows:1fr;}
.tp-guide-a-inner{overflow:hidden;padding:0 22px;}
/* Room above the answer as well as below it. The padding only exists while
   the card is open, so it opens and closes with the height animation instead
   of holding the closed card taller than its question. Without the top
   padding the first line sat flush against the question it belongs to. */
.tp-guide-card.tp-guide-open .tp-guide-a-inner{padding-top:6px;padding-bottom:20px;}
.tp-guide-a p{font-size:15px;line-height:1.6;color:#4b5058;margin:0 0 10px;}
.tp-guide-a ul{margin:0 0 10px;padding-left:20px;}
.tp-guide-a li{font-size:15px;line-height:1.6;color:#4b5058;margin-bottom:4px;}
.tp-guide-a strong{color:#16181d;}