/* ================================================================ SWOT Analysis — bkbg-swot-* ================================================================ */ .bkbg-swot-block { box-sizing: border-box; } .bkbg-swot-block h3.bkbg-swot-title { font-family: var(--bkswa-tt-font-family, inherit); font-size: var(--bkswa-tt-font-size-d, 24px); font-weight: var(--bkswa-tt-font-weight, 800); font-style: var(--bkswa-tt-font-style, normal); text-decoration: var(--bkswa-tt-text-decoration, none); text-transform: var(--bkswa-tt-text-transform, none); line-height: var(--bkswa-tt-line-height-d, 1.3); letter-spacing: var(--bkswa-tt-letter-spacing-d, normal); word-spacing: var(--bkswa-tt-word-spacing-d, normal); text-align: center; margin: 0 0 20px; } .bkbg-swot-block .bkbg-swot-label, .bkbg-swot-block .bkbg-swot-header input.bkbg-swot-label { font-family: var(--bkswa-ht-font-family, inherit); font-size: var(--bkswa-ht-font-size-d, 16px); font-weight: var(--bkswa-ht-font-weight, 700); font-style: var(--bkswa-ht-font-style, normal); text-decoration: var(--bkswa-ht-text-decoration, none); text-transform: var(--bkswa-ht-text-transform, none); line-height: var(--bkswa-ht-line-height-d, 1.3); letter-spacing: var(--bkswa-ht-letter-spacing-d, normal); word-spacing: var(--bkswa-ht-word-spacing-d, normal); } .bkbg-swot-block .bkbg-swot-item-text, .bkbg-swot-block .bkbg-swot-bullet, .bkbg-swot-block .bkbg-swot-body input.bkbg-swot-item-text { font-family: var(--bkswa-it-font-family, inherit); font-size: var(--bkswa-it-font-size-d, 14px); font-weight: var(--bkswa-it-font-weight, 400); font-style: var(--bkswa-it-font-style, normal); text-decoration: var(--bkswa-it-text-decoration, none); text-transform: var(--bkswa-it-text-transform, none); line-height: var(--bkswa-it-line-height-d, 1.6); letter-spacing: var(--bkswa-it-letter-spacing-d, normal); word-spacing: var(--bkswa-it-word-spacing-d, normal); } .bkbg-swot-bullet { font-weight: 700; flex-shrink: 0; min-width: 16px; padding-top: 1px; } @media (max-width: 1024px) { .bkbg-swot-block h3.bkbg-swot-title { font-size: var(--bkswa-tt-font-size-t, var(--bkswa-tt-font-size-d, 24px)); line-height: var(--bkswa-tt-line-height-t, var(--bkswa-tt-line-height-d, 1.3)); letter-spacing: var(--bkswa-tt-letter-spacing-t, var(--bkswa-tt-letter-spacing-d, normal)); word-spacing: var(--bkswa-tt-word-spacing-t, var(--bkswa-tt-word-spacing-d, normal)); } .bkbg-swot-block .bkbg-swot-label, .bkbg-swot-block .bkbg-swot-header input.bkbg-swot-label { font-size: var(--bkswa-ht-font-size-t, var(--bkswa-ht-font-size-d, 16px)); line-height: var(--bkswa-ht-line-height-t, var(--bkswa-ht-line-height-d, 1.3)); letter-spacing: var(--bkswa-ht-letter-spacing-t, var(--bkswa-ht-letter-spacing-d, normal)); word-spacing: var(--bkswa-ht-word-spacing-t, var(--bkswa-ht-word-spacing-d, normal)); } .bkbg-swot-block .bkbg-swot-item-text, .bkbg-swot-block .bkbg-swot-bullet, .bkbg-swot-block .bkbg-swot-body input.bkbg-swot-item-text { font-size: var(--bkswa-it-font-size-t, var(--bkswa-it-font-size-d, 14px)); line-height: var(--bkswa-it-line-height-t, var(--bkswa-it-line-height-d, 1.6)); letter-spacing: var(--bkswa-it-letter-spacing-t, var(--bkswa-it-letter-spacing-d, normal)); word-spacing: var(--bkswa-it-word-spacing-t, var(--bkswa-it-word-spacing-d, normal)); } } @media (max-width: 767px) { .bkbg-swot-block h3.bkbg-swot-title { font-size: var(--bkswa-tt-font-size-m, var(--bkswa-tt-font-size-t, var(--bkswa-tt-font-size-d, 24px))); line-height: var(--bkswa-tt-line-height-m, var(--bkswa-tt-line-height-t, var(--bkswa-tt-line-height-d, 1.3))); letter-spacing: var(--bkswa-tt-letter-spacing-m, var(--bkswa-tt-letter-spacing-t, var(--bkswa-tt-letter-spacing-d, normal))); word-spacing: var(--bkswa-tt-word-spacing-m, var(--bkswa-tt-word-spacing-t, var(--bkswa-tt-word-spacing-d, normal))); } .bkbg-swot-block .bkbg-swot-label, .bkbg-swot-block .bkbg-swot-header input.bkbg-swot-label { font-size: var(--bkswa-ht-font-size-m, var(--bkswa-ht-font-size-t, var(--bkswa-ht-font-size-d, 16px))); line-height: var(--bkswa-ht-line-height-m, var(--bkswa-ht-line-height-t, var(--bkswa-ht-line-height-d, 1.3))); letter-spacing: var(--bkswa-ht-letter-spacing-m, var(--bkswa-ht-letter-spacing-t, var(--bkswa-ht-letter-spacing-d, normal))); word-spacing: var(--bkswa-ht-word-spacing-m, var(--bkswa-ht-word-spacing-t, var(--bkswa-ht-word-spacing-d, normal))); } .bkbg-swot-block .bkbg-swot-item-text, .bkbg-swot-block .bkbg-swot-bullet, .bkbg-swot-block .bkbg-swot-body input.bkbg-swot-item-text { font-size: var(--bkswa-it-font-size-m, var(--bkswa-it-font-size-t, var(--bkswa-it-font-size-d, 14px))); line-height: var(--bkswa-it-line-height-m, var(--bkswa-it-line-height-t, var(--bkswa-it-line-height-d, 1.6))); letter-spacing: var(--bkswa-it-letter-spacing-m, var(--bkswa-it-letter-spacing-t, var(--bkswa-it-letter-spacing-d, normal))); word-spacing: var(--bkswa-it-word-spacing-m, var(--bkswa-it-word-spacing-t, var(--bkswa-it-word-spacing-d, normal))); } } .bkbg-swot-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } @media (max-width: 600px) { .bkbg-swot-grid { grid-template-columns: 1fr; } } .bkbg-swot-quadrant { overflow: hidden; transition: transform .15s, box-shadow .15s; } .bkbg-swot-quadrant:hover { transform: translateY(-2px); } .bkbg-swot-header { display: flex; align-items: center; gap: 8px; } .bkbg-swot-icon { font-style: normal; line-height: 1; font-size: 20px; flex-shrink: 0; } .bkbg-swot-body { list-style: none; margin: 0; padding: 0; } .bkbg-swot-item { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px; } .bkbg-swot-item:last-child { margin-bottom: 0; } .bkbg-swot-item-text { flex: 1; }