.connections-shell{max-width:1080px}.connections-hero{background:linear-gradient(100deg,#eef2eaf0,#e8eee5c4),url(/elements/wood.webp) 50%/cover no-repeat;border-radius:19px;padding:clamp(30px,6vw,62px)}.connections-hero h1{color:#294234;margin:0;font:400 clamp(48px,7vw,84px)/1.05 Georgia,serif}.connections-hero>p:not(.between-kicker){font:21px/1.5 Georgia,serif}.connections-hero .between-primary{margin-top:16px;text-decoration:none}.connections-filters{gap:10px;margin:26px 0;display:flex}.connections-filters button{color:#31543e;cursor:pointer;background:#fffdf8;border:1px solid #b9c9b6;border-radius:24px;padding:10px 20px}.connections-filters button[aria-pressed=true]{color:#fff;background:#345441}.connections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.connections-grid article,.connections-detail,.connections-empty{background:#fffdf8;border:1px solid #d4dece;border-radius:15px;padding:25px}.connections-grid span{color:#a16d5b;text-transform:capitalize;font:11px Arial,sans-serif}.connections-grid h2,.connections-detail h2{font:400 28px Georgia,serif}.connections-grid p{color:#607166;font:13px Arial,sans-serif}.connections-grid article>div,.connections-actions{flex-wrap:wrap;gap:18px;margin-top:20px;display:flex}.connections-grid button,.connections-grid a,.connections-actions button,.connections-actions a,.connections-detail>a{color:#31543e;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #829a82;padding:4px 0;font:13px Arial,sans-serif;text-decoration:none}.connections-back{margin:20px 0}.connections-detail>p{font:14px/1.6 Arial,sans-serif}.connections-detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.connections-detail-grid>div{background:#eef2ea;border:1px solid #d4dece;border-radius:12px;padding:20px}.connections-detail-grid h3{font:400 19px Georgia,serif}.connections-detail-grid p{font:15px/1.6 Arial,sans-serif}.connections-detail details{margin:20px 0;font:14px/1.6 Arial,sans-serif}.connections-detail summary{cursor:pointer}.connections-detail>a{margin:10px 15px 10px 0;display:inline-block}@media (max-width:650px){.connections-grid,.connections-detail-grid{grid-template-columns:1fr}}.connections-answers{grid-template-columns:1fr 1fr;gap:15px;margin-top:17px;display:grid}.connections-answers section{background:#f3f6ef;border:1px solid #d4dece;border-radius:10px;padding:18px}.connections-answers h3,.connections-snapshot h3{font:400 23px Georgia,serif}.connections-answers p{font:14px/1.6 Arial,sans-serif}.connections-snapshot{margin:25px 0}.connections-snapshot h4{font:400 19px Georgia,serif}.connections-snapshot>div>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.connections-snapshot a{color:#31543e;border:1px solid #d4dece;border-radius:9px;gap:6px;padding:10px;text-decoration:none;display:grid}.connections-snapshot img{aspect-ratio:1.3;object-fit:cover;width:100%}.connections-snapshot span{font:15px Georgia,serif}.connections-snapshot small{font:12px Arial,sans-serif}@media (max-width:650px){.connections-answers,.connections-snapshot>div>div{grid-template-columns:1fr}}.connections-hero{padding:28px 34px}.connections-hero h1{font-size:clamp(38px,5vw,62px)}.connections-hero>p:not(.between-kicker){margin:12px 0;font-size:18px}.connections-hero .between-primary{margin-top:8px}.connections-actions .connection-delete{margin-left:auto}.connection-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.connection-collections{margin:25px 0}.connection-collections>summary{cursor:pointer;list-style:none;display:inline-flex}.connection-collections>summary::-webkit-details-marker{display:none}.connection-collection-grid .bracelet-display{display:block}@media (max-width:850px){.connection-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:500px){.connection-collection-grid{grid-template-columns:1fr}}.connections-detail{margin-top:24px}.connections-detail .elemental-shell{padding:0}.connections-detail .elemental-method>p{font:11px/1.75 Arial,sans-serif}.connections-detail .elemental-pair details{margin:18px 0 0}.connections-detail .connection-collections{margin:28px 0;padding:clamp(24px,3vw,40px)}.connections-detail .connection-products .immersive-product{padding:0}.connection-collections .connection-elemental-link{color:#31543e;text-underline-offset:3px;max-width:100%;text-decoration:underline;display:inline-block}
