
body{margin:0;background:#F3F4F2}
a{color:#1D7A08}a:hover{color:#145806}
.post{max-width:760px;margin:0 auto;padding:72px 24px 40px;font-size:18px;line-height:1.75;color:#2A2F37}
.post h2{font-size:32px;font-weight:400;letter-spacing:-0.025em;line-height:1.18;color:#121418;margin:72px 0 18px}
.post h3{font-size:21px;font-weight:600;line-height:1.3;color:#121418;margin:40px 0 10px}
.post p{margin:0 0 22px}
.post ul,.post ol{margin:0 0 26px;padding-left:24px}
.post li{margin-bottom:10px}
.post a{color:#1D7A08;text-decoration:underline;text-underline-offset:3px}
.post strong{color:#121418}
.post .answer{background:#FFFFFF;border-left:4px solid #34E00A;padding:20px 24px;margin:0 0 26px;font-size:17px;line-height:1.65}
.post .glance{background:#121418;color:#C3C8CF;padding:28px 32px;margin:0 0 40px}
.post .glance h2{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#34E00A}
.post .glance dl{margin:0;display:grid;grid-template-columns:minmax(140px,190px) 1fr;gap:12px 20px;font-size:16px;line-height:1.5}
.post .glance dt{color:#8A919C;font-weight:600}
.post .glance dd{margin:0;color:#FFFFFF}
.post .tbl{overflow-x:auto;margin:8px 0 14px;border:1px solid #DADDD8;background:#FFFFFF}
.post table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5;min-width:680px}
.post th{text-align:left;background:#121418;color:#FFFFFF;font-weight:600;padding:12px 14px}
.post td{padding:12px 14px;border-top:1px solid #E4E6E2;vertical-align:top}
.post tr.top td{background:#F1FBEC}
.post .note{font-size:14px;color:#5A616B}
.post .def{background:#E6E9E4;padding:20px 24px;margin:0 0 24px}
.post .pick{background:#121418;color:#C3C8CF;padding:32px;margin:0 0 28px}
.post .pick h3{color:#FFFFFF;margin:0 0 6px}
.post .pick strong{color:#FFFFFF}
.post .pick a{color:#34E00A}
.post .pick ul{margin:16px 0 20px}
.post .warn{background:#FFF6E6;border-left:4px solid #E8A23A;padding:20px 24px;margin:0 0 26px}
.post .cta{background:#121418;color:#C3C8CF;padding:32px 36px;margin:48px 0}
.post .cta strong{color:#FFFFFF}
.post .cta a{color:#34E00A}
.post .disclaimer{font-size:13px;line-height:1.6;color:#5A616B;border-top:1px solid #DADDD8;padding-top:24px;margin-top:64px}
@media (max-width: 900px){.nav-links{display:none !important}}
@media (max-width: 560px){.post .glance dl{grid-template-columns:1fr}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #34E00A;outline-offset:3px;box-shadow:0 0 0 5px #121418}
a,button,summary,label[for]{cursor:pointer}
/* Motion polish */
@keyframes mIn{from{opacity:0;translate:0 36px}to{opacity:1;translate:0 0}}
@keyframes mHero{from{opacity:0;translate:0 24px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:none}}
h1{animation:mHero .9s cubic-bezier(.2,.8,.2,1) .15s both}
h1 + p{animation:mHero .9s cubic-bezier(.2,.8,.2,1) .35s both}
@supports (animation-timeline: view()){
article h2, .answer, .glance, .def, .tbl, .faq h3, .cta, section > div > h2, section > div > div > h2, figure, dl{animation:mIn linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
}
a[href*="jotform.com"], button[type="submit"]{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}
a[href*="jotform.com"]:hover, button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(52,224,10,.28)}
a[href*="jotform.com"]:active{transform:scale(.97)}
.chip{transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s,color .2s}
.chip:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion: reduce){h1,h1 + p,article h2,.answer,.glance,.def,.tbl,.faq h3,.cta,section > div > h2,section > div > div > h2,figure,dl{animation:none !important}a[href*="jotform.com"],button[type="submit"],.chip{transition:none !important;transform:none !important}}

/* Mobile menu */
nav[aria-label="Main"]{position:relative;z-index:50}
.ng-mnav{display:none}
.ng-mnav>summary{list-style:none;cursor:pointer;width:46px;height:46px;box-sizing:border-box;border:1px solid #3A3F48;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;-webkit-tap-highlight-color:transparent}
.ng-mnav>summary::-webkit-details-marker{display:none}
.ng-mnav>summary::marker{content:""}
.ng-mnav>summary span{display:block;width:20px;height:2px;background:#E9ECEF;transition:transform .2s ease,opacity .2s ease}
.ng-mnav[open]>summary{border-color:#34E00A}
.ng-mnav[open]>summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ng-mnav[open]>summary span:nth-child(2){opacity:0}
.ng-mnav[open]>summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ng-mnav-panel{position:absolute;left:0;right:0;top:100%;z-index:60;background:#121418;border:1px solid #262A31;border-top:2px solid #34E00A;padding:4px 20px 18px;box-shadow:0 28px 56px rgba(0,0,0,.55);text-align:left}
.ng-mnav-panel a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;border-bottom:1px solid #262A31;color:#E9ECEF;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.ng-mnav-panel a::after{content:"\2192";color:#34E00A;font-weight:700}
.ng-mnav-panel a.ng-mnav-sub{min-height:48px;color:#C3C8CF;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none}
.ng-mnav-panel a.ng-mnav-sub:last-child{border-bottom:0}
@media (max-width:960px){.nav-links{display:none !important}.ng-mnav{display:block}nav[aria-label="Main"]{gap:12px !important}nav[aria-label="Main"]>a:first-child{margin-right:auto}}
nav[aria-label="Main"]>a:first-child{flex-shrink:0}
@media (max-width:560px){nav[aria-label="Main"] a.num[href^="tel:"]{display:none !important}}
@media (max-width:420px){nav[aria-label="Main"] .ng-cta{padding:12px 14px !important;font-size:12px !important;letter-spacing:.08em !important}nav[aria-label="Main"]>a:first-child img{height:34px !important}}
@media (max-width:360px){header[style*="max-width: 1320px"]{padding:0 16px !important}nav[aria-label="Main"][style*="padding: 24px 32px"]{padding:20px 16px !important}nav[aria-label="Main"]>a:first-child img{height:30px !important}nav[aria-label="Main"] .ng-cta{padding:11px 12px !important;font-size:11px !important}}
