.atf-primary { background: #ffffff; border-bottom: 1px solid #e6e8f0; }
.atf-primary .atf-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr; grid-template-areas: "left" "share"; column-gap: 40px; row-gap: 0; }
.atf-primary .atf-left { grid-area: left; display: flex; flex-direction: column; padding-top: 40px; padding-bottom: 32px; }
.atf-primary .atf-title { font-weight: 900; font-style: italic; text-transform: uppercase; line-height: 1.1; color: #181c27; margin: 0 0 16px; font-size: 28px; }
.atf-primary .atf-deck { font-size: 16px; line-height: 1.625; color: #181c27; max-width: 900px; }
.atf-primary .comp-bar { grid-area: share; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 24px 0; border-top: 1px solid #e6e8f0; border-bottom: 1px solid #e6e8f0; }
.atf-primary .comp-title { font-weight: 700; font-size: 32px; line-height: 1.1; color: #181c27; margin: 0; display: inline-flex; align-items: center; gap: 10px; }
.atf-primary .comp-title::before { content: ""; width: 26px; height: 26px; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='url(%23progGrad)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='progGrad' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%235B3FD6'/%3E%3Cstop offset='1' stop-color='%23FF2F8E'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='12 7 16.2 10.05 14.6 15 9.4 15 7.8 10.05'/%3E%3Cline x1='12' y1='7' x2='12' y2='2.5'/%3E%3Cline x1='16.2' y1='10.05' x2='20.5' y2='8.7'/%3E%3Cline x1='14.6' y1='15' x2='17.5' y2='18.5'/%3E%3Cline x1='9.4' y1='15' x2='6.5' y2='18.5'/%3E%3Cline x1='7.8' y1='10.05' x2='3.5' y2='8.7'/%3E%3C/svg%3E"); }
.atf-primary .comp-filter { display: flex; align-items: center; gap: 12px; }
.atf-primary .comp-label { font-size: 12px; font-weight: 700; letter-spacing: 0.7px; text-transform: uppercase; color: #667085; }
.atf-primary .comp-dd { position: relative; }
.atf-primary .comp-dd-btn { display: inline-flex; align-items: center; gap: 8px; font-family: inherit; font-size: 13px; font-weight: 600; color: #181c27; padding: 8px 14px; border: 1px solid #e6e8f0; border-radius: 20px; white-space: nowrap; cursor: pointer; background: #ffffff; transition: border-color 0.15s, box-shadow 0.15s; }
.atf-primary .comp-dd-btn:hover { border-color: #c8cdd8; }
.atf-primary .comp-dd-btn:focus-visible { outline: none; border-color: #5b3fd6; box-shadow: 0 0 0 3px rgba(91, 63, 214, 0.15); }
.atf-primary .comp-dd-btn-flag { font-size: 15px; line-height: 1; }
.atf-primary .comp-dd-label { color: #5b3fd6; font-weight: 700; }
.atf-primary .comp-dd-caret { color: #667085; font-size: 11px; }
.atf-primary .comp-dd-menu { position: absolute; top: calc(100% + 6px); right: 0; background: #ffffff; border: 1px solid #e6e8f0; border-radius: 10px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); min-width: 240px; max-height: 340px; overflow-y: auto; z-index: 200; display: none; }
.atf-primary .comp-dd-menu.open { display: block; }
.atf-primary .comp-dd-item { display: flex; align-items: center; gap: 12px; padding: 10px 16px; font-size: 13px; font-weight: 500; color: #181c27; cursor: pointer; }
.atf-primary .comp-dd-item:hover { background: #f7f8fc; }
.atf-primary .comp-dd-item.active { color: #5b3fd6; font-weight: 700; background: #ededfa; }
.atf-primary .comp-dd-flag { width: 24px; height: 24px; border-radius: 50%; background: #f7f8fc; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
@media (max-width: 767.98px) {
  .atf-primary .comp-title { font-size: 26px; }
  .atf-primary .comp-filter { margin-left: 0; width: 100%; }
  .atf-primary .comp-dd { flex: 1; }
  .atf-primary .comp-dd-btn { width: 100%; }
  .atf-primary .comp-dd-caret { margin-left: auto; }
}
@media (min-width: 1024px) {
  .atf-primary .atf-title { font-size: 48px; }
}