.wp-site-blocks>section,.wp-site-blocks>.wp-block-group,.wp-site-blocks>[class^=pattern-],.wp-site-blocks>[class*=" pattern-"],footer{margin-block-start:0}.forwp-header{background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.forwp-header__inner{align-items:center;min-height:5rem}.forwp-header-logo{display:flex;align-items:center;text-decoration:none}.forwp-header-logo__box{position:relative;background:linear-gradient(to bottom right, #0073aa, #005177);padding:.5rem .75rem;display:flex;align-items:center;border-radius:0}.forwp-header-logo__text{color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1.125rem;font-weight:700}.forwp-header-logo__text strong:first-child{transform:rotate(-25deg);margin-right:-4px;display:inline-block}.forwp-header-logo__dot{position:absolute;bottom:1rem;right:-0.25rem;width:.5rem;height:.5rem;background:#fff}.forwp-header-logo__dev{color:#333;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1.125rem;font-weight:700;margin-left:.25rem}.forwp-header-nav{flex:1;display:flex;justify-content:center;gap:.25rem}@media(max-width: 782px){.forwp-header-nav{display:none}}.forwp-nav__link,.forwp-nav__trigger{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#333;font-family:inherit;line-height:1;text-decoration:none;background:rgba(0,0,0,0);border:0;cursor:pointer;transition:all .2s ease}.forwp-nav__link:hover,.forwp-nav__link:focus-visible,.forwp-nav__trigger:hover,.forwp-nav__trigger:focus-visible{color:#0073aa;background:rgba(0,115,170,.05);outline:none}.forwp-nav__chevron{width:1rem;height:1rem}.forwp-nav__dropdown{position:relative}.forwp-nav__dropdown:hover .forwp-nav__menu,.forwp-nav__dropdown:focus-within .forwp-nav__menu{opacity:1;visibility:visible;transform:translateY(0)}.forwp-nav__menu{position:absolute;top:100%;left:0;margin-top:.25rem;width:12rem;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 16px rgba(15,23,42,.12);opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s ease;z-index:50}.forwp-nav__menu a{display:block;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#333;text-decoration:none;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.forwp-nav__menu a:hover,.forwp-nav__menu a:focus-visible{color:#0073aa;background:rgba(0,115,170,.05);outline:none}.forwp-nav__menu a:last-child{border-bottom:0}.forwp-header-actions{display:flex;align-items:center;gap:.5rem}@media(max-width: 782px){.forwp-header-actions{display:none}}.forwp-header-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;border-radius:0;transition:all .2s ease}.forwp-header-action svg{width:1.25rem;height:1.25rem}.forwp-header-action--icon{color:#333;background:rgba(0,0,0,0)}.forwp-header-action--icon:hover,.forwp-header-action--icon:focus-visible{color:#0073aa;background:rgba(0,115,170,.1);outline:none}.forwp-header-action--ai{color:#fff;background:linear-gradient(90deg, #a855f7, #7c3aed)}.forwp-header-action--ai:hover,.forwp-header-action--ai:focus-visible{background:linear-gradient(90deg, #9333ea, #6d28d9)}.forwp-header-action--user{color:#fff;background:#0073aa}.forwp-header-action--user:hover,.forwp-header-action--user:focus-visible{background:#005177}.forwp-logo{display:flex;align-items:center;margin-bottom:var(--wp--preset--spacing--30)}.forwp-logo__box{position:relative;background:hsla(0,0%,100%,.1);padding:.5rem .75rem;display:flex;align-items:center;border-radius:0}.forwp-logo__text{color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1rem;font-weight:700}.forwp-logo__text strong:first-child{transform:rotate(-25deg);margin-right:-4px;display:inline-block}.forwp-logo__dot{position:absolute;bottom:.65rem;right:-0.25rem;width:.5rem;height:.5rem;background:hsla(0,0%,100%,.3)}.forwp-logo__dev{color:#fff;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:1rem;font-weight:700;margin-left:.25rem}.site-footer .wp-block-group a[href*="github.com"],.site-footer .wp-block-group a[href*="linkedin.com"],.site-footer .wp-block-group a[href*="facebook.com"],.site-footer .wp-block-group a[href*="x.com"],.site-footer .wp-block-group a[href*="dev.to"],.site-footer .wp-block-group a[href*="medium.com"],.site-footer .wp-block-group a[href*="hashnode.dev"]{width:36px;height:36px;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none;border-radius:.25rem}.site-footer .wp-block-group a[href*="github.com"]:hover,.site-footer .wp-block-group a[href*="linkedin.com"]:hover,.site-footer .wp-block-group a[href*="facebook.com"]:hover,.site-footer .wp-block-group a[href*="x.com"]:hover,.site-footer .wp-block-group a[href*="dev.to"]:hover,.site-footer .wp-block-group a[href*="medium.com"]:hover,.site-footer .wp-block-group a[href*="hashnode.dev"]:hover{background:hsla(0,0%,100%,.2)}.site-footer .wp-block-group a[href*="github.com"] svg,.site-footer .wp-block-group a[href*="linkedin.com"] svg,.site-footer .wp-block-group a[href*="facebook.com"] svg,.site-footer .wp-block-group a[href*="x.com"] svg,.site-footer .wp-block-group a[href*="dev.to"] svg,.site-footer .wp-block-group a[href*="medium.com"] svg,.site-footer .wp-block-group a[href*="hashnode.dev"] svg{width:16px;height:16px;fill:#fff}.pattern-what-to-expect .wp-block-columns .wp-block-column{display:flex;flex-direction:column}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group{flex:1;display:flex;flex-direction:column}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color,.pattern-what-to-expect .wp-block-group.has-feature-card{transition:all .3s ease}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color:hover,.pattern-what-to-expect .wp-block-group.has-feature-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .pattern-what-to-expect__icon,.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .wp-block-html>div:first-child,.pattern-what-to-expect .wp-block-group.has-feature-card .pattern-what-to-expect__icon,.pattern-what-to-expect .wp-block-group.has-feature-card .wp-block-html>div:first-child{width:56px;height:56px;background:linear-gradient(135deg, #0073aa 0%, #2271b1 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease;flex-shrink:0}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .pattern-what-to-expect__icon svg,.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .wp-block-html>div:first-child svg,.pattern-what-to-expect .wp-block-group.has-feature-card .pattern-what-to-expect__icon svg,.pattern-what-to-expect .wp-block-group.has-feature-card .wp-block-html>div:first-child svg{width:28px;height:28px}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color:hover .pattern-what-to-expect__icon,.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color:hover .wp-block-html>div:first-child,.pattern-what-to-expect .wp-block-group.has-feature-card:hover .pattern-what-to-expect__icon,.pattern-what-to-expect .wp-block-group.has-feature-card:hover .wp-block-html>div:first-child{transform:scale(1.1)}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .wp-block-heading,.pattern-what-to-expect .wp-block-group.has-feature-card .wp-block-heading{flex-shrink:0}.pattern-what-to-expect .wp-block-columns .wp-block-column>.wp-block-group.has-border-color .wp-block-paragraph,.pattern-what-to-expect .wp-block-group.has-feature-card .wp-block-paragraph{flex:1}.pattern-documentation-features .wp-block-columns .wp-block-column{display:flex;flex-direction:column}.pattern-documentation-features .wp-block-columns .wp-block-column>.wp-block-group{flex:1;display:flex;flex-direction:column}.pattern-documentation-features .wp-block-group.has-feature-card{text-align:center;transition:all .3s ease}.pattern-documentation-features .wp-block-group.has-feature-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.pattern-documentation-features .wp-block-group.has-feature-card .pattern-documentation-features__icon{display:flex;justify-content:center;margin:0 auto;transition:transform .3s ease;flex-shrink:0}.pattern-documentation-features .wp-block-group.has-feature-card .pattern-documentation-features__icon .forwp-icon-badge{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--30);border-radius:0;transition:transform .3s ease}.pattern-documentation-features .wp-block-group.has-feature-card:hover .pattern-documentation-features__icon,.pattern-documentation-features .wp-block-group.has-feature-card:hover .pattern-documentation-features__icon .forwp-icon-badge{transform:scale(1.1)}.pattern-documentation-features .wp-block-group.has-feature-card .wp-block-heading{flex-shrink:0}.pattern-documentation-features .wp-block-group.has-feature-card .wp-block-paragraph{flex:1}.pattern-documentation-features .pattern-documentation-features__icon-wrap{margin-top:0}.pattern-documentation-features .pattern-documentation-features__card{margin-bottom:var(--wp--preset--spacing--40)}.pattern-hero-community{position:relative;overflow:hidden}.pattern-hero-community__bg{position:absolute;inset:0;opacity:.03;pointer-events:none;z-index:0}@media(max-width: 782px){.pattern-hero-community .wp-block-columns{grid-template-columns:repeat(2, 1fr)}.pattern-hero-community .wp-block-columns .wp-block-column{flex-basis:50% !important}}.pattern-hero-documentation input[type=text]:focus{outline:none;border-color:var(--wp--preset--color--primary) !important}.forwp-jobs-popup{display:flex;justify-content:center;margin-top:var(--wp--preset--spacing--40)}.forwp-jobs-popup__details{position:relative}.forwp-jobs-popup__trigger{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;background:#fff;color:#333;border:2px solid #e5e7eb;cursor:pointer;list-style:none}.forwp-jobs-popup__trigger::-webkit-details-marker{display:none}.forwp-jobs-popup__panel{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e5e7eb;box-shadow:0 12px 24px rgba(15,23,42,.12);padding:1rem 1.25rem;min-width:16rem;z-index:10}.forwp-jobs-popup__panel p{margin:0 0 .5rem}.forwp-jobs-popup__panel p:last-child{margin-bottom:0}.forwp-jobs-popup__panel a{color:#0073aa;text-decoration:none}.forwp-jobs-popup__panel a:hover{color:#005177;text-decoration:underline}.pattern-essential-resources .wp-block-columns .wp-block-column{display:flex;flex-direction:column}.pattern-essential-resources .wp-block-columns .wp-block-column .pattern-resource-link{flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit}.pattern-essential-resources .wp-block-columns .wp-block-column .pattern-resource-link:hover{text-decoration:none}.pattern-essential-resources .wp-block-columns .wp-block-column>.wp-block-group{flex:1;display:flex;flex-direction:column}.pattern-essential-resources .pattern-resource-link{text-decoration:none;color:inherit;display:block;height:100%}.pattern-essential-resources .pattern-resource-link:hover{text-decoration:none}.pattern-essential-resources .wp-block-group.has-resource-card{transition:all .3s ease;cursor:pointer;height:100%}.pattern-resource-link:hover .pattern-essential-resources .wp-block-group.has-resource-card{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:var(--wp--preset--color--primary) !important}.pattern-essential-resources .wp-block-group.has-resource-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:var(--wp--preset--color--primary) !important}.pattern-essential-resources .wp-block-group.has-resource-card:hover .wp-block-html>div:first-child>div:first-child{background-color:var(--wp--preset--color--primary) !important}.pattern-essential-resources .wp-block-group.has-resource-card:hover .wp-block-html>div:first-child>div:first-child svg{stroke:var(--wp--preset--color--base) !important}.pattern-essential-resources .wp-block-group.has-resource-card:hover .wp-block-html>div:first-child>svg:last-child{stroke:var(--wp--preset--color--primary) !important}.pattern-essential-resources .wp-block-group.has-resource-card:hover .wp-block-heading{color:var(--wp--preset--color--primary) !important}.pattern-essential-resources .wp-block-group.has-resource-card .wp-block-heading{transition:color .3s ease}.pattern-essential-resources .wp-block-group.has-resource-card .wp-block-paragraph{flex:1}.pattern-practical-code-examples .wp-block-columns .wp-block-column{display:flex;flex-direction:column}.pattern-practical-code-examples .wp-block-columns .wp-block-column>.wp-block-group{flex:1;display:flex;flex-direction:column}.pattern-practical-code-examples .wp-block-group.has-code-example{background-color:var(--wp--preset--color--base);transition:all .3s ease}.pattern-practical-code-examples .wp-block-group.has-code-example:hover{border-color:var(--wp--preset--color--primary) !important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.pattern-practical-code-examples .wp-block-group.has-code-example .pattern-code-copy{transition:color .3s ease}.pattern-practical-code-examples .wp-block-group.has-code-example .pattern-code-copy:hover{color:var(--wp--preset--color--primary) !important}.pattern-practical-code-examples .wp-block-group.has-code-example .wp-block-code{margin:0;border-radius:.375rem;background-color:#1a1a1a !important;color:#f5f5f5 !important;padding:1rem;overflow-x:auto}.pattern-practical-code-examples .wp-block-group.has-code-example .wp-block-code code{font-family:"Courier New",Courier,monospace;font-size:.875rem;line-height:1.6;white-space:pre;word-wrap:normal;color:#f5f5f5;background:rgba(0,0,0,0)}.pattern-browse-by-category .wp-block-terms-query{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--wp--preset--spacing--40)}@media(min-width: 782px){.pattern-browse-by-category .wp-block-terms-query{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.pattern-browse-by-category .wp-block-terms-query{grid-template-columns:repeat(4, 1fr)}}.pattern-browse-by-category .wp-block-group.has-category-card{background-color:var(--wp--preset--color--base);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.pattern-browse-by-category .wp-block-group.has-category-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:var(--wp--preset--color--primary) !important}.pattern-browse-by-category .wp-block-group.has-category-card:hover .wp-block-html>div:first-child{transform:scale(1.1)}.pattern-browse-by-category .wp-block-group.has-category-card:hover .wp-block-term-title a{color:var(--wp--preset--color--primary) !important}.pattern-browse-by-category .wp-block-group.has-category-card:hover .wp-block-html>div:last-child svg{transform:translateX(0.25rem)}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-html>div:first-child{transition:transform .3s ease;flex-shrink:0}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-term-title{flex-shrink:0}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-term-title a{transition:color .3s ease;text-decoration:none}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-term-description{flex:1}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-html>div:last-child{flex-shrink:0}.pattern-browse-by-category .wp-block-group.has-category-card .wp-block-html>div:last-child svg{transition:transform .3s ease}.forwp-blog-categories{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:var(--wp--preset--spacing--50)}.forwp-blog-hero-badge{border-radius:999px;max-width:fit-content}.forwp-blog-hero{text-align:center}.forwp-blog-hero .forwp-blog-hero-badge{margin-left:auto;margin-right:auto}.forwp-blog-search{display:flex;justify-content:center;margin-top:1rem}.forwp-blog-search .wp-block-search__input{border:2px solid var(--wp--preset--color--gray-light);padding:.85rem 1rem;font-size:1rem;transition:border-color .2s ease}.forwp-blog-search .wp-block-search__input:focus{outline:none;border-color:var(--wp--preset--color--primary)}.forwp-blog-categories{justify-content:center;gap:.5rem}.forwp-blog-categories .forwp-blog-category a{display:inline-flex;align-items:center;padding:.35rem .85rem;border:1px solid var(--wp--preset--color--gray-light);border-radius:.25rem;background-color:var(--wp--preset--color--base);font-weight:600}.forwp-blog-categories .forwp-blog-category a:hover{border-color:var(--wp--preset--color--primary);background-color:rgba(0,115,170,.08)}.forwp-blog-categories .forwp-blog-category{margin:0}.forwp-blog-categories .forwp-blog-category a{color:var(--wp--preset--color--gray-dark);text-decoration:none;transition:color .2s ease}.forwp-blog-categories .forwp-blog-category a:hover{color:var(--wp--preset--color--primary)}.forwp-blog-card{background-color:var(--wp--preset--color--base);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.forwp-blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08);border-color:var(--wp--preset--color--primary) !important}.forwp-blog-card .wp-block-post-title a{text-decoration:none;transition:color .25s ease}.forwp-blog-card:hover .wp-block-post-title a{color:var(--wp--preset--color--primary)}.pattern-join-community .wp-block-button__link{transition:all .3s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.pattern-join-community .wp-block-button__link:hover{background-color:var(--wp--preset--color--primary-dark) !important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.pattern-ready-to-connect{background:linear-gradient(to bottom right, #0073aa 0%, #005177 100%);color:#fff}.pattern-hero-architectures{position:relative;overflow:hidden}.pattern-hero-architectures .pattern-hero-architectures__watermarks{position:absolute;inset:0;pointer-events:none;opacity:.04}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark{position:absolute;font-weight:900;line-height:1;letter-spacing:.02em}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--s{top:2rem;left:4%;font-size:6rem;color:var(--wp--preset--color--blue-600);transform:rotate(12deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--o{top:6rem;right:8%;font-size:5rem;color:var(--wp--preset--color--green-600);transform:rotate(-6deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--l{bottom:5rem;left:12%;font-size:4.5rem;color:var(--wp--preset--color--purple-600);transform:rotate(-15deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--i{top:8rem;left:40%;font-size:6rem;color:var(--wp--preset--color--orange-600);transform:rotate(6deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--d{bottom:6rem;right:18%;font-size:5rem;color:var(--wp--preset--color--red-600);transform:rotate(-12deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--dry{top:60%;right:45%;font-size:3.5rem;color:var(--wp--preset--color--cyan-600);transform:rotate(-8deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--kiss{bottom:2rem;left:32%;font-size:4rem;color:var(--wp--preset--color--pink-600);transform:rotate(20deg)}.pattern-hero-architectures .pattern-hero-architectures__watermarks .architecture-watermark--yagni{top:25%;right:4%;font-size:2.75rem;color:var(--wp--preset--color--amber-600);transform:rotate(-25deg)}.pattern-hero-architectures .forwp-icon-badge{border-radius:0}.pattern-hero-architectures .wp-element-button{border-radius:0}.architecture-badge,.architecture-pill,.architecture-filter,.architecture-quote-dot{border-radius:999px;padding:.35rem .85rem;font-weight:600;margin:0}.architecture-badge{border:1px solid rgba(0,0,0,0)}.architecture-badge--blue{color:var(--wp--preset--color--blue-600);background-color:color-mix(in srgb, var(--wp--preset--color--blue-600) 15%, var(--wp--preset--color--base))}.architecture-badge--cyan{color:var(--wp--preset--color--cyan-600);background-color:color-mix(in srgb, var(--wp--preset--color--cyan-600) 15%, var(--wp--preset--color--base))}.architecture-badge--green{color:var(--wp--preset--color--green-600);background-color:color-mix(in srgb, var(--wp--preset--color--green-600) 15%, var(--wp--preset--color--base))}.architecture-badge--purple{color:var(--wp--preset--color--purple-600);background-color:color-mix(in srgb, var(--wp--preset--color--purple-600) 15%, var(--wp--preset--color--base))}.architecture-badge--orange{color:var(--wp--preset--color--orange-600);background-color:color-mix(in srgb, var(--wp--preset--color--orange-600) 15%, var(--wp--preset--color--base))}.architecture-card{position:relative;background-color:var(--wp--preset--color--base);transition:transform .25s ease,box-shadow .25s ease}.architecture-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px color-mix(in srgb, var(--wp--preset--color--gray-200) 60%, transparent)}.architecture-card .architecture-card__letter{width:3.5rem;height:3.5rem;display:inline-flex;align-items:center;justify-content:center;color:var(--wp--preset--color--base);border-radius:.75rem;font-size:1.5rem;font-weight:700;margin:0 0 1rem 0}.architecture-card--topline{position:relative}.architecture-card--topline::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:.5rem .5rem 0 0;opacity:.9}.architecture-card--topline.architecture-card--blue::before{background:var(--wp--preset--gradient--architectures-blue-gradient)}.architecture-card--topline.architecture-card--green::before{background:var(--wp--preset--gradient--architectures-green-gradient)}.architecture-card--topline.architecture-card--purple::before{background:var(--wp--preset--gradient--architectures-purple-gradient)}.architecture-card--topline.architecture-card--orange::before{background:var(--wp--preset--gradient--architectures-orange-gradient)}.architecture-card--topline.architecture-card--red::before{background:var(--wp--preset--gradient--architectures-red-gradient)}.architecture-card--topline.architecture-card--cyan::before{background:var(--wp--preset--gradient--architectures-cyan-gradient)}.architecture-card--topline.architecture-card--pink::before{background:var(--wp--preset--gradient--architectures-pink-gradient)}.architecture-card--topline.architecture-card--amber::before{background:var(--wp--preset--gradient--architectures-amber-gradient)}.architecture-card--topline:hover{border-color:var(--wp--preset--color--primary)}.architecture-card--topline:hover .architecture-card__letter{transform:translateY(-2px);box-shadow:0 8px 16px color-mix(in srgb, var(--wp--preset--color--primary) 35%, transparent);transition:transform .2s ease,box-shadow .2s ease}.architecture-solid-card__toggle{display:inline-flex;align-items:center;gap:.35rem;color:var(--wp--preset--color--primary);margin-top:.75rem;margin-bottom:0}.architecture-solid-card__toggle::before{content:"";width:.7rem;height:.7rem;background-color:currentColor;mask:url("../images/icon-arrow-right.svg") no-repeat center/contain;transform:rotate(90deg)}.architecture-solid-details .architecture-solid-detail{border:2px solid var(--wp--preset--color--gray-200);border-radius:.75rem;background-color:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)}.architecture-solid-details summary{cursor:pointer;font-weight:600;margin-bottom:var(--wp--preset--spacing--30);list-style:none}.architecture-solid-details summary::-webkit-details-marker{display:none}.architecture-solid-details summary::after{content:"";float:right;width:.75rem;height:.75rem;margin-top:.25rem;background-color:var(--wp--preset--color--primary);mask:url("../images/icon-arrow-right.svg") no-repeat center/contain;transform:rotate(90deg);transition:transform .2s ease}.architecture-solid-details details[open] summary::after{transform:rotate(-90deg)}.architecture-solid-benefits{font-weight:600}.architecture-solid-benefits__list{margin:0 0 0 1.1rem}.architecture-solid-code-label{font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.architecture-solid-code-label::before{content:"";width:1rem;height:1rem;background-color:var(--wp--preset--color--primary);mask:url("../images/icon-arrow-right.svg") no-repeat center/contain;transform:rotate(90deg)}.architecture-solid-details .wp-block-code{background-color:#0f172a;color:var(--wp--preset--color--base);border-radius:.5rem;padding:1rem}.architecture-card--essential{border-radius:.75rem}.pattern-essential-principles .forwp-icon-badge{border-radius:.5rem}.pattern-essential-principles .wp-block-code{background-color:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);border-radius:.5rem;padding:1rem;margin:0;font-size:.75rem;line-height:1.5;overflow-x:auto}.pattern-essential-principles .wp-block-code code{white-space:pre;display:block}.pattern-essential-principles .architecture-card--essential:hover{border-color:var(--wp--preset--color--gray-200);box-shadow:0 12px 28px color-mix(in srgb, var(--wp--preset--color--gray-200) 70%, transparent)}.architecture-card--blue .architecture-card__letter{background:var(--wp--preset--gradient--architectures-blue-gradient)}.architecture-card--green .architecture-card__letter{background:var(--wp--preset--gradient--architectures-green-gradient)}.architecture-card--purple .architecture-card__letter{background:var(--wp--preset--gradient--architectures-purple-gradient)}.architecture-card--orange .architecture-card__letter{background:var(--wp--preset--gradient--architectures-orange-gradient)}.architecture-card--red .architecture-card__letter{background:var(--wp--preset--gradient--architectures-red-gradient)}.architecture-card--cyan .architecture-card__letter,.architecture-card--pink .architecture-card__letter,.architecture-card--amber .architecture-card__letter,.architecture-card--teal .architecture-card__letter{background:var(--wp--preset--gradient--architectures-cyan-gradient)}.architecture-pill{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:.25rem .75rem;border-radius:999px}.architecture-pill--gray{color:var(--wp--preset--color--gray-dark);background-color:var(--wp--preset--color--gray-100)}.architecture-pill--blue{color:var(--wp--preset--color--blue-600);background-color:color-mix(in srgb, var(--wp--preset--color--blue-600) 15%, var(--wp--preset--color--base))}.architecture-pill--green{color:var(--wp--preset--color--green-600);background-color:color-mix(in srgb, var(--wp--preset--color--green-600) 15%, var(--wp--preset--color--base))}.architecture-pill--purple{color:var(--wp--preset--color--purple-600);background-color:color-mix(in srgb, var(--wp--preset--color--purple-600) 15%, var(--wp--preset--color--base))}.architecture-pill--orange{color:var(--wp--preset--color--orange-600);background-color:color-mix(in srgb, var(--wp--preset--color--orange-600) 15%, var(--wp--preset--color--base))}.architecture-pill--red{color:var(--wp--preset--color--red-600);background-color:color-mix(in srgb, var(--wp--preset--color--red-600) 15%, var(--wp--preset--color--base))}.architecture-pill--cyan{color:var(--wp--preset--color--cyan-600);background-color:color-mix(in srgb, var(--wp--preset--color--cyan-600) 15%, var(--wp--preset--color--base))}.architecture-pill--pink{color:var(--wp--preset--color--pink-600);background-color:color-mix(in srgb, var(--wp--preset--color--pink-600) 15%, var(--wp--preset--color--base))}.architecture-pill--amber{color:var(--wp--preset--color--amber-600);background-color:color-mix(in srgb, var(--wp--preset--color--amber-600) 15%, var(--wp--preset--color--base))}.architecture-pill--teal{color:var(--wp--preset--color--teal-600);background-color:color-mix(in srgb, var(--wp--preset--color--teal-600) 15%, var(--wp--preset--color--base))}.architecture-filters .architecture-filter{border-radius:0;padding:.4rem .9rem;border:2px solid var(--wp--preset--color--gray-200);background-color:var(--wp--preset--color--base);color:var(--wp--preset--color--gray-dark);cursor:pointer}.architecture-filters .architecture-filter--active{background-color:var(--wp--preset--color--primary);border-color:var(--wp--preset--color--primary);color:var(--wp--preset--color--base)}.architecture-card--accordion{border-radius:.75rem;padding:0}.architecture-card--accordion summary{list-style:none;cursor:pointer;padding:var(--wp--preset--spacing--40);font-weight:600;position:relative}.architecture-card--accordion summary::-webkit-details-marker{display:none}.architecture-card--accordion summary::after{content:"";position:absolute;right:1.25rem;top:50%;width:.65rem;height:.65rem;border-right:2px solid var(--wp--preset--color--gray-medium);border-bottom:2px solid var(--wp--preset--color--gray-medium);transform:translateY(-60%) rotate(45deg);transition:transform .2s ease}.architecture-card--accordion[open] summary::after{transform:translateY(-30%) rotate(-135deg)}.architecture-card--accordion:hover{box-shadow:0 12px 28px color-mix(in srgb, var(--wp--preset--color--gray-200) 70%, transparent)}.architecture-use-case{display:flex;gap:.5rem;color:var(--wp--preset--color--gray-medium)}.architecture-pattern-label{color:var(--wp--preset--color--primary);font-weight:600;margin-bottom:.5rem}.pattern-architectures-quote{position:relative;overflow:hidden}.pattern-architectures-quote::before{content:"";position:absolute;inset:0;background-image:url("../images/quote-grid.svg");opacity:.25;pointer-events:none}.pattern-architectures-quote>.wp-block-group{position:relative;z-index:1}.pattern-architectures-quote .architecture-quote{text-align:center;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem}.architecture-quote-badge{border:1px solid var(--wp--preset--color--white-20);background-color:var(--wp--preset--color--white-10);color:var(--wp--preset--color--white-80);text-transform:uppercase;letter-spacing:.12em;font-weight:600;border-radius:.5rem}.architecture-quote-body{position:relative;padding-left:1.25rem}.architecture-quote-body::before{content:"";position:absolute;left:0;top:.75rem;width:3px;height:2.25rem;background-color:var(--wp--preset--color--blue-500)}.architecture-quote-meta .wp-block-column+.wp-block-column{border-left:1px solid var(--wp--preset--color--white-20);padding-left:2rem}.architecture-quote-link .wp-element-button{border-radius:.5rem;border:1px solid var(--wp--preset--color--white-20)}.architecture-quote-dots .architecture-quote-dot{width:.6rem;height:.6rem;background-color:var(--wp--preset--color--white-20);border-radius:999px}.architecture-quote-dots .architecture-quote-dot.is-active{width:2rem;background-color:var(--wp--preset--color--base)}.architecture-best-practice__links{list-style:none;padding-left:0;margin:1rem 0}.architecture-best-practice__links li{margin-bottom:.5rem;padding-left:1.25rem;position:relative}.architecture-best-practice__links a{color:var(--wp--preset--color--white-80);text-decoration:none}.pattern-architecture-best-practices .forwp-icon-badge{border-radius:.4rem;padding:0}.pattern-architecture-best-practices .architecture-best-practice__links li::before{content:"";position:absolute;left:0;top:.35rem;width:.6rem;height:.6rem;background-color:var(--wp--preset--color--white-80);mask:url("../images/icon-arrow-right.svg") no-repeat center/contain}.pattern-architecture-best-practices .architecture-best-practice__button .wp-element-button{display:inline-flex;align-items:center;gap:.5rem}.pattern-architecture-best-practices .architecture-best-practice__button .wp-element-button::after{content:"";width:.75rem;height:.75rem;background-color:var(--wp--preset--color--base);mask:url("../images/icon-arrow-right.svg") no-repeat center/contain}.architecture-best-practice__button .wp-element-button{border-radius:.5rem}.architecture-benefits{margin:0 0 1rem 1.1rem}