/* A table full of plans. Match the story’s 15% lower scroll sensitivity by
   stretching only the sticky travel range; reduced-motion overrides stay below. */
.card-table{height:calc(max(100svh,620px) + (265svh - max(100svh,620px)) / .85);background:#dee8f9;color:#010d1f;position:relative;isolation:isolate;overflow-anchor:none}
.card-table-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#f4f6ff,#dee8f9 65%)}
.table-grid{position:absolute;inset:0;background-image:radial-gradient(#2a586c30 .7px,transparent .7px);background-size:22px 22px;opacity:.5;mask-image:radial-gradient(ellipse,transparent 25%,black)}
.table-ring{position:absolute;left:50%;top:50%;width:72vw;height:72vw;border:1px solid #2a586c18;border-radius:50%;transform:translate(-50%,-50%)}.table-ring:after{content:'';position:absolute;inset:9%;border:1px solid #2a586c18;border-radius:50%}
.table-heading{position:absolute;left:50%;top:28%;width:66%;transform:translateX(-50%);z-index:5;text-align:center;pointer-events:none}
.table-heading h2{font-family:Urbanist,Arial,sans-serif;font-size:clamp(55px,7vw,112px);line-height:.85;font-weight:900;letter-spacing:-.07em}
.table-heading>p{font-size:clamp(18px,2.2vw,34px);letter-spacing:-.025em;margin:19px 0 4px}
.table-cadence{position:relative;height:14vw;max-height:175px;margin-top:6px}.table-cadence span{position:absolute;left:50%;top:0;white-space:nowrap;transform:translate(-50%,25px) rotate(-5deg);opacity:0;font:400 clamp(60px,8.5vw,145px)/1.15 'Permanent Marker',sans-serif;color:#ff5270;letter-spacing:-.065em;transition:opacity .25s,transform .55s cubic-bezier(.2,.8,.2,1)}.table-cadence span.active{opacity:1;transform:translate(-50%,0) rotate(-5deg)}
.card-hands,.card-hand{position:absolute;inset:0;pointer-events:none}.card-hand{z-index:3}.card-hand.active{z-index:4}
.table-card{position:absolute;left:50%;top:50%;width:clamp(170px,var(--card-width),330px);padding:0;background:none;border:0;pointer-events:none;opacity:0;transform:translate(-50%,-50%) translate(0,30svh) rotate(calc(var(--angle) * -1)) scale(.66);transition:transform .75s cubic-bezier(.19,1,.22,1),opacity .22s;will-change:transform,opacity}
.card-hand.active .table-card{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--angle)) scale(1);transition-delay:var(--delay)}
.card-paper{display:block;background:#f9fbff;padding:7px 7px 0;border-radius:11px;box-shadow:0 3px 5px #010d1f0e,0 15px 30px #010d1f21,0 35px 65px #010d1f16;transition:transform .3s,box-shadow .3s;overflow:hidden}
.card-paper>img{display:block;width:100%;height:auto;aspect-ratio:1200/992;object-fit:cover;border-radius:6px}
.card-paper-label{height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 7px;font:600 12px/1 Urbanist,Arial,sans-serif;color:#010d1f;letter-spacing:-.01em}.card-paper-label img{width:17px;height:15px}
.table-card:hover,.table-card:focus-visible{z-index:10}.table-card:hover .card-paper,.table-card:focus-visible .card-paper{transform:translateY(-15px) rotate(calc(var(--angle) * -.35)) scale(1.07);box-shadow:0 30px 65px #010d1f40}
.table-stamp{position:absolute;left:50%;top:78%;z-index:6;transform:translate(-50%,15px) rotate(-9deg) scale(.8);opacity:0;color:#010d1f;font:400 clamp(35px,4.2vw,70px)/1 'Permanent Marker',sans-serif;white-space:nowrap;transition:transform .55s cubic-bezier(.2,1.6,.3,1),opacity .25s;pointer-events:none}.card-table[data-cadence="2"] .table-stamp{opacity:1;transform:translate(-50%,0) rotate(-9deg) scale(1)}
.table-rhythm{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);z-index:11;display:flex;gap:25px;background:#dee8f9e8;backdrop-filter:blur(15px);border:1px solid #010d1f18;border-radius:100px;padding:8px 26px;box-shadow:0 6px 25px #010d1f08}
.table-rhythm button{position:relative;display:flex;align-items:center;gap:6px;padding:10px 0;background:none;color:#476373;font:650 13px Urbanist,sans-serif;min-height:38px}.table-rhythm button>span{font-size:8px;opacity:.6}.table-rhythm button[aria-pressed=true]{color:#010d1f}.table-rhythm button i{position:absolute;bottom:3px;left:0;right:0;height:2px;background:#ff5270;transform:scaleX(0);transform-origin:left}.table-rhythm button[aria-pressed=true] i{transform:scaleX(var(--cadence-progress,0))}
.table-card-dialog{padding:18px;max-width:650px;background:#f4f6fc;color:#010d1f;border:0;border-radius:15px;max-height:92svh;overflow:auto}.table-card-dialog form{height:40px}.table-card-dialog form button{position:absolute;top:12px;right:16px;background:none;color:#010d1f;font-size:30px;width:40px;height:40px}.table-card-dialog>img{width:100%;max-height:63svh;object-fit:contain;border-radius:8px}.table-card-dialog h2{font-size:32px;margin:22px 6px 0}.table-card-dialog p{font-family:'Permanent Marker';color:#ff5270;margin:8px 6px;font-size:23px}
@media(max-width:700px){.card-table{height:calc(max(100svh,600px) + (250svh - max(100svh,600px)) / .85)}.card-table-stage{min-height:600px}.table-heading{width:96%;top:32%}.table-heading h2{font-size:11.7vw;line-height:.92}.table-heading>p{font-size:21px;margin:13px 0 3px}.table-cadence{height:22vw}.table-cadence span{font-size:16vw}.table-card{width:clamp(115px,32vw,200px)}.card-paper{padding:4px 4px 0;border-radius:7px}.card-paper-label{height:25px;padding:0 4px;font-size:9px}.card-paper-label img{width:12px;height:11px}.table-rhythm{gap:15px;padding:6px 16px;bottom:3%;width:max-content;max-width:94%}.table-rhythm button{font-size:12px;gap:4px}.table-stamp{top:64%;font-size:34px}.table-ring{width:130vw;height:130vw}}
.motion-reduced .card-table{height:100svh}.motion-reduced .card-table-stage{position:relative}.motion-reduced .table-rhythm button[aria-pressed=true] i{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.card-table{height:100svh}.card-table-stage{position:relative}.table-card,.table-cadence span,.table-stamp,.card-paper{transition:none!important}.table-rhythm button[aria-pressed=true] i{transform:scaleX(1)}}
.card-table .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header .brand{position:relative}.site-header .table-logo{display:none;position:absolute;inset:0}.site-header.on-table{background:linear-gradient(#dee8f9e8,#dee8f980 70%,#dee8f900)}.site-header.on-table .brand>img:first-child{opacity:0}.site-header.on-table .table-logo{display:block}

.motion-reduced .table-card,.motion-reduced .table-cadence span,.motion-reduced .table-stamp,.motion-reduced .card-paper{transition:none!important}
/* Keep the birthday print above the fishing print in the yearly arrangement. */
.table-card:where([data-card-name="Birthday celebration"]){z-index:2}