/* Section rims use the curves and colours of synapsteria.com, with pure white panels. */
.light-section{background:#fff}
.light-section select,.light-section input:not([type=range]),.light-section option{background:#fff}
.experience-section:not(.hero-section){padding-top:108px}
.experience-section:not(.hero-section)::before{content:"";position:absolute;inset:-60px 0 auto;height:132px;background:url('../assets/section-dark.svg') center top / 100% 100% no-repeat;transform:scaleY(.65);transform-origin:center;pointer-events:none;z-index:0}
.experience-section.light-section::before{background-image:url('../assets/section-light.svg')}
.section-seam{background:none;top:30px;left:6%;right:6%;height:auto;z-index:2}
.section-seam span{top:0;font-size:.6rem;letter-spacing:.14em;color:#9981ab}
.light-section .section-seam span{color:#786280}
.section-seam i,.section-seam:after{display:none}
.journey-nav{margin-bottom:46px}
.journey-nav a{white-space:nowrap}
.requirements-heading{grid-template-columns:1fr;gap:22px;margin-bottom:34px}
.requirements-heading h2{max-width:1040px;font-size:clamp(2rem,3.65vw,3.9rem);line-height:1.13;letter-spacing:-.035em}
.requirements-heading>p{max-width:990px;font-size:1.05rem;line-height:1.8}
.instruction-flow{gap:38px;margin:24px 0 35px;padding-bottom:30px}
.instruction-flow article{padding-top:20px}.instruction-flow h3{font-size:1.24rem;margin:16px 0 10px}
.instruction-flow p{max-width:none;font-size:.92rem;line-height:1.65}
.rule-visual{height:68px;margin-bottom:6px}.rule-visual svg{width:140px;height:65px}
.catalogue-preview{padding-top:0;border-top:0;margin-top:34px}
.catalogue-title-row{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:22px}
.catalogue-title-row h3{font-size:1.9rem;margin:0 0 9px}.catalogue-title-row p{font-size:.9rem;line-height:1.6;color:#6b5f74}
.catalogue-file-links{display:flex;gap:16px;flex-wrap:wrap}.catalogue-file-links a{padding:12px 0;color:#693b80;font-size:.88rem;border-bottom:1px solid #cdb6d8;white-space:nowrap}
.catalogue-file-links a:hover{color:#ae286f;border-color:currentColor}
.static-catalogue-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:28px;align-items:start}
.catalogue-table-wrap{background:white}.light-section .results-table th,.catalogue-table caption{background:#f6f4f8}
.catalogue-invitation{border:1px solid #dfd7e5;padding:30px;border-radius:18px;background:linear-gradient(150deg,#fff,#f4f2f8)}
.catalogue-invitation h4{font-size:1.45rem;font-weight:500;margin:22px 0 12px}.catalogue-invitation p{font-size:.94rem;color:#71647b;line-height:1.7;margin-bottom:20px}
.instruction-footprint{height:140px;display:grid;place-items:center;color:#278b70}.instruction-footprint svg{width:220px;height:130px}
.piece-view-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 15px;border:1px solid #d1b9df;border-radius:999px;background:linear-gradient(120deg,#faf5ff,#f4edf9);color:#673b82;font-size:.85rem;font-weight:600;white-space:nowrap}
.static-catalogue-layout .piece-view-button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#9f327f;transition:transform .2s}
.piece-view-button:hover:not(:disabled){color:white;border-color:#8a4eaa;background:linear-gradient(120deg,#a72c82,#704aa1);box-shadow:0 6px 18px #6f388524}
.static-catalogue-layout .piece-view-button:hover span{transform:translate(1px,-1px)}
.piece-view-button:focus-visible{outline:3px solid #be92d6;outline-offset:3px}
.piece-view-button:disabled{opacity:.55;cursor:progress}
@media(max-width:1050px){.static-catalogue-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr)}.catalogue-title-row{align-items:flex-start;flex-direction:column}.catalogue-table{min-width:570px}.journey-nav{gap:25px}}
@media(max-width:760px){.static-catalogue-layout{grid-template-columns:1fr}.catalogue-invitation{padding:24px}.catalogue-invitation .instruction-footprint{display:none}.catalogue-title-row h3{font-size:1.7rem}.journey-nav{justify-content:flex-start;overflow-x:auto;gap:22px;padding-block:18px}.requirements-heading h2{font-size:2rem}.requirements-heading>p{font-size:.98rem}.experience-section:not(.hero-section){padding-top:90px}.instruction-flow{gap:20px}.experience-section:not(.hero-section)::before{height:96px;top:-45px}.section-seam{top:28px}.catalogue-table-wrap{max-height:480px}}

.light-section .catalogue-table .table-piece.stage-1{color:#23866b}.light-section .catalogue-table .table-piece.stage-2{color:#2b78b8}.light-section .catalogue-table .table-piece.stage-3{color:#ba5848}

@media(max-width:850px){.light-section .catalogue-table th:last-child,.light-section .catalogue-table td:last-child{position:sticky;right:0;background:#fff;box-shadow:-6px 0 10px #33244409}.light-section .catalogue-table th:last-child{z-index:2}}

.catalogue-interactive .catalogue-table-wrap,.static-catalogue-layout>.table-scroll{min-width:0;max-width:100%;width:100%}