/* Brand Brats Site Kit: component styles, using the active theme's palette */
.bb-section{padding:clamp(56px,9vw,112px) var(--wp--style--root--padding-right,24px)!important;position:relative;margin-block-start:0!important;margin-block-end:0!important}
.bb-kicker{font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem!important;color:var(--wp--preset--color--color-3);margin-bottom:.5rem}
.has-color-2-background-color .bb-kicker,.has-color-3-background-color .bb-kicker{color:var(--wp--preset--color--color-1)}
.bb-lede{font-size:1.25rem;max-width:42ch}
.bb-hero{overflow:hidden}
.bb-hero::after{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-120px;border-radius:42% 58% 63% 37%/45% 40% 60% 55%;background:var(--wp--preset--color--color-2);opacity:.14;pointer-events:none}
.bb-section.bb-torn{border-radius:clamp(24px,4vw,48px) clamp(24px,4vw,48px) 0 0;margin-block-start:calc(-1 * clamp(24px,4vw,48px))!important;z-index:1;box-shadow:0 -16px 40px rgba(44,42,41,.10)}
.bb-card{border:2px solid var(--wp--preset--color--color-2);border-radius:6px;padding:1.75rem!important;background:#ffffff88}
.has-color-2-background-color .bb-card,.has-color-3-background-color .bb-card{background:#ffffff0d;border-color:#ffffff33}
.bb-card h3{font-weight:600;font-size:1.2rem!important}
.bb-ph{aspect-ratio:4/3;border-radius:6px;min-height:120px;background:radial-gradient(circle,var(--wp--preset--color--color-3) 1.2px,transparent 1.4px) 0 0/10px 10px,var(--wp--preset--color--color-2)}
.bb-avatar{aspect-ratio:1;border-radius:50%}
.bb-stat{font-weight:700;font-size:clamp(2.5rem,5vw,3.5rem)!important;line-height:1;color:var(--wp--preset--color--color-1);margin-bottom:.5rem}
.bb-tag,.bb-tag a{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--wp--preset--color--color-3)!important;text-decoration:none}
.bb-cta{text-align:center}.bb-cta .wp-block-buttons{justify-content:center}.bb-cta h2,.bb-cta p{margin-left:auto!important;margin-right:auto!important}
/* posts */
.bb-post-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column;height:100%}
.bb-post-card .bb-ph{border-radius:0;aspect-ratio:16/9;margin:0}
.bb-post-card>*:not(.bb-ph){padding-left:1.5rem;padding-right:1.5rem}
.bb-post-card>*:last-child{padding-bottom:1.5rem}
.bb-post-card .wp-block-post-title a{text-decoration:none;color:inherit}
.bb-post-card .wp-block-post-title{font-weight:600;font-size:1.2rem!important}
.wp-block-post-date{font-size:.85rem;opacity:.75}
.bb-filters{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin-bottom:2rem}
.bb-filters li a{display:inline-block;padding:.45rem 1rem;border:2px solid var(--wp--preset--color--color-2);border-radius:999px;text-decoration:none;color:var(--wp--preset--color--color-2);font-weight:500}
.bb-filters li.current-cat a,.bb-filters li a:hover{background:var(--wp--preset--color--color-2);color:var(--wp--preset--color--light)}
.wp-block-latest-posts.is-grid li{border:2px solid var(--wp--preset--color--color-2);border-radius:6px;padding:1.5rem;background:#ffffff88}
.wp-block-latest-posts__post-title{font-weight:600;font-size:1.15rem;text-decoration:none;color:var(--wp--preset--color--color-2)}
.wp-element-button,.wp-block-button__link{transition:transform .15s}.wp-block-button__link:hover{transform:translateY(-2px)}
.is-style-outline>.wp-block-button__link{border:2px solid currentColor!important;background:transparent!important;color:var(--wp--preset--color--color-2)!important}
.has-color-2-background-color .is-style-outline>.wp-block-button__link,.has-color-3-background-color .is-style-outline>.wp-block-button__link{color:var(--wp--preset--color--color-1)!important}
.is-layout-constrained>.bb-lede{margin-left:max(0px,calc((100% - var(--wp--style--global--content-size,1120px))/2))!important}
/* v2 */
.bb-check{padding-left:1.6rem;position:relative;margin:.35rem 0!important}
.bb-check::before{content:"";position:absolute;left:0;top:.45em;width:.9rem;height:.5rem;border-left:2px solid var(--wp--preset--color--color-2);border-bottom:2px solid var(--wp--preset--color--color-2);transform:rotate(-45deg)}
.has-color-2-background-color .bb-check::before{border-color:var(--wp--preset--color--color-1)}
.bb-step-num{font-weight:700;font-size:2rem!important;line-height:1;color:var(--wp--preset--color--color-1);margin:0!important}
.bb-quote{font-size:1.1rem;font-weight:500}
.bb-quicklinks{font-size:.95rem}
.bb-note{border:2px dashed var(--wp--preset--color--color-3);border-radius:6px;padding:1.5rem!important;background:#ffffff66}
.bb-form-ph{min-height:260px}
.bb-narrow>*{max-width:760px!important}
.bb-quiz{border:2px solid var(--wp--preset--color--color-2);border-radius:8px;padding:2rem;background:#fff8}
.bb-quiz-progress{height:6px;background:#0f0d1222;border-radius:3px;margin-bottom:1.5rem;overflow:hidden}
.bb-quiz-progress span{display:block;height:100%;width:0;background:var(--wp--preset--color--color-2);transition:width .3s}
.bb-quiz-count{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--wp--preset--color--color-3)}
.bb-quiz-q{font-weight:700;font-size:1.5rem;line-height:1.15;margin:.5rem 0 1.25rem}
.bb-quiz-opts{display:grid;gap:.75rem}
.bb-quiz-opts button,.bb-quiz-restart{font:500 1rem inherit;text-align:left;padding:.9rem 1.1rem;border:2px solid var(--wp--preset--color--color-2);border-radius:6px;background:transparent;cursor:pointer;color:var(--wp--preset--color--color-2)}
.bb-quiz-opts button:hover{background:var(--wp--preset--color--color-2);color:var(--wp--preset--color--light)}
.bb-quiz-restart{text-align:center;padding:.5rem 1rem;font-size:.9rem}
.bb-quiz-cta{display:inline-block;background:var(--wp--preset--color--color-2);color:var(--wp--preset--color--light)!important;padding:.9rem 1.6rem;border-radius:4px;font-weight:600;text-decoration:none}

.bb-section{max-width:none}
.bb-quiz-cta{color:var(--wp--preset--color--light)!important}
/* v1.6 */
.bb-nav-cluster{gap:1.5rem!important;align-items:center}
.bb-nav-cta{margin:0!important}
.bb-nav-cta .wp-block-button__link{background:var(--wp--preset--color--color-2)!important;color:var(--wp--preset--color--light)!important;padding:.55rem 1.1rem!important;font-size:.95rem;border-radius:4px;white-space:nowrap}
.bb-nav-cta .wp-block-button__link:hover{opacity:.85}
.bb-quiz-matches{display:grid;gap:1rem;margin:1.25rem 0}
.bb-match{border:2px solid var(--wp--preset--color--color-2);border-radius:8px;padding:1.25rem;background:var(--wp--preset--color--light)}
.bb-match:first-child{background:var(--wp--preset--color--color-1)}
.bb-match h4{margin:.25rem 0 .5rem;font-size:1.35rem}
.bb-match p{margin:.25rem 0}
.bb-match-rank{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--wp--preset--color--color-3)}
.bb-match-ex{font-size:.9rem;font-style:italic;color:var(--wp--preset--color--color-3)}