/* Shared calendar compatibility section for home and industry pages. */
.calendar-connect { background:#10271f; color:#f5f0e5; padding:54px 0; border-block:1px solid #ffffff12; }
.calendar-connect-inner { width:min(1184px,calc(100% - 80px)); margin-inline:auto; }
.calendar-connect .calendar-eyebrow { color:#8fe5c2; font:700 12px/1.5 var(--font-ui); letter-spacing:.1em; text-transform:uppercase; margin:0 0 12px; }
.calendar-connect h2 { color:#f5f0e5; font:700 clamp(25px,2.6vw,36px)/1.3 var(--font-display); margin:0; letter-spacing:-.035em; scroll-margin-top:140px; }
.calendar-connect-heading>p:last-child { color:#bdcec3; font:400 19px/1.6 var(--font-ui); margin:14px 0 0; max-width:680px; }
.calendar-apps { list-style:none; padding:0; margin:28px 0 20px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.calendar-apps li { display:flex; align-items:center; gap:14px; min-width:0; padding:20px; border:1px solid #527161; border-radius:12px; background:#ffffff04; }
.calendar-apps strong { display:block; color:#f5f0e5; font:700 19px/1.4 var(--font-ui); text-align:start; }
.calendar-apps li>div>span { display:block; color:#bdcec3; font:400 15px/1.5 var(--font-ui); margin-top:3px; }
.calendar-symbol { width:42px; height:44px; flex:none; display:grid; place-items:center; background:#f4f0e7; color:#285f50; border-radius:9px; border-top:7px solid #83b7ee; font:700 19px/1 sans-serif; }
.calendar-symbol-1 { border-top-color:#e99388; }
.calendar-symbol-2 { border-top-color:#7cbbd8; }
.calendar-connect .calendar-connect-note { color:#bdcec3; max-width:920px; font:400 16px/1.6 var(--font-ui); margin:0 0 12px; }
.calendar-connect-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#a2eccc; text-decoration:underline; text-underline-offset:5px; font:700 17px/1.5 var(--font-ui); }
.calendar-connect-link:hover { color:#fff; }
.calendar-connect-link:focus-visible { outline:3px solid #a2eccc; outline-offset:4px; }
.calendar-connect:dir(rtl) h2,.calendar-connect:dir(rtl) .calendar-eyebrow { letter-spacing:0; }
@media(max-width:760px) {
 .calendar-connect { padding:36px 0; }
 .calendar-connect-inner { width:calc(100% - 40px); }
 .calendar-apps { grid-template-columns:1fr; gap:10px; margin:22px 0 18px; }
 .calendar-apps li { padding:15px 17px; }
 .calendar-connect-heading>p:last-child { font-size:18px; }
}