/* Four connected records, with the original appointment names and dates. */
.service-records{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;padding-top:31px;perspective:1400px;isolation:isolate}
.service-records:before{content:'';position:absolute;top:6px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,#a8baf730,#bdd3ff,#a8baf730);box-shadow:0 0 12px #a8baf788;z-index:-1}
.card.service-record{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 22px 21px;background:linear-gradient(145deg,#263c5366,#102637aa 50%,#0d1d2ccc);border:1px solid #a8baf735;border-radius:10px;overflow:visible;box-shadow:0 18px 35px #0002,inset 0 1px #d2e0ff12;transform-style:preserve-3d;transition:transform .35s,border-color .35s,box-shadow .35s}
.service-record:before{width:42px;background:var(--accent);box-shadow:0 0 16px #a8baf766;border-radius:10px 0 0 0}
.service-record:hover,.service-record:focus-visible{transform:translateY(-8px) rotateY(-2deg);border-color:#b1caffaa;box-shadow:0 24px 50px #0004,0 0 28px #a8baf716}
.service-connection{position:absolute;top:-29px;left:calc(50% - 4px);width:8px;height:8px;border:1px solid #dae6ff;background:#a8baf7;border-radius:50%;box-shadow:0 0 13px #a8baf7aa}
.service-connection:after{content:'';position:absolute;top:8px;left:3px;height:20px;width:1px;background:linear-gradient(#bed0ff88,#bed0ff22)}
.service-symbol{position:relative;height:107px;display:grid;place-items:center;margin-bottom:21px;isolation:isolate;background:radial-gradient(ellipse,#9db9fb18,transparent 65%)}
.service-symbol svg{position:relative;width:100px;height:90px;fill:none;stroke:var(--accent);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #a8baf755);z-index:1}
.service-symbol-orbit{position:absolute;width:123px;height:39px;bottom:0;border:1px solid #a8baf740;border-radius:50%;transform:rotateX(54deg);box-shadow:0 0 18px #a8baf712}
.service-record .tag{font-size:9px;letter-spacing:.11em;margin-bottom:13px;line-height:1.6}
.card.service-record h3{font-size:clamp(18px,1.5vw,21px);line-height:1.34;letter-spacing:-.015em;min-height:4.02em;margin:0 0 16px;text-wrap:balance}
.service-record p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:25px;flex:1;max-width:none;text-align:start}
.service-open{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #a8baf726;padding-top:15px;font-size:11px;color:#c2d3fb}
.service-open span{font-size:18px;transition:transform .25s}
.service-record:hover .service-open span{transform:translate(2px,-2px)}
body[data-world="service"] .guide-trigger{position:static;display:flex;width:max-content;max-width:90%;margin:24px auto}
@media(prefers-reduced-motion:no-preference){.service-symbol svg{animation:service-signal-float 7s ease-in-out infinite}.service-record:nth-child(2) .service-symbol svg{animation-delay:-1.7s}.service-record:nth-child(3) .service-symbol svg{animation-delay:-3.4s}.service-record:nth-child(4) .service-symbol svg{animation-delay:-5.1s}}
@keyframes service-signal-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:999px){.service-records{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}.service-records:before{left:25%;right:25%}.service-record:nth-child(n+3) .service-connection{display:none}.card.service-record h3{font-size:21px;min-height:4.02em}.service-record p{font-size:14px}}
@media(max-width:620px){.service-records{grid-template-columns:1fr;gap:22px;padding:0 0 0 21px}.service-records:before{top:52px;bottom:52px;left:3px;right:auto;width:1px;height:auto;background:linear-gradient(#a8baf730,#bdd3ff,#a8baf730)}.service-connection{top:52px;left:-23px}.service-connection:after{top:3px;left:8px;height:1px;width:15px;background:#bed0ff66}.service-record:nth-child(n+3) .service-connection{display:block}.card.service-record{padding:24px}.service-symbol{height:91px;margin-bottom:17px;justify-items:start;background:radial-gradient(ellipse at 38px center,#9db9fb18,transparent 60%)}.service-symbol svg{width:88px;height:79px}.service-symbol-orbit{left:-5px;width:97px}.card.service-record h3{min-height:0;font-size:21px}.service-record p{margin-bottom:22px}.service-record:hover,.service-record:focus-visible{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.service-record,.service-open span{transition:none}.service-record:hover,.service-record:focus-visible{transform:none}}