/* The page uses Dropbox alternative's shared masthead, gallery, benefits,
   editorial sections and FAQ. These additions style monday-specific content. */
.monday-comparison-page .monday-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0;text-align:left}
.monday-comparison-page .monday-detail-card{min-width:0}
.monday-comparison-page .monday-detail-card h3{font-size:23px;line-height:1.3;margin:0 0 14px}
.monday-comparison-page .monday-detail-card p{font-size:18px;line-height:1.65}
.monday-comparison-page .monday-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:30px 0}
.monday-comparison-page .monday-comparison{overflow-x:auto;border:1px solid #dfe6e2;border-radius:12px;margin:32px 0;text-align:left}
.monday-comparison-page .monday-comparison table{width:100%;min-width:680px;border-collapse:collapse;font-size:17px;line-height:1.6}
.monday-comparison-page .monday-comparison th,.monday-comparison-page .monday-comparison td{padding:22px;border-bottom:1px solid #dfe6e2;vertical-align:top}
.monday-comparison-page .monday-comparison thead{background:#091524;color:#fff}
.monday-comparison-page .monday-comparison tbody th{background:#F8F9FB;width:20%}
.monday-comparison-page .monday-comparison td{width:40%}
.monday-comparison-page .monday-note{font-size:15px;line-height:1.6}
.monday-comparison-page .monday-note a{color:#007c23;text-decoration:underline}
.monday-comparison-page .monday-steps{text-align:left;max-width:900px;margin:30px auto;padding-left:28px}
.monday-comparison-page .monday-steps li{padding:12px}
.monday-comparison-page .monday-steps h3{font-size:24px}
.monday-comparison-page .monday-comparison:focus-visible{outline:3px solid #007c23;outline-offset:4px}
@media(max-width:960px){.monday-comparison-page .monday-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.monday-comparison-page .monday-detail-grid{grid-template-columns:1fr}.monday-comparison-page .monday-actions{flex-direction:column}}

/* Give the structured sections their own layout instead of prose-only panels. */
.monday-comparison-page .monday-designed-section{padding:72px 24px;background:#fff}
.monday-comparison-page .monday-designed-section:nth-of-type(even){background:#F8F9FB}
.monday-comparison-page .monday-designed-section .lp-freeform-content{max-width:1200px;padding:0;background:transparent;border-radius:0}
.monday-comparison-page .monday-designed-section h2{max-width:850px;margin:0 auto 20px;padding:0;text-align:center;font-size:clamp(28px,3vw,40px);line-height:1.25;color:#07101C}
.monday-comparison-page .monday-designed-section .lp-freeform-content>p{max-width:820px;margin:0 auto 28px;text-align:center;line-height:1.65}
.monday-comparison-page .monday-designed-section .monday-detail-grid{align-items:stretch;gap:24px}
.monday-comparison-page .monday-designed-section .monday-detail-card{box-sizing:border-box;padding:28px;background:#fff;border:1px solid #dfe6e2;border-radius:15px}
.monday-comparison-page .monday-designed-section .monday-detail-card h3{padding:0;margin:0 0 14px;font-size:22px;font-weight:600;color:#07101C}
.monday-comparison-page .monday-designed-section .monday-detail-card p{margin:0;font-size:17px;color:#56657a}
.monday-comparison-page .monday-plans .monday-detail-card:nth-child(2){background:#091524;border-color:#091524}
.monday-comparison-page .monday-plans .monday-detail-card:nth-child(2) h3{color:#fff}
.monday-comparison-page .monday-plans .monday-detail-card:nth-child(2) p{color:#d3dce8}
.monday-comparison-page .monday-designed-section .monday-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:none;padding:0;list-style:none;counter-reset:migration}
.monday-comparison-page .monday-designed-section .monday-steps li{padding:28px;background:#fff;border:1px solid #dfe6e2;border-radius:15px;counter-increment:migration}
.monday-comparison-page .monday-designed-section .monday-steps li::before{content:"0" counter(migration);display:block;margin-bottom:18px;color:#007c23;font-size:24px;font-weight:700}
.monday-comparison-page .monday-designed-section .monday-steps h3{padding:0;margin:0 0 14px;font-size:22px;color:#07101C}
.monday-comparison-page .monday-designed-section .monday-steps p{margin:0;font-size:17px;line-height:1.65;color:#56657a}
@media(max-width:640px){.monday-comparison-page .monday-designed-section{padding:48px 20px}.monday-comparison-page .monday-designed-section .monday-steps{grid-template-columns:1fr}.monday-comparison-page .monday-designed-section .monday-detail-card{padding:24px}}

/* White backgrounds for the platform comparison content cells. */
.monday-comparison-page .monday-comparison tbody td { background: #FFFFFF; }

/* Preserve the lowercase domain suffix in the hero heading. */
.monday-comparison-page .feature-masthead h1 .highlight-inline { text-transform: none; }
