@layer bricks {.brxe-code{width:100%}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-form){display:flex;flex-wrap:wrap;width:100%}:where(.brxe-form) .label,:where(.brxe-form) label{color:inherit;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}:where(.brxe-form) .form-group{display:flex;flex-direction:column;padding:0 0 20px;width:100%}:where(.brxe-form) .form-group.captcha,:where(.brxe-form) .form-group:last-child{padding-bottom:0}:where(.brxe-form) .form-group.captcha{line-height:1}:where(.brxe-form) .form-group.file{display:block}:where(.brxe-form) .form-group.file>label.choose-files{margin-bottom:0}:where(.brxe-form) .form-group>.label{margin-bottom:5px}:where(.brxe-form) .form-group .form-group-error-message{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);display:none;padding:15px;width:100%}:where(.brxe-form) .form-group .form-group-error-message.show{display:block}:where(.brxe-form) .form-group .password-input-wrapper{position:relative}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle{background:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span{display:flex}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span.hide{display:none}:where(.brxe-form) .submit-button-wrapper{width:auto}:where(.brxe-form) .required:after{content:"*";padding:0 2px;position:relative;top:-2px}:where(.brxe-form) .options-wrapper{list-style-type:none;margin:0;padding:0}:where(.brxe-form) .options-wrapper li{align-items:baseline;display:flex;gap:8px}:where(.brxe-form) .options-wrapper input,:where(.brxe-form) .options-wrapper label{display:inline-block;height:auto;margin:0 5px 0 0;width:auto}:where(.brxe-form) .options-wrapper input[type=checkbox],:where(.brxe-form) .options-wrapper input[type=radio]{margin:initial;padding:initial;position:relative;top:1px}:where(.brxe-form) button[type=submit].sending{cursor:default}:where(.brxe-form) button[type=submit].sending .text{opacity:.5}:where(.brxe-form) button[type=submit].sending>i,:where(.brxe-form) button[type=submit].sending>svg{display:none}:where(.brxe-form) button[type=submit].sending .loading{animation:load8 1s linear infinite;display:flex;opacity:1}:where(.brxe-form) button[type=submit].sending .loading svg{transform:scaleX(-1)}:where(.brxe-form) button[type=submit] .loading{display:none}:where(.brxe-form) button[type=submit] svg{height:1em;transform-origin:center}:where(.brxe-form) .recaptcha-hidden{display:none}:where(.brxe-form) .recaptcha-error{display:none;padding:0!important}:where(.brxe-form) .recaptcha-error.show{display:block}:where(.brxe-form) .recaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) .hcaptcha-error{display:none;padding:0!important}:where(.brxe-form) .hcaptcha-error.show{display:block}:where(.brxe-form) .hcaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) input[type=checkbox]+.label,:where(.brxe-form) input[type=checkbox]+label,:where(.brxe-form) input[type=radio]+.label,:where(.brxe-form) input[type=radio]+label{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit}:where(.brxe-form) textarea{height:inherit;resize:vertical}:where(.brxe-form) .message{background-color:var(--bricks-bg-info);color:var(--bricks-text-info);display:flex;gap:15px;justify-content:space-between;opacity:1;padding-bottom:0;position:relative;width:100%}:where(.brxe-form) .message.success{background-color:var(--bricks-bg-success);color:var(--bricks-text-success)}:where(.brxe-form) .message.error{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}:where(.brxe-form) .message .text{padding:15px}:where(.brxe-form) .message.closing{opacity:0;transition:opacity .2s}:where(.brxe-form) .message .close{all:unset;cursor:pointer;padding:15px}:where(.brxe-form) input.file,:where(.brxe-form) input[type=file]{display:block;height:0;opacity:0;width:0}:where(.brxe-form) .file-result{display:none;padding:0}:where(.brxe-form) .file-result.show{align-items:center;display:flex;margin:0 0 15px}:where(.brxe-form) .file-result.show.danger{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);justify-content:space-between;padding:15px}:where(.brxe-form) .file-result.show.danger svg{cursor:pointer;height:1em;margin-left:5px}:where(.brxe-form) .file-result.show.danger svg g{stroke:currentcolor}:where(.brxe-form) .file-result.show .remove{display:inline-block;font-size:12px;line-height:30px;margin:0 15px;padding:0 10px}:where(.brxe-form) .file-result.show .remove:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .choose-files{align-self:flex-start;background-color:transparent;border:1px solid var(--bricks-border-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:600;line-height:40px;padding:0 15px;text-align:center;text-transform:none;white-space:nowrap;width:auto}:where(.brxe-form) .choose-files:hover{background-color:rgba(0,0,0,.05)}:where(.brxe-form) .gallery-preview{display:flex;flex-wrap:wrap;gap:10px}:where(.brxe-form) .gallery-preview:not(:empty)+button{margin-top:5px}:where(.brxe-form) .image-preview{align-self:flex-start;overflow:hidden;position:relative}:where(.brxe-form) .image-preview:hover button{opacity:1}:where(.brxe-form) .image-preview:has(img)+button{margin-top:5px}:where(.brxe-form) .image-preview button{background-color:#fff;border:none;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}:where(.brxe-form) .image-preview button:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .image-preview button.hide{display:none}.grecaptcha-badge{visibility:hidden}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}} .page-hero { background: var(--color-brand); padding-block: var(--space-12) var(--space-10); position: relative; overflow: hidden; } .page-hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 80% 50%, hsl(231, 51%, 44%) 0%, transparent 60%), radial-gradient(circle at 20% 80%, hsl(4, 55%, 45%, 0.2) 0%, transparent 50%); } .page-hero__inner { position: relative; max-width: var(--content-wide); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); } .page-hero__breadcrumb { display: flex; align-items: center; gap: var(--space-2); list-style: none; margin-bottom: var(--space-6); font-size: var(--text-xs); color: hsl(240, 11%, 72%); } .page-hero__breadcrumb li + li::before { content: "›"; margin-right: var(--space-2); color: hsl(231, 51%, 60%); } .page-hero__breadcrumb a { color: hsl(240, 11%, 80%); } .page-hero__breadcrumb a:hover { color: hsl(0,0%,100%); } .page-hero__breadcrumb [aria-current] { color: hsl(0,0%,100%); } .page-hero__content { max-width: 680px; } .page-hero__label { display: inline-block; font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-accent); margin-bottom: var(--space-4); } .page-hero__title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 700; color: hsl(0, 0%, 100%); margin-bottom: var(--space-4); } .page-hero__title em { font-style: italic; color: hsl(240, 11%, 86%); } .page-hero__description { font-size: var(--text-base); color: hsl(240, 11%, 78%); line-height: 1.7; max-width: 60ch; } .page-hero__meta { display: flex; align-items: center; gap: var(--space-8); margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid hsl(231, 51%, 40%); flex-wrap: wrap; } .page-hero__stat { display: flex; flex-direction: column; gap: var(--space-1); } .page-hero__stat-value { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; color: hsl(0, 0%, 100%); line-height: 1; } .page-hero__stat-label { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.07em; color: hsl(240, 11%, 68%); }.filter-bar { background: var(--color-surface); border-bottom: 1px solid var(--color-divider); padding-block: var(--space-5); position: sticky; top: 0px; z-index: 50; box-shadow: var(--shadow-sm);}.filter-bar__inner { display: flex; align-items: flex-end; gap: var(--space-5); max-width: var(--content-wide); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); flex-wrap: wrap;}.filter-bar__group { display: flex; flex-direction: column; gap: var(--space-1); flex: 1; min-width: 180px; position: relative;}.filter-bar__group:has(.filter-bar__date-range) { flex: 0 0 auto; min-width: 0;}.filter-bar__group--wide { flex: 2; }.filter-bar__label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; color: var(--color-text-muted);}.filter-bar__select { width: 100%; padding: var(--space-2) var(--space-3); padding-right: var(--space-8); font-size: var(--text-sm); color: var(--color-text); background-color: var(--color-surface-2); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238C9CBC' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--space-3) center; border: 1px solid var(--color-border); cursor: pointer; position: relative; overflow: visible; transition: border-color var(--transition), box-shadow var(--transition);}.filter-bar__select .brxe-text-basic:not(:first-child) { display: none;}.filter-bar__select.is-open { border-color: var(--color-brand); z-index: 200;}.filter-bar__select.is-open .brxe-text-basic:not(:first-child) { display: block; position: absolute; left: -1px; right: -1px; background: var(--color-surface-2); border: 1px solid var(--color-border); border-top: none; padding: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--color-text); z-index: 200; cursor: pointer;}.filter-bar__select.is-open .brxe-text-basic:nth-child(2) { top: 100%; }.filter-bar__select.is-open .brxe-text-basic:nth-child(3) { top: calc(100% + 2.25rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(4) { top: calc(100% + 4.5rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(5) { top: calc(100% + 6.75rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(6) { top: calc(100% + 9rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(7) { top: calc(100% + 11.25rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(8) { top: calc(100% + 13.5rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(9) { top: calc(100% + 15.75rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(10) { top: calc(100% + 18rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(11) { top: calc(100% + 20.25rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(12) { top: calc(100% + 22.5rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(13) { top: calc(100% + 24.75rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(14) { top: calc(100% + 27rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(15) { top: calc(100% + 29.25rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(16) { top: calc(100% + 31.5rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(17) { top: calc(100% + 33.75rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(18) { top: calc(100% + 36rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(19) { top: calc(100% + 38.25rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(20) { top: calc(100% + 40.5rem); }.filter-bar__select.is-open .brxe-text-basic:nth-child(21) { top: calc(100% + 42.75rem); }.filter-bar__select .brxe-text-basic:not(:first-child):hover { background: var(--color-surface); color: var(--fpf-blue);}.filter-bar__select .brxe-text-basic.is-active { color: var(--fpf-blue); font-weight: 700;}.filter-bar__input { width: 110px; min-width: 0; padding: var(--space-2) var(--space-3); font-size: var(--text-sm); color: var(--color-text); background: var(--color-surface-2); border: 1px solid var(--color-border); cursor: text; transition: border-color var(--transition), box-shadow var(--transition);}.filter-bar__select:focus,.filter-bar__input:focus { border-color: var(--color-brand); box-shadow: 0 0 0 3px hsl(231, 51%, 36%, 0.12); outline: none;}[contenteditable][data-placeholder]:empty::before { content: attr(data-placeholder); color: var(--color-text-faint); pointer-events: none;}.filter-bar__date-range { display: flex; align-items: center; gap: var(--space-2);}.filter-bar__date-sep { font-size: var(--text-xs); color: var(--color-text-faint); flex-shrink: 0;}.filter-bar__actions { display: flex; align-items: flex-end; gap: var(--space-3);}.btn { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-5); font-size: var(--text-sm); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; border: 2px solid transparent; transition: background var(--transition), color var(--transition), border-color var(--transition); cursor: pointer; text-decoration: none;}.btn--primary { background: var(--color-brand); color: hsl(0, 0%, 100%); border-color: var(--color-brand);}.btn--primary:hover { background: var(--color-brand-dark); border-color: var(--color-brand-dark); }.btn--secondary { background: transparent; color: var(--color-brand); border-color: var(--color-brand);}.btn--secondary:hover { background: var(--color-brand-light); }.btn--accent { background: var(--color-accent); color: hsl(0, 0%, 100%); border-color: var(--color-accent);}.btn--accent:hover { background: var(--color-accent-dark); border-color: var(--color-accent-dark); }.btn--ghost { background: transparent; color: var(--color-text-muted); border-color: var(--color-border);}.btn--ghost:hover { border-color: var(--color-nepal); color: var(--color-text); }.btn--sm { padding: var(--space-1) var(--space-3); font-size: var(--text-xs); }.filter-bar__clear { padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: 500; color: var(--color-text-muted); border: 1px solid var(--color-border); background: transparent; text-transform: uppercase; letter-spacing: 0.05em; transition: color var(--transition), border-color var(--transition);}.filter-bar__clear:hover { color: var(--color-accent); border-color: var(--color-accent); }  .results-header { padding-block: var(--space-6) var(--space-4); border-bottom: 2px solid var(--color-brand); } .results-header__inner { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); max-width: var(--content-wide); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); flex-wrap: wrap; } .results-header__count { font-size: var(--text-sm); color: var(--color-text-muted); } .results-header__count strong { font-weight: 700; color: var(--color-text); } .results-header__sort { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-xs); color: var(--color-text-muted); } .results-header__sort-btn { font-size: var(--text-xs); font-weight: 600; color: var(--color-brand); text-transform: uppercase; letter-spacing: 0.06em; background: none; border: none; padding: 0; cursor: pointer; transition: color var(--transition); } .results-header__sort-btn:hover { color: var(--color-accent); } .results-header__sort-btn--active { text-decoration: underline; text-underline-offset: 3px; }  .media-list-section { padding-block: var(--space-2) clamp(var(--space-12), 6vw, var(--space-20)); background: var(--color-bg); } .media-list-section__inner { max-width: var(--content-wide); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); }  .media-list { list-style: none; display: flex; flex-direction: column; } .media-item { display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 0 var(--space-6); padding: var(--space-5) 0; border-bottom: 1px solid var(--color-divider); transition: background var(--transition); } .media-item:first-child { border-top: 1px solid var(--color-divider); } .media-item:hover { background: var(--color-surface-offset); margin-inline: calc(-1 * clamp(var(--space-4), 4vw, var(--space-12))); padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); }  .media-item__outlet-col { width: 130px; flex-shrink: 0; padding-top: var(--space-1); } .media-item__outlet-badge { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-1) var(--space-2); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; background: var(--color-brand-light); color: var(--color-brand); white-space: nowrap; } .media-item__outlet-badge--tv { background: hsl(4, 55%, 95%); color: hsl(4, 55%, 44%); } .media-item__outlet-badge--radio { background: hsl(214, 40%, 92%); color: hsl(214, 50%, 32%); } .media-item__outlet-badge--online { background: hsl(240, 11%, 90%); color: hsl(240, 11%, 30%); } .media-item__outlet-badge--podcast { background: hsl(280, 30%, 93%); color: hsl(280, 40%, 34%); } .media-item__outlet-badge--youtube { background: hsl(0, 80%, 93%); color: hsl(0, 80%, 38%); }  .media-item__body { min-width: 0; } .media-item__outlet-name { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-muted); margin-bottom: var(--space-1); } .media-item__title { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 600; color: var(--color-text); line-height: 1.25; margin-bottom: var(--space-2); max-width: 72ch; } .media-item__title-link { display: inline-flex; align-items: flex-start; gap: var(--space-2); transition: color var(--transition); } .media-item__title-link:hover { color: var(--color-brand); } .media-item__title-link:hover .media-item__ext-icon { opacity: 1; color: var(--color-brand); } .media-item__ext-icon { flex-shrink: 0; margin-top: 0.2em; opacity: 0.35; color: var(--color-nepal); transition: opacity var(--transition), color var(--transition); } .media-item__excerpt { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.6; margin-bottom: var(--space-3); max-width: 68ch; } .media-item__meta { display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; } .media-item__expert { display: flex; align-items: center; gap: var(--space-2); } .media-item__expert-avatar { width: 24px; height: 24px; border-radius: 50%; background: var(--color-mischka); overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: var(--color-brand); } .media-item__expert-name { font-size: var(--text-xs); font-weight: 600; color: var(--color-brand); text-transform: uppercase; letter-spacing: 0.05em; } .media-item__expert-role { font-size: var(--text-xs); color: var(--color-text-faint); } .media-item__sep { width: 3px; height: 3px; border-radius: 50%; background: var(--color-text-faint); flex-shrink: 0; } .media-item__date { font-size: var(--text-xs); color: var(--color-text-faint); font-variant-numeric: tabular-nums; } .media-item__topic { font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-text-muted); padding: 2px var(--space-2); border: 1px solid var(--color-border); } .media-item__topic--eu { border-color: hsl(214, 50%, 70%); color: hsl(214, 50%, 40%); background: hsl(214, 50%, 96%); } .media-item__topic--balkans { border-color: hsl(4, 55%, 70%); color: hsl(4, 55%, 44%); background: hsl(4, 55%, 96%); } .media-item__topic--nato { border-color: hsl(231, 51%, 70%); color: var(--color-brand); background: var(--color-brand-light); } .media-item__topic--security { border-color: hsl(231, 15%, 65%); color: hsl(231, 15%, 35%); background: hsl(231, 15%, 95%); } .media-item__topic--energy { border-color: hsl(40, 60%, 65%); color: hsl(40, 60%, 32%); background: hsl(40, 60%, 95%); } .media-item__topic--china { border-color: hsl(0, 70%, 70%); color: hsl(0, 70%, 38%); background: hsl(0, 70%, 96%); } .media-item__topic--us { border-color: hsl(210, 60%, 70%); color: hsl(210, 60%, 38%); background: hsl(210, 60%, 96%); } .media-item__topic--ukraine { border-color: hsl(50, 80%, 60%); color: hsl(50, 80%, 28%); background: hsl(50, 80%, 95%); }  .media-item__actions { display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-3); padding-top: var(--space-1); min-width: 110px; } .media-item__link { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; color: var(--color-brand); transition: color var(--transition); white-space: nowrap; } .media-item__link:hover { color: var(--color-accent); } .media-item__type-label { font-size: var(--text-xs); color: var(--color-text-faint); text-transform: uppercase; letter-spacing: 0.06em; text-align: right; }.pagination { display: flex; align-items: center; justify-content: center; gap: 0; padding-block: var(--space-10);}.pagination__item { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding-inline: var(--space-2); font-size: var(--text-sm); font-weight: 500; color: var(--color-text-muted); border: 1px solid var(--color-border); border-right-width: 0; background: var(--color-surface); transition: background var(--transition), color var(--transition), border-color var(--transition); cursor: pointer; text-decoration: none;}.pagination__item:hover { border-color: var(--color-brand); color: var(--color-brand); background: var(--color-brand-light); }.pagination__item--active { background: var(--color-brand); color: hsl(0, 0%, 100%); border-color: var(--color-brand);}.pagination__item--active:hover { background: var(--color-brand-dark); border-color: var(--color-brand-dark); }#pagination-numbers { display: inline-flex; align-items: center;}#pagination-numbers .pagination__item:last-child { border-right-width: 1px;}.pagination__ellipsis { display: inline-flex; align-items: center; height: 40px; padding-inline: var(--space-2); color: var(--color-text-faint); font-size: var(--text-sm); border: 1px solid var(--color-border); border-right-width: 0; background: var(--color-surface);}.pagination__prev-next { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-muted); min-width: 40px; height: 40px; padding-inline: var(--space-3); border: 1px solid var(--color-border); background: var(--color-surface); transition: background var(--transition), color var(--transition), border-color var(--transition); cursor: pointer; text-decoration: none;}.pagination__prev-next:first-child { border-radius: 4px 0 0 4px;}.pagination__prev-next:last-child { border-radius: 0 4px 4px 0; border-left-width: 0;}.pagination__prev-next:hover { border-color: var(--color-brand); color: var(--color-brand); background: var(--color-brand-light); }.pagination__prev-next[aria-disabled="true"] { opacity: 0.4; pointer-events: none; cursor: default;}.pagination__prev-next svg,.pagination__item svg { flex-shrink: 0; pointer-events: none;}  .media-layout { display: grid; grid-template-columns: 1fr 300px; gap: var(--space-10); align-items: start; } .experts-sidebar { position: sticky; top: calc(68px + 58px + var(--space-4)); } .sidebar-block { background: var(--color-surface); border: 1px solid var(--color-divider); padding: var(--space-6); box-shadow: var(--shadow-sm); } .sidebar-block + .sidebar-block { margin-top: var(--space-6); } .sidebar-block__heading { font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; color: var(--color-text-muted); padding-bottom: var(--space-4); margin-bottom: var(--space-4); border-bottom: 2px solid var(--color-brand); } .sidebar-expert { display: flex; flex-direction: column; gap: var(--space-4); } .sidebar-expert__item { display: flex; align-items: flex-start; gap: var(--space-3); padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-divider); } .sidebar-expert__item:last-child { border-bottom: none; padding-bottom: 0; } .sidebar-expert__avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--color-mischka); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: var(--color-brand); flex-shrink: 0; } .sidebar-expert__info { flex: 1; min-width: 0; } .sidebar-expert__name { font-size: var(--text-sm); font-weight: 600; color: var(--color-text); margin-bottom: 2px; } .sidebar-expert__role { font-size: var(--text-xs); color: var(--color-text-muted); margin-bottom: var(--space-1); } .sidebar-expert__count { font-size: var(--text-xs); color: var(--color-brand); font-weight: 600; } .sidebar-topic__list { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; } .sidebar-topic__tag { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; padding: var(--space-1) var(--space-3); border: 1px solid var(--color-border); color: var(--color-text-muted); background: var(--color-surface-2); cursor: pointer; transition: background var(--transition), color var(--transition), border-color var(--transition); } .sidebar-topic__tag:hover, .sidebar-topic__tag--active { background: var(--color-brand-light); color: var(--color-brand); border-color: var(--color-brand); } .sidebar-youtube { display: flex; flex-direction: column; gap: var(--space-3); } .sidebar-youtube__link { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--color-divider); background: var(--color-surface-2); transition: border-color var(--transition), background var(--transition); } .sidebar-youtube__link:hover { border-color: hsl(0, 80%, 60%); background: hsl(0, 70%, 97%); } .sidebar-youtube__icon { width: 36px; height: 36px; background: hsl(0, 80%, 52%); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: hsl(0,0%,100%); } .sidebar-youtube__text { flex: 1; min-width: 0; } .sidebar-youtube__label { font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: hsl(0, 80%, 40%); } .sidebar-youtube__desc { font-size: var(--text-xs); color: var(--color-text-faint); }.sidebar-expert__avatar--img { background: none; padding: 0; overflow: hidden;}.sidebar-expert__avatar--img img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; display: block;} @media (max-width: 960px) { .media-layout { grid-template-columns: 1fr; } .experts-sidebar { position: static; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-4); } .sidebar-block + .sidebar-block { margin-top: 0; } .media-item__outlet-col { width: 100px; } } @media (max-width: 640px) { .media-item { grid-template-columns: 1fr; gap: var(--space-3); } .media-item__outlet-col { width: auto; } .media-item__actions { align-items: flex-start; flex-direction: row; flex-wrap: wrap; } .experts-sidebar { grid-template-columns: 1fr; } }  .cta-donate { position: relative; padding-block: clamp(var(--space-16), 8vw, var(--space-24)); overflow: hidden; background: var(--color-brand-dark); } .cta-donate__bg { position: absolute; inset: 0; background-image: url("https://user-gen-media-assets.s3.amazonaws.com/gpt4o_images/88893a7d-e7d0-4f09-ad69-80c0c789f6d3.png"); background-size: cover; background-position: center; opacity: 0.35; } .cta-donate__overlay { position: absolute; inset: 0; background: linear-gradient( 135deg, hsl(231, 51%, 20%, 0.92) 0%, hsl(231, 51%, 30%, 0.80) 60%, hsl(4, 55%, 30%, 0.55) 100% ); } .cta-donate__inner { position: relative; max-width: var(--content-default); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); text-align: center; } .cta-donate__eyebrow { font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--color-accent); margin-bottom: var(--space-4); } .cta-donate__title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 700; color: hsl(0, 0%, 100%); line-height: 1.15; margin-bottom: var(--space-5); text-align: center; } .cta-donate__title em { font-style: italic; color: hsl(240, 11%, 82%); } .cta-donate__description { font-size: var(--text-base); color: hsl(240, 11%, 76%); line-height: 1.7; max-width: 52ch; margin-inline: auto; margin-bottom: var(--space-8); } .cta-donate__actions { display: flex; align-items: center; justify-content: center; gap: var(--space-4); flex-wrap: wrap; } .cta-donate__btn-primary { padding: var(--space-3) var(--space-8); background: var(--color-accent); color: hsl(0, 0%, 100%); font-size: var(--text-sm); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; border: 2px solid var(--color-accent); transition: background var(--transition), border-color var(--transition); } .cta-donate__btn-primary:hover { background: var(--color-accent-dark); border-color: var(--color-accent-dark); } .cta-donate__btn-secondary { padding: var(--space-3) var(--space-8); background: transparent; color: hsl(0, 0%, 100%); font-size: var(--text-sm); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; border: 2px solid hsl(0, 0%, 100%, 0.5); transition: border-color var(--transition), background var(--transition); } .cta-donate__btn-secondary:hover { border-color: hsl(0,0%,100%); background: hsl(0,0%,100%,0.08); } .cta-donate__stats { display: flex; align-items: center; justify-content: center; gap: var(--space-10); margin-top: var(--space-12); padding-top: var(--space-8); border-top: 1px solid hsl(231, 51%, 50%, 0.4); flex-wrap: wrap; } .cta-donate__stat { text-align: center; } .cta-donate__stat-value { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; color: hsl(0, 0%, 100%); display: block; } .cta-donate__stat-label { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.08em; color: hsl(240, 11%, 65%); }  .cta-subscribe { background: var(--color-surface); border-top: 3px solid var(--color-brand); padding-block: clamp(var(--space-12), 6vw, var(--space-20)); } .cta-subscribe__inner { max-width: var(--content-default); margin-inline: auto; padding-inline: clamp(var(--space-4), 4vw, var(--space-12)); display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: center; } .cta-subscribe__copy .cta-subscribe__eyebrow { font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-accent); margin-bottom: var(--space-3); } .cta-subscribe__title { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; color: var(--color-text); line-height: 1.2; margin-bottom: var(--space-4); } .cta-subscribe__description { font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.7; max-width: 48ch; } .cta-subscribe__benefits { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-5); } .cta-subscribe__benefit { display: flex; align-items: flex-start; gap: var(--space-2); font-size: var(--text-sm); color: var(--color-text-muted); } .cta-subscribe__benefit-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--color-accent); flex-shrink: 0; margin-top: 0.5em; } .cta-subscribe__form .cta-subscribe__form-title { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 600; color: var(--color-text); margin-bottom: var(--space-5); } .subscribe-form { display: flex; flex-direction: column; gap: var(--space-4); } .subscribe-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); } .subscribe-form__field { display: flex; flex-direction: column; gap: var(--space-1); } .subscribe-form__label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-muted); } .subscribe-form__input { padding: var(--space-3) var(--space-4); font-size: var(--text-sm); color: var(--color-text); background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 0; transition: border-color var(--transition), box-shadow var(--transition); } .subscribe-form__input:focus { outline: none; border-color: var(--color-brand); box-shadow: 0 0 0 3px hsl(231, 51%, 36%, 0.12); } .subscribe-form__topics { display: flex; flex-direction: column; gap: var(--space-2); } .subscribe-form__topics-label { font-size: var(--text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-muted); } .subscribe-form__checkboxes { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); } .subscribe-form__checkbox-item { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-xs); color: var(--color-text-muted); cursor: pointer; } .subscribe-form__checkbox-item input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--color-brand); cursor: pointer; } .subscribe-form__note { font-size: var(--text-xs); color: var(--color-text-faint); line-height: 1.6; } @media (max-width: 768px) { .cta-subscribe__inner { grid-template-columns: 1fr; gap: var(--space-8); } .subscribe-form__row { grid-template-columns: 1fr; } .subscribe-form__checkboxes { grid-template-columns: 1fr 1fr; } }  .reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.5s ease, transform 0.5s ease; } .reveal.is-visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } } #brxe-uwrqrg {font-size: var(--text-xs); color: var(--color-text-faint); line-height: 1.6; margin-top: var(--space-2)}