@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@24,300,0,200");
.sz-newsletters {
--sz-nl-text: #121212;
--sz-nl-muted: rgba(18, 18, 18, 0.62);
--sz-nl-soft: rgba(18, 18, 18, 0.08);
--sz-nl-line: rgba(18, 18, 18, 0.2);
--sz-nl-line-strong: #121212;
--sz-nl-bg: #ffffff;
--sz-nl-accent: #18d5ce;
--sz-nl-accent-soft: #cff7f5;
--sz-nl-popular: #f19e39;
--sz-nl-max: 1180px;
position: relative;
background: var(--sz-nl-bg);
color: var(--sz-nl-text);
font-family: Roboto, Arial, sans-serif;
padding: 0 0 160px;
border-radius: 0;
}
.sz-newsletters,
.sz-newsletters * { box-sizing: border-box; border-radius: 0; }
.sz-newsletters a { color: inherit; }
.sz-newsletters .material-symbols-sharp {
font-family: "Material Symbols Sharp";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 200, "opsz" 24;
}
.sz-newsletters__wrap { max-width: var(--sz-nl-max); margin: 0 auto; padding: 0 24px; }
.sz-newsletters__section { padding: 54px 0 0; margin: 0; }
.sz-newsletters__section:first-of-type { padding-top: 0; }
.sz-newsletters__section-head { margin-bottom: 22px; padding-top: 18px; border-top: 1px solid var(--sz-nl-line-strong); }
.sz-newsletters__section-title { margin: 0; font-family: "Libre Baskerville", Georgia, serif; font-size: clamp(24px, 2.2vw, 34px); line-height: 1.12; font-weight: 700; letter-spacing: -0.03em; color: var(--sz-nl-text); }
.sz-newsletters__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 22px; }
.sz-newsletter-card {
position: relative;
min-height: 330px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 22px;
padding: 20px;
background: var(--sz-nl-bg);
border: 1px solid var(--sz-nl-line);
color: var(--sz-nl-text);
cursor: pointer;
user-select: none;
transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.sz-newsletter-card:hover { background: rgba(18, 18, 18, 0.025); border-color: rgba(18, 18, 18, 0.42); }
.sz-newsletter-card:focus-visible { outline: 2px solid var(--sz-nl-accent); outline-offset: 3px; }
.sz-newsletter-card.is-selected { background: var(--sz-nl-accent-soft); border-color: rgba(18, 18, 18, 0.42); box-shadow: inset 0 0 0 2px var(--sz-nl-accent); }
.sz-newsletter-card--breaking .sz-newsletter-card__title { color: #ff3b30; }
.sz-newsletter-card__top { display: flex; flex-direction: column; gap: 14px; }
.sz-newsletter-card__meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.sz-newsletter-card__labels { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.sz-newsletter-card__label { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 7px; font-family: Roboto, Arial, sans-serif; font-size: 12px; line-height: 1; font-weight: 700; letter-spacing: 0; white-space: nowrap; border-radius: 0; }
.sz-newsletter-card__label--frequency { border: 1px solid #121212; background: #fff; color: #121212; font-weight: 500; }
.sz-newsletter-card__label--new { border: 1px solid #18d5ce; background: #18d5ce; color: #fff; }
.sz-newsletter-card__label--popular { border: 1px solid #f19e39; background: #f19e39; color: #121212; }
.sz-newsletter-card__toggle { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border: 1px solid var(--sz-nl-text); background: transparent; color: var(--sz-nl-text); padding: 0; cursor: pointer; transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease; }
.sz-newsletter-card__toggle .material-symbols-sharp { font-size: 24px; }
.sz-newsletter-card:hover .sz-newsletter-card__toggle,
.sz-newsletter-card.is-selected .sz-newsletter-card__toggle { background: var(--sz-nl-text); color: #ffffff; }
.sz-newsletter-card.is-selected .sz-newsletter-card__toggle { background: var(--sz-nl-accent); border-color: var(--sz-nl-accent); color: #121212; }
.sz-newsletter-card__image { width: 132px; height: 132px; display: block; border: 0; background: transparent; object-fit: contain; object-position: left center; }
.sz-newsletter-card[data-kind="author"] .sz-newsletter-card__image { object-fit: cover; object-position: center center; }
.sz-newsletter-card__image-placeholder { width: 132px; height: 132px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: rgba(18, 18, 18, 0.04); color: var(--sz-nl-muted); }
.sz-newsletter-card__title { margin: 0; font-family: "Libre Baskerville", Georgia, serif; font-size: clamp(21px, 1.75vw, 27px); line-height: 1.14; font-weight: 700; letter-spacing: -0.025em; color: var(--sz-nl-text); }
.sz-newsletter-card__desc { margin: 0; font-family: Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.48; color: var(--sz-nl-text); }
.sz-newsletter-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 17px; border-top: 1px solid var(--sz-nl-soft); }
.sz-newsletter-card__state { font-family: Roboto, Arial, sans-serif; font-size: 13px; line-height: 1; color: var(--sz-nl-muted); }
.sz-newsletter-card.is-selected .sz-newsletter-card__state { color: var(--sz-nl-text); font-weight: 700; }
.sz-newsletter-card__latest { display: inline-flex; align-items: center; gap: 0; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 1; font-weight: 700; color: var(--sz-nl-text); text-decoration: none; }
.sz-newsletter-card__latest-text,
.sz-newsletter-card__latest-icon { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sz-newsletter-card__latest-icon { margin-left: 5px; }
.sz-newsletter-card__latest:hover { color: var(--sz-nl-accent); }
.sz-newsletter-card__latest .material-symbols-sharp { font-size: 16px; }
.sz-newsletters__engine,
.sz-newsletters__engine .fluentform,
.sz-newsletters__engine .fluentform_wrapper,
.sz-newsletters__engine .frm-fluent-form,
.sz-newsletters__engine form,
.sz-newsletters__engine form.fluent_form_5 { position: absolute !important; left: -99999px !important; top: auto !important; width: 1px !important; height: 1px !important; min-height: 1px !important; max-height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; }
.sz-newsletter-bar { position: fixed; left: 50%; bottom: 22px; z-index: 9998; width: min(980px, calc(100vw - 32px)); transform: translate(-50%, 24px); display: grid; grid-template-columns: minmax(180px, 1fr) minmax(240px, 360px) auto auto; gap: 12px; align-items: center; padding: 12px; background: #121212; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24); opacity: 0; pointer-events: none; transition: opacity 220ms ease, transform 220ms ease, background-color 180ms ease, border-color 180ms ease; }
.sz-newsletter-bar.is-visible { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.sz-newsletter-bar.is-success { background: #121212; border-color: var(--sz-nl-accent); }
.sz-newsletter-bar__status { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sz-newsletter-bar__count { font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.2; font-weight: 700; color: #ffffff; }
.sz-newsletter-bar__names { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 12px; line-height: 1.2; color: rgba(255, 255, 255, 0.68); }
.sz-newsletter-bar__email { width: 100%; height: 44px; border: 1px solid rgba(255, 255, 255, 0.45); background: #ffffff; color: #121212; padding: 0 13px; font-family: Roboto, Arial, sans-serif; font-size: 15px; line-height: 1; outline: none; }
.sz-newsletter-bar__email:focus { border-color: var(--sz-nl-accent); box-shadow: 0 0 0 2px rgba(24, 213, 206, 0.24); }
.sz-newsletter-bar__button { height: 44px; min-width: 150px; border: 1px solid var(--sz-nl-accent); background: var(--sz-nl-accent); color: #121212; padding: 0 18px; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 1; font-weight: 800; cursor: pointer; }
.sz-newsletter-bar__button:hover { background: #ffffff; border-color: #ffffff; }
.sz-newsletter-bar__button[disabled] { opacity: 0.56; cursor: not-allowed; }
.sz-newsletter-bar__clear { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.28); background: transparent; color: rgba(255, 255, 255, 0.82); padding: 0; cursor: pointer; }
.sz-newsletter-bar__clear:hover { border-color: #ffffff; color: #ffffff; }
.sz-newsletter-toast { position: fixed; left: 50%; bottom: 92px; z-index: 9999; max-width: min(520px, calc(100vw - 32px)); transform: translate(-50%, 12px); padding: 13px 18px; background: #121212; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.18); font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.45; opacity: 0; pointer-events: none; transition: opacity 180ms ease, transform 180ms ease; }
.sz-newsletter-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
html.wp-dark-mode-active .sz-newsletters { --sz-nl-text: #ffffff; --sz-nl-muted: rgba(255, 255, 255, 0.68); --sz-nl-soft: rgba(255, 255, 255, 0.12); --sz-nl-line: rgba(255, 255, 255, 0.2); --sz-nl-line-strong: rgba(255, 255, 255, 0.88); --sz-nl-bg: #242424; --sz-nl-accent: #18d5ce; --sz-nl-accent-soft: rgba(24, 213, 206, 0.16); }
html.wp-dark-mode-active .sz-newsletter-card:hover { background: rgba(255, 255, 255, 0.035); }
html.wp-dark-mode-active .sz-newsletter-card.is-selected { background: rgba(24, 213, 206, 0.16); }
html.wp-dark-mode-active .sz-newsletter-card__image-placeholder { background: rgba(255, 255, 255, 0.06); }
html.wp-dark-mode-active .sz-newsletter-card:hover .sz-newsletter-card__toggle { background: #ffffff; color: #121212; }
html.wp-dark-mode-active .sz-newsletter-card.is-selected .sz-newsletter-card__toggle { background: var(--sz-nl-accent); color: #121212; }
html.wp-dark-mode-active .sz-newsletter-card__label--frequency { border-color: #fff; background: transparent; color: #fff; }
@media (max-width: 1100px) {
.sz-newsletters__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sz-newsletter-card { min-height: 315px; }
}
@media (max-width: 900px) {
.sz-newsletter-bar { grid-template-columns: 1fr; gap: 9px; padding: 12px; bottom: 14px; }
.sz-newsletter-bar__button, .sz-newsletter-bar__clear { width: 100%; }
.sz-newsletter-bar__clear { min-height: 40px; }
}
@media (max-width: 640px) {
.sz-newsletters { padding-bottom: 220px; }
.sz-newsletters__wrap { padding: 0 18px; }
.sz-newsletters__section { padding-top: 40px; }
.sz-newsletters__grid { grid-template-columns: 1fr; gap: 16px; }
.sz-newsletter-card { min-height: 285px; padding: 20px; }
.sz-newsletter-card__title { font-size: 25px; }
.sz-newsletter-card__image, .sz-newsletter-card__image-placeholder { width: 104px; height: 104px; }
.sz-newsletter-bar { width: calc(100vw - 20px); }
}