.jmark-diff{font-family:inherit;padding:80px 20px}.jmark-diff__container{margin:0 auto;max-width:1100px}.jmark-diff__header{margin-bottom:56px;text-align:center}.jmark-diff__title{color:#111827;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 16px}.jmark-diff__subtitle{color:#4b5563;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.6;margin:0 auto;max-width:620px}.jmark-diff__body{align-items:start;display:grid;gap:48px;grid-template-columns:320px 1fr}.jmark-diff__tabs{border:none;display:flex;flex-direction:column;margin:0;padding:0}.jmark-diff__tab{background:none;border:none;border-top:1px solid #d1d5db;color:#374151;cursor:pointer;display:block;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:500;line-height:1.3;padding:22px 0;position:relative;text-align:left;transition:color .2s ease;width:100%}.jmark-diff__tab:last-child{border-bottom:1px solid #d1d5db}.jmark-diff__tab:after{background-color:#1e6fb5;bottom:-1px;content:"";height:3px;left:0;position:absolute;transition:width .35s ease;width:0}.jmark-diff__tab.is-active,.jmark-diff__tab:hover{color:#111827}.jmark-diff__tab.is-active:after{width:100%}.jmark-diff__tab:hover:after{width:60%}.jmark-diff__tab.is-active:hover:after{width:100%}.jmark-diff__panels{background-color:#fff;border-radius:8px;min-height:320px;padding:32px;position:relative}.jmark-diff__panel{animation:diffFadeIn .3s ease;display:none}.jmark-diff__panel.is-active{display:block}@keyframes diffFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.jmark-diff__panel-inner{align-items:start;display:grid;gap:32px;grid-template-columns:1fr 280px}.jmark-diff__panel-inner--no-image{grid-template-columns:1fr}.jmark-diff__panel-text{color:#374151;font-size:.9rem;line-height:1.7}.jmark-diff__panel-text p{margin:0 0 14px}.jmark-diff__panel-text p:last-child{margin-bottom:0}.jmark-diff__panel-text strong{color:#111827;font-weight:600}.jmark-diff__panel-image{align-self:stretch;position:relative;width:280px}.jmark-diff__panel-image img{border-radius:8px 0 0 8px;display:block;height:100%;left:0;object-fit:cover;object-position:center top;position:absolute;top:0;width:100%}@media (max-width:768px){.jmark-diff__body{gap:0}.jmark-diff__body,.jmark-diff__panel-inner{grid-template-columns:1fr}.jmark-diff__panel-image{margin-top:24px;width:100%}.jmark-diff__tab:after{display:none}.jmark-diff__tab.is-active{color:#1e6fb5;font-weight:700}}