#main .e8a{--ink:#0c1b1e;--text:#26363b;--muted:#5f7175;--cyan:#1693a5;--cyan-d:#0f7585;--mint:#5ed1c9;--soft:#f1f7f4;--line:#dfe8e5; max-width:760px;margin:0 auto;padding:8px 20px 64px;color:var(--text); font:18px/1.78 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased} #main .e8a *{box-sizing:border-box} #main .e8a p{margin:0 0 1.15em} #main .e8a a{color:var(--cyan-d);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} #main .e8a a:hover{color:var(--ink)} #main .e8a h2{margin:2.2em 0 .7em;padding-left:14px;border-left:4px solid var(--mint);font-size:27px;line-height:1.3;font-weight:800;letter-spacing:-.01em;color:var(--ink)} #main .e8a h3{margin:1.6em 0 .45em;font-size:19px;line-height:1.4;font-weight:800;color:var(--ink)} #main .e8a ul{margin:0 0 1.2em;padding-left:1.25em} #main .e8a li{margin:.45em 0;padding-left:.2em} #main .e8a li::marker{color:var(--cyan)} #main .e8a strong{color:var(--ink)} #main .e8a .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--muted)} #main .e8a .meta a{font-weight:700} #main .e8a .meta .dot{width:4px;height:4px;border-radius:50%;background:#b7c6c9} #main .e8a .answer{margin:0 0 26px;padding:20px 22px;border-radius:16px;background:linear-gradient(135deg,#eaf8f5,#e6f4f8);font-size:18.5px;line-height:1.7;color:var(--ink)} #main .e8a .answer strong{color:var(--cyan-d)} #main .e8a .takeaways{margin:0 0 30px;padding:22px 24px 10px;border:1px solid var(--line);border-radius:16px;background:#fff} #main .e8a .takeaways h2{margin:0 0 .5em;padding:0;border:0;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)} #main .e8a .takeaways li{margin:.55em 0} #main .e8a figure{margin:6px 0 30px} #main .e8a figure img{display:block;width:100%;height:auto;border-radius:16px} #main .e8a figcaption{margin-top:9px;font-size:14px;line-height:1.5;color:var(--muted);text-align:center} #main .e8a .tbl{margin:6px 0 26px;border:1px solid var(--line);border-radius:14px;overflow:hidden} #main .e8a table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.55} #main .e8a th{background:#173e4b;color:#fff;text-align:left;font-weight:700;padding:13px 16px} #main .e8a td{padding:13px 16px;border-top:1px solid var(--line);vertical-align:top} #main .e8a tbody tr:nth-child(even) td{background:#f6faf9} #main .e8a td:first-child{font-weight:700;color:var(--ink)} #main .e8a .checks p{position:relative;padding-left:30px} #main .e8a .checks p::before{content:"";position:absolute;left:0;top:.45em;width:18px;height:18px;border-radius:50%;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231693a5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat} #main .e8a .cta{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 28px} #main .e8a .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;background:linear-gradient(120deg,#6be0d6,#34c3c8 48%,#1fa9c0);color:#052f35;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(31,169,192,.28)} #main .e8a .btn:hover{color:#052f35;transform:translateY(-1px)} #main .e8a .note{margin:0 0 1.15em;padding:14px 18px;border-radius:12px;background:#fff8ec;border:1px solid #f4e2bf;font-size:16px;color:#5b4a26} #main .e8a .faq h3{margin-top:1.4em} #main .e8a .author{display:flex;gap:16px;align-items:flex-start;margin-top:40px;padding:22px;border-radius:16px;background:var(--soft)} #main .e8a .author .av{flex:none;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#50c59a,#22afc1);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px} #main .e8a .author h2{margin:0 0 .3em;padding:0;border:0;font-size:18px} #main .e8a .author p{font-size:16px;margin-bottom:.6em} @media (max-width:640px){ #main .e8a{padding:4px 16px 48px;font-size:17px;line-height:1.75} #main .e8a h2{font-size:23px;margin-top:1.9em} #main .e8a h3{font-size:18px} #main .e8a .answer{font-size:17px;padding:16px 18px} #main .e8a .takeaways{padding:18px 18px 6px} #main .e8a .tbl{border:0;border-radius:0;overflow:visible} #main .e8a table,#main .e8a tbody,#main .e8a tr,#main .e8a td{display:block;width:100%} #main .e8a thead{display:none} #main .e8a tr{margin:0 0 12px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff} #main .e8a td{border-top:1px solid var(--line);padding:10px 14px} #main .e8a td:first-child{border-top:0;background:#173e4b!important;color:#fff} #main .e8a tbody tr:nth-child(even) td{background:#fff} #main .e8a td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:2px} #main .e8a td:first-child::before{color:var(--mint)} #main .e8a .btn{width:100%} #main .e8a .author{flex-direction:column;gap:10px;padding:18px} } #main .e8a,#main .e8a *{word-break:normal;overflow-wrap:break-word;hyphens:manual} #main .e8a p,#main .e8a li{font-size:inherit;line-height:inherit;font-family:inherit} #main .e8a h2,#main .e8a h3{font-family:inherit} @media (max-width:640px){ #main .e8a{padding:0 2px 44px} }