.pattern-details{display:flex;flex-direction:column;gap:1.6rem;max-width:72rem;margin:0 auto}.pattern-card{background:var(--pattern-card-bg, rgba(var(--color-foreground), .045));border-radius:var(--pattern-card-radius, 2.4rem);padding:2.4rem 2rem}@media screen and (min-width:750px){.pattern-details{gap:2rem}.pattern-card{padding:3.2rem}}.pattern-card__heading{margin:0 0 1.2rem;letter-spacing:-.01em}.pattern-card__body{color:rgba(var(--color-foreground),.85);line-height:1.7}.pattern-card__body>*:first-child{margin-top:0}.pattern-card__body>*:last-child{margin-bottom:0}.pattern-facts{margin:1.6rem 0 0;padding:0;display:flex;flex-direction:column}.pattern-card__heading+.pattern-facts{margin-top:.4rem}.pattern-facts__row{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;padding:1.3rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.pattern-facts__row:last-child{border-bottom:0;padding-bottom:.4rem}.pattern-facts__label{display:flex;align-items:center;gap:.9rem;margin:0;font-weight:600;flex:0 0 auto}.pattern-facts__value{margin:0;text-align:right;color:rgba(var(--color-foreground),.8)}.pattern-facts__footnote{margin:1.6rem 0 0;text-align:center;font-size:1.3rem;color:rgba(var(--color-foreground),.6)}.icon-pattern{width:2rem;height:2rem;flex-shrink:0;opacity:.75}.pattern-accordions{display:flex;flex-direction:column;gap:1rem;margin-top:1.6rem}.pattern-card__heading+.pattern-accordions{margin-top:.4rem}.pattern-accordion{background:rgb(var(--color-background));border-radius:var(--pattern-accordion-radius, 1.6rem);overflow:hidden}.pattern-accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.5rem 1.8rem;cursor:pointer;font-weight:600;list-style:none}.pattern-accordion__summary::-webkit-details-marker{display:none}.pattern-accordion__summary:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem}.pattern-accordion__icon{display:flex;flex-shrink:0;width:2rem;height:2rem;transition:transform .2s ease}.pattern-accordion__icon svg{width:100%;height:100%}.pattern-accordion[open] .pattern-accordion__icon{transform:rotate(135deg)}.pattern-accordion__content{padding:0 1.8rem 1.8rem;color:rgba(var(--color-foreground),.85);line-height:1.7}.pattern-accordion__content>*:first-child{margin-top:0}.pattern-accordion__content>*:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.pattern-accordion__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-pattern-details.css.map */