.computational-tools-page{background:transparent;color:var(--color-ink);font-family:var(--font-primary);min-height:100vh;padding:0 0 6rem}.computational-tools-page .page-main-title{color:var(--ink);font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.02em}.computational-tools-page .tool-section-header{color:var(--ink);font-family:var(--font-serif);font-size:2.2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:2rem;text-align:center}.tool-section{margin-bottom:6rem;position:relative;width:100%}.tool-flex-container{align-items:flex-start;display:flex;flex-direction:column;gap:2rem}.tool-content-wrapper,.tool-image-wrapper{display:flex;justify-content:center;width:100%}.tool-content-wrapper{flex-direction:column}@media(min-width:768px){.tool-flex-container{align-items:center;flex-direction:row;gap:2rem;justify-content:space-between}.tool-flex-container.reverse{flex-direction:row-reverse}.tool-image-wrapper{flex:0 0 48%;max-width:480px}.tool-content-wrapper{flex:0 0 48%;padding:0}@media(min-width:1024px){.tool-content-wrapper{margin-left:-1rem}.tool-flex-container.reverse .tool-content-wrapper{margin-left:0;margin-right:-1rem}}}.tool-image-container{align-items:center;aspect-ratio:16/10;background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface-1) 86%,var(--color-accent) 14%),color-mix(in srgb,var(--color-surface-2) 88%,#fff 12%));border:1px solid color-mix(in srgb,var(--color-accent) 26%,transparent);border-radius:1.5rem;box-shadow:0 10px 24px -10px #0000001f,inset 0 1px #fff3;display:flex;justify-content:center;max-width:100%;overflow:visible;padding:8px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.tool-image-container img{border:1px solid rgba(var(--accent-rgb),.05);border-radius:1.2rem;display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.tool-badge{font-size:.75rem;letter-spacing:.15em;margin-bottom:.75rem}.tool-content-wrapper h2{color:var(--ink);line-height:1.1;margin-bottom:.5rem}.description-text{color:var(--ink-faded);font-size:1.05rem;hyphens:auto;line-height:1.7;margin-bottom:1.5rem;margin-top:0;text-align:left;text-wrap:pretty}.tool-content-wrapper a{align-self:flex-start;margin-top:auto}.tool-image-container:hover{transform:translateY(-4px) scale(1.01)}.tool-image-container:hover img{box-shadow:0 20px 40px -15px #0000001f,0 0 0 1px rgba(var(--accent-rgb),.15)}@media(max-width:768px){.tool-flex-container{gap:1.5rem}.tool-section-header{margin-bottom:1.5rem}.description-text{color:var(--ink-light);font-size:1.05rem;line-height:1.7;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:left;text-wrap:pretty}.tool-image-container img{border-radius:.9rem}}:root{--accent-rgb:196,30,58}@media(min-width:1024px){.overlap-mode .tool-content-wrapper{background:linear-gradient(to right,transparent 0,var(--paper) 10%);margin-left:-3rem;padding-left:2rem;position:relative;z-index:2}.overlap-mode.reverse .tool-content-wrapper{background:linear-gradient(to left,transparent 0,var(--paper) 10%);margin-left:0;margin-right:-3rem;padding-left:0;padding-right:2rem}}