/* TradeLaunch package detail components.

   One file for three pages: the homepage carries its own inline stylesheet
   and loads no external CSS, so a shared file is the only way the same
   components can look the same on the homepage, /pricing and /hosting.

   Classes are prefixed tl-plans- so they cannot collide with the page
   families that already exist. */

.tl-plans-spec{margin:0 0 10px;font-size:12px;line-height:1.55;color:#5c7793}
.tl-plans-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.tl-plans-actions .choose,.tl-plans-actions .button{margin:0}
.tl-plans-more{font-size:13px;font-weight:600;color:#075bd1;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.tl-plans-more:hover{color:#0648a8}
.tl-plans-detail{margin-top:14px;border-top:1px solid #dbe6f1;padding-top:10px}
.tl-plans-detail summary{cursor:pointer;font-size:12.5px;font-weight:700;color:#075bd1;list-style:none}
.tl-plans-detail summary::-webkit-details-marker{display:none}
.tl-plans-detail summary:after{content:" +";font-weight:700}
.tl-plans-detail[open] summary:after{content:" \2212"}
.tl-plans-detail ul{margin:10px 0 0;padding-left:18px;font-size:12.5px;line-height:1.7;color:#3d5269}
.tl-plans-detail li{margin:0 0 5px}
.tl-plans-detail li:before{content:none;display:none}
.tl-plans-note{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:#5c7793}
@media (max-width:780px){.tl-plans-spec{font-size:13px}.tl-plans-actions{gap:10px}.tl-plans-detail ul{font-size:13px}}