/* NAFS 2026 redesign. Scoped to body.nafs26 (pages using the NAFS 2026 template). */
.nafs26 {
--n26-olive: #565b39;
--n26-olive-dark: #3f4329;
--n26-sage: #999d73;
--n26-gold: #dbad67;
--n26-orange: #d19435;
--n26-brown: #7f4f2a;
--n26-ink: #231e15;
--n26-forest: #292f1e;
--n26-gray: #707070;
--n26-gray-light: #cccccc;
--n26-paper: #fdfcfa;
--n26-white: #ffffff;
--n26-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
--n26-font-num: "Noto Sans", "Helvetica Neue", Arial, sans-serif;
--n26-wrap: 1560px;
--n26-gutter: clamp(20px, 5vw, 96px);
--n26-radius: 12px;
--n26-shadow: 0 4px 16px rgba(35, 30, 21, .14);
--n26-ease: cubic-bezier(.2, .7, .2, 1);
margin: 0;
background: var(--n26-paper);
color: var(--n26-ink);
font-family: var(--n26-font);
-webkit-font-smoothing: antialiased;
}
.nafs26 *, .nafs26 *::before, .nafs26 *::after { box-sizing: border-box; }
.nafs26 img { max-width: 100%; height: auto; }
.nafs26 a { color: inherit; }
.nafs26 .n26-main { display: block; }
.nafs26 .elementor-section-wrap, .nafs26 .e-con { --padding-top: 0; --padding-bottom: 0; }
.nafs26 .n26-wrap{ width: 100%; max-width: calc(var(--n26-wrap) + 2 * var(--n26-gutter)); margin: 0 auto; padding: 0 var(--n26-gutter); }
.nafs26 .n26-skip{ position: absolute; left: -9999px; top: 8px; z-index: 1000; background: var(--n26-white); color: var(--n26-ink); padding: 8px 14px; border-radius: 6px; }
.nafs26 .n26-skip:focus{ left: 8px; }
.nafs26 :focus-visible { outline: 3px solid var(--n26-gold); outline-offset: 3px; }
/* Neutralize global Elementor kit styles inside redesign regions specificity (0,1,3): beats .elementor-kit-N (0,1,1); component rules .nafs26 .n26-* (0,2,0) still win. */
html body.nafs26 :where(.n26-header, .n26-main, .n26-footer, .n26-drawer) :is(h1, h2, h3, h4, h5, h6, p, a, li, span, strong, em, button, input, textarea, select, label) { font-family: var(--n26-font); letter-spacing: normal; }
html body.nafs26 :where(.n26-header, .n26-main, .n26-footer, .n26-drawer) button { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0; color: inherit; text-transform: none; font-size: inherit; font-weight: inherit; line-height: inherit; min-height: 0; }
html body.nafs26 :where(.n26-header, .n26-main, .n26-footer, .n26-drawer) :is(h1, h2, h3, h4, h5, h6) { color: inherit; }
html body.nafs26 :where(.n26-header, .n26-main, .n26-footer, .n26-drawer) a:hover { color: inherit; }
/* Icons */
.nafs26 .n26-icon{ display: inline-flex; width: 1em; height: 1em; flex: none; }
.nafs26 .n26-icon svg{ width: 100%; height: 100%; display: block; }
/* Type */
.nafs26 .n26-eyebrow{ margin: 0 0 6px; font-style: italic; font-weight: 300; font-size: clamp(18px, 1.5vw, 26px); line-height: 1.2; color: var(--n26-white); }
.nafs26 .n26-eyebrow--dark{ color: var(--n26-gray); }
.nafs26 .n26-h2{ margin: 0; font-weight: 700; text-transform: uppercase; font-size: clamp(32px, 2.9vw, 52px); line-height: 1.05; color: var(--n26-gray); letter-spacing: .005em; }
/* Buttons */
.nafs26 .n26-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 30px; border-radius: 999px; border: 2px solid transparent; font: 700 14px/1.1 var(--n26-font); letter-spacing: .04em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background-color .2s var(--n26-ease), color .2s var(--n26-ease), border-color .2s var(--n26-ease), transform .2s var(--n26-ease); }
.nafs26 .n26-btn--sm{ min-height: 42px; padding: 10px 24px; font-size: 13px; }
.nafs26 .n26-btn--gold{ background: var(--n26-gold); color: var(--n26-white); box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.nafs26 .n26-btn--gold:hover{ background: #c99a52; }
.nafs26 .n26-btn--ghost{ background: transparent; border-color: rgba(255,255,255,.9); color: var(--n26-white); }
.nafs26 .n26-btn--ghost:hover{ background: rgba(255,255,255,.12); }
.nafs26 .n26-iconbtn{ display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 999px; background: transparent; color: currentColor; font-size: 18px; cursor: pointer; transition: background-color .2s; }
.nafs26 .n26-iconbtn:hover{ background: rgba(255,255,255,.12); }
.nafs26 .n26-iconbtn--sm{ width: 36px; height: 36px; font-size: 16px; color: var(--n26-gray); }
.nafs26 .n26-iconbtn--sm:hover{ background: rgba(0,0,0,.06); }
/* ---------------------------------------------------------------- Header */
.nafs26 .n26-header{ position: absolute; inset: 0 0 auto 0; z-index: 50; color: var(--n26-white); border-bottom: 1px solid rgba(255,255,255,.28); transition: background-color .25s var(--n26-ease), box-shadow .25s; }
.nafs26 .n26-header.is-stuck{ position: fixed; background: rgba(41,47,30,.94); box-shadow: 0 2px 14px rgba(0,0,0,.2); }
.admin-bar .n26-header.is-stuck { top: 32px; }
.nafs26 .n26-header__inner{ display: flex; align-items: center; gap: 24px; min-height: 168px; transition: min-height .25s var(--n26-ease); }
.nafs26 .n26-header.is-stuck .n26-header__inner{ min-height: 84px; }
.nafs26 .n26-header__logo{ display: block; flex: none; }
.nafs26 .n26-header__logo img{ display: block; width: clamp(200px, 17vw, 330px); height: auto; transition: width .25s var(--n26-ease); }
.nafs26 .n26-header.is-stuck .n26-header__logo img{ width: 230px; }
.nafs26 .n26-nav{ margin-left: auto; display: flex; align-items: center; gap: clamp(16px, 2.4vw, 48px); }
.nafs26 .n26-nav__list{ display: flex; align-items: stretch; gap: clamp(14px, 2.6vw, 56px); margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-nav__item{ position: relative; display: flex; align-items: center; }
.nafs26 .n26-nav__link{ display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0; border: 0; background: none; color: inherit; font: 700 15px/1 var(--n26-font); text-decoration: none; cursor: pointer; position: relative; }
.nafs26 .n26-nav__link .n26-icon{ font-size: 11px; transition: transform .2s; }
.nafs26 .n26-nav__item.is-current > .n26-nav__link::after{ content: ""; position: absolute; left: 0; right: 0; bottom: calc(-1 * (168px - 44px) / 2); height: 3px; background: var(--n26-white); }
.nafs26 .n26-header.is-stuck .n26-nav__item.is-current > .n26-nav__link::after{ bottom: calc(-1 * (84px - 44px) / 2); }
.nafs26 .n26-nav__sub{ position: absolute; top: calc(100% + 10px); left: -18px; min-width: 260px; margin: 0; padding: 10px 0; list-style: none; background: var(--n26-white); border-radius: 10px; box-shadow: var(--n26-shadow); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s, transform .18s, visibility .18s; }
.nafs26 .n26-nav__sub a{ display: block; padding: 10px 18px; color: var(--n26-ink); font-size: 15px; text-decoration: none; }
.nafs26 .n26-nav__sub a:hover, .nafs26 .n26-nav__sub a:focus-visible{ background: #f3f1ec; color: var(--n26-olive); }
.nafs26 .n26-nav__item.is-open .n26-nav__sub{ opacity: 1; visibility: visible; transform: none; }
.nafs26 .n26-nav__item.is-open > .n26-nav__link .n26-icon{ transform: rotate(180deg); }
@media (hover: hover) and (min-width: 1101px) {
.nafs26 .n26-nav__item.has-children:hover .n26-nav__sub{ opacity: 1; visibility: visible; transform: none; }
}
.nafs26 .n26-header__tools{ display: flex; align-items: center; gap: 4px; }
.nafs26 .n26-header__menu{ display: inline-flex; }
/* Narrow screens: header nav moves into the drawer */
@media (max-width: 1100px) {
.nafs26 .n26-header__inner{ min-height: 92px; }
.nafs26 .n26-header__logo img{ width: 210px; }
.nafs26 .n26-nav{ display: none; }
.nafs26 .n26-header__tools{ margin-left: auto; }
}
/* ---------------------------------------------------------------- Drawer (☰) */
.nafs26 .n26-drawer__scrim{ position: fixed; inset: 0; z-index: 90; background: rgba(41,47,30,.25); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); opacity: 0; transition: opacity .3s var(--n26-ease); }
.nafs26 .n26-drawer__scrim.is-open{ opacity: 1; }
.nafs26 .n26-drawer{ position: fixed; top: 0; right: 0; bottom: 0; z-index: 100; width: min(456px, 92vw); display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 72px 40px 48px; overflow-y: auto; background: var(--n26-white) url("img/logo-icon-color.png") no-repeat right -120px bottom -60px / 420px auto; box-shadow: -8px 0 30px rgba(0,0,0,.18); color: var(--n26-ink); transform: translateX(100%); transition: transform .35s var(--n26-ease); }
.nafs26 .n26-drawer::before{ content: ""; position: absolute; inset: 0; background: rgba(255,255,255,.965); pointer-events: none; }
.nafs26 .n26-drawer > *{ position: relative; }
.nafs26 .n26-drawer.is-open{ transform: none; }
.admin-bar.nafs26 .n26-drawer{ top: 32px; }
.nafs26 .n26-drawer__close{ position: absolute; top: 16px; right: 16px; color: var(--n26-olive); font-size: 22px; }
.nafs26 .n26-drawer__close:hover{ background: rgba(86,91,57,.08); }
.nafs26 .n26-drawer__nav{ display: none; width: 100%; }
.nafs26 .n26-drawer__nav ul{ margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-drawer__item{ border-bottom: 1px solid #ece9e1; }
.nafs26 .n26-drawer__link{ display: flex; width: 100%; align-items: center; justify-content: space-between; min-height: 54px; color: var(--n26-olive); font-size: 18px; font-weight: 700; text-decoration: none; cursor: pointer; }
.nafs26 .n26-drawer__link .n26-icon{ font-size: 14px; transition: transform .2s; }
.nafs26 .n26-drawer__item.is-open > .n26-drawer__link .n26-icon{ transform: rotate(180deg); }
.nafs26 .n26-drawer__sub{ display: none; padding: 0 0 12px 12px !important; }
.nafs26 .n26-drawer__item.is-open .n26-drawer__sub{ display: block; }
.nafs26 .n26-drawer__sub a{ display: block; padding: 9px 0; color: var(--n26-ink); font-size: 16px; text-decoration: none; }
.nafs26 .n26-drawer__sub a:hover{ color: var(--n26-olive); text-decoration: underline; }
.nafs26 .n26-drawer__brand{ display: flex; flex-direction: column; align-items: center; text-align: center; gap: 36px; }
.nafs26 .n26-drawer__brand img{ width: 220px; }
.nafs26 .n26-drawer__brand p{ margin: 0; max-width: 300px; font-size: 14px; line-height: 1.35; text-align: left; }
.nafs26 .n26-drawer .n26-socials--drawer{ margin-top: auto; margin-bottom: 24px; gap: 26px; }
.nafs26 .n26-drawer .n26-socials--drawer a{ color: var(--n26-olive); font-size: 34px; width: 40px; height: 40px; }
@media (max-width: 1100px) {
.nafs26 .n26-drawer{ align-items: stretch; gap: 32px; padding-top: 64px; }
.nafs26 .n26-drawer__nav{ display: block; }
.nafs26 .n26-drawer__brand{ gap: 24px; }
.nafs26 .n26-drawer__brand img{ width: 170px; }
.nafs26 .n26-drawer__brand p{ text-align: center; margin: 0 auto; }
.nafs26 .n26-socials--drawer{ justify-content: center; }
}
body.n26-drawer-open{ overflow: hidden; }
/* ---------------------------------------------------------------- Hero */
.nafs26 .n26-hero{ position: relative; min-height: clamp(640px, 100svh, 1080px); display: flex; align-items: center; color: var(--n26-white); overflow: hidden; background: var(--n26-forest); }
.nafs26 .n26-hero__bgs{ position: absolute; inset: 0; }
.nafs26 .n26-hero__bg{ position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transform: scale(1.04); transition: opacity 1s var(--n26-ease), transform 6s linear; }
.nafs26 .n26-hero__bg::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,24,14,.55) 0%, rgba(20,24,14,.15) 30%, rgba(60,45,10,.25) 100%); }
.nafs26 .n26-hero__bg.is-active{ opacity: 1; transform: scale(1); }
.nafs26 .n26-hero__inner{ position: relative; z-index: 2; padding-top: 220px; padding-bottom: 90px; }
.nafs26 .n26-hero__panels{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr); max-width: 714px; }
.nafs26 .n26-hero__inner{ min-width: 0; }
.nafs26 .n26-hero__title{ overflow-wrap: anywhere; }
.nafs26 .n26-glass{ background: rgba(86, 91, 57, .55); -webkit-backdrop-filter: blur(14px) saturate(110%); backdrop-filter: blur(14px) saturate(110%); border: 1px solid rgba(255,255,255,.22); }
.nafs26 .n26-hero__panel{ grid-area: 1 / 1; padding: clamp(28px, 3vw, 56px) clamp(24px, 3vw, 54px); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .5s var(--n26-ease), transform .5s var(--n26-ease), visibility .5s; }
.nafs26 .n26-hero__panel.is-active{ opacity: 1; visibility: visible; transform: none; }
.nafs26 .n26-hero__title{ margin: 0 0 22px; font-weight: 700; text-transform: uppercase; font-size: clamp(40px, 4.2vw, 76px); line-height: .98; letter-spacing: .005em; color: var(--n26-white); }
.nafs26 .n26-hero__text{ margin: 0 0 30px; max-width: 600px; font-size: clamp(16px, 1.05vw, 19px); line-height: 1.45; }
.nafs26 .n26-hero__btns{ display: flex; flex-wrap: wrap; gap: 16px 24px; }
.nafs26 .n26-hero__cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 714px; margin-top: 20px; }
.nafs26 .n26-hero__card{ padding: 22px 18px; text-align: center; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.18); }
.nafs26 .n26-hero__card--gold{ background: rgba(207, 167, 98, .82); }
.nafs26 .n26-hero__card--brown{ background: rgba(128, 96, 54, .72); }
.nafs26 .n26-hero__card-label{ margin: 0 0 14px; font-size: 14px; }
.nafs26 .n26-hero__card-num{ margin: 0 0 14px; white-space: nowrap; font-weight: 700; font-size: clamp(22px, 1.9vw, 34px); letter-spacing: .01em; }
.nafs26 .n26-hero__card-num a{ text-decoration: none; }
.nafs26 .n26-hero__card-note{ margin: 0; font-style: italic; font-size: 12px; line-height: 1.35; opacity: .95; }
.nafs26 .n26-socials{ display: flex; justify-content: center; gap: 12px; margin: 0 0 14px; padding: 0; list-style: none; }
.nafs26 .n26-socials a{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; font-size: 26px; color: var(--n26-white); transition: transform .15s; }
.nafs26 .n26-socials a:hover{ transform: translateY(-2px); }
.nafs26 .n26-hero__dots{ position: absolute; z-index: 3; left: clamp(12px, 3.6vw, 70px); top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 14px; }
.nafs26 .n26-hero__dot{ width: 12px; height: 12px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.45); cursor: pointer; position: relative; transition: background-color .2s, transform .2s; }
.nafs26 .n26-hero__dot::before{ content: ""; position: absolute; inset: -16px; }
.nafs26 .n26-hero__dot.is-active{ background: var(--n26-white); transform: scale(1.15); }
.nafs26 .n26-hero__step{ width: 32px; height: 32px; padding: 0; border: 0; background: none; color: rgba(255,255,255,.7); font-size: 18px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.nafs26 .n26-hero__step:hover{ color: var(--n26-white); }
@media (max-width: 700px) {
.nafs26 .n26-hero__inner{ padding-top: 130px; padding-bottom: 48px; }
.nafs26 .n26-hero__cards{ grid-template-columns: 1fr; }
.nafs26 .n26-hero__dots{ left: auto; right: 0; top: auto; bottom: 0; transform: none; position: relative; flex-direction: row; justify-content: center; padding: 18px 0 0; }
.nafs26 .n26-hero{ flex-direction: column; justify-content: center; }
.nafs26 .n26-hero__dots{ order: 3; }
.nafs26 .n26-hero__step{ display: none; }
}
/* ---------------------------------------------------------------- Events */
.nafs26 .n26-events{ padding: clamp(64px, 7vw, 140px) 0; background: var(--n26-paper); }
.nafs26 .n26-events__grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(32px, 6vw, 140px); align-items: start; }
.nafs26 .n26-events__head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 560px; }
.nafs26 .n26-events__cal .n26-h2{ margin-bottom: clamp(28px, 3vw, 60px); }
.nafs26 .n26-events__monthnav{ display: flex; gap: 2px; }
.nafs26 .n26-cal{ display: grid; grid-template-columns: repeat(7, 1fr); max-width: 560px; row-gap: 6px; font-family: var(--n26-font-num); }
.nafs26 .n26-cal__dow{ padding: 0 0 20px; text-align: center; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: var(--n26-gray); }
.nafs26 .n26-cal__day{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 76px; padding: 0; border: 0; background: none; font: 700 clamp(18px, 1.5vw, 26px)/1 var(--n26-font-num); color: var(--n26-gray); cursor: default; }
.nafs26 .n26-cal__num{ font-family: var(--n26-font-num); display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; transition: background-color .2s, color .2s; }
.nafs26 .n26-cal__day.is-other{ color: var(--n26-gray-light); }
.nafs26 .n26-cal__day.has-events{ cursor: pointer; }
.nafs26 .n26-cal__day.has-events:hover .n26-cal__num{ background: rgba(86,91,57,.1); }
.nafs26 .n26-cal__day.is-selected .n26-cal__num{ background: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-cal__marks{ position: absolute; left: 0; right: 0; bottom: 16px; height: 8px; display: flex; justify-content: center; gap: 4px; }
.nafs26 .n26-cal__mark{ width: 7px; height: 7px; border-radius: 50%; }
.nafs26 .n26-cal__mark.is-webinar, .nafs26 .n26-dot--webinar{ background: var(--n26-sage); }
.nafs26 .n26-cal__mark.is-inperson, .nafs26 .n26-dot--inperson{ background: var(--n26-gold); }
.nafs26 .n26-cal__bar{ position: absolute; bottom: 4px; height: 7px; border-radius: 4px; background: var(--n26-gold); left: 0; right: 0; }
.nafs26 .n26-cal__bar.is-webinar{ background: var(--n26-sage); }
.nafs26 .n26-cal__bar.is-start{ left: 22%; }
.nafs26 .n26-cal__bar.is-end{ right: 22%; }
.nafs26 .n26-cal__bar.is-start:not(.is-end), .nafs26 .n26-cal__bar.is-mid{ border-top-right-radius: 0; border-bottom-right-radius: 0; }
.nafs26 .n26-cal__bar.is-end:not(.is-start), .nafs26 .n26-cal__bar.is-mid{ border-top-left-radius: 0; border-bottom-left-radius: 0; }
.nafs26 .n26-cal__legend{ display: flex; gap: 26px; margin: 32px 0 0; padding: 0; list-style: none; font-size: 13px; color: var(--n26-gray); }
.nafs26 .n26-cal__legend li{ display: inline-flex; align-items: center; gap: 8px; }
.nafs26 .n26-dot{ width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.nafs26 .n26-events__carousel{ position: relative; min-width: 0; padding: 0 0 48px; }
.nafs26 .n26-events__grid > *{ min-width: 0; }
.nafs26 .n26-events__viewport{ overflow: hidden; border-radius: var(--n26-radius); padding: 6px 0 18px; margin: -6px 0 -18px; }
.nafs26 .n26-events__track{ display: flex; transition: transform .45s var(--n26-ease); }
.nafs26 .n26-ecard{ flex: 0 0 100%; display: flex; flex-direction: column; min-height: 560px; border-radius: var(--n26-radius); overflow: hidden; box-shadow: var(--n26-shadow); color: var(--n26-white); }
.nafs26 .n26-ecard[hidden]{ display: none; }
.nafs26 .n26-ecard.is-inperson{ background: var(--n26-orange); --n26-card-accent: var(--n26-orange); }
.nafs26 .n26-ecard.is-webinar{ background: var(--n26-sage); --n26-card-accent: #7c8057; }
.nafs26 .n26-ecard__body{ flex: 1; padding: clamp(32px, 3.4vw, 64px) clamp(26px, 4vw, 110px) 32px; text-align: center; }
.nafs26 .n26-ecard__title{ margin: 0 0 clamp(24px, 3vw, 54px); font-weight: 700; text-transform: uppercase; font-size: clamp(24px, 1.8vw, 34px); line-height: 1.15; }
.nafs26 .n26-ecard__title a{ text-decoration: none; }
.nafs26 .n26-ecard__meta{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 44px; margin: 0 0 clamp(24px, 3vw, 54px); font-size: 15px; }
.nafs26 .n26-ecard__meta span{ display: inline-flex; align-items: center; gap: 10px; }
.nafs26 .n26-ecard__meta .n26-icon{ font-size: 18px; color: var(--n26-olive-dark); }
.nafs26 .n26-ecard.is-webinar .n26-ecard__meta .n26-icon{ color: #3f4a2c; }
.nafs26 .n26-ecard__desc{ margin: 0 auto; max-width: 560px; text-align: left; font-size: clamp(15px, 1vw, 18px); line-height: 1.45; }
.nafs26 .n26-ecard__cta{ display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 66px; background: var(--n26-white); color: var(--n26-card-accent); text-decoration: none; font-weight: 700; text-transform: uppercase; font-size: clamp(20px, 1.5vw, 28px); transition: background-color .2s; }
.nafs26 .n26-ecard__cta .n26-icon{ width: 34px; height: 14px; transition: transform .2s; }
.nafs26 .n26-ecard__cta:hover .n26-icon{ transform: translateX(4px); }
.nafs26 .n26-ecard__cta:hover{ background: #f8f6f1; }
.nafs26 .n26-arrow{ position: absolute; z-index: 3; top: calc(50% - 24px - 48px / 2); width: 76px; height: 76px; border: 0; border-radius: 50%; background: var(--n26-white); color: var(--n26-olive); font-size: 34px; box-shadow: var(--n26-shadow); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .2s, opacity .2s; }
.nafs26 .n26-arrow:hover{ transform: scale(1.06); }
.nafs26 .n26-arrow[disabled]{ opacity: .35; cursor: default; transform: none; }
.nafs26 .n26-arrow--prev{ left: -38px; }
.nafs26 .n26-arrow--next{ right: -38px; }
.nafs26 .n26-pager{ position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; gap: 14px; }
.nafs26 .n26-pager button{ width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: #dcdad3; cursor: pointer; position: relative; }
.nafs26 .n26-pager button::before{ content: ""; position: absolute; inset: -12px; }
.nafs26 .n26-pager button.is-active{ background: var(--n26-olive); }
.nafs26 .n26-events__empty{ flex: 0 0 100%; margin: 0; padding: 60px 24px; text-align: center; color: var(--n26-gray); font-size: 18px; border: 2px dashed #e2dfd6; border-radius: var(--n26-radius); }
.nafs26 .n26-events__empty a{ color: var(--n26-olive); font-weight: 700; }
@media (max-width: 1000px) {
.nafs26 .n26-events__grid{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-cal, .nafs26 .n26-events__head{ max-width: none; }
.nafs26 .n26-arrow{ width: 56px; height: 56px; font-size: 24px; }
.nafs26 .n26-arrow--prev{ left: -12px; }
.nafs26 .n26-arrow--next{ right: -12px; }
}
@media (max-width: 600px) {
.nafs26 .n26-cal__day{ height: 54px; }
.nafs26 .n26-cal__num{ width: 40px; height: 40px; }
.nafs26 .n26-ecard{ min-height: 0; }
.nafs26 .n26-ecard__meta{ gap: 8px 20px; }
.nafs26 .n26-arrow{ top: auto; bottom: -6px; width: 44px; height: 44px; font-size: 18px; }
.nafs26 .n26-arrow--prev{ left: 0; }
.nafs26 .n26-arrow--next{ right: 0; }
}
/* ---------------------------------------------------------------- Shared (part 2) */
.nafs26 .n26-h2--light{ color: var(--n26-white); }
/* ---------------------------------------------------------------- Resources accordion */
.nafs26 .n26-res{ padding: clamp(64px, 8vw, 150px) 0 clamp(56px, 6vw, 110px); }
.nafs26 .n26-res__grid{ display: grid; grid-template-columns: minmax(0, .5fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 100px); align-items: start; }
.nafs26 .n26-res__intro p:not(.n26-eyebrow){ margin: 24px 0 0; max-width: 400px; font-size: 16px; line-height: 1.4; color: var(--n26-gray); }
.nafs26 .n26-res__intro .n26-btn{ margin-top: 56px; }
.nafs26 .n26-acc__panels{ display: flex; height: clamp(420px, 34vw, 560px); }
.nafs26 .n26-acc__panel{ position: relative; flex: 0 0 clamp(84px, 8.5vw, 140px); margin-left: -16px; border-radius: var(--n26-radius); color: var(--n26-white); box-shadow: -4px 0 14px rgba(35,30,21,.16); overflow: hidden; transition: flex-basis .45s var(--n26-ease), flex-grow .45s var(--n26-ease); }
.nafs26 .n26-acc__panel:first-child{ margin-left: 0; }
.nafs26 .n26-acc__panel.is-open{ flex: 1 1 auto; z-index: 0; }
.nafs26 .n26-acc__panel--olive{ background: var(--n26-olive); z-index: 4; }
.nafs26 .n26-acc__panel--sage{ background: var(--n26-sage); z-index: 3; }
.nafs26 .n26-acc__panel--gold{ background: var(--n26-orange); z-index: 2; }
.nafs26 .n26-acc__panel--brown{ background: var(--n26-brown); z-index: 1; }
.nafs26 .n26-acc__tab{ position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; width: 100%; padding: 40px 16px 40px 32px; border: 0; background: transparent; color: inherit; cursor: pointer; }
.nafs26 .n26-acc__panel:first-child .n26-acc__tab{ padding-left: 16px; }
.nafs26 .n26-acc__tab span{ writing-mode: vertical-rl; transform: rotate(180deg); font-size: clamp(16px, 1.2vw, 22px); font-weight: 700; text-transform: uppercase; line-height: 1.1; text-align: left; white-space: nowrap; }
.nafs26 .n26-acc__tab:hover{ background: rgba(255,255,255,.06); }
.nafs26 .n26-acc__panel.is-open .n26-acc__tab{ display: none; }
.nafs26 .n26-acc__body{ position: relative; height: 100%; display: flex; flex-direction: column; padding: clamp(28px, 3.4vw, 56px) clamp(28px, 3.4vw, 56px) clamp(28px, 3.4vw, 56px); min-width: 320px; }
.nafs26 .n26-acc__panel:not(:first-child) .n26-acc__body{ padding-left: calc(clamp(28px, 3.4vw, 56px) + 16px); }
.nafs26 .n26-acc__body[hidden]{ display: none; }
.nafs26 .n26-acc__panel.is-open .n26-acc__body{ animation: n26-fade .5s var(--n26-ease) both; }
@keyframes n26-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.nafs26 .n26-acc__title{ margin: 0; max-width: 420px; font-size: clamp(30px, 2.6vw, 46px); font-weight: 700; line-height: 1.05; text-transform: uppercase; }
.nafs26 .n26-acc__text{ margin: 24px 0 0; max-width: 420px; font-size: 16px; line-height: 1.4; }
.nafs26 .n26-acc__links{ margin: auto 0 0; padding: 24px 0 0; list-style: none; display: grid; gap: 14px; }
.nafs26 .n26-acc__links a{ display: inline-flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 700; color: var(--n26-white); text-decoration: none; }
.nafs26 .n26-acc__links .n26-icon{ width: 18px; height: 18px; transition: transform .2s; }
.nafs26 .n26-acc__links a:hover .n26-icon{ transform: translate(3px, -3px); }
.nafs26 .n26-acc__links a:hover{ text-decoration: underline; text-underline-offset: 4px; }
.nafs26 .n26-acc__dots{ position: static; margin-top: 40px; }
@media (max-width: 1000px) {
.nafs26 .n26-res__grid{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-res__intro .n26-btn{ margin-top: 32px; }
}
@media (max-width: 700px) {
.nafs26 .n26-acc__panels{ flex-direction: column; height: auto; }
.nafs26 .n26-acc__panel, .nafs26 .n26-acc__panel.is-open{ flex: none; margin: -14px 0 0; box-shadow: 0 -4px 14px rgba(35,30,21,.16); }
.nafs26 .n26-acc__panel:first-child{ margin-top: 0; }
.nafs26 .n26-acc__tab{ position: relative; justify-content: flex-start; align-items: center; min-height: 82px; padding: 28px 22px 14px; }
.nafs26 .n26-acc__panel:first-child .n26-acc__tab{ padding: 14px 22px; }
.nafs26 .n26-acc__tab span{ writing-mode: horizontal-tb; transform: none; white-space: normal; font-size: 18px; }
.nafs26 .n26-acc__body, .nafs26 .n26-acc__panel:not(:first-child) .n26-acc__body{ min-width: 0; padding: 40px 22px 32px; }
.nafs26 .n26-acc__panel:first-child .n26-acc__body{ padding-top: 28px; }
.nafs26 .n26-acc__links{ margin-top: 0; }
.nafs26 .n26-acc__dots{ display: none; }
}
/* ---------------------------------------------------------------- Photo strip */
.nafs26 .n26-strip{ display: flex; height: clamp(150px, 15vw, 290px); overflow: hidden; }
.nafs26 .n26-strip__item{ flex: 1 1 0; min-width: 0; }
.nafs26 .n26-strip__item img{ display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 700px) {
.nafs26 .n26-strip{ overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.nafs26 .n26-strip::-webkit-scrollbar{ display: none; }
.nafs26 .n26-strip__item{ flex: 0 0 62%; scroll-snap-align: start; }
}
/* ---------------------------------------------------------------- Join our community */
.nafs26 .n26-join{ position: relative; overflow: hidden; padding: clamp(48px, 5vw, 80px) 0 clamp(56px, 6vw, 90px); text-align: center; color: var(--n26-white); background: var(--n26-olive); }
.nafs26 .n26-join__bg{ position: absolute; inset: -30px; background-size: cover; background-position: center; filter: blur(14px); }
.nafs26 .n26-join__bg::after{ content: ""; position: absolute; inset: 0; background: rgba(76, 82, 52, .8); }
.nafs26 .n26-join__inner{ position: relative; }
.nafs26 .n26-join .n26-h2{ font-size: clamp(30px, 2.6vw, 46px); }
.nafs26 .n26-join__form{ max-width: 900px; margin: 36px auto 0; text-align: left; }
.nafs26 .n26-join .jet-form-row--hidden, .nafs26 .n26-join .hidden-field{ display: none !important; }
.nafs26 .n26-join .jet-form-row{ display: flex; align-items: flex-end; gap: 14px; margin: 0; }
.nafs26 .n26-join .jet-form-col{ flex: 0 0 auto; max-width: none; width: auto; padding: 0; }
.nafs26 .n26-join .jet-form-col-3{ flex: 0 0 180px; }
.nafs26 .n26-join .jet-form-col-5{ flex: 1 1 auto; min-width: 0; }
.nafs26 .n26-join .field-type-submit{ margin-left: -134px; position: relative; z-index: 1; }
.nafs26 .n26-join .jet-form-col__start{ padding: 0 0 6px 14px; }
.nafs26 .n26-join .jet-form__label, .nafs26 .n26-join .jet-form__label-text{ margin: 0; font-size: 13px; font-weight: 400; color: var(--n26-white); }
.nafs26 .n26-join .jet-form__required{ color: inherit; margin-left: 1px; }
.nafs26 .n26-join .jet-form__field.text-field{ display: block; width: 100%; height: 44px; margin: 0; padding: 0 18px; border: 0; border-radius: 999px; background: var(--n26-white); color: var(--n26-ink); font: 400 15px/44px var(--n26-font); box-shadow: inset 0 1px 3px rgba(0,0,0,.12); }
.nafs26 .n26-join .field-type-text[data-field="Email"] .jet-form__field{ padding-right: 150px; }
.nafs26 .n26-join .jet-form__field::placeholder{ color: #b7b3a8; }
.nafs26 .n26-join .jet-form__field:focus{ outline: 3px solid var(--n26-gold); outline-offset: 2px; }
.nafs26 .n26-join .jet-form__submit-wrap{ margin: 0; }
.nafs26 .n26-join .jet-form__submit{ height: 44px; min-width: 134px; margin: 0; padding: 0 28px; border: 0; border-radius: 999px; background: var(--n26-gold); color: var(--n26-white); font: 700 14px/1 var(--n26-font); letter-spacing: .04em; text-transform: uppercase; cursor: pointer; box-shadow: -2px 0 8px rgba(0,0,0,.15); transition: background-color .2s; }
.nafs26 .n26-join .jet-form__submit:hover{ background: #c99a52; }
.nafs26 .n26-join .jet-form__submit:disabled, .nafs26 .n26-join .jet-form.is-loading .jet-form__submit{ opacity: .7; cursor: wait; }
.nafs26 .n26-join .jet-form-messages-wrap, .nafs26 .n26-join .jet-form-message{ margin: 16px 0 0; text-align: center; font-size: 15px; color: var(--n26-white); }
.nafs26 .n26-join .jet-form-message--error{ color: #ffd9a8; }
.nafs26 .n26-join .jet-form__field.field-error{ box-shadow: inset 0 0 0 2px #e8a14a; }
.nafs26 .n26-join .jet-form__field-error{ display: block; padding: 4px 0 0 14px; font-size: 12px; color: #ffd9a8; }
@media (max-width: 700px) {
.nafs26 .n26-join .jet-form-row{ flex-wrap: wrap; }
.nafs26 .n26-join .jet-form-col-3{ flex: 1 1 calc(50% - 7px); min-width: 0; }
.nafs26 .n26-join .jet-form-col-5{ flex: 1 1 100%; }
.nafs26 .n26-join .field-type-submit{ flex: 1 1 100%; margin-left: 0; }
.nafs26 .n26-join .field-type-text[data-field="Email"] .jet-form__field{ padding-right: 18px; }
.nafs26 .n26-join .jet-form__submit{ width: 100%; }
}
.nafs26 .n26-join__err{ text-align: center; background: rgba(0,0,0,.25); padding: 12px; border-radius: 8px; }
/* ---------------------------------------------------------------- Footer */
.nafs26 .n26-footer{ background: var(--n26-forest); color: var(--n26-white); }
.nafs26 .n26-footer__grid{ display: grid; grid-template-columns: 1.4fr repeat(3, 1fr) 1.2fr; gap: clamp(28px, 4vw, 80px); padding-top: clamp(56px, 6vw, 110px); padding-bottom: clamp(48px, 5vw, 90px); }
.nafs26 .n26-footer__brand img{ display: block; width: 260px; max-width: 100%; margin-bottom: 44px; }
.nafs26 .n26-footer__brand p{ margin: 0; max-width: 330px; font-size: 15px; line-height: 1.4; }
.nafs26 .n26-footer__col h3{ margin: 0 0 22px; font-size: 22px; font-weight: 700; text-transform: uppercase; }
.nafs26 .n26-footer__col ul{ margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.nafs26 .n26-footer__col a{ font-size: 14px; text-decoration: none; opacity: .92; }
.nafs26 .n26-footer__col a:hover{ opacity: 1; text-decoration: underline; }
.nafs26 .n26-hotline--footer{ padding: 26px 22px; background: rgba(255,255,255,.12); text-align: center; }
.nafs26 .n26-hotline__label{ margin: 0 0 18px; font-size: 13px; }
.nafs26 .n26-hotline__num{ margin: 0 0 16px; white-space: nowrap; font-size: clamp(20px, 1.35vw, 26px); font-weight: 700; color: var(--n26-gold); }
.nafs26 .n26-hotline__num a{ text-decoration: none; }
.nafs26 .n26-hotline__note{ margin: 0; font-size: 11px; font-style: italic; line-height: 1.35; }
.nafs26 .n26-socials--footer{ justify-content: flex-end; margin: 28px 0 0; }
.nafs26 .n26-footer__bar{ border-top: 1px solid rgba(255,255,255,.16); }
.nafs26 .n26-footer__bar-inner{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; padding-top: 22px; padding-bottom: 22px; font-size: 13px; }
.nafs26 .n26-footer__bar p{ margin: 0; }
.nafs26 .n26-footer__legal{ display: flex; gap: 40px; }
.nafs26 .n26-footer__legal a{ text-decoration: none; }
.nafs26 .n26-footer__bar a:hover{ text-decoration: underline; }
@media (max-width: 1100px) {
.nafs26 .n26-footer__grid{ grid-template-columns: repeat(3, 1fr); }
.nafs26 .n26-footer__brand, .nafs26 .n26-footer__help{ grid-column: 1 / -1; }
.nafs26 .n26-socials--footer{ justify-content: center; }
}
@media (max-width: 600px) {
.nafs26 .n26-footer__grid{ grid-template-columns: 1fr; }
.nafs26 .n26-footer__legal{ gap: 20px; }
}
/* =====================================================================
v0.4 — Design scale. Every size below is the XD 1920px artboard value
times --n26-u, so the page renders as the mockup at any desktop width
(1px per design px at ≥1920, proportionally smaller below), with
readable floors for small screens. Type scale from the XD text styles:
H1 70 · H2 50 · eyebrow 30 (hero 25) · body 20 · nav/button 16.
===================================================================== */
.nafs26 {
--n26-u: min(1px, calc(100vw / 1920));
--n26-wrap: 1660px;
--n26-gutter: max(20px, calc(130 * var(--n26-u)));
--n26-fs-h1: max(40px, calc(70 * var(--n26-u)));
--n26-fs-h2: max(30px, calc(50 * var(--n26-u)));
--n26-fs-eyebrow: max(18px, calc(30 * var(--n26-u)));
--n26-fs-eyebrow-hero: max(17px, calc(25 * var(--n26-u)));
--n26-fs-body: max(15px, calc(20 * var(--n26-u)));
--n26-fs-ui: max(13px, calc(16 * var(--n26-u)));
--n26-fs-label: max(13px, calc(15 * var(--n26-u)));
--n26-fs-small: max(12px, calc(13 * var(--n26-u)));
--n26-fs-meta: max(14px, calc(18 * var(--n26-u)));
--n26-fs-card-title: max(20px, calc(34 * var(--n26-u)));
--n26-fs-num: max(22px, calc(30 * var(--n26-u)));
--n26-btn-h: max(42px, calc(49 * var(--n26-u)));
--n26-header-h: max(92px, calc(167 * var(--n26-u)));
}
/* Shared type */
.nafs26 .n26-eyebrow{ margin: 0 0 calc(8 * var(--n26-u)); font-size: var(--n26-fs-eyebrow); line-height: 1.2; }
.nafs26 .n26-h2{ font-size: var(--n26-fs-h2); line-height: 1.1; letter-spacing: 0; }
.nafs26 .n26-body{ margin: 0 0 1em; font-size: var(--n26-fs-body); line-height: 1.25; }
.nafs26 .n26-btn{ min-height: var(--n26-btn-h); padding: 0 max(24px, calc(48 * var(--n26-u))); font-size: var(--n26-fs-ui); letter-spacing: 0; }
.nafs26 .n26-btn--sm{ min-height: var(--n26-btn-h); padding: 0 max(24px, calc(48 * var(--n26-u))); font-size: var(--n26-fs-ui); }
/* Header + nav: underline only on hover / focus / open menu / real current page */
.nafs26 .n26-header__inner{ min-height: var(--n26-header-h); }
.nafs26 .n26-header.is-stuck{ --n26-header-h: 84px; }
.nafs26 .n26-header__logo img{ width: max(200px, calc(330 * var(--n26-u))); }
.nafs26 .n26-nav__list{ gap: max(18px, calc(64 * var(--n26-u))); }
.nafs26 .n26-nav__link{ font-size: max(14px, calc(16 * var(--n26-u))); }
.nafs26 .n26-nav__link::after{ content: ""; position: absolute; left: 0; right: 0; bottom: calc(-1 * (var(--n26-header-h) - 44px) / 2); height: 3px; background: var(--n26-white); transform: scaleX(0); transform-origin: left center; transition: transform .2s var(--n26-ease); }
.nafs26 .n26-nav__item.is-current > .n26-nav__link::after,
.nafs26 .n26-header.is-stuck .n26-nav__item.is-current > .n26-nav__link::after{ bottom: calc(-1 * (var(--n26-header-h) - 44px) / 2); }
.nafs26 .n26-nav__link:hover::after,
.nafs26 .n26-nav__link:focus-visible::after,
.nafs26 .n26-nav__link[aria-expanded="true"]::after,
.nafs26 .n26-nav__item.is-open > .n26-nav__link::after,
.nafs26 .n26-nav__item.is-current > .n26-nav__link::after{ transform: scaleX(1); }
@media (hover: hover) and (min-width: 1101px) {
.nafs26 .n26-nav__item.has-children:hover > .n26-nav__link::after{ transform: scaleX(1); }
}
/* Hero: sized like the 1920×1080 artboard, not locked to the viewport */
.nafs26 .n26-hero{ min-height: max(620px, calc(1080 * var(--n26-u))); align-items: flex-start; }
.nafs26 .n26-hero__inner{ padding-top: max(130px, calc(270 * var(--n26-u))); padding-bottom: max(56px, calc(88 * var(--n26-u))); }
.nafs26 .n26-hero__panels,
.nafs26 .n26-hero__cards{ width: min(100%, max(520px, calc(714 * var(--n26-u)))); max-width: none; margin-left: calc(50 * var(--n26-u)); }
.nafs26 .n26-hero__panel{ padding: max(28px, calc(52 * var(--n26-u))) max(24px, calc(58 * var(--n26-u))); }
.nafs26 .n26-hero__panel .n26-eyebrow{ font-size: var(--n26-fs-eyebrow-hero); }
.nafs26 .n26-hero__title{ margin: 0 0 max(18px, calc(36 * var(--n26-u))); font-size: var(--n26-fs-h1); line-height: .93; letter-spacing: 0; }
.nafs26 .n26-hero__text{ margin: 0 0 max(24px, calc(40 * var(--n26-u))); max-width: max(320px, calc(600 * var(--n26-u))); font-size: var(--n26-fs-body); line-height: 1.25; }
.nafs26 .n26-hero__btns{ gap: 16px max(16px, calc(31 * var(--n26-u))); }
.nafs26 .n26-hero__cards{ grid-template-columns: minmax(0, 401fr) minmax(0, 293fr); gap: max(12px, calc(20 * var(--n26-u))); margin-top: max(12px, calc(20 * var(--n26-u))); }
.nafs26 .n26-hero__card{ padding: max(18px, calc(30 * var(--n26-u))) max(14px, calc(20 * var(--n26-u))); }
.nafs26 .n26-hero__card-label{ margin: 0 0 max(10px, calc(16 * var(--n26-u))); font-size: var(--n26-fs-label); }
.nafs26 .n26-hero__card-num{ margin: 0 0 max(10px, calc(16 * var(--n26-u))); font-size: var(--n26-fs-num); }
.nafs26 .n26-hero__card-note{ font-size: var(--n26-fs-small); }
.nafs26 .n26-hero__panels{ display: block; position: relative; transition: height .45s var(--n26-ease); }
.nafs26 .n26-hero__panel{ position: absolute; top: 0; left: 0; right: 0; }
.nafs26 .n26-hero__panel.is-active{ position: relative; }
/* Slide pagination sits in the gutter, clear of the panel */
.nafs26 .n26-hero__dots{ left: max(6px, calc(var(--n26-gutter) - 4px)); top: max(130px, calc(270 * var(--n26-u))); transform: none; height: max(380px, calc(511 * var(--n26-u))); justify-content: center; }
@media (max-width: 1000px) {
.nafs26 .n26-hero{ flex-direction: column; justify-content: flex-start; }
.nafs26 .n26-hero__panels, .nafs26 .n26-hero__cards{ margin-left: 0; width: 100%; }
.nafs26 .n26-hero__dots{ order: 3; position: relative; left: auto; top: auto; height: auto; flex-direction: row; justify-content: center; align-self: stretch; padding: 0 0 28px; }
.nafs26 .n26-hero__inner{ padding-bottom: 24px; }
.nafs26 .n26-hero__step{ display: none; }
}
@media (max-width: 600px) {
.nafs26 .n26-hero__cards{ grid-template-columns: 1fr; }
}
/* Events */
.nafs26 .n26-events{ padding: max(56px, calc(140 * var(--n26-u))) 0 max(56px, calc(150 * var(--n26-u))); }
.nafs26 .n26-events__grid{ grid-template-columns: minmax(0, 692fr) minmax(0, 686fr); gap: calc(182 * var(--n26-u)); padding-right: calc(101 * var(--n26-u)); align-items: start; }
.nafs26 .n26-events__cal{ background: var(--n26-white); border-radius: 16px; padding: max(24px, calc(28 * var(--n26-u))) max(16px, calc(43 * var(--n26-u))) max(24px, calc(40 * var(--n26-u))); box-shadow: 0 1px 3px rgba(35,30,21,.06); }
.nafs26 .n26-events__head{ position: relative; justify-content: center; max-width: none; }
.nafs26 .n26-events__head .n26-eyebrow{ margin: 0; }
.nafs26 .n26-events__monthnav{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.nafs26 .n26-events__monthnav .n26-iconbtn{ pointer-events: auto; }
.nafs26 .n26-events__cal .n26-h2{ margin: 0 0 max(20px, calc(44 * var(--n26-u))); text-align: center; }
.nafs26 .n26-cal{ max-width: none; row-gap: 0; }
.nafs26 .n26-cal__dow{ padding: 0 0 max(12px, calc(26 * var(--n26-u))); font: 700 max(12px, calc(20 * var(--n26-u)))/1 var(--n26-font-num); letter-spacing: .02em; color: #262626; }
.nafs26 .n26-cal__day{ height: max(52px, calc(88 * var(--n26-u))); font: 700 max(16px, calc(27 * var(--n26-u)))/1 var(--n26-font-num); letter-spacing: .04em; color: var(--n26-gray); }
.nafs26 .n26-cal__num{ width: max(38px, calc(64 * var(--n26-u))); height: max(38px, calc(64 * var(--n26-u))); }
.nafs26 .n26-cal__day.is-other{ color: #cfcfcf; }
/* Selected (clicked) date = outline; today = solid green circle */
.nafs26 .n26-cal__day.is-selected .n26-cal__num{ background: transparent; color: var(--n26-olive); box-shadow: inset 0 0 0 2px var(--n26-olive); }
.nafs26 .n26-cal__day.is-today .n26-cal__num{ background: var(--n26-olive); color: var(--n26-white); box-shadow: none; }
.nafs26 .n26-cal__marks{ bottom: max(4px, calc(10 * var(--n26-u))); }
.nafs26 .n26-cal__bar{ bottom: max(2px, calc(4 * var(--n26-u))); height: max(5px, calc(8 * var(--n26-u))); }
.nafs26 .n26-cal__legend{ margin-top: max(16px, calc(30 * var(--n26-u))); font: 400 max(12px, calc(15 * var(--n26-u)))/1 var(--n26-font-num); }
.nafs26 .n26-ecard{ min-height: max(420px, calc(589 * var(--n26-u))); border-radius: 13px; }
.nafs26 .n26-ecard__body{ padding: max(28px, calc(65 * var(--n26-u))) max(22px, calc(90 * var(--n26-u))) max(24px, calc(40 * var(--n26-u))); }
.nafs26 .n26-ecard__title{ margin: 0 0 max(20px, calc(46 * var(--n26-u))); font-size: var(--n26-fs-card-title); line-height: 1.1; }
.nafs26 .n26-ecard__meta{ margin: 0 0 max(20px, calc(46 * var(--n26-u))); gap: 10px max(20px, calc(44 * var(--n26-u))); font-size: var(--n26-fs-meta); }
.nafs26 .n26-ecard__desc{ font-size: var(--n26-fs-body); line-height: 1.25; max-width: none; }
.nafs26 .n26-ecard__cta{ min-height: max(52px, calc(66 * var(--n26-u))); font-size: max(18px, calc(30 * var(--n26-u))); }
.nafs26 .n26-arrow{ width: max(48px, calc(76 * var(--n26-u))); height: max(48px, calc(76 * var(--n26-u))); font-size: max(20px, calc(34 * var(--n26-u))); top: calc(50% - 24px - max(48px, calc(76 * var(--n26-u))) / 2); }
.nafs26 .n26-arrow[disabled]{ opacity: 1; cursor: default; transform: none; }
.nafs26 .n26-arrow--prev{ left: calc(-1 * max(24px, calc(38 * var(--n26-u)))); }
.nafs26 .n26-arrow--next{ right: calc(-1 * max(24px, calc(38 * var(--n26-u)))); }
@media (max-width: 1000px) {
.nafs26 .n26-events__grid{ grid-template-columns: minmax(0, 1fr); padding-right: var(--n26-gutter); gap: 48px; }
.nafs26 .n26-arrow--prev{ left: -12px; }
.nafs26 .n26-arrow--next{ right: -12px; }
}
@media (max-width: 600px) {
.nafs26 .n26-events__cal{ padding: 22px 10px 24px; }
.nafs26 .n26-ecard{ min-height: 0; }
.nafs26 .n26-arrow--prev{ left: 0; }
.nafs26 .n26-arrow--next{ right: 0; }
}
/* Video library: one embedded recap on the olive band (mockup shapes) */
.nafs26 .n26-vid{ position: relative; margin: 0; padding: 0; }
.nafs26 .n26-vid__band{ position: absolute; inset: calc(34 * var(--n26-u)) 0 calc(34 * var(--n26-u)); inset: max(24px, calc(34 * var(--n26-u))) 0 max(24px, calc(34 * var(--n26-u))); overflow: hidden; background: #7d8160; }
.nafs26 .n26-vid__texture{ position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .55; mix-blend-mode: multiply; }
.nafs26 .n26-vid__base{ position: absolute; left: 0; right: 0; bottom: 0; height: calc(91 * var(--n26-u)); min-height: 44px; background: var(--n26-olive); border-top-right-radius: calc(221 * var(--n26-u)); }
.nafs26 .n26-vid__grid{ position: relative; display: grid; grid-template-columns: minmax(0, 1095fr) minmax(0, 489fr); gap: calc(76 * var(--n26-u)); align-items: start; }
.nafs26 .n26-vid__frame{ position: relative; aspect-ratio: 16 / 9; border-radius: 13px; overflow: hidden; background: var(--n26-forest); box-shadow: var(--n26-shadow); }
.nafs26 .n26-vid__frame iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.nafs26 .n26-vid__text{ max-width: none; padding-top: max(56px, calc(104 * var(--n26-u))); color: var(--n26-white); }
.nafs26 .n26-vid__text .n26-h2, .nafs26 .n26-res__intro .n26-h2{ margin-bottom: max(12px, calc(20 * var(--n26-u))); }
.nafs26 .n26-vid__text .n26-body{ margin: 0 0 max(14px, calc(24 * var(--n26-u))); }
.nafs26 .n26-vid__text .n26-btn{ margin-top: max(16px, calc(64 * var(--n26-u))); }
@media (max-width: 1000px) {
.nafs26 .n26-vid{ padding-bottom: 48px; }
.nafs26 .n26-vid__band{ inset: 64px 0 0; }
.nafs26 .n26-vid__grid{ grid-template-columns: minmax(0, 1fr); gap: 8px; }
.nafs26 .n26-vid__text{ padding-top: 24px; }
.nafs26 .n26-vid__text .n26-btn{ margin-top: 8px; }
}
/* Resources accordion */
.nafs26 .n26-res{ padding: max(64px, calc(250 * var(--n26-u))) 0 max(56px, calc(120 * var(--n26-u))); }
.nafs26 .n26-res__grid{ grid-template-columns: minmax(0, 490fr) minmax(0, 1119fr); gap: calc(51 * var(--n26-u)); }
.nafs26 .n26-res__intro{ padding-left: calc(51 * var(--n26-u)); }
.nafs26 .n26-res__intro p:not(.n26-eyebrow){ margin-top: max(10px, calc(18 * var(--n26-u))); max-width: max(320px, calc(400 * var(--n26-u))); font-size: var(--n26-fs-body); line-height: 1.25; }
.nafs26 .n26-res__intro .n26-btn{ margin-top: max(24px, calc(110 * var(--n26-u))); }
.nafs26 .n26-acc__panels{ height: max(420px, calc(729 * var(--n26-u))); }
.nafs26 .n26-acc__panel{ flex-basis: max(72px, calc(205 * var(--n26-u))); margin-left: calc(-1 * max(10px, calc(16 * var(--n26-u)))); border-radius: 13px; }
.nafs26 .n26-acc__tab span{ font-size: max(16px, calc(30 * var(--n26-u))); }
.nafs26 .n26-acc__body{ padding: max(28px, calc(80 * var(--n26-u))) max(24px, calc(80 * var(--n26-u))) max(28px, calc(70 * var(--n26-u))); }
.nafs26 .n26-acc__panel:not(:first-child) .n26-acc__body{ padding-left: calc(max(24px, calc(80 * var(--n26-u))) + 16px); }
.nafs26 .n26-acc__title{ font-size: var(--n26-fs-h2); line-height: 1.05; max-width: max(320px, calc(430 * var(--n26-u))); }
.nafs26 .n26-acc__title a{ color: inherit; text-decoration: none; }
.nafs26 .n26-acc__title a:hover{ text-decoration: underline; text-underline-offset: 6px; }
.nafs26 .n26-acc__text{ margin-top: max(16px, calc(30 * var(--n26-u))); max-width: max(320px, calc(430 * var(--n26-u))); font-size: var(--n26-fs-body); line-height: 1.25; }
.nafs26 .n26-acc__links{ gap: max(10px, calc(18 * var(--n26-u))); }
.nafs26 .n26-acc__links a{ font-size: max(17px, calc(24 * var(--n26-u))); }
.nafs26 .n26-acc__dots{ margin-top: max(24px, calc(40 * var(--n26-u))); }
@media (max-width: 1000px) {
.nafs26 .n26-res__intro{ padding-left: 0; }
.nafs26 .n26-res__grid{ grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 700px) {
.nafs26 .n26-acc__panels{ height: auto; }
.nafs26 .n26-acc__panel, .nafs26 .n26-acc__panel.is-open{ flex-basis: auto; margin: -14px 0 0; }
.nafs26 .n26-acc__panel:first-child{ margin-top: 0; }
}
/* Photo strip: Instagram-style 4:5 tiles */
.nafs26 .n26-strip{ height: auto; }
.nafs26 .n26-strip__item{ aspect-ratio: 4 / 5; }
@media (max-width: 700px) {
.nafs26 .n26-strip__item{ flex: 0 0 62%; }
}
/* Join our community */
.nafs26 .n26-join{ padding: max(48px, calc(103 * var(--n26-u))) 0 max(48px, calc(74 * var(--n26-u))); }
.nafs26 .n26-join .n26-h2{ font-size: var(--n26-fs-h2); }
.nafs26 .n26-join__form{ max-width: max(560px, calc(845 * var(--n26-u))); margin-top: max(20px, calc(30 * var(--n26-u))); }
.nafs26 .n26-join .jet-form-row{ gap: max(10px, calc(23 * var(--n26-u))); }
.nafs26 .n26-join .jet-form-col-3{ flex: 0 0 max(150px, calc(167 * var(--n26-u))); }
.nafs26 .n26-join .jet-form-col-5{ flex: 1 1 0; min-width: 0; }
@media (min-width: 701px) { .nafs26 .n26-join .jet-form-row{ flex-wrap: nowrap; } }
.nafs26 .n26-join .jet-form__label, .nafs26 .n26-join .jet-form__label-text{ font-size: var(--n26-fs-ui); }
.nafs26 .n26-join .jet-form__field.text-field{ height: var(--n26-btn-h); line-height: var(--n26-btn-h); font-size: var(--n26-fs-ui); }
.nafs26 .n26-join .field-type-submit{ margin-left: calc(-1 * max(134px, calc(162 * var(--n26-u)))); }
.nafs26 .n26-join .jet-form__submit{ height: var(--n26-btn-h); min-width: max(134px, calc(162 * var(--n26-u))); font-size: var(--n26-fs-ui); }
.nafs26 .n26-join .field-type-text[data-field="Email"] .jet-form__field{ padding-right: calc(max(134px, calc(162 * var(--n26-u))) + 16px); }
@media (max-width: 700px) {
.nafs26 .n26-join .jet-form-col-3{ flex: 1 1 calc(50% - 7px); }
.nafs26 .n26-join .field-type-submit{ margin-left: 0; }
.nafs26 .n26-join .field-type-text[data-field="Email"] .jet-form__field{ padding-right: 18px; }
}
/* Footer */
.nafs26 .n26-footer__grid{ grid-template-columns: minmax(0, 503fr) repeat(3, minmax(0, 282fr)) minmax(0, 311fr); gap: 0; padding-top: max(40px, calc(43 * var(--n26-u))); padding-bottom: max(40px, calc(60 * var(--n26-u))); }
.nafs26 .n26-footer__brand img{ width: max(180px, calc(301 * var(--n26-u))); margin-bottom: max(24px, calc(36 * var(--n26-u))); }
.nafs26 .n26-footer__brand p{ max-width: max(320px, calc(330 * var(--n26-u))); font-size: max(15px, calc(18 * var(--n26-u))); line-height: 1.3; }
.nafs26 .n26-footer__col, .nafs26 .n26-footer__help{ padding-top: calc(72 * var(--n26-u)); }
.nafs26 .n26-footer__col h3{ margin: 0 0 max(14px, calc(22 * var(--n26-u))); font-size: max(18px, calc(25 * var(--n26-u))); }
.nafs26 .n26-socials--footer a{ font-size: max(24px, calc(30 * var(--n26-u))); width: max(30px, calc(36 * var(--n26-u))); height: max(30px, calc(36 * var(--n26-u))); }
.nafs26 .n26-footer__col ul{ gap: max(10px, calc(16 * var(--n26-u))); }
.nafs26 .n26-footer__col a{ font-size: max(14px, calc(16 * var(--n26-u))); }
.nafs26 .n26-hotline__label{ font-size: var(--n26-fs-label); }
.nafs26 .n26-hotline__num{ font-size: var(--n26-fs-num); }
.nafs26 .n26-hotline__note{ font-size: var(--n26-fs-small); }
.nafs26 .n26-footer__bar-inner{ font-size: max(13px, calc(16 * var(--n26-u))); }
@media (max-width: 1100px) {
.nafs26 .n26-footer__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.nafs26 .n26-footer__col, .nafs26 .n26-footer__help{ padding-top: 0; }
}
@media (max-width: 600px) {
.nafs26 .n26-footer__grid{ grid-template-columns: 1fr; }
}
/* =====================================================================
v0.5 — Will's review round 3
===================================================================== */
/* Hotline: "Call the NAFS Hotline", same treatment as "Connect With Us on Socials" */
.nafs26 .n26-hotline__label{ font-weight: 400; line-height: 1.2; }
.nafs26 .n26-hotline__label strong{ font-weight: 700; }
.nafs26 .n26-hotline__note{ font-style: italic; }
.nafs26 .n26-hotline--drawer{ width: 100%; max-width: 330px; padding: 24px 22px; background: var(--n26-olive); color: var(--n26-white); text-align: center; border-radius: 4px; }
.nafs26 .n26-hotline--drawer .n26-hotline__label{ margin: 0 0 12px; font-size: 15px; }
.nafs26 .n26-hotline--drawer .n26-hotline__num{ margin: 0 0 12px; font-size: 26px; }
.nafs26 .n26-hotline--drawer .n26-hotline__note{ font-size: 13px; line-height: 1.4; }
@media (max-width: 1100px) {
.nafs26 .n26-hotline--drawer{ display: none; } /* no room once the nav moves into the drawer */
}
/* Dropdown menus open from the header's white line */
.nafs26 .n26-nav__sub{ top: calc(100% + (var(--n26-header-h) - 44px) / 2); border-radius: 0 0 10px 10px; }
.nafs26 .n26-nav__item.has-children::after{ content: ""; position: absolute; left: -18px; right: -18px; top: 100%; height: calc((var(--n26-header-h) - 44px) / 2); } /* hover bridge */
/* Search overlay */
.nafs26 .n26-search{ position: fixed; inset: 0; z-index: 120; display: flex; align-items: flex-start; justify-content: center; padding-top: max(120px, 18vh); background: rgba(41,47,30,.82); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: var(--n26-white); opacity: 0; transition: opacity .2s var(--n26-ease); }
.nafs26 .n26-search.is-open{ opacity: 1; }
.nafs26 .n26-search[hidden]{ display: none; }
.nafs26 .n26-search__close{ position: absolute; top: 24px; right: 24px; font-size: 26px; color: var(--n26-white); }
.nafs26 .n26-search__form{ max-width: 980px; }
.nafs26 .n26-search__label{ display: block; margin: 0 0 18px; font-size: var(--n26-fs-h2); font-weight: 700; text-transform: uppercase; }
.nafs26 .n26-search__row{ display: flex; gap: 12px; }
.nafs26 .n26-search__input{ flex: 1 1 auto; min-width: 0; height: 60px; padding: 0 24px; border: 0; border-radius: 999px; background: var(--n26-white); color: var(--n26-ink); font: 400 20px/60px var(--n26-font); }
.nafs26 .n26-search__row .n26-btn{ min-height: 60px; }
.nafs26 .n26-search__hint{ margin: 14px 0 0 24px; font-size: 15px; opacity: .85; }
body.n26-search-open{ overflow: hidden; }
@media (max-width: 600px) {
.nafs26 .n26-search__row{ flex-direction: column; }
}
/* Hero: mockup overlays (forest tint 45%, gold glow bottom-left, dark top fade) */
.nafs26 .n26-hero__bg::after{
background-color: rgba(41, 47, 30, .45);
background-image:
linear-gradient(180deg, rgba(41,47,30,.30) 0, rgba(41,47,30,.30) calc(210 * var(--n26-u)), rgba(41,47,30,0) calc(515 * var(--n26-u))),
linear-gradient(52deg, rgba(219,173,103,.66) 4.7%, rgba(219,173,103,0) 37.9%);
background-repeat: no-repeat;
background-size: 100% 100%, 100% 100%;
background-position: 0 0, 0 0;
}
/* Hero: wider panel at a fixed height so the cards below never move */
@media (min-width: 1001px) {
.nafs26 .n26-hero__panels{ width: min(100%, max(640px, calc(900 * var(--n26-u)))); height: max(400px, calc(509 * var(--n26-u))); }
.nafs26 .n26-hero__panel{ height: 100%; display: flex; flex-direction: column; justify-content: center; }
.nafs26 .n26-hero__panel.is-active{ position: absolute; }
.nafs26 .n26-hero__text{ max-width: max(520px, calc(760 * var(--n26-u))); }
}
/* Calendar: smaller, on the page background, dots above multi-day bars */
.nafs26 .n26-events__cal{ background: none; box-shadow: none; padding: 0; border-radius: 0; }
.nafs26 .n26-events__grid{ align-items: center; }
.nafs26 .n26-cal__dow{ padding-bottom: max(10px, calc(20 * var(--n26-u))); font-size: max(11px, calc(16 * var(--n26-u))); }
.nafs26 .n26-cal__day{ height: max(48px, calc(72 * var(--n26-u))); font-size: max(15px, calc(22 * var(--n26-u))); }
.nafs26 .n26-cal__num{ width: max(34px, calc(50 * var(--n26-u))); height: max(34px, calc(50 * var(--n26-u))); }
.nafs26 .n26-cal__bar{ bottom: 3px; height: 5px; border-radius: 3px; }
.nafs26 .n26-cal__marks{ bottom: 12px; height: 6px; gap: 5px; }
.nafs26 .n26-cal__mark{ width: 6px; height: 6px; }
.nafs26 .n26-cal__day:not(:has(.n26-cal__bar)) .n26-cal__marks{ bottom: 6px; }
/* =====================================================================
Learn topic page (XD "NAFS - Internal Page" artboard, same design scale)
===================================================================== */
.nafs26 .n26-empty{ margin: 24px 0 0; font-size: var(--n26-fs-body); color: var(--n26-gray); }
.nafs26 .n26-empty a{ color: var(--n26-olive); font-weight: 700; }
/* Hero */
.nafs26 .n26-lhero{ position: relative; padding-top: max(150px, calc(300 * var(--n26-u))); color: var(--n26-white); }
.nafs26 .n26-lhero__bg{ position: absolute; inset: 0 0 auto; height: max(560px, calc(717 * var(--n26-u))); background-size: cover; background-position: center; }
.nafs26 .n26-lhero__bg::after{ content: ""; position: absolute; inset: 0; background-color: rgba(41,47,30,.45); background-image: linear-gradient(180deg, rgba(41,47,30,.30) 0, rgba(41,47,30,.30) calc(208 * var(--n26-u)), rgba(41,47,30,0) calc(512 * var(--n26-u))); }
.nafs26 .n26-lhero__grid{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr) max(380px, calc(560 * var(--n26-u))); grid-template-areas: "intro help" "jump help"; column-gap: calc(120 * var(--n26-u)); padding-right: calc(128 * var(--n26-u)); }
.nafs26 .n26-lhero__intro{ grid-area: intro; padding-left: calc(51 * var(--n26-u)); min-height: max(300px, calc(417 * var(--n26-u))); }
.nafs26 .n26-lhero__intro .n26-eyebrow{ font-size: var(--n26-fs-eyebrow-hero); }
.nafs26 .n26-lhero__title{ margin: 0 0 max(18px, calc(40 * var(--n26-u))); font-size: var(--n26-fs-h1); font-weight: 700; line-height: .93; text-transform: uppercase; color: var(--n26-white); }
.nafs26 .n26-lhero__text{ margin: 0; max-width: max(320px, calc(580 * var(--n26-u))); font-size: var(--n26-fs-body); line-height: 1.25; }
.nafs26 .n26-lhero__jump{ grid-area: jump; margin: 0; padding: max(28px, calc(96 * var(--n26-u))) 0 0 calc(60 * var(--n26-u)); list-style: none; display: grid; gap: max(16px, calc(36 * var(--n26-u))); align-content: start; }
.nafs26 .n26-lhero__jump a{ display: inline-flex; align-items: center; gap: 14px; color: var(--n26-olive); font-size: max(18px, calc(24 * var(--n26-u))); font-weight: 700; text-decoration: none; }
.nafs26 .n26-lhero__jump .n26-icon{ width: .9em; height: .9em; transition: transform .2s; }
.nafs26 .n26-lhero__jump a:hover .n26-icon{ transform: translate(2px, 2px); }
.nafs26 .n26-lhero__jump a:hover{ text-decoration: underline; text-underline-offset: 5px; }
/* Need Help card + form (JetEngine form 589) */
.nafs26 .n26-help{ grid-area: help; align-self: start; margin-top: calc(-1 * max(40px, calc(77 * var(--n26-u)))); padding: max(28px, calc(40 * var(--n26-u))) max(24px, calc(70 * var(--n26-u))) max(28px, calc(50 * var(--n26-u))); background: var(--n26-white); border-radius: 21px; box-shadow: 0 6px 24px rgba(35,30,21,.16); color: var(--n26-ink); text-align: center; scroll-margin-top: 120px; }
.nafs26 .n26-help__title{ margin: 0 0 6px; font-size: max(26px, calc(34 * var(--n26-u))); font-weight: 700; color: var(--n26-olive); }
.nafs26 .n26-help__sub{ margin: 0 auto max(18px, calc(28 * var(--n26-u))); max-width: 300px; font-size: max(15px, calc(20 * var(--n26-u))); line-height: 1.2; color: var(--n26-gray); }
.nafs26 .n26-help .jet-form-row{ display: flex; flex-wrap: wrap; gap: 0 max(14px, calc(30 * var(--n26-u))); margin: 0; }
.nafs26 .n26-help .jet-form-row--hidden, .nafs26 .n26-help .hidden-field{ display: none !important; }
.nafs26 .n26-help .jet-form-col{ flex: 1 1 100%; max-width: none; padding: 0; margin: 0 0 max(14px, calc(30 * var(--n26-u))); text-align: left; }
.nafs26 .n26-help .jet-form-col[data-field="first-name"], .nafs26 .n26-help .jet-form-col[data-field="last-name"]{ flex: 1 1 calc(50% - 15px); }
.nafs26 .n26-help .jet-form-col[data-field="email"]{ flex: 251 1 0; min-width: 0; }
.nafs26 .n26-help .jet-form-col[data-field="phone"]{ flex: 135 1 0; min-width: 120px; }
.nafs26 .n26-help .jet-form-col__start{ padding: 0 0 6px; }
.nafs26 .n26-help .jet-form__label, .nafs26 .n26-help .jet-form__label-text{ margin: 0; font-size: 14px; font-weight: 400; color: var(--n26-gray); }
.nafs26 .n26-help .jet-form__required{ color: var(--n26-orange); }
.nafs26 .n26-help .jet-form__field:not([type=hidden]):not(.checkradio-field){ display: block; width: 100%; min-height: var(--n26-btn-h); padding: 10px 14px; border: 1px solid #c9c9c9; border-radius: 0; background: var(--n26-white); color: var(--n26-ink); font: 400 16px/1.3 var(--n26-font); box-shadow: none; }
.nafs26 .n26-help textarea.jet-form__field{ min-height: max(120px, calc(146 * var(--n26-u))); resize: vertical; }
.nafs26 .n26-help .jet-form__field:focus{ outline: 3px solid var(--n26-gold); outline-offset: 1px; border-color: var(--n26-olive); }
.nafs26 .n26-help .field-type-submit{ margin-bottom: 0; }
.nafs26 .n26-help .jet-form__submit-wrap{ margin: 0; }
.nafs26 .n26-help .jet-form__submit{ width: 100%; height: var(--n26-btn-h); margin: 0; border: 0; border-radius: 999px; background: var(--n26-gold); color: var(--n26-white); font: 700 var(--n26-fs-ui)/1 var(--n26-font); text-transform: uppercase; letter-spacing: .02em; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.nafs26 .n26-help .jet-form__submit:hover{ background: #c99a52; }
.nafs26 .n26-help .jet-form-messages-wrap, .nafs26 .n26-help .jet-form-message{ margin: 12px 0 0; font-size: 15px; }
/* Webinars carousel */
.nafs26 .n26-lweb{ padding: max(56px, calc(110 * var(--n26-u))) 0 max(56px, calc(120 * var(--n26-u))); overflow: hidden; scroll-margin-top: 100px; }
.nafs26 .n26-lweb__title{ text-align: center; margin-bottom: max(28px, calc(70 * var(--n26-u))); }
.nafs26 .n26-lweb__stage{ position: relative; padding-bottom: max(44px, calc(70 * var(--n26-u))); }
.nafs26 .n26-lweb__track{ position: relative; margin: 0 auto; width: min(calc(100% - 2 * var(--n26-gutter)), max(320px, calc(1095 * var(--n26-u)))); aspect-ratio: 16 / 9; }
.nafs26 .n26-lweb__item{ position: absolute; inset: 0; transition: transform .5s var(--n26-ease), opacity .5s var(--n26-ease); }
.nafs26 .n26-lweb__item.is-current{ z-index: 3; transform: none; }
.nafs26 .n26-lweb__item.is-prev{ z-index: 2; transform: translateX(-93.15%) scale(.711); opacity: .45; }
.nafs26 .n26-lweb__item.is-next{ z-index: 2; transform: translateX(93.15%) scale(.711); opacity: .45; }
.nafs26 .n26-lweb__item.is-off{ opacity: 0; pointer-events: none; transform: scale(.6); }
.nafs26 .n26-lweb__poster, .nafs26 .n26-lweb__item iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 13px; overflow: hidden; }
.nafs26 .n26-lweb__poster{ padding: 0; background: var(--n26-forest); cursor: pointer; box-shadow: var(--n26-shadow); }
.nafs26 .n26-lweb__poster img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.nafs26 .n26-lweb__play{ position: absolute; left: 50%; top: 50%; width: max(64px, calc(150 * var(--n26-u))); height: max(64px, calc(150 * var(--n26-u))); transform: translate(-50%, -50%); color: rgba(255,255,255,.8); transition: color .2s, transform .2s; }
.nafs26 .n26-lweb__play svg{ width: 100%; height: 100%; }
.nafs26 .n26-lweb__item.is-current .n26-lweb__poster:hover .n26-lweb__play{ color: var(--n26-white); transform: translate(-50%, -50%) scale(1.05); }
.nafs26 .n26-lweb__item:not(.is-current) .n26-lweb__play{ display: none; }
.nafs26 .n26-lweb__caption{ position: absolute; left: 0; right: 0; top: calc(100% + 12px); margin: 0; text-align: center; font-size: max(14px, calc(18 * var(--n26-u))); color: var(--n26-gray); opacity: 0; transition: opacity .3s; }
.nafs26 .n26-lweb__item.is-current .n26-lweb__caption{ opacity: 1; }
.nafs26 .n26-lweb__caption a{ color: var(--n26-olive); font-weight: 700; text-decoration: none; }
.nafs26 .n26-lweb__caption span{ margin-left: 8px; }
.nafs26 .n26-lweb .n26-arrow{ top: calc(50% - max(44px, calc(70 * var(--n26-u))) / 2 - max(48px, calc(76 * var(--n26-u))) / 2); }
.nafs26 .n26-lweb .n26-arrow--prev{ left: calc(50% - max(320px, calc(1095 * var(--n26-u))) / 2 - max(24px, calc(38 * var(--n26-u)))); }
.nafs26 .n26-lweb .n26-arrow--next{ right: calc(50% - max(320px, calc(1095 * var(--n26-u))) / 2 - max(24px, calc(38 * var(--n26-u)))); }
.nafs26 .n26-lweb__pager{ bottom: 0; }
/* Fact sheets */
.nafs26 .n26-lfs{ position: relative; padding: max(48px, calc(100 * var(--n26-u))) 0 max(40px, calc(70 * var(--n26-u))); scroll-margin-top: 100px; }
.nafs26 .n26-lfs__band{ position: absolute; left: 0; right: 0; bottom: 0; height: max(160px, calc(295 * var(--n26-u))); background-size: cover; background-position: center; }
.nafs26 .n26-lfs__band::after{ content: ""; position: absolute; inset: 0; background: rgba(41,47,30,.9); }
.nafs26 .n26-lfs__inner{ position: relative; }
.nafs26 .n26-lfs .n26-h2{ padding-left: calc(51 * var(--n26-u)); margin-bottom: max(28px, calc(68 * var(--n26-u))); }
.nafs26 .n26-lfs__scroller{ overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 calc(-1 * var(--n26-gutter)); padding: 0 var(--n26-gutter); }
.nafs26 .n26-lfs__scroller::-webkit-scrollbar{ display: none; }
.nafs26 .n26-lfs__list{ display: flex; gap: max(24px, calc(151 * var(--n26-u))); margin: 0; padding: 0 0 8px calc(154 * var(--n26-u)); list-style: none; }
.nafs26 .n26-lfs__item{ flex: 0 0 max(220px, calc(350 * var(--n26-u))); scroll-snap-align: start; }
.nafs26 .n26-lfs__item a{ display: block; color: var(--n26-white); text-decoration: none; }
.nafs26 .n26-lfs__item img{ display: block; width: 100%; aspect-ratio: 350 / 453; object-fit: cover; box-shadow: 0 6px 18px rgba(0,0,0,.25); transition: transform .25s var(--n26-ease); }
.nafs26 .n26-lfs__item a:hover img{ transform: translateY(-4px); }
.nafs26 .n26-lfs__name{ display: block; margin-top: 14px; font-size: max(15px, calc(18 * var(--n26-u))); font-weight: 700; }
.nafs26 .n26-lfs__pdf{ margin-left: 6px; padding: 2px 6px; border: 1px solid rgba(255,255,255,.6); border-radius: 3px; font-size: 11px; letter-spacing: .06em; vertical-align: 2px; }
.nafs26 .n26-lfs__nav{ display: flex; justify-content: flex-end; gap: 14px; margin-top: 18px; }
.nafs26 .n26-arrow--inline{ position: static; width: 48px; height: 48px; font-size: 20px; }
/* Upcoming events (2-up) */
.nafs26 .n26-lev{ padding: max(56px, calc(110 * var(--n26-u))) 0 max(56px, calc(140 * var(--n26-u))); scroll-margin-top: 100px; }
.nafs26 .n26-lev .n26-h2{ padding-left: calc(51 * var(--n26-u)); margin-bottom: max(28px, calc(70 * var(--n26-u))); }
.nafs26 .n26-lev__stage{ position: relative; padding: 0 calc(112 * var(--n26-u)) max(44px, calc(70 * var(--n26-u))); }
.nafs26 .n26-lev__viewport{ overflow: hidden; padding: 6px 0 18px; margin: -6px 0 -18px; }
.nafs26 .n26-lev__track{ display: flex; column-gap: calc(64 * var(--n26-u)); transition: transform .45s var(--n26-ease); }
.nafs26 .n26-lev__track .n26-ecard{ flex: 0 0 calc(50% - 32 * var(--n26-u)); }
.nafs26 .n26-lev .n26-arrow{ top: calc(50% - max(44px, calc(70 * var(--n26-u))) / 2 - max(48px, calc(76 * var(--n26-u))) / 2); }
.nafs26 .n26-lev .n26-arrow--prev{ left: calc(112 * var(--n26-u) - max(24px, calc(38 * var(--n26-u)))); }
.nafs26 .n26-lev .n26-arrow--next{ right: calc(112 * var(--n26-u) - max(24px, calc(38 * var(--n26-u)))); }
@media (max-width: 900px) {
.nafs26 .n26-lev__track .n26-ecard{ flex-basis: 100%; }
.nafs26 .n26-lev__stage{ padding-left: 0; padding-right: 0; }
.nafs26 .n26-lev .n26-arrow--prev{ left: -12px; }
.nafs26 .n26-lev .n26-arrow--next{ right: -12px; }
}
/* Learn page: tablet / mobile */
@media (max-width: 1000px) {
.nafs26 .n26-lhero__grid{ grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "help" "jump"; padding-right: 0; }
.nafs26 .n26-lhero__intro{ padding-left: 0; min-height: 0; padding-bottom: 48px; }
.nafs26 .n26-help{ margin-top: 0; }
.nafs26 .n26-lhero__jump{ padding: 32px 0 0; }
.nafs26 .n26-lweb__item.is-prev, .nafs26 .n26-lweb__item.is-next{ opacity: 0; pointer-events: none; }
.nafs26 .n26-lweb .n26-arrow--prev{ left: 4px; }
.nafs26 .n26-lweb .n26-arrow--next{ right: 4px; }
.nafs26 .n26-lfs .n26-h2, .nafs26 .n26-lev .n26-h2{ padding-left: 0; }
.nafs26 .n26-lfs__list{ padding-left: 0; }
}
@media (max-width: 600px) {
.nafs26 { --n26-fs-h1: 34px; }
.nafs26 .n26-lev .n26-arrow, .nafs26 .n26-lweb .n26-arrow{ top: auto; bottom: -10px; width: 44px; height: 44px; font-size: 18px; }
.nafs26 .n26-lev .n26-arrow--prev, .nafs26 .n26-lweb .n26-arrow--prev{ left: 0; }
.nafs26 .n26-lev .n26-arrow--next, .nafs26 .n26-lweb .n26-arrow--next{ right: 0; }
.nafs26 .n26-lweb .n26-arrow--prev{ left: var(--n26-gutter); }
.nafs26 .n26-lweb .n26-arrow--next{ right: var(--n26-gutter); }
}
/* =====================================================================
v0.6 — Will's review round 4
===================================================================== */
.nafs26 { --n26-header-h: max(84px, calc(130 * var(--n26-u))); --n26-paper: #fcfbf9; } /* page tint = white + 9.4% #E7DAC3, as in the XD file */
body.nafs26{ background: var(--n26-paper); }
.nafs26 .n26-header__logo img{ width: max(190px, calc(285 * var(--n26-u))); }
/* Hero scales by the smaller of width and height, so the hotline/social boxes sit above the fold */
.nafs26 .n26-hero{
--n26-u: min(1px, calc(100vw / 1920), calc(100svh / 1000));
--n26-fs-h1: max(36px, calc(70 * var(--n26-u)));
--n26-fs-eyebrow-hero: max(16px, calc(25 * var(--n26-u)));
--n26-fs-body: max(15px, calc(20 * var(--n26-u)));
--n26-fs-ui: max(13px, calc(16 * var(--n26-u)));
--n26-fs-label: max(13px, calc(15 * var(--n26-u)));
--n26-fs-small: max(12px, calc(13 * var(--n26-u)));
--n26-fs-num: max(20px, calc(30 * var(--n26-u)));
--n26-btn-h: max(40px, calc(49 * var(--n26-u)));
min-height: max(600px, calc(1040 * var(--n26-u)));
}
.nafs26 .n26-hero__inner{ padding-top: calc(var(--n26-header-h) + max(28px, calc(76 * var(--n26-u)))); padding-bottom: max(40px, calc(70 * var(--n26-u))); }
.nafs26 .n26-hero__dots{ top: calc(var(--n26-header-h) + max(28px, calc(76 * var(--n26-u)))); }
@media (min-width: 1001px) {
.nafs26 .n26-hero__panels{ height: max(380px, calc(509 * var(--n26-u))); }
}
/* Events: infinite slide (cards stack; the active one slides in from the travel direction) */
.nafs26 .n26-events__track{ display: grid; transform: none !important; }
.nafs26 .n26-events__track > *{ grid-area: 1 / 1; }
.nafs26 .n26-events__track > .n26-ecard{ transform: translateX(110%); opacity: 0; visibility: hidden; transition: transform .45s var(--n26-ease), opacity .45s var(--n26-ease), visibility .45s; }
.nafs26 .n26-events__track > .n26-ecard.is-left{ transform: translateX(-110%); }
.nafs26 .n26-events__track > .n26-ecard.is-active{ transform: none; opacity: 1; visibility: visible; }
/* Search results */
.nafs26 .n26-search__results{ margin-top: 22px; }
.nafs26 .n26-search__results.is-loading{ opacity: .6; }
.nafs26 .n26-search__list{ margin: 0; padding: 0; list-style: none; max-height: min(55vh, 520px); overflow-y: auto; border-radius: 14px; background: var(--n26-white); box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.nafs26 .n26-search__list li + li{ border-top: 1px solid #eee9df; }
.nafs26 .n26-search__list a{ display: flex; flex-direction: column; gap: 4px; padding: 14px 22px; color: var(--n26-ink); text-decoration: none; }
.nafs26 .n26-search__list a:hover, .nafs26 .n26-search__list a:focus-visible{ background: #f6f3ec; outline: none; }
.nafs26 .n26-search__title{ font-size: 17px; font-weight: 700; color: var(--n26-olive); }
.nafs26 .n26-search__type{ font-size: 13px; color: var(--n26-gray); text-transform: uppercase; letter-spacing: .05em; }
.nafs26 .n26-search__all{ display: inline-block; margin: 14px 0 0 22px; color: var(--n26-gold); font-weight: 700; }
.nafs26 .n26-search__none{ margin: 0 0 0 24px; font-size: 16px; }
/* Mini player */
.nafs26 [data-n26-pip].is-docked iframe, .nafs26 .n26-lweb__item.is-docked iframe{ position: fixed; inset: auto 24px 24px auto; z-index: 200; width: min(420px, 60vw); height: auto; aspect-ratio: 16 / 9; border-radius: 10px; box-shadow: 0 12px 34px rgba(0,0,0,.35); }
.nafs26 .n26-pip__close{ display: none; }
.nafs26 .is-docked .n26-pip__close{ position: fixed; z-index: 201; right: 14px; bottom: calc(24px + min(420px, 60vw) * 9 / 16 - 12px); display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0; border-radius: 50%; background: var(--n26-forest); color: var(--n26-white); font-size: 20px; line-height: 1; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.3); }
/* Resources: panels sit side by side, no overlap */
.nafs26 .n26-acc__panels{ gap: max(8px, calc(12 * var(--n26-u))); }
.nafs26 .n26-acc__panel, .nafs26 .n26-acc__panel:first-child{ margin-left: 0; box-shadow: none; }
.nafs26 .n26-acc__tab, .nafs26 .n26-acc__panel:first-child .n26-acc__tab{ padding-left: 16px; }
.nafs26 .n26-acc__panel:not(:first-child) .n26-acc__body{ padding-left: max(24px, calc(80 * var(--n26-u))); }
@media (max-width: 700px) {
.nafs26 .n26-acc__panel, .nafs26 .n26-acc__panel.is-open{ margin: 0; }
.nafs26 .n26-acc__tab{ padding: 14px 22px; }
}
/* Forms: names inside the fields */
.nafs26 .n26-inline-label .jet-form__label, .nafs26 .n26-inline-label .jet-form-col__start{ position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nafs26 .n26-join .jet-form__field::placeholder{ color: #8f8a7e; opacity: 1; }
.nafs26 .n26-help .jet-form__field::placeholder{ color: #8f8a7e; opacity: 1; }
.nafs26 .n26-join .jet-form-row{ align-items: center; }
.nafs26 .n26-join__form{ margin-top: max(24px, calc(36 * var(--n26-u))); }
/* =====================================================================
v0.7 — internal page review
===================================================================== */
/* Event card buttons: clear hover */
.nafs26 .n26-ecard__cta{ transition: background-color .2s, color .2s; }
.nafs26 .n26-ecard__cta:hover, .nafs26 .n26-ecard__cta:focus-visible{ background: var(--n26-card-accent); color: var(--n26-white); }
.nafs26 .n26-ecard.is-inperson .n26-ecard__cta:hover{ background: #b97f27; }
.nafs26 .n26-ecard.is-webinar .n26-ecard__cta:hover{ background: #6f7350; }
/* Learn hero: fits the first screen. Form card centered between header and fold; jump links above the fold. */
.nafs26 .n26-lhero{
--n26-u: min(1px, calc(100vw / 1920), calc(100svh / 1000));
--n26-fs-h1: max(36px, calc(70 * var(--n26-u)));
--n26-fs-eyebrow-hero: max(16px, calc(25 * var(--n26-u)));
--n26-fs-body: max(15px, calc(20 * var(--n26-u)));
--n26-btn-h: max(40px, calc(49 * var(--n26-u)));
padding-top: var(--n26-header-h);
}
.nafs26 .n26-lhero__bg{ height: calc(var(--n26-header-h) + (100svh - var(--n26-header-h)) * .64); min-height: 460px; }
.nafs26 .n26-lhero__bg::after{ background-color: rgba(41,47,30,.45); background-image: linear-gradient(180deg, rgba(41,47,30,.62) 0, rgba(41,47,30,.38) calc(var(--n26-header-h) + 20px), rgba(41,47,30,0) 60%); }
@media (min-width: 1001px) {
.nafs26 .n26-lhero__grid{ min-height: calc(100svh - var(--n26-header-h)); grid-template-rows: 64fr 36fr; grid-template-areas: "intro help" "jump help"; align-items: center; }
.nafs26 .n26-lhero__intro{ align-self: end; min-height: 0; padding-bottom: max(24px, calc(56 * var(--n26-u))); }
.nafs26 .n26-lhero__jump{ align-self: center; padding-top: 0; }
.nafs26 .n26-help{ grid-row: 1 / span 2; align-self: center; margin: max(16px, calc(24 * var(--n26-u))) 0; max-height: calc(100svh - var(--n26-header-h) - 32px); overflow: auto; }
}
.nafs26 .n26-help{ padding: max(22px, calc(36 * var(--n26-u))) max(22px, calc(60 * var(--n26-u))) max(22px, calc(36 * var(--n26-u))); }
.nafs26 .n26-help__title{ font-size: max(24px, calc(34 * var(--n26-u))); }
.nafs26 .n26-help__sub{ margin-bottom: max(14px, calc(22 * var(--n26-u))); }
.nafs26 .n26-help .jet-form-col{ margin-bottom: max(10px, calc(16 * var(--n26-u))); }
.nafs26 .n26-help .jet-form-row{ column-gap: max(10px, calc(16 * var(--n26-u))); }
.nafs26 .n26-help textarea.jet-form__field{ min-height: max(90px, calc(120 * var(--n26-u))); }
/* Fact sheets: whole sheets in view, looped; content inset to the design margins */
.nafs26 .n26-lfs__stage{ position: relative; margin: 0 calc(154 * var(--n26-u)); }
.nafs26 .n26-lfs__viewport{ overflow: hidden; padding: 8px 0 12px; margin: -8px 0 -12px; }
.nafs26 .n26-lfs__list{ display: flex; column-gap: max(20px, calc(151 * var(--n26-u))); gap: 0 max(20px, calc(151 * var(--n26-u))); padding: 0; margin: 0; }
.nafs26 .n26-lfs__item{ flex: 0 0 calc((100% - 2 * max(20px, calc(151 * var(--n26-u)))) / 3); min-width: 0; }
.nafs26 .n26-lfs__item a{ cursor: zoom-in; }
.nafs26 .n26-lfs .n26-arrow{ top: calc(50% - 24px - max(48px, calc(76 * var(--n26-u))) / 2); }
.nafs26 .n26-lfs .n26-arrow--prev{ left: calc(-1 * max(28px, calc(110 * var(--n26-u)))); }
.nafs26 .n26-lfs .n26-arrow--next{ right: calc(-1 * max(28px, calc(110 * var(--n26-u)))); }
.nafs26 .n26-lfs__stage.is-static .n26-arrow{ display: none; }
@media (max-width: 1000px) {
.nafs26 .n26-lfs__stage{ margin: 0 28px; }
.nafs26 .n26-lfs .n26-arrow--prev{ left: -26px; }
.nafs26 .n26-lfs .n26-arrow--next{ right: -26px; }
}
/* Events (Learn): same loop */
.nafs26 .n26-lev__track{ transition: none; }
.nafs26 .n26-lev__stage.is-static .n26-arrow{ display: none; }
/* PDF viewer */
.nafs26 .n26-btn--line{ background: transparent; border-color: var(--n26-olive); color: var(--n26-olive); }
.nafs26 .n26-btn--line:hover{ background: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-pdfv{ position: fixed; inset: 0; z-index: 150; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(41,47,30,.78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.nafs26 .n26-pdfv[hidden]{ display: none; }
.nafs26 .n26-pdfv__panel{ display: flex; flex-direction: column; width: min(1100px, 100%); height: min(92vh, 1200px); background: var(--n26-white); border-radius: 14px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
.nafs26 .n26-pdfv__bar{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding: 14px 18px 14px 24px; border-bottom: 1px solid #ece8de; }
.nafs26 .n26-pdfv__title{ margin: 0; font-size: 20px; font-weight: 700; color: var(--n26-olive); }
.nafs26 .n26-pdfv__actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.nafs26 .n26-pdfv__close{ color: var(--n26-olive); font-size: 22px; }
.nafs26 .n26-pdfv__frame{ flex: 1 1 auto; width: 100%; border: 0; background: #f2f0ea; }
.nafs26 .n26-pdfv__status{ margin: 0; padding: 0 24px; font-size: 14px; color: var(--n26-olive); }
.nafs26 .n26-pdfv__status:empty{ display: none; }
body.n26-pdfv-open{ overflow: hidden; }
@media (max-width: 600px) {
.nafs26 .n26-pdfv{ padding: 0; }
.nafs26 .n26-pdfv__panel{ height: 100%; border-radius: 0; }
}
/* =====================================================================
v0.8 — shadows, steady event height, overlapping resource panels
===================================================================== */
/* Carousel windows leave room for the card shadows instead of clipping them */
.nafs26 .n26-events__viewport{ border-radius: 0; padding: 20px 26px 36px; margin: -20px -26px -36px; }
.nafs26 .n26-lev__viewport{ padding: 20px 26px 36px; margin: -20px -26px -36px; }
.nafs26 .n26-lfs__viewport{ padding: 16px 18px 34px; margin: -16px -18px -34px; }
@media (max-width: 600px) {
.nafs26 .n26-events__viewport, .nafs26 .n26-lev__viewport{ padding: 16px 14px 30px; margin: -16px -14px -30px; }
.nafs26 .n26-lfs__viewport{ padding: 12px 10px 28px; margin: -12px -10px -28px; }
}
/* Events: every card keeps its place in the stack, so the section height never changes */
.nafs26 .n26-events__track > .n26-ecard[hidden]{ display: flex; }
.nafs26 .n26-events__grid{ align-items: start; }
/* More breathing room */
.nafs26 .n26-events__cal .n26-h2{ margin-bottom: max(28px, calc(60 * var(--n26-u))); }
.nafs26 .n26-cal__legend{ margin-top: max(24px, calc(44 * var(--n26-u))); }
.nafs26 .n26-ecard__body{ padding-top: max(36px, calc(80 * var(--n26-u))); }
.nafs26 .n26-ecard__title{ margin-bottom: max(22px, calc(40 * var(--n26-u))); }
.nafs26 .n26-ecard__meta{ margin-bottom: max(28px, calc(60 * var(--n26-u))); padding-bottom: max(22px, calc(40 * var(--n26-u))); border-bottom: 1px solid rgba(255,255,255,.3); }
.nafs26 .n26-ecard__desc{ line-height: 1.45; }
.nafs26 .n26-events__pager, .nafs26 [data-n26-pager]{ margin-top: max(20px, calc(36 * var(--n26-u))); }
/* Resources: panels overlap again. The open panel sits on top; the others step down away from it,
so each visible rounded edge (and its shadow) lands on the panel further out. */
@media (min-width: 701px) {
.nafs26 .n26-acc__panels{ gap: 0; }
.nafs26 .n26-acc__panel{ margin-left: -18px; z-index: auto; }
.nafs26 .n26-acc__panel:first-child{ margin-left: 0; }
.nafs26 .n26-acc__panel.is-open{ box-shadow: 0 0 22px rgba(35,30,21,.22); }
.nafs26 .n26-acc__panel.is-before{ box-shadow: -6px 0 16px rgba(35,30,21,.2); }
.nafs26 .n26-acc__panel.is-after{ box-shadow: 6px 0 16px rgba(35,30,21,.2); }
/* Center the vertical label in the part of the tab you can actually see */
.nafs26 .n26-acc__panel.is-before .n26-acc__tab{ padding: 40px 34px 40px 16px; }
.nafs26 .n26-acc__panel.is-after .n26-acc__tab{ padding: 40px 16px 40px 34px; }
.nafs26 .n26-acc__panel.is-open .n26-acc__body, .nafs26 .n26-acc__panel:not(:first-child).is-open .n26-acc__body{ padding-left: clamp(28px, 3.4vw, 56px); padding-right: clamp(28px, 3.4vw, 56px); }
}
.nafs26 .n26-acc__links a{ white-space: nowrap; }
/* Learn: jump links keep the brand color on hover (theme turned them white) */
.nafs26 .n26-lhero__jump a:hover, .nafs26 .n26-lhero__jump a:focus-visible{ color: var(--n26-olive-dark, #3f4a2c); text-decoration: underline; text-decoration-color: var(--n26-gold); text-decoration-thickness: 2px; text-underline-offset: 6px; }
/* Learn fact sheets: smaller arrows, bottom-aligned with the bottom of the sheets */
.nafs26 .n26-lfs{ --n26-fs-arrow: max(40px, calc(54 * var(--n26-u))); }
.nafs26 .n26-lfs .n26-arrow{ top: calc(16px + var(--n26-loop-w, 300px) * 453 / 350 - var(--n26-fs-arrow)); width: var(--n26-fs-arrow); height: var(--n26-fs-arrow); font-size: max(18px, calc(24 * var(--n26-u))); }
.nafs26 .n26-lfs .n26-arrow--prev{ left: calc(-1 * (var(--n26-fs-arrow) + max(14px, calc(48 * var(--n26-u))))); }
.nafs26 .n26-lfs .n26-arrow--next{ right: calc(-1 * (var(--n26-fs-arrow) + max(14px, calc(48 * var(--n26-u))))); }
@media (max-width: 1000px) {
.nafs26 .n26-lfs .n26-arrow{ top: calc(12px + var(--n26-loop-w, 300px) * 453 / 350 - var(--n26-fs-arrow)); }
.nafs26 .n26-lfs .n26-arrow--prev{ left: -24px; }
.nafs26 .n26-lfs .n26-arrow--next{ right: -24px; }
}
/* PDF viewer: slim bar, one page at 100% */
.nafs26 .n26-pdfv{ padding: 16px; }
.nafs26 .n26-pdfv__panel{ position: relative; width: auto; max-width: 100%; height: auto; max-height: calc(100svh - 32px); border-radius: 10px; background: #f2f0ea; }
.nafs26 .n26-pdfv__bar{ flex-wrap: nowrap; gap: 12px; padding: 6px 6px 6px 16px; background: var(--n26-white); border-bottom: 1px solid #e6e1d5; width: var(--n26-pdfv-w, 816px); max-width: 100%; }
.nafs26 .n26-pdfv__title{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: var(--n26-ink); }
.nafs26 .n26-pdfv__actions{ flex-wrap: nowrap; gap: 2px; }
html body.nafs26 .n26-pdfv__btn{ display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--n26-olive); cursor: pointer; transition: background-color .15s; }
html body.nafs26 .n26-pdfv__btn:hover, html body.nafs26 .n26-pdfv__btn:focus-visible{ background: #efece3; color: var(--n26-olive); }
.nafs26 .n26-pdfv__btn .n26-icon, .nafs26 .n26-pdfv__btn svg{ width: 20px; height: 20px; }
.nafs26 .n26-pdfv__page{ flex: 1 1 auto; min-height: 0; overflow: auto; width: var(--n26-pdfv-w, 816px); max-width: 100%; outline: none; }
.nafs26 .n26-pdfv__page canvas{ display: block; }
.nafs26 .n26-pdfv.is-loading .n26-pdfv__page{ height: min(70svh, 1056px); background: #f2f0ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='16' fill='none' stroke='%23565b39' stroke-width='3' stroke-dasharray='60 40'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='.9s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") center / 40px no-repeat; }
.nafs26 .n26-pdfv__frame{ display: block; width: 820px; max-width: 100%; height: calc(100svh - 120px); border: 0; }
.nafs26 .n26-pdfv__nav{ position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; align-items: center; gap: 4px; padding: 2px 4px; border-radius: 999px; background: rgba(41,47,30,.88); color: var(--n26-white); font: 600 13px/1 var(--n26-font); box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.nafs26 .n26-pdfv__nav[hidden]{ display: none; }
html body.nafs26 .n26-pdfv__nav .n26-pdfv__btn{ width: 32px; height: 32px; color: var(--n26-white); }
html body.nafs26 .n26-pdfv__nav .n26-pdfv__btn:hover{ background: rgba(255,255,255,.15); color: var(--n26-white); }
.nafs26 .n26-pdfv__nav [data-n26-pdfv-prev] svg{ transform: rotate(-90deg); }
.nafs26 .n26-pdfv__nav [data-n26-pdfv-next] svg{ transform: rotate(-90deg); }
.nafs26 .n26-pdfv__status{ position: absolute; top: 52px; right: 12px; padding: 6px 12px; border-radius: 6px; background: var(--n26-forest); color: var(--n26-white); font-size: 13px; }
@media (max-width: 700px) {
.nafs26 .n26-pdfv{ padding: 0; }
.nafs26 .n26-pdfv__panel{ max-height: 100svh; height: 100%; border-radius: 0; width: 100%; }
.nafs26 .n26-pdfv__bar, .nafs26 .n26-pdfv__page{ width: 100%; }
}
/* Hero photo credit (bottom-right, 7pt, quiet) */
.nafs26 .n26-hero__credit{ position: absolute; right: max(16px, calc(101 * var(--n26-u))); bottom: max(10px, calc(16 * var(--n26-u))); z-index: 3; max-width: calc(100% - 32px); margin: 0; font: italic 400 11px/1.3 var(--n26-font); color: var(--n26-white); opacity: .7; letter-spacing: .01em; text-align: right; }
.nafs26 .n26-hero__credit a{ color: inherit; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(255,255,255,.5); }
.nafs26 .n26-hero__credit a:hover{ opacity: 1; text-decoration-color: currentColor; }
.nafs26 .n26-hero__credit[hidden]{ display: none; }
/* Mega menus: links + one featured card per menu */
.nafs26 .n26-mega{ display: flex; align-items: stretch; gap: 0; padding: 0; min-width: 0; width: max-content; overflow: hidden; }
.nafs26 .n26-mega.is-end{ left: auto; right: -18px; }
.nafs26 .n26-mega__links{ flex: 0 0 auto; min-width: 210px; margin: 0; padding: 14px 0; list-style: none; }
.nafs26 .n26-mega .n26-mega__links a{ display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 11px 22px; color: var(--n26-ink); font-size: 15px; font-weight: 600; text-decoration: none; }
.nafs26 .n26-mega .n26-mega__links a .n26-icon, .nafs26 .n26-mega .n26-mega__links a svg{ width: 18px; height: 10px; opacity: 0; transform: translateX(-4px); transition: opacity .15s, transform .15s; color: var(--n26-gold); }
.nafs26 .n26-mega .n26-mega__links a:hover, .nafs26 .n26-mega .n26-mega__links a:focus-visible{ background: #f3f1ec; color: var(--n26-olive); }
.nafs26 .n26-mega .n26-mega__links a:hover svg, .nafs26 .n26-mega .n26-mega__links a:focus-visible svg{ opacity: 1; transform: none; }
.nafs26 .n26-mega .n26-mega__feature{ position: relative; display: flex; flex: 0 0 300px; width: 300px; min-height: 210px; padding: 0; margin: 10px 10px 10px 0; border-radius: 8px; overflow: hidden; color: var(--n26-white); text-decoration: none; background: var(--n26-olive); }
.nafs26 .n26-mega .n26-mega__feature:hover, .nafs26 .n26-mega .n26-mega__feature:focus-visible{ background: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-mega__img{ position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform .4s var(--n26-ease); }
.nafs26 .n26-mega__img::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(41,47,30,.2) 0%, rgba(41,47,30,.85) 100%); }
.nafs26 .n26-mega__feature:hover .n26-mega__img{ transform: scale(1.04); }
.nafs26 .n26-mega__body{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; padding: 18px 20px; width: 100%; }
.nafs26 .n26-mega__eyebrow{ font-size: 13px; font-style: italic; opacity: .85; }
.nafs26 .n26-mega__title{ font-size: 19px; font-weight: 700; line-height: 1.15; text-transform: uppercase; }
.nafs26 .n26-mega__text{ font-size: 13px; line-height: 1.35; opacity: .9; }
.nafs26 .n26-mega__cta{ display: inline-flex; align-items: center; gap: 10px; margin-top: 6px; font-size: 14px; font-weight: 700; color: var(--n26-gold); }
.nafs26 .n26-mega__cta svg{ width: 20px; height: 10px; transition: transform .2s; }
.nafs26 .n26-mega__feature:hover .n26-mega__cta svg{ transform: translateX(4px); }
/* Event + hotline features sit on a brand color, no photo */
.nafs26 .n26-mega .n26-mega__feature--event{ background: var(--n26-sage); }
.nafs26 .n26-mega .n26-mega__feature--event:hover{ background: #8a8f68; }
.nafs26 .n26-mega__feature--event .n26-mega__cta, .nafs26 .n26-mega__feature--hotline .n26-mega__cta{ color: var(--n26-white); }
.nafs26 .n26-mega .n26-mega__feature--hotline{ background: var(--n26-orange); }
.nafs26 .n26-mega .n26-mega__feature--hotline:hover{ background: #b97f27; }
.nafs26 .n26-mega__feature--hotline .n26-mega__cta{ font-size: 22px; }
/* Fact sheet: cover beside the text */
.nafs26 .n26-mega .n26-mega__feature--sheet{ flex-basis: 340px; width: 340px; background: var(--n26-forest); }
.nafs26 .n26-mega__cover{ flex: 0 0 auto; width: 118px; height: auto; align-self: center; margin: 14px 0 14px 16px; box-shadow: 0 4px 14px rgba(0,0,0,.35); transition: transform .25s var(--n26-ease); }
.nafs26 .n26-mega__feature--sheet:hover .n26-mega__cover{ transform: translateY(-3px); }
.nafs26 .n26-mega__feature--sheet .n26-mega__body{ justify-content: center; }
/* Learn hero: blur + shade sweeping in at an angle from the bottom-left corner (like the homepage glow) for copy legibility */
.nafs26 .n26-lhero__bg::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(52deg, rgba(41,47,30,.42) 0%, rgba(41,47,30,.22) 30%, rgba(41,47,30,0) 58%); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); -webkit-mask-image: linear-gradient(52deg, #000 0%, #000 28%, transparent 60%); mask-image: linear-gradient(52deg, #000 0%, #000 28%, transparent 60%); pointer-events: none; }
/* Learn fact sheets: names stay white on hover (theme link hover was turning them dark) */
html body.nafs26 .n26-lfs__item a:hover, html body.nafs26 .n26-lfs__item a:focus-visible{ color: var(--n26-white); }
.nafs26 .n26-lfs__item a:hover .n26-lfs__name, .nafs26 .n26-lfs__item a:focus-visible .n26-lfs__name{ color: var(--n26-white); text-decoration: underline; text-decoration-color: var(--n26-gold); text-decoration-thickness: 2px; text-underline-offset: 5px; }
/* Footer signup: Submit sits flush inside the right end of the email pill; focus ring hugs the pill */
@media (min-width: 701px) {
.nafs26 .n26-join .field-type-submit{ margin-left: calc(-1 * (max(134px, calc(162 * var(--n26-u))) + max(10px, calc(23 * var(--n26-u))))); }
.nafs26 .n26-join .jet-form__submit{ box-shadow: none; }
}
.nafs26 .n26-join .jet-form__field:focus, .nafs26 .n26-join .jet-form__field:focus-visible{ outline: none; box-shadow: 0 0 0 2px var(--n26-gold); }
/* Play buttons on video posters: small, in the top-left corner so the thumbnail text stays fully visible */
.nafs26 .n26-lweb__play, .nafs26 .n26-vid__poster .n26-lweb__play{ left: max(12px, calc(22 * var(--n26-u))); top: max(12px, calc(22 * var(--n26-u))); width: max(44px, calc(64 * var(--n26-u))); height: max(44px, calc(64 * var(--n26-u))); transform: none; border-radius: 50%; color: var(--n26-white); filter: drop-shadow(0 3px 8px rgba(0,0,0,.35)); }
.nafs26 .n26-lweb__play .n26-icon, .nafs26 .n26-lweb__play svg{ display: block; width: 100%; height: 100%; }
.nafs26 .n26-lweb__play circle{ fill: rgba(41,47,30,.6); }
.nafs26 .n26-lweb__item.is-current .n26-lweb__poster:hover .n26-lweb__play, .nafs26 .n26-vid__poster:hover .n26-lweb__play, .nafs26 .n26-lweb__poster:focus-visible .n26-lweb__play{ transform: scale(1.08); }
.nafs26 .n26-lweb__poster:hover .n26-lweb__play circle, .nafs26 .n26-lweb__poster:focus-visible .n26-lweb__play circle{ fill: var(--n26-gold); }
.nafs26 .n26-vid__poster{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: inherit; overflow: hidden; }
/* =====================================================================
v1.0 — Inner pages (Events, Resources, About, Contact, Donate, Funders)
===================================================================== */
.nafs26 .n26-anchor{ display: block; position: relative; top: calc(-1 * var(--n26-header-h) - 16px); height: 0; }
.nafs26 .n26-btn--line-dark{ background: transparent; border-color: var(--n26-olive); color: var(--n26-olive); }
.nafs26 .n26-btn--line-dark:hover{ background: var(--n26-olive); color: var(--n26-white); }
/* Page hero */
.nafs26 .n26-phero{ position: relative; display: flex; align-items: flex-end; min-height: max(440px, calc(600 * var(--n26-u))); padding: calc(var(--n26-header-h) + max(48px, calc(90 * var(--n26-u)))) 0 max(48px, calc(90 * var(--n26-u))); color: var(--n26-white); overflow: hidden; background: var(--n26-forest); }
.nafs26 .n26-phero__bg{ height: 100%; }
.nafs26 .n26-phero__inner{ position: relative; width: 100%; }
.nafs26 .n26-phero__inner > *{ max-width: max(320px, calc(900 * var(--n26-u))); }
.nafs26 .n26-phero .n26-eyebrow{ font-size: var(--n26-fs-eyebrow-hero); }
.nafs26 .n26-phero .n26-lhero__title{ margin-bottom: max(14px, calc(26 * var(--n26-u))); }
.nafs26 .n26-phero .n26-lhero__text{ max-width: max(320px, calc(760 * var(--n26-u))); }
.nafs26 .n26-phero__jump{ display: flex; flex-wrap: wrap; gap: 10px max(20px, calc(40 * var(--n26-u))); margin: max(22px, calc(40 * var(--n26-u))) 0 0; padding: 0; list-style: none; }
.nafs26 .n26-phero__jump a{ display: inline-flex; align-items: center; gap: 10px; color: var(--n26-white); font-weight: 700; font-size: var(--n26-fs-meta); text-decoration: none; }
.nafs26 .n26-phero__jump a:hover{ text-decoration: underline; text-decoration-color: var(--n26-gold); text-decoration-thickness: 2px; text-underline-offset: 6px; }
.nafs26 .n26-phero__jump svg{ width: .8em; height: .8em; }
/* Tags */
.nafs26 .n26-tag{ display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; background: #efece3; color: var(--n26-olive); font: 600 12px/1.3 var(--n26-font); letter-spacing: .02em; white-space: nowrap; }
.nafs26 .n26-tag--webinar, .nafs26 .n26-tag--webinars{ background: rgba(154,160,116,.25); color: #4d5232; }
.nafs26 .n26-tag--inperson{ background: rgba(211,148,52,.18); color: #8a5a17; }
.nafs26 .n26-tag--fact-sheets{ background: rgba(86,91,57,.14); color: var(--n26-olive); }
.nafs26 .n26-tag--articles{ background: rgba(124,74,38,.14); color: #6d4122; }
/* Filter bar */
.nafs26 .n26-filters{ display: flex; flex-wrap: wrap; align-items: center; gap: 14px max(20px, calc(36 * var(--n26-u))); padding: 16px 20px; margin: 0 0 max(20px, calc(30 * var(--n26-u))); background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 14px; box-shadow: 0 2px 10px rgba(35,30,21,.05); }
.nafs26 .n26-filters__group{ display: flex; align-items: center; gap: 10px; transition: opacity .2s; }
.nafs26 .n26-filters__group.is-muted{ opacity: .35; pointer-events: none; }
.nafs26 .n26-filters__group--end{ margin-left: auto; }
.nafs26 .n26-filters__label{ font: 600 13px/1 var(--n26-font); color: var(--n26-gray); text-transform: uppercase; letter-spacing: .06em; }
.nafs26 .n26-chips{ display: flex; flex-wrap: wrap; gap: 6px; }
html body.nafs26 .n26-chip{ min-height: 36px; padding: 0 16px; border: 1px solid #d9d3c4; border-radius: 999px; background: var(--n26-white); color: var(--n26-ink); font: 600 14px/1 var(--n26-font); cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
html body.nafs26 .n26-chip:hover{ border-color: var(--n26-olive); color: var(--n26-olive); background: var(--n26-white); }
html body.nafs26 .n26-chip.is-on{ background: var(--n26-olive); border-color: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-filters__select{ min-height: 36px; padding: 0 34px 0 14px; border: 1px solid #d9d3c4; border-radius: 999px; background: var(--n26-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23565b39' stroke-width='2.5' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 14px; color: var(--n26-ink); font: 500 14px/1 var(--n26-font); -webkit-appearance: none; appearance: none; cursor: pointer; }
.nafs26 .n26-filters__search{ position: relative; }
.nafs26 .n26-filters__search input{ width: min(260px, 60vw); min-height: 38px; padding: 0 14px 0 36px; border: 1px solid #d9d3c4; border-radius: 999px; background: var(--n26-white); font: 400 14px/1 var(--n26-font); color: var(--n26-ink); }
.nafs26 .n26-filters__search input:focus{ outline: none; border-color: var(--n26-olive); box-shadow: 0 0 0 2px rgba(86,91,57,.2); }
.nafs26 .n26-filters__searchicon{ position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--n26-gray); pointer-events: none; }
.nafs26 .n26-filters__searchicon svg{ width: 16px; height: 16px; display: block; }
.nafs26 .n26-seg{ display: inline-flex; padding: 3px; border-radius: 999px; background: #f1eee6; }
html body.nafs26 .n26-seg__btn{ display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; color: var(--n26-gray); font: 600 14px/1 var(--n26-font); cursor: pointer; }
html body.nafs26 .n26-seg__btn svg{ width: 15px; height: 15px; }
html body.nafs26 .n26-seg__btn.is-on{ background: var(--n26-white); color: var(--n26-olive); box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.nafs26 .n26-elist__count{ margin: 0 0 12px; font-size: 14px; color: var(--n26-gray); }
.nafs26 .n26-empty-state{ padding: 48px 24px; text-align: center; border: 2px dashed #e2dfd6; border-radius: 14px; color: var(--n26-gray); }
.nafs26 .n26-empty-state p{ margin: 0 0 16px; font-size: var(--n26-fs-body); }
.nafs26 .n26-more{ display: flex; justify-content: center; margin-top: max(28px, calc(48 * var(--n26-u))); }
/* Events list */
.nafs26 .n26-elist{ padding: max(40px, calc(70 * var(--n26-u))) 0 max(64px, calc(120 * var(--n26-u))); }
.nafs26 .n26-elist__rows{ display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-erow{ display: grid; grid-template-columns: max(76px, calc(104 * var(--n26-u))) minmax(0, 1fr) auto; align-items: center; gap: max(16px, calc(36 * var(--n26-u))); padding: max(16px, calc(24 * var(--n26-u))); background: var(--n26-white); border: 1px solid #ebe6da; border-left: 5px solid var(--n26-orange); border-radius: 12px; box-shadow: 0 2px 10px rgba(35,30,21,.04); transition: box-shadow .2s, transform .2s; }
.nafs26 .n26-erow.is-webinar{ border-left-color: var(--n26-sage); }
.nafs26 .n26-erow:hover{ box-shadow: 0 8px 24px rgba(35,30,21,.10); transform: translateY(-1px); }
.nafs26 .n26-erow__date{ display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1; border-radius: 10px; background: #f6f3ec; color: var(--n26-olive); line-height: 1; }
.nafs26 .n26-erow__mon{ font: 700 13px/1 var(--n26-font); text-transform: uppercase; letter-spacing: .08em; color: var(--n26-gray); }
.nafs26 .n26-erow__day{ margin: 4px 0 3px; font: 700 max(26px, calc(38 * var(--n26-u)))/1 var(--n26-font-num); }
.nafs26 .n26-erow__yr{ font-size: 12px; color: var(--n26-gray); }
.nafs26 .n26-erow__tags{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.nafs26 .n26-erow__title{ margin: 0 0 8px; font-size: max(18px, calc(24 * var(--n26-u))); line-height: 1.2; font-weight: 700; }
.nafs26 .n26-erow__title a{ color: var(--n26-ink); text-decoration: none; }
.nafs26 .n26-erow__title a:hover{ color: var(--n26-olive); text-decoration: underline; text-underline-offset: 4px; }
.nafs26 .n26-erow__meta{ display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0; font-size: 14px; color: var(--n26-gray); }
.nafs26 .n26-erow__meta span{ display: inline-flex; align-items: center; gap: 7px; }
.nafs26 .n26-erow__meta svg{ width: 15px; height: 15px; color: var(--n26-olive); }
.nafs26 .n26-erow__desc{ margin: 10px 0 0; font-size: 15px; line-height: 1.45; color: #555; max-width: 760px; }
.nafs26 .n26-erow__cta{ display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 22px; border: 2px solid var(--n26-olive); border-radius: 999px; color: var(--n26-olive); font: 700 14px/1 var(--n26-font); text-transform: uppercase; letter-spacing: .03em; text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s; }
.nafs26 .n26-erow__cta svg{ width: 20px; height: 10px; }
.nafs26 .n26-erow__cta:hover, .nafs26 .n26-erow__cta:focus-visible{ background: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-erow.is-inperson .n26-erow__cta{ border-color: #b97f27; color: #8a5a17; }
.nafs26 .n26-erow.is-inperson .n26-erow__cta:hover{ background: #b97f27; color: var(--n26-white); }
.nafs26 .n26-erow[data-when="past"]{ background: #fbfaf7; }
.nafs26 .n26-elist__panel--cal .n26-events{ padding: max(20px, calc(40 * var(--n26-u))) 0 0; }
.nafs26 .n26-elist__panel--cal .n26-wrap{ padding-left: 0; padding-right: 0; max-width: none; }
@media (max-width: 760px) {
.nafs26 .n26-erow{ grid-template-columns: 64px minmax(0, 1fr); }
.nafs26 .n26-erow__cta{ grid-column: 1 / -1; justify-content: center; }
.nafs26 .n26-filters__group--end{ margin-left: 0; }
}
/* Resources grid */
.nafs26 .n26-rlist{ padding: max(40px, calc(70 * var(--n26-u))) 0 max(64px, calc(120 * var(--n26-u))); }
.nafs26 .n26-rlist__note{ margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; background: rgba(219,173,103,.18); color: #6d4a12; font-size: 15px; }
.nafs26 .n26-rgrid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: max(18px, calc(32 * var(--n26-u))); margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-rcard[hidden]{ display: none; }
.nafs26 .n26-rcard__link{ display: flex; flex-direction: column; height: 100%; background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 12px; overflow: hidden; color: var(--n26-ink); text-decoration: none; box-shadow: 0 2px 10px rgba(35,30,21,.04); transition: box-shadow .2s, transform .2s; }
html body.nafs26 .n26-rcard__link:hover{ color: var(--n26-ink); box-shadow: 0 10px 28px rgba(35,30,21,.12); transform: translateY(-2px); }
.nafs26 .n26-rcard__media{ position: relative; display: block; aspect-ratio: 16 / 10; background: #efece3; overflow: hidden; }
.nafs26 .n26-rcard__media img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--n26-ease); }
.nafs26 .n26-rcard--fact-sheets .n26-rcard__media{ background: #3f4a2c; }
.nafs26 .n26-rcard--fact-sheets .n26-rcard__media img{ width: 62%; height: auto; margin: 18px auto 0; object-fit: contain; box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.nafs26 .n26-rcard__link:hover .n26-rcard__media img{ transform: scale(1.03); }
.nafs26 .n26-rcard--fact-sheets .n26-rcard__link:hover .n26-rcard__media img{ transform: translateY(-4px); }
.nafs26 .n26-rcard__ph{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: linear-gradient(135deg, #565b39, #3f4a2c); }
.nafs26 .n26-rcard__ph img{ width: 30% !important; height: auto !important; opacity: .35; filter: brightness(0) invert(1); }
.nafs26 .n26-rcard__play{ position: absolute; left: 14px; top: 14px; width: 44px; height: 44px; color: var(--n26-white); filter: drop-shadow(0 3px 8px rgba(0,0,0,.35)); }
.nafs26 .n26-rcard__play svg{ display: block; width: 100%; height: 100%; }
.nafs26 .n26-rcard__play circle{ fill: rgba(41,47,30,.6); }
.nafs26 .n26-rcard__link:hover .n26-rcard__play circle{ fill: var(--n26-gold); }
.nafs26 .n26-rcard__body{ display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 18px 20px 20px; }
.nafs26 .n26-rcard__tags{ display: flex; flex-wrap: wrap; gap: 6px; }
.nafs26 .n26-rcard__title{ font-size: 18px; font-weight: 700; line-height: 1.25; }
.nafs26 .n26-rcard__desc{ font-size: 14px; line-height: 1.45; color: #555; }
.nafs26 .n26-rcard__meta{ margin-top: auto; font-size: 13px; color: var(--n26-gray); }
/* Video dialog */
.nafs26 .n26-vmodal{ position: fixed; inset: 0; z-index: 150; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(41,47,30,.78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.nafs26 .n26-vmodal[hidden]{ display: none; }
.nafs26 .n26-vmodal__panel{ width: min(1100px, 100%); background: #000; border-radius: 10px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
.nafs26 .n26-vmodal .n26-pdfv__bar{ width: 100%; }
.nafs26 .n26-vmodal__frame{ position: relative; aspect-ratio: 16 / 9; }
.nafs26 .n26-vmodal__frame iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* About */
.nafs26 .n26-about, .nafs26 .n26-donate{ padding: max(56px, calc(110 * var(--n26-u))) 0 max(40px, calc(80 * var(--n26-u))); }
.nafs26 .n26-about__intro{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: max(24px, calc(90 * var(--n26-u))); align-items: start; margin-bottom: max(36px, calc(70 * var(--n26-u))); }
.nafs26 .n26-about__lead p{ margin: 0 0 16px; font-size: var(--n26-fs-body); line-height: 1.5; color: #444; }
.nafs26 .n26-about__ctas{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px !important; }
.nafs26 .n26-programs{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: max(16px, calc(28 * var(--n26-u))); margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-program{ position: relative; padding: max(22px, calc(34 * var(--n26-u))); background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 14px; }
.nafs26 .n26-program__num{ display: block; margin-bottom: 14px; font: 700 max(22px, calc(30 * var(--n26-u)))/1 var(--n26-font-num); color: var(--n26-gold); }
.nafs26 .n26-program__title{ margin: 0 0 6px; font-size: max(18px, calc(22 * var(--n26-u))); line-height: 1.25; color: var(--n26-ink); }
.nafs26 .n26-program__partner{ margin: 0 0 12px; font-size: 13px; font-style: italic; color: var(--n26-gray); }
.nafs26 .n26-program__text{ margin: 0; font-size: 15px; line-height: 1.5; color: #555; }
.nafs26 .n26-programs--compact .n26-program__partner{ margin: 0; }
.nafs26 .n26-team{ padding: max(48px, calc(90 * var(--n26-u))) 0; }
.nafs26 .n26-team--board{ background: #f3efe6; }
.nafs26 .n26-team .n26-h2{ margin-bottom: max(28px, calc(50 * var(--n26-u))); }
.nafs26 .n26-people{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: max(24px, calc(44 * var(--n26-u))) max(18px, calc(32 * var(--n26-u))); margin: 0; padding: 0; list-style: none; }
html body.nafs26 .n26-person__btn{ display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0; border: 0; background: none; color: var(--n26-ink); text-align: center; cursor: pointer; }
html body.nafs26 .n26-person__btn:disabled{ cursor: default; }
.nafs26 .n26-person__photo{ display: block; width: min(100%, 200px); aspect-ratio: 1; margin-bottom: 16px; border-radius: 50%; overflow: hidden; background: #e9e4d8; box-shadow: 0 0 0 6px rgba(154,160,116,.35); transition: box-shadow .2s; }
.nafs26 .n26-person__photo img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.nafs26 .n26-person__btn:hover .n26-person__photo, .nafs26 .n26-person__btn:focus-visible .n26-person__photo{ box-shadow: 0 0 0 6px var(--n26-gold); }
.nafs26 .n26-person__name{ font-size: max(17px, calc(20 * var(--n26-u))); font-weight: 700; }
.nafs26 .n26-person__role{ margin-top: 4px; font-size: 14px; color: var(--n26-gray); }
.nafs26 .n26-person__more{ display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; font: 700 13px/1 var(--n26-font); color: var(--n26-olive); text-transform: uppercase; letter-spacing: .04em; }
.nafs26 .n26-person__more svg{ width: 18px; height: 9px; transition: transform .2s; }
.nafs26 .n26-person__btn:hover .n26-person__more svg{ transform: translateX(3px); }
.nafs26 .n26-bio{ position: fixed; inset: 0; z-index: 150; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(41,47,30,.78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.nafs26 .n26-bio[hidden]{ display: none; }
.nafs26 .n26-bio__panel{ position: relative; width: min(760px, 100%); max-height: calc(100svh - 32px); overflow: auto; padding: max(24px, calc(48 * var(--n26-u))); background: var(--n26-white); border-radius: 14px; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
.nafs26 .n26-bio__close{ position: absolute; top: 10px; right: 10px; }
.nafs26 .n26-bio__head{ display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.nafs26 .n26-bio__head img{ width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.nafs26 .n26-bio__name{ margin: 0; font-size: 26px; color: var(--n26-ink); }
.nafs26 .n26-bio__role{ margin: 4px 0 0; color: var(--n26-gray); }
.nafs26 .n26-bio__text p{ margin: 0 0 14px; font-size: 16px; line-height: 1.6; color: #444; }
/* Contact */
.nafs26 .n26-contact{ padding: max(48px, calc(90 * var(--n26-u))) 0 max(64px, calc(120 * var(--n26-u))); }
.nafs26 .n26-contact__grid{ display: grid; grid-template-columns: minmax(0, 1fr) max(380px, calc(560 * var(--n26-u))); gap: max(28px, calc(100 * var(--n26-u))); align-items: start; }
.nafs26 .n26-contact__ways .n26-h2{ margin-bottom: max(20px, calc(36 * var(--n26-u))); }
.nafs26 .n26-contact__card{ display: flex; gap: 18px; margin-bottom: 14px; padding: max(18px, calc(26 * var(--n26-u))); background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 14px; color: var(--n26-ink); text-decoration: none; }
.nafs26 .n26-contact__card > span{ display: flex; flex-direction: column; gap: 6px; }
.nafs26 .n26-contact__card--call{ background: var(--n26-orange); border-color: var(--n26-orange); color: var(--n26-white); transition: background-color .2s; }
html body.nafs26 .n26-contact__card--call:hover{ background: #b97f27; color: var(--n26-white); }
.nafs26 .n26-contact__icon{ display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.2); }
.nafs26 .n26-contact__icon svg{ width: 18px; height: 18px; }
.nafs26 .n26-contact__label{ font-size: 16px; }
.nafs26 .n26-contact__value{ font: 700 max(24px, calc(32 * var(--n26-u)))/1.1 var(--n26-font-num); }
.nafs26 .n26-contact__note{ font-size: 14px; line-height: 1.45; opacity: .85; }
.nafs26 .n26-contact__tags{ margin: 18px 0 0; font-weight: 700; color: var(--n26-olive); }
.nafs26 .n26-socials--dark a{ color: var(--n26-olive); }
.nafs26 .n26-contact__form{ margin-top: 0; }
@media (max-width: 1000px) { .nafs26 .n26-contact__grid, .nafs26 .n26-about__intro{ grid-template-columns: minmax(0, 1fr); } }
/* Donate */
.nafs26 .n26-give{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 40px; padding: max(28px, calc(56 * var(--n26-u))) max(24px, calc(64 * var(--n26-u))); border-radius: 16px; color: var(--n26-white); background: var(--n26-olive) linear-gradient(52deg, rgba(219,173,103,.5) 0%, rgba(219,173,103,0) 45%); }
.nafs26 .n26-give__text{ max-width: 620px; }
.nafs26 .n26-give__text p:not(.n26-eyebrow){ margin: 14px 0 0; font-size: var(--n26-fs-body); line-height: 1.45; }
.nafs26 .n26-give__ctas{ display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.nafs26 .n26-give__call{ color: var(--n26-white); font: 700 20px/1 var(--n26-font-num); text-decoration: none; }
.nafs26 .n26-give__call:hover{ color: var(--n26-gold); }
.nafs26 .n26-grants{ padding: max(48px, calc(90 * var(--n26-u))) 0 max(64px, calc(110 * var(--n26-u))); }
.nafs26 .n26-grants .n26-h2{ margin-bottom: max(24px, calc(44 * var(--n26-u))); }
/* Funders strip */
.nafs26 .n26-funders{ padding: max(48px, calc(90 * var(--n26-u))) 0; background: var(--n26-white); text-align: center; }
.nafs26 .n26-funders .n26-h2{ margin-bottom: max(24px, calc(44 * var(--n26-u))); }
.nafs26 .n26-funders__list{ display: flex; flex-wrap: wrap; justify-content: center; gap: max(14px, calc(24 * var(--n26-u))); margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-funders__item{ display: flex; align-items: center; justify-content: center; width: max(150px, calc(220 * var(--n26-u))); height: max(90px, calc(120 * var(--n26-u))); padding: 16px 20px; border: 1px solid #ece7dc; border-radius: 12px; background: var(--n26-white); }
.nafs26 .n26-funders__item img{ max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .25s, opacity .25s; }
.nafs26 .n26-funders__item:hover img{ filter: none; opacity: 1; }
.nafs26 .n26-funders__item span{ font-size: 14px; font-weight: 600; color: var(--n26-gray); }
.nafs26 .n26-erow[hidden], .nafs26 .n26-rcard[hidden]{ display: none !important; }
/* Programs: 3 + 2 on desktop, centered */
@media (min-width: 1001px) {
.nafs26 .n26-programs{ display: flex; flex-wrap: wrap; justify-content: center; }
.nafs26 .n26-programs .n26-program{ flex: 0 1 calc((100% - 2 * max(16px, calc(28 * var(--n26-u)))) / 3); }
}
/* People: one centered row of up to 6 on desktop */
.nafs26 .n26-people{ display: flex; flex-wrap: wrap; justify-content: center; }
.nafs26 .n26-person{ flex: 0 1 calc((100% - 5 * max(18px, calc(32 * var(--n26-u)))) / 6); min-width: 150px; }
@media (max-width: 1000px) { .nafs26 .n26-person{ flex-basis: calc((100% - 2 * 18px) / 3); } }
@media (max-width: 560px) { .nafs26 .n26-person{ flex-basis: calc((100% - 18px) / 2); min-width: 0; } }
/* Contact: the form card reuses .n26-help without the Learn hero grid placement */
.nafs26 .n26-contact__grid .n26-contact__form{ grid-area: auto; align-self: start; margin-top: 0; }
/* Funders: bigger, full-color logos */
.nafs26 .n26-funders__item{ width: max(160px, calc(240 * var(--n26-u))); height: max(100px, calc(130 * var(--n26-u))); padding: 12px 16px; }
.nafs26 .n26-funders__item img{ width: 100%; height: 100%; object-fit: contain; filter: none; opacity: 1; }
.nafs26 .n26-funders__item:hover{ border-color: var(--n26-gold); }
/* Learn fact sheets with nothing published yet: plain section, no dark band */
.nafs26 .n26-lfs--empty{ padding-bottom: max(40px, calc(70 * var(--n26-u))); }
.nafs26 .n26-lfs--empty .n26-lfs__band{ display: none; }
.nafs26 .n26-lfs--empty .n26-empty{ margin: 0; padding-left: calc(51 * var(--n26-u)); color: var(--n26-gray); }
.nafs26 .n26-lfs--empty .n26-empty a{ color: var(--n26-olive); font-weight: 700; }
.nafs26 .n26-contact__card .n26-socials{ justify-content: flex-start; margin: 6px 0 4px; padding: 0; }
@media (max-width: 760px) {
.nafs26 .n26-filters{ flex-direction: column; align-items: stretch; gap: 14px; padding: 16px; }
.nafs26 .n26-filters__group{ flex-direction: column; align-items: flex-start; gap: 8px; width: 100%; }
.nafs26 .n26-chips{ flex-wrap: nowrap; max-width: 100%; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.nafs26 .n26-chips::-webkit-scrollbar{ display: none; }
html body.nafs26 .n26-chip{ flex: 0 0 auto; }
.nafs26 .n26-filters__select, .nafs26 .n26-filters__search, .nafs26 .n26-filters__search input{ width: 100%; }
.nafs26 .n26-seg{ width: 100%; }
html body.nafs26 .n26-seg__btn{ flex: 1; justify-content: center; }
}
.nafs26 .n26-contact__card--email{ transition: border-color .2s, box-shadow .2s; }
html body.nafs26 .n26-contact__card--email:hover{ border-color: var(--n26-olive); color: var(--n26-ink); box-shadow: 0 6px 18px rgba(35,30,21,.08); }
.nafs26 .n26-contact__card--email .n26-contact__icon{ background: rgba(86,91,57,.12); color: var(--n26-olive); }
.nafs26 .n26-contact__value--sm{ font-size: max(18px, calc(22 * var(--n26-u))); color: var(--n26-olive); }
.nafs26 .n26-footer__email{ margin: 14px 0 0; text-align: center; }
.nafs26 .n26-footer__email a{ color: var(--n26-white); font-weight: 600; text-decoration: none; }
.nafs26 .n26-footer__email a:hover{ color: var(--n26-gold); text-decoration: underline; text-underline-offset: 3px; }
/* Video thumbnails: big centered play button again, kept faint so the thumbnail text stays readable */
.nafs26 .n26-lweb__play, .nafs26 .n26-vid__poster .n26-lweb__play{ left: 50%; top: 50%; width: max(72px, calc(150 * var(--n26-u))); height: max(72px, calc(150 * var(--n26-u))); transform: translate(-50%, -50%); opacity: .4; filter: drop-shadow(0 3px 10px rgba(0,0,0,.25)); transition: opacity .2s, transform .2s; }
.nafs26 .n26-lweb__play circle{ fill: rgba(41,47,30,.35); }
.nafs26 .n26-lweb__item.is-current .n26-lweb__poster:hover .n26-lweb__play, .nafs26 .n26-vid__poster:hover .n26-lweb__play, .nafs26 .n26-lweb__poster:focus-visible .n26-lweb__play{ opacity: .9; transform: translate(-50%, -50%) scale(1.05); }
.nafs26 .n26-rcard__play{ left: 50%; top: 50%; width: 64px; height: 64px; transform: translate(-50%, -50%); opacity: .4; transition: opacity .2s; }
.nafs26 .n26-rcard__play circle{ fill: rgba(41,47,30,.35); }
.nafs26 .n26-rcard__link:hover .n26-rcard__play{ opacity: .9; }
/* Resources: filter sidebar + masonry grid on larger screens */
@media (min-width: 1100px) {
.nafs26 .n26-rlist__layout{ display: grid; grid-template-columns: max(260px, calc(320 * var(--n26-u))) minmax(0, 1fr); gap: max(28px, calc(56 * var(--n26-u))); align-items: start; }
.nafs26 .n26-rlist__side{ position: sticky; top: calc(var(--n26-header-h) + 24px); }
.nafs26 .n26-rlist__side .n26-filters{ flex-direction: column; align-items: stretch; gap: 22px; margin: 0; padding: 22px; }
.nafs26 .n26-rlist__side .n26-filters__group{ flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; margin: 0; }
.nafs26 .n26-rlist__side .n26-filters__search{ order: -1; }
.nafs26 .n26-rlist__side .n26-filters__search input, .nafs26 .n26-rlist__side .n26-filters__select{ width: 100%; }
.nafs26 .n26-rlist__side .n26-chips{ flex-wrap: wrap; }
}
.nafs26 .n26-rcard__play{ width: clamp(72px, 34%, 130px); height: auto; aspect-ratio: 1; }
/* Play icon fills its button (the icon wrapper was capping it at 1em) */
.nafs26 .n26-rcard__play .n26-icon, .nafs26 .n26-rcard__play svg{ display: block; width: 100%; height: 100%; }
/* Resources cards: uniform size — same media ratio, clamped title + preview, action pinned to the bottom */
.nafs26 .n26-rgrid{ grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); align-items: stretch; }
.nafs26 .n26-rcard{ display: flex; }
.nafs26 .n26-rcard__link{ flex: 1; height: auto; }
.nafs26 .n26-rcard__media, .nafs26 .n26-rcard--fact-sheets .n26-rcard__media, .nafs26 .n26-rcard--articles .n26-rcard__media{ aspect-ratio: 16 / 10; padding: 0; }
.nafs26 .n26-rcard--fact-sheets .n26-rcard__media img{ width: 62%; height: auto; margin: 16px auto 0; }
.nafs26 .n26-rcard__title{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em; }
.nafs26 .n26-rcard__desc{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.9em; }
.nafs26 .n26-rcard__foot{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 4px; }
.nafs26 .n26-rcard__foot .n26-rcard__meta{ margin: 0; }
.nafs26 .n26-rcard__more{ display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; font: 700 13px/1 var(--n26-font); color: var(--n26-olive); text-transform: uppercase; letter-spacing: .04em; }
.nafs26 .n26-rcard__more .n26-icon, .nafs26 .n26-rcard__more svg{ width: 18px; height: 9px; transition: transform .2s; }
.nafs26 .n26-rcard__link:hover .n26-rcard__more svg{ transform: translateX(3px); }
/* Tools cards */
.nafs26 .n26-rcard--tools .n26-rcard__media{ background: linear-gradient(135deg, #f3efe6, #e9e2d2); }
.nafs26 .n26-rcard__tool{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--n26-olive); }
.nafs26 .n26-rcard__tool svg{ width: 34%; max-width: 96px; height: auto; transition: transform .3s var(--n26-ease); }
.nafs26 .n26-rcard--tools .n26-rcard__link:hover .n26-rcard__tool svg{ transform: scale(1.06); }
.nafs26 .n26-tag--tools{ background: rgba(219,173,103,.25); color: #7a5413; }
.nafs26 .n26-rcard__more .n26-icon--external svg{ width: 13px; height: 13px; }
/* Loan calculator */
.nafs26 .n26-calc{ padding: max(40px, calc(80 * var(--n26-u))) 0 max(64px, calc(120 * var(--n26-u))); }
.nafs26 .n26-calc__grid{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: max(20px, calc(40 * var(--n26-u))); align-items: stretch; }
.nafs26 .n26-calc__form, .nafs26 .n26-calc__out{ padding: max(22px, calc(44 * var(--n26-u))); border-radius: 16px; }
.nafs26 .n26-calc__form{ background: var(--n26-white); border: 1px solid #ebe6da; }
.nafs26 .n26-calc__h{ margin: 0 0 20px; font-size: max(20px, calc(26 * var(--n26-u))); color: var(--n26-ink); }
.nafs26 .n26-calc__field{ display: block; margin-bottom: 18px; }
.nafs26 .n26-calc__field > span:first-child{ display: block; margin-bottom: 8px; font: 600 14px/1.2 var(--n26-font); color: var(--n26-gray); }
.nafs26 .n26-calc__input{ position: relative; display: block; }
.nafs26 .n26-calc__input input, .nafs26 .n26-calc__field select{ width: 100%; min-height: 52px; padding: 0 16px; border: 1px solid #d9d3c4; border-radius: 10px; background: var(--n26-white); font: 600 18px/1 var(--n26-font-num); color: var(--n26-ink); }
.nafs26 .n26-calc__field select{ font: 500 16px/1 var(--n26-font); }
.nafs26 .n26-calc__input input:focus, .nafs26 .n26-calc__field select:focus{ outline: none; border-color: var(--n26-olive); box-shadow: 0 0 0 3px rgba(86,91,57,.15); }
.nafs26 .n26-calc__input--pre input{ padding-left: 34px; }
.nafs26 .n26-calc__input--post input{ padding-right: 70px; }
.nafs26 .n26-calc__input--pre::before{ content: attr(data-pre); position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font: 600 18px/1 var(--n26-font-num); color: var(--n26-gray); }
.nafs26 .n26-calc__input--post::after{ content: attr(data-post); position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font: 500 15px/1 var(--n26-font); color: var(--n26-gray); }
.nafs26 .n26-calc__err{ margin: 0; padding: 10px 14px; border-radius: 8px; background: rgba(219,173,103,.2); color: #6d4a12; font-size: 14px; }
.nafs26 .n26-calc__out{ color: var(--n26-white); background: var(--n26-olive) linear-gradient(52deg, rgba(219,173,103,.45) 0%, rgba(219,173,103,0) 45%); }
.nafs26 .n26-calc__label{ margin: 0; font-style: italic; font-size: var(--n26-fs-body); opacity: .9; }
.nafs26 .n26-calc__big{ margin: 6px 0 22px; font: 700 max(40px, calc(64 * var(--n26-u)))/1 var(--n26-font-num); }
.nafs26 .n26-calc__stats{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 0 22px; }
.nafs26 .n26-calc__stats dt{ font-size: 13px; opacity: .8; }
.nafs26 .n26-calc__stats dd{ margin: 6px 0 0; font: 700 max(18px, calc(24 * var(--n26-u)))/1.1 var(--n26-font-num); }
.nafs26 .n26-calc__bar{ display: flex; height: 12px; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.2); }
.nafs26 .n26-calc__bar span{ display: block; height: 100%; transition: width .3s var(--n26-ease); }
.nafs26 .n26-calc__bar span:first-child{ background: var(--n26-white); }
.nafs26 .n26-calc__bar span:last-child{ background: var(--n26-gold); }
.nafs26 .n26-calc__legend{ display: flex; gap: 18px; margin: 10px 0 18px; font-size: 13px; }
.nafs26 .n26-calc__legend span::before{ content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 50%; vertical-align: -1px; }
.nafs26 .n26-calc__legend .is-p::before{ background: var(--n26-white); }
.nafs26 .n26-calc__legend .is-i::before{ background: var(--n26-gold); }
.nafs26 .n26-calc__note{ margin: 0 0 20px; font-size: 13px; opacity: .8; }
.nafs26 .n26-calc__ctas{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin: 0; }
.nafs26 .n26-calc__call{ color: var(--n26-white); font: 700 18px/1 var(--n26-font-num); text-decoration: none; }
.nafs26 .n26-calc__call:hover{ color: var(--n26-gold); }
.nafs26 .n26-calc__sched{ margin-top: max(20px, calc(36 * var(--n26-u))); background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 14px; }
.nafs26 .n26-calc__sched summary{ padding: 18px 22px; font-weight: 700; color: var(--n26-olive); cursor: pointer; }
.nafs26 .n26-calc__tablewrap{ overflow-x: auto; padding: 0 22px 22px; }
.nafs26 .n26-calc__sched table{ width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
.nafs26 .n26-calc__sched th, .nafs26 .n26-calc__sched td{ padding: 10px 12px; text-align: right; border-bottom: 1px solid #efebe1; white-space: nowrap; }
.nafs26 .n26-calc__sched th:first-child, .nafs26 .n26-calc__sched td:first-child{ text-align: left; }
.nafs26 .n26-calc__sched th{ font-size: 13px; color: var(--n26-gray); font-weight: 600; }
@media (max-width: 900px) { .nafs26 .n26-calc__grid{ grid-template-columns: minmax(0, 1fr); } .nafs26 .n26-calc__stats{ grid-template-columns: minmax(0, 1fr); } }
/* Events: filter bar overlaps the hero / body seam */
.nafs26 .n26-elist{ padding-top: 0; }
.nafs26 .n26-elist .n26-filters{ position: relative; z-index: 3; margin-top: calc(-1 * max(34px, calc(52 * var(--n26-u)))); box-shadow: 0 12px 34px rgba(35,30,21,.14); border-color: transparent; }
.nafs26 .n26-phero:has(+ .n26-elist){ padding-bottom: calc(max(48px, calc(90 * var(--n26-u))) + max(34px, calc(52 * var(--n26-u)))); }
.nafs26 .n26-elist .n26-elist__count{ margin-top: max(18px, calc(28 * var(--n26-u))); }
/* Hidden "Show more" / empty states really hide (button display was overriding [hidden]) */
.nafs26 [data-n26-more][hidden], .nafs26 [data-n26-empty][hidden], .nafs26 [data-n26-series-note][hidden], .nafs26 [data-n26-calc-err][hidden]{ display: none !important; }
.nafs26 .n26-more:has(> [data-n26-more][hidden]){ display: none; }
/* Seam filter bar (house style): centered on the hero/body seam — half over the photo, half over the page */
.nafs26 .n26-elist .n26-filters{ margin-top: calc(var(--n26-fbar-h, 72px) / -2); }
.nafs26 .n26-phero:has(+ .n26-elist){ padding-bottom: calc(max(48px, calc(90 * var(--n26-u))) + var(--n26-fbar-h, 72px) / 2); }
/* Related items */
.nafs26 .n26-related{ padding: max(48px, calc(90 * var(--n26-u))) 0; background: #f6f3ec; }
.nafs26 .n26-related__head{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-bottom: max(22px, calc(40 * var(--n26-u))); }
.nafs26 .n26-related__all{ display: inline-flex; align-items: center; gap: 10px; font: 700 14px/1 var(--n26-font); color: var(--n26-olive); text-transform: uppercase; letter-spacing: .04em; text-decoration: none; }
.nafs26 .n26-related__all svg{ width: 20px; height: 10px; transition: transform .2s; }
.nafs26 .n26-related__all:hover{ text-decoration: underline; text-underline-offset: 5px; }
.nafs26 .n26-related__all:hover svg{ transform: translateX(3px); }
.nafs26 .n26-rgrid--related{ grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); }
/* =====================================================================
About v2 — split intro, programs band (verbatim program text), team cards
===================================================================== */
.nafs26 .n26-about{ padding: max(56px, calc(110 * var(--n26-u))) 0; }
.nafs26 .n26-about__split{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: max(28px, calc(100 * var(--n26-u))); align-items: center; }
.nafs26 .n26-about__photo{ position: relative; }
.nafs26 .n26-about__photo::before{ content: ""; position: absolute; inset: max(16px, calc(28 * var(--n26-u))) calc(-1 * max(16px, calc(28 * var(--n26-u)))) calc(-1 * max(16px, calc(28 * var(--n26-u)))) max(16px, calc(28 * var(--n26-u))); border-radius: 13px; background: var(--n26-gold); opacity: .55; }
.nafs26 .n26-about__photo img{ position: relative; display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 13px; box-shadow: var(--n26-shadow); }
.nafs26 .n26-about__copy .n26-h2{ margin-bottom: max(18px, calc(30 * var(--n26-u))); }
.nafs26 .n26-about__copy p:not(.n26-eyebrow){ margin: 0 0 16px; font-size: var(--n26-fs-body); line-height: 1.5; color: #444; max-width: 640px; }
.nafs26 .n26-about__ctas{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px !important; }
@media (max-width: 900px) { .nafs26 .n26-about__split{ grid-template-columns: minmax(0, 1fr); } .nafs26 .n26-about__photo{ max-width: 420px; margin: 0 auto 20px; } }
.nafs26 .n26-progs{ position: relative; padding: max(56px, calc(110 * var(--n26-u))) 0; color: var(--n26-white); overflow: hidden; scroll-margin-top: 90px; }
.nafs26 .n26-progs__bg{ position: absolute; inset: 0; background-size: cover; background-position: center; }
.nafs26 .n26-progs__bg::after{ content: ""; position: absolute; inset: 0; background: rgba(41,47,30,.92); }
.nafs26 .n26-progs__inner{ position: relative; }
.nafs26 .n26-progs .n26-h2{ margin-bottom: max(24px, calc(44 * var(--n26-u))); }
.nafs26 .n26-progs__list{ margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.18); }
.nafs26 .n26-prog{ border-bottom: 1px solid rgba(255,255,255,.18); }
.nafs26 .n26-prog__h{ margin: 0; }
html body.nafs26 .n26-prog__btn{ display: grid; grid-template-columns: max(48px, calc(80 * var(--n26-u))) minmax(0, 1fr) 36px; align-items: center; gap: 16px; width: 100%; padding: max(18px, calc(28 * var(--n26-u))) 0; border: 0; background: none; color: var(--n26-white); text-align: left; cursor: pointer; }
.nafs26 .n26-prog__num{ font: 700 max(22px, calc(32 * var(--n26-u)))/1 var(--n26-font-num); color: var(--n26-gold); }
.nafs26 .n26-prog__title{ font-size: max(18px, calc(24 * var(--n26-u))); font-weight: 700; line-height: 1.25; }
html body.nafs26 .n26-prog__btn:hover .n26-prog__title{ text-decoration: underline; text-decoration-color: var(--n26-gold); text-underline-offset: 5px; }
.nafs26 .n26-prog__toggle{ position: relative; width: 36px; height: 36px; border: 2px solid rgba(255,255,255,.5); border-radius: 50%; }
.nafs26 .n26-prog__toggle::before, .nafs26 .n26-prog__toggle::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; background: currentColor; transform: translate(-50%, -50%); transition: transform .2s; }
.nafs26 .n26-prog__toggle::after{ transform: translate(-50%, -50%) rotate(90deg); }
.nafs26 .n26-prog.is-open .n26-prog__toggle{ border-color: var(--n26-gold); background: var(--n26-gold); }
.nafs26 .n26-prog.is-open .n26-prog__toggle::after{ transform: translate(-50%, -50%) rotate(0deg); }
.nafs26 .n26-prog__body{ padding: 0 0 max(26px, calc(40 * var(--n26-u))) calc(max(48px, calc(80 * var(--n26-u))) + 16px); max-width: 980px; font-size: max(15px, calc(18 * var(--n26-u))); line-height: 1.6; color: rgba(255,255,255,.88); }
.nafs26 .n26-prog__body[hidden]{ display: none; }
.nafs26 .n26-prog__body p{ margin: 0 0 14px; }
.nafs26 .n26-prog__body ul, .nafs26 .n26-prog__body ol{ margin: 0 0 16px; padding: 0; list-style: none; columns: 2 280px; column-gap: 32px; }
.nafs26 .n26-prog__body li{ position: relative; margin: 0 0 8px; padding-left: 20px; break-inside: avoid; }
.nafs26 .n26-prog__body li::before{ content: ""; position: absolute; left: 0; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--n26-gold); }
.nafs26 .n26-prog__body a{ color: var(--n26-gold); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.nafs26 .n26-prog__body a:hover{ color: var(--n26-white); }
@media (max-width: 700px) { .nafs26 .n26-prog__body{ padding-left: 0; } }
/* Team / board cards */
.nafs26 .n26-person{ flex: 0 1 calc((100% - 2 * max(18px, calc(32 * var(--n26-u)))) / 3); min-width: 220px; }
html body.nafs26 .n26-person__btn{ align-items: stretch; height: 100%; background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 14px; overflow: hidden; text-align: left; box-shadow: 0 2px 10px rgba(35,30,21,.04); transition: box-shadow .2s, transform .2s; }
html body.nafs26 .n26-person__btn:not(:disabled):hover{ box-shadow: 0 10px 28px rgba(35,30,21,.12); transform: translateY(-2px); }
.nafs26 .n26-person__photo{ width: 100%; aspect-ratio: 1; margin: 0; border-radius: 0; box-shadow: none; background: #e9e4d8; }
.nafs26 .n26-person__btn:hover .n26-person__photo, .nafs26 .n26-person__btn:focus-visible .n26-person__photo{ box-shadow: none; }
.nafs26 .n26-person__photo img{ transition: transform .4s var(--n26-ease); }
.nafs26 .n26-person__btn:not(:disabled):hover .n26-person__photo img{ transform: scale(1.03); }
.nafs26 .n26-person__body{ display: flex; flex-direction: column; gap: 4px; flex: 1; padding: 18px 20px 20px; }
.nafs26 .n26-person__more{ margin-top: auto; padding-top: 10px; }
.nafs26 .n26-team .n26-people{ justify-content: flex-start; }
@media (max-width: 760px) { .nafs26 .n26-person{ flex-basis: calc((100% - 18px) / 2); min-width: 0; } }
/* Donate: grants list with the exact program titles */
.nafs26 .n26-grantlist{ margin: 0; padding: 0; list-style: none; border-top: 1px solid #e3ddcf; }
.nafs26 .n26-grantlist a{ display: grid; grid-template-columns: max(44px, calc(70 * var(--n26-u))) minmax(0, 1fr) 24px; align-items: center; gap: 16px; padding: max(16px, calc(22 * var(--n26-u))) 4px; border-bottom: 1px solid #e3ddcf; color: var(--n26-ink); text-decoration: none; }
.nafs26 .n26-grantlist__num{ font: 700 max(20px, calc(28 * var(--n26-u)))/1 var(--n26-font-num); color: var(--n26-gold); }
.nafs26 .n26-grantlist__t{ font-size: max(17px, calc(22 * var(--n26-u))); font-weight: 700; line-height: 1.3; }
.nafs26 .n26-grantlist svg{ width: 20px; height: 10px; color: var(--n26-olive); transition: transform .2s; }
.nafs26 .n26-grantlist a:hover .n26-grantlist__t{ color: var(--n26-olive); }
.nafs26 .n26-grantlist a:hover svg{ transform: translateX(4px); }
/* Headshots are circle-cut PNGs: float the circle on a soft panel */
.nafs26 .n26-person__photo{ display: flex; align-items: center; justify-content: center; padding: 11%; background: linear-gradient(160deg, #f3efe6 0%, #e6dcc6 100%); }
.nafs26 .n26-person__photo img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 6px rgba(255,255,255,.7), 0 8px 22px rgba(35,30,21,.15); }
.nafs26 .n26-team--board .n26-person__photo{ background: linear-gradient(160deg, #565b39 0%, #3f4a2c 100%); }
.nafs26 .n26-team--board .n26-person__photo img{ box-shadow: 0 0 0 6px rgba(219,173,103,.55), 0 8px 22px rgba(0,0,0,.25); }
/* =====================================================================
Single event (redesign) — seam details bar, two-column body, side cards
===================================================================== */
.nafs26 .n26-phero:has(+ .n26-esingle){ padding-bottom: calc(max(48px, calc(90 * var(--n26-u))) + var(--n26-fbar-h, 80px) / 2); }
.nafs26 .n26-phero:has(+ .n26-esingle) .n26-lhero__title{ font-size: max(34px, calc(60 * var(--n26-u))); line-height: 1; }
.nafs26 .n26-esingle{ padding: 0 0 max(56px, calc(100 * var(--n26-u))); }
.nafs26 .n26-ebar{ position: relative; z-index: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 14px max(20px, calc(44 * var(--n26-u))); margin-top: calc(var(--n26-fbar-h, 80px) / -2); padding: max(16px, calc(22 * var(--n26-u))) max(18px, calc(32 * var(--n26-u))); background: var(--n26-white); border-radius: 14px; box-shadow: 0 12px 34px rgba(35,30,21,.14); }
.nafs26 .n26-ebar__item{ display: flex; align-items: center; gap: 12px; min-width: 0; }
.nafs26 .n26-ebar__item > .n26-icon{ flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: #f3efe6; color: var(--n26-olive); }
.nafs26 .n26-ebar__item > .n26-icon svg{ width: 18px; height: 18px; }
.nafs26 .n26-ebar__item > span{ display: flex; flex-direction: column; gap: 3px; }
.nafs26 .n26-ebar__k{ font: 600 12px/1 var(--n26-font); text-transform: uppercase; letter-spacing: .06em; color: var(--n26-gray); }
.nafs26 .n26-ebar__v{ font-size: max(15px, calc(18 * var(--n26-u))); font-weight: 700; color: var(--n26-ink); }
.nafs26 .n26-ebar__dir{ margin-left: 6px; font-size: 13px; font-weight: 700; color: var(--n26-olive); }
.nafs26 .n26-ebar__cta{ margin-left: auto; }
.nafs26 .n26-esingle__grid{ display: grid; grid-template-columns: minmax(0, 1fr) max(280px, calc(380 * var(--n26-u))); gap: max(28px, calc(72 * var(--n26-u))); align-items: start; margin-top: max(36px, calc(64 * var(--n26-u))); }
.nafs26 .n26-esingle__tags{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.nafs26 .n26-esingle__tags a{ text-decoration: none; }
.nafs26 .n26-esingle__block{ margin-bottom: max(32px, calc(52 * var(--n26-u))); scroll-margin-top: 110px; }
.nafs26 .n26-esingle__h{ margin: 0 0 16px; font-size: max(22px, calc(30 * var(--n26-u))); font-weight: 700; color: var(--n26-ink); }
.nafs26 .n26-esingle__text{ font-size: var(--n26-fs-body); line-height: 1.6; color: #3d3d3d; }
.nafs26 .n26-esingle__text p{ margin: 0 0 16px; }
.nafs26 .n26-esingle__text ul{ margin: 0 0 16px; padding-left: 22px; }
.nafs26 .n26-esingle__details{ margin-top: 10px; padding: 18px 22px; background: #f6f3ec; border-radius: 12px; font-size: 16px; }
.nafs26 .n26-esingle__video{ margin: 0; }
.nafs26 .n26-espeakers{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
html body.nafs26 .n26-espeaker{ display: flex; align-items: center; gap: 16px; width: 100%; padding: 14px; border: 1px solid #ebe6da; border-radius: 14px; background: var(--n26-white); color: var(--n26-ink); text-align: left; cursor: pointer; transition: box-shadow .2s; }
html body.nafs26 .n26-espeaker:disabled{ cursor: default; }
html body.nafs26 .n26-espeaker:not(:disabled):hover{ box-shadow: 0 8px 22px rgba(35,30,21,.1); }
.nafs26 .n26-espeaker > span:last-child{ display: flex; flex-direction: column; gap: 3px; }
.nafs26 .n26-espeaker__photo{ flex: 0 0 72px; height: 72px; border-radius: 50%; overflow: hidden; background: #e9e4d8; box-shadow: 0 0 0 4px rgba(154,160,116,.35); }
.nafs26 .n26-espeaker__photo img{ width: 100%; height: 100%; object-fit: cover; }
.nafs26 .n26-espeaker__name{ font-weight: 700; font-size: 17px; }
.nafs26 .n26-espeaker__role{ font-size: 14px; color: var(--n26-gray); }
.nafs26 .n26-esingle__pdf{ display: flex; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid #ebe6da; border-radius: 14px; background: var(--n26-white); color: var(--n26-ink); text-decoration: none; }
.nafs26 .n26-esingle__pdf > .n26-icon{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 48px; height: 48px; border-radius: 50%; background: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-esingle__pdf > .n26-icon svg{ width: 20px; height: 20px; }
.nafs26 .n26-esingle__pdf > span{ display: flex; flex-direction: column; gap: 2px; font-size: 14px; color: var(--n26-gray); }
.nafs26 .n26-esingle__pdf strong{ font-size: 17px; color: var(--n26-ink); }
html body.nafs26 .n26-esingle__pdf:hover{ border-color: var(--n26-olive); color: var(--n26-ink); }
.nafs26 .n26-ereg{ padding: max(22px, calc(40 * var(--n26-u))); background: var(--n26-white); border: 1px solid #ebe6da; border-top: 5px solid var(--n26-gold); border-radius: 14px; box-shadow: 0 6px 24px rgba(35,30,21,.06); }
.nafs26 .n26-ereg p{ font-size: 16px; }
.nafs26 .n26-esingle__side{ position: sticky; top: calc(var(--n26-header-h) + 20px); display: flex; flex-direction: column; gap: 16px; }
.nafs26 .n26-eside__flyer{ display: block; border-radius: 14px; overflow: hidden; box-shadow: var(--n26-shadow); }
.nafs26 .n26-eside__flyer img{ display: block; width: 100%; height: auto; }
.nafs26 .n26-eside__card{ padding: 18px 20px; background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 14px; }
.nafs26 .n26-eside__h{ margin: 0 0 10px; font: 700 13px/1 var(--n26-font); text-transform: uppercase; letter-spacing: .06em; color: var(--n26-gray); }
.nafs26 .n26-eside__links{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.nafs26 .n26-eside__links a, html body.nafs26 .n26-eside__links button{ display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid #d9d3c4; border-radius: 999px; background: var(--n26-white); color: var(--n26-olive); font: 600 14px/1 var(--n26-font); text-decoration: none; cursor: pointer; }
.nafs26 .n26-eside__links a:hover, html body.nafs26 .n26-eside__links button:hover{ border-color: var(--n26-olive); background: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-eside__status{ margin: 8px 0 0; font-size: 13px; color: var(--n26-olive); }
.nafs26 .n26-eside__status:empty{ display: none; }
.nafs26 .n26-eside__card--help{ background: var(--n26-olive); border-color: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-eside__card--help .n26-eside__h{ color: rgba(255,255,255,.75); }
.nafs26 .n26-eside__card--help p{ margin: 0; line-height: 1.6; }
.nafs26 .n26-eside__card--help a{ color: var(--n26-white); font-weight: 600; }
.nafs26 .n26-eside__tel{ font: 700 22px/1.3 var(--n26-font-num); text-decoration: none; }
.nafs26 .n26-eside__card--help a:hover{ color: var(--n26-gold); }
.nafs26 .n26-emore{ padding: max(48px, calc(90 * var(--n26-u))) 0; border-top: 1px solid #ebe6da; }
@media (max-width: 1000px) {
.nafs26 .n26-esingle__grid{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-esingle__side{ position: static; }
.nafs26 .n26-eside__flyer{ max-width: 420px; }
.nafs26 .n26-ebar__cta{ margin-left: 0; width: 100%; }
}
/* Event bar: WHO (presenter faces open their bio) */
.nafs26 .n26-ebar__faces{ display: flex; flex: 0 0 auto; }
html body.nafs26 .n26-ebar__face{ width: 42px; height: 42px; margin-left: -10px; padding: 0; border: 2px solid var(--n26-white); border-radius: 50%; overflow: hidden; background: #e9e4d8; cursor: pointer; box-shadow: 0 0 0 2px rgba(154,160,116,.45); transition: transform .2s; }
html body.nafs26 .n26-ebar__face:first-child{ margin-left: 0; }
html body.nafs26 .n26-ebar__face:hover{ transform: translateY(-2px); }
html body.nafs26 .n26-ebar__face:disabled{ cursor: default; }
.nafs26 .n26-ebar__face img{ width: 100%; height: 100%; object-fit: cover; display: block; }
html body.nafs26 .n26-ebar__name{ padding: 0; border: 0; background: none; color: var(--n26-ink); font: inherit; text-decoration: underline; text-decoration-color: rgba(86,91,57,.35); text-underline-offset: 3px; cursor: pointer; }
html body.nafs26 .n26-ebar__name:hover{ color: var(--n26-olive); text-decoration-color: var(--n26-gold); }
/* Sticky header: frosted blur while scrolling */
.nafs26 .n26-header.is-stuck{ background: rgba(41,47,30,.72); -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .nafs26 .n26-header.is-stuck{ background: rgba(41,47,30,.94); } }
/* About: hotline line + program cards (closed; full verbatim text in a dialog) */
.nafs26 .n26-about__call a{ color: var(--n26-olive); font-weight: 700; white-space: nowrap; }
.nafs26 .n26-pcards{ display: flex; flex-wrap: wrap; justify-content: center; gap: max(16px, calc(24 * var(--n26-u))); margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-pcard{ flex: 0 1 calc((100% - 2 * max(16px, calc(24 * var(--n26-u)))) / 3); min-width: 260px; display: flex; }
html body.nafs26 .n26-pcard__btn{ display: flex; flex-direction: column; gap: 12px; width: 100%; padding: max(22px, calc(32 * var(--n26-u))); border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.06); color: var(--n26-white); text-align: left; cursor: pointer; transition: background-color .2s, border-color .2s, transform .2s; }
html body.nafs26 .n26-pcard__btn:hover, html body.nafs26 .n26-pcard__btn:focus-visible{ background: rgba(255,255,255,.12); border-color: var(--n26-gold); transform: translateY(-2px); color: var(--n26-white); }
.nafs26 .n26-pcard__num{ font: 700 max(24px, calc(34 * var(--n26-u)))/1 var(--n26-font-num); color: var(--n26-gold); }
.nafs26 .n26-pcard__title{ font-size: max(17px, calc(21 * var(--n26-u))); font-weight: 700; line-height: 1.25; }
.nafs26 .n26-pcard__lead{ font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.78); }
.nafs26 .n26-pcard__more{ display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 6px; font: 700 13px/1 var(--n26-font); color: var(--n26-gold); text-transform: uppercase; letter-spacing: .04em; }
.nafs26 .n26-pcard__more svg{ width: 20px; height: 10px; transition: transform .2s; }
html body.nafs26 .n26-pcard__btn:hover .n26-pcard__more svg{ transform: translateX(4px); }
.nafs26 .n26-prog__dlgtitle{ margin: 4px 0 18px; line-height: 1.2; }
.nafs26 .n26-prog__dlgtext ul{ margin: 0 0 16px; padding: 0; list-style: none; }
.nafs26 .n26-prog__dlgtext li{ position: relative; margin: 0 0 8px; padding-left: 20px; font-size: 16px; line-height: 1.55; color: #444; }
.nafs26 .n26-prog__dlgtext li::before{ content: ""; position: absolute; left: 0; top: .6em; width: 8px; height: 8px; border-radius: 50%; background: var(--n26-gold); }
.nafs26 .n26-prog__dlgtext a{ color: var(--n26-olive); font-weight: 700; }
.nafs26 .n26-prog__dlgcta{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 22px 0 0; }
.nafs26 .n26-prog__dlgcall{ font: 700 18px/1 var(--n26-font-num); color: var(--n26-olive); text-decoration: none; }
@media (max-width: 760px) { .nafs26 .n26-pcard{ flex-basis: 100%; } }
/* About: circular portrait of a real NAFS rancher */
.nafs26 .n26-about__portrait{ margin: 0; text-align: center; }
.nafs26 .n26-about__ring{ position: relative; display: inline-block; width: min(100%, 460px); aspect-ratio: 1; }
.nafs26 .n26-about__ring::before{ content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--n26-gold); opacity: .5; transform: translate(max(12px, calc(22 * var(--n26-u))), max(12px, calc(22 * var(--n26-u)))); }
.nafs26 .n26-about__ring img{ position: relative; display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 8px var(--n26-white), var(--n26-shadow); }
.nafs26 .n26-about__portrait figcaption{ max-width: 400px; margin: max(22px, calc(36 * var(--n26-u))) auto 0; font-size: 14px; line-height: 1.5; font-style: italic; color: var(--n26-gray); }
.nafs26 .n26-about__portrait figcaption strong{ font-style: normal; color: var(--n26-ink); }
/* Pop-up prev / next */
.nafs26 .n26-dlgnav{ position: fixed; left: 0; right: 0; bottom: max(14px, 3svh); z-index: 3; display: flex; align-items: center; justify-content: center; gap: 14px; pointer-events: none; }
.nafs26 .n26-dlgnav[hidden]{ display: none; }
html body.nafs26 .n26-dlgnav__btn{ pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0 0 4px; border: 0; border-radius: 50%; background: var(--n26-white); color: var(--n26-olive); font: 400 32px/1 var(--n26-font); cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.3); transition: background-color .15s, color .15s, transform .15s; }
html body.nafs26 .n26-dlgnav__btn:hover, html body.nafs26 .n26-dlgnav__btn:focus-visible{ background: var(--n26-gold); color: var(--n26-white); transform: scale(1.06); }
.nafs26 .n26-dlgnav__count{ min-width: 64px; padding: 6px 12px; border-radius: 999px; background: rgba(0,0,0,.45); color: var(--n26-white); font: 600 13px/1 var(--n26-font); text-align: center; }
@media (min-width: 1000px) {
.nafs26 .n26-dlgnav{ top: 50%; bottom: auto; transform: translateY(-50%); justify-content: space-between; padding: 0 max(16px, 2vw); }
.nafs26 .n26-dlgnav__count{ position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); }
html body.nafs26 .n26-dlgnav__btn{ width: 56px; height: 56px; font-size: 38px; }
}
.nafs26 .n26-bio__panel{ max-height: calc(100svh - 110px); }
@media (min-width: 1000px) {
.nafs26 .n26-dlgnav{ top: 0; bottom: 0; transform: none; }
.nafs26 .n26-pdfv .n26-dlgnav__count{ display: none; } /* the viewer has its own page counter */
}
/* Bio pop-up v2: big photo beside the bio (people only; program pop-ups keep the text layout) */
.nafs26 .n26-bio__panel:has(.n26-bio__head){ width: min(980px, 100%); padding: 0; overflow: hidden; display: flex; }
.nafs26 .n26-bio__panel:has(.n26-bio__head) .n26-bio__body{ display: grid; grid-template-columns: minmax(220px, 34%) minmax(0, 1fr); grid-template-rows: auto 1fr; width: 100%; max-height: calc(100svh - 110px); }
.nafs26 .n26-bio__body .n26-bio__head{ display: contents; }
.nafs26 .n26-bio__body .n26-bio__head img{ grid-column: 1; grid-row: 1 / span 2; align-self: stretch; width: 100%; height: 100%; min-height: 320px; padding: 13% 12%; object-fit: contain; object-position: center top; border-radius: 0; background: linear-gradient(170deg, #565b39 0%, #3f4a2c 100%); }
.nafs26 .n26-bio__body .n26-bio__head > div{ grid-column: 2; grid-row: 1; padding: max(28px, calc(48 * var(--n26-u))) max(26px, calc(48 * var(--n26-u))) 10px; }
.nafs26 .n26-bio__body .n26-bio__name{ font-size: max(24px, calc(34 * var(--n26-u))); }
.nafs26 .n26-bio__body .n26-bio__role{ margin-top: 6px; font-size: 16px; color: var(--n26-olive); font-weight: 600; }
.nafs26 .n26-bio__body .n26-bio__text{ grid-column: 2; grid-row: 2; overflow: auto; padding: 8px max(26px, calc(48 * var(--n26-u))) max(28px, calc(44 * var(--n26-u))); }
.nafs26 .n26-bio__panel:has(.n26-bio__head) .n26-bio__close{ z-index: 2; background: var(--n26-white); }
@media (max-width: 720px) {
.nafs26 .n26-bio__panel:has(.n26-bio__head) .n26-bio__body{ grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 1fr; overflow: auto; }
.nafs26 .n26-bio__body .n26-bio__head img{ grid-column: 1; grid-row: 1; min-height: 0; height: 240px; padding: 22px; }
.nafs26 .n26-bio__body .n26-bio__head > div{ grid-column: 1; grid-row: 2; padding: 20px 22px 4px; }
.nafs26 .n26-bio__body .n26-bio__text{ grid-column: 1; grid-row: 3; overflow: visible; padding: 8px 22px 26px; }
}
/* RSVP form (live snippet) — tightened to the site's form style, on redesigned event pages only */
.nafs26 .n26-ereg{ padding: max(20px, calc(32 * var(--n26-u))) max(18px, calc(32 * var(--n26-u))); }
.nafs26 .n26-ereg .n26-esingle__h{ margin-bottom: 6px; }
.nafs26 .n26-ereg .event-webinar-rsvp-form-wrap, .nafs26 .n26-ereg .event-rsvp-form-wrap{ max-width: none; }
.nafs26 .n26-ereg .event-rsvp-step-heading{ margin: 0 0 12px; }
.nafs26 .n26-ereg .event-rsvp-step-heading h3{ margin: 14px 0 2px; font-size: 17px; font-weight: 700; color: var(--n26-olive); }
.nafs26 .n26-ereg .event-rsvp-step-heading p{ font-size: 14px; color: var(--n26-gray); opacity: 1; }
.nafs26 .n26-ereg .event-rsvp-grid{ gap: 10px 12px; }
.nafs26 .n26-ereg .event-rsvp-form input[type="text"], .nafs26 .n26-ereg .event-rsvp-form input[type="email"], .nafs26 .n26-ereg .event-rsvp-form input[type="tel"], .nafs26 .n26-ereg .event-rsvp-form select, .nafs26 .n26-ereg .event-rsvp-form textarea{ min-height: 44px; padding: 8px 16px; border-color: #d9d3c4; font-size: 15px; }
.nafs26 .n26-ereg .event-rsvp-form .event-rsvp-phone-row{ min-height: 44px; border-color: #d9d3c4; }
.nafs26 .n26-ereg .event-rsvp-form .event-rsvp-phone-row input[type="tel"], .nafs26 .n26-ereg .event-rsvp-form .event-rsvp-phone-row .event-rsvp-country-code{ min-height: 42px; }
.nafs26 .n26-ereg .event-rsvp-form input:focus, .nafs26 .n26-ereg .event-rsvp-form select:focus, .nafs26 .n26-ereg .event-rsvp-form textarea:focus{ outline: none; border-color: var(--n26-olive); box-shadow: 0 0 0 3px rgba(86,91,57,.15); }
.nafs26 .n26-ereg .event-rsvp-community-title{ margin: 18px 0 8px; font-size: 15px; font-weight: 700; color: var(--n26-ink); }
.nafs26 .n26-ereg .event-rsvp-checkbox{ gap: 10px; margin: 0 0 8px; font-size: 14px; line-height: 1.35; }
.nafs26 .n26-ereg .event-rsvp-checkbox small, .nafs26 .n26-ereg .event-rsvp-checkbox span span, .nafs26 .n26-ereg .event-rsvp-checkbox p{ font-size: 13px; color: var(--n26-gray); }
.nafs26 .n26-ereg .event-rsvp-checkbox input{ accent-color: var(--n26-olive); }
.nafs26 .n26-ereg .event-rsvp-fieldset{ gap: 6px 14px; }
.nafs26 .n26-ereg .event-rsvp-label, .nafs26 .n26-ereg .event-rsvp-fieldset legend{ margin-bottom: 6px; font-size: 14px; }
.nafs26 .n26-ereg .event-rsvp-button-row{ margin-top: 14px; gap: 10px; }
.nafs26 .n26-ereg .event-rsvp-form button[type="submit"], .nafs26 .n26-ereg .event-rsvp-form .event-rsvp-next, .nafs26 .n26-ereg .event-rsvp-button-row button{ min-height: 46px; border-radius: 999px; font: 700 14px/1 var(--n26-font); letter-spacing: .04em; text-transform: uppercase; }
/* Footer help column: hotline box, email and socials share one centered column */
.nafs26 .n26-footer__help{ display: flex; flex-direction: column; align-items: center; justify-self: end; width: 100%; max-width: 330px; }
.nafs26 .n26-footer__help > *{ width: 100%; }
.nafs26 .n26-footer__email{ margin: 18px 0 0; text-align: center; }
.nafs26 .n26-socials--footer{ justify-content: center; margin: 14px 0 0; }
@media (max-width: 1000px) { .nafs26 .n26-footer__help{ justify-self: center; } }
/* Content pages (Privacy, Terms) */
.nafs26 .n26-prose-wrap{ padding: max(40px, calc(80 * var(--n26-u))) 0 max(64px, calc(110 * var(--n26-u))); }
.nafs26 .n26-prose{ max-width: 780px; margin: 0 auto; padding: max(24px, calc(56 * var(--n26-u))); background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 16px; font-size: 17px; line-height: 1.7; color: #3d3d3d; }
.nafs26 .n26-prose h2, .nafs26 .n26-prose h3, .nafs26 .n26-prose h4{ margin: 1.8em 0 .5em; color: var(--n26-ink); line-height: 1.25; }
.nafs26 .n26-prose h2{ font-size: 22px; } .nafs26 .n26-prose h3{ font-size: 19px; } .nafs26 .n26-prose h4{ font-size: 17px; }
.nafs26 .n26-prose > :first-child{ margin-top: 0; }
.nafs26 .n26-prose p{ margin: 0 0 1em; }
.nafs26 .n26-prose ul, .nafs26 .n26-prose ol{ margin: 0 0 1em; padding-left: 1.4em; }
.nafs26 .n26-prose li{ margin: 0 0 .35em; }
.nafs26 .n26-prose a{ color: var(--n26-olive); font-weight: 600; word-break: break-word; }
/* 404 */
.nafs26 .n26-404{ padding: max(40px, calc(80 * var(--n26-u))) 0 max(64px, calc(110 * var(--n26-u))); }
.nafs26 .n26-404__search{ position: relative; display: flex; gap: 10px; max-width: 760px; margin: 0 auto max(36px, calc(60 * var(--n26-u))); }
.nafs26 .n26-404__search input{ flex: 1; min-height: 52px; padding: 0 18px 0 42px; border: 1px solid #d9d3c4; border-radius: 999px; background: var(--n26-white); font-size: 16px; }
.nafs26 .n26-404__search input:focus{ outline: none; border-color: var(--n26-olive); box-shadow: 0 0 0 3px rgba(86,91,57,.15); }
.nafs26 .n26-404__search .n26-filters__searchicon{ left: 16px; }
.nafs26 .n26-404__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: max(16px, calc(28 * var(--n26-u))); }
.nafs26 .n26-404__col{ padding: max(20px, calc(32 * var(--n26-u))); background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 14px; }
.nafs26 .n26-404__h{ margin: 0 0 14px; font: 700 13px/1 var(--n26-font); text-transform: uppercase; letter-spacing: .06em; color: var(--n26-gray); }
.nafs26 .n26-404__col ul{ margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-404__col li a{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f0ece2; color: var(--n26-ink); font-weight: 600; text-decoration: none; }
.nafs26 .n26-404__col li a svg{ width: 18px; height: 9px; color: var(--n26-olive); transition: transform .2s; }
.nafs26 .n26-404__col li a:hover{ color: var(--n26-olive); }
.nafs26 .n26-404__col li a:hover svg{ transform: translateX(3px); }
.nafs26 .n26-404__help{ background: var(--n26-olive); border-color: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-404__help .n26-404__h{ color: rgba(255,255,255,.75); }
.nafs26 .n26-404__help p{ margin: 0 0 10px; }
.nafs26 .n26-404__help a{ color: var(--n26-white); }
.nafs26 .n26-404__tel{ font: 700 24px/1.2 var(--n26-font-num); text-decoration: none; }
@media (max-width: 900px) { .nafs26 .n26-404__grid{ grid-template-columns: minmax(0, 1fr); } .nafs26 .n26-404__search{ flex-direction: column; } }
.nafs26 .n26-prose__toc{ margin: 0 0 2em; padding: 18px 22px; background: #f6f3ec; border-radius: 12px; }
.nafs26 .n26-prose__tochead{ margin: 0 0 8px !important; font: 700 13px/1 var(--n26-font); text-transform: uppercase; letter-spacing: .06em; color: var(--n26-gray); }
.nafs26 .n26-prose__toc ol{ margin: 0; padding-left: 1.3em; columns: 2 260px; column-gap: 28px; font-size: 15px; }
.nafs26 .n26-prose__toc a{ font-weight: 600; text-decoration: none; }
.nafs26 .n26-prose__toc a:hover{ text-decoration: underline; }
.nafs26 .n26-prose h2[id], .nafs26 .n26-prose h3[id]{ scroll-margin-top: 110px; }
/* Contact v3: phone / email / socials sit on the photo under the intro; form card on the right */
.nafs26 .n26-lhero--contact .n26-lhero__grid{ grid-template-areas: "intro help" "spacer help"; }
.nafs26 .n26-lhero--contact .n26-lhero__intro{ padding-bottom: max(20px, calc(40 * var(--n26-u))); }
.nafs26 .n26-cways{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px max(18px, calc(36 * var(--n26-u))); margin-top: max(20px, calc(34 * var(--n26-u))); }
.nafs26 .n26-cway{ display: inline-flex; align-items: center; gap: 12px; color: var(--n26-white); text-decoration: none; }
.nafs26 .n26-cway__icon{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; height: 40px; border-radius: 50%; background: var(--n26-gold); color: var(--n26-white); transition: transform .2s; }
.nafs26 .n26-cway__icon svg{ width: 18px; height: 18px; }
.nafs26 .n26-cway > span:last-child{ display: flex; flex-direction: column; gap: 2px; }
.nafs26 .n26-cway__k{ font-size: 13px; color: rgba(255,255,255,.8); }
.nafs26 .n26-cway__v{ font: 700 max(18px, calc(24 * var(--n26-u)))/1.15 var(--n26-font-num); color: var(--n26-white); }
html body.nafs26 a.n26-cway:hover{ color: var(--n26-white); }
html body.nafs26 a.n26-cway:hover .n26-cway__icon{ transform: scale(1.08); }
html body.nafs26 a.n26-cway:hover .n26-cway__v{ text-decoration: underline; text-decoration-color: var(--n26-gold); text-underline-offset: 4px; }
.nafs26 .n26-cway--social .n26-socials{ margin: 0; gap: 10px; }
.nafs26 .n26-cway--social .n26-socials a{ color: var(--n26-white); }
.nafs26 .n26-cways__tags{ flex-basis: 100%; margin: 2px 0 0; font-size: 14px; font-weight: 700; color: var(--n26-gold); }
@media (max-width: 1000px) {
.nafs26 .n26-lhero--contact .n26-lhero__grid{ grid-template-areas: "intro" "help"; }
}
/* =====================================================================
v1.3.6 — phone pass
===================================================================== */
@media (max-width: 1000px) {
.nafs26 .n26-lhero__intro{ padding-top: 36px; }
.nafs26 .n26-lhero__grid{ padding-right: var(--n26-gutter); }
}
@media (max-width: 600px) {
/* Learn-page webinar slider: caption gets its own row, arrows + dots sit below it */
.nafs26 .n26-lweb__stage{ padding-bottom: 116px; }
.nafs26 .n26-lweb__caption{ top: calc(100% + 14px); padding: 0 var(--n26-gutter); line-height: 1.35; }
.nafs26 .n26-lweb .n26-arrow{ bottom: 0; }
.nafs26 .n26-lweb__pager{ bottom: 16px; }
/* Event card + list excerpts stay short on phones */
.nafs26 .n26-ecard__desc, .nafs26 .n26-erow__desc{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.nafs26 .n26-erow__desc{ -webkit-line-clamp: 3; }
/* Event rows: date as a small chip beside the tags instead of a tall left column */
.nafs26 .n26-erow{ grid-template-columns: 54px minmax(0, 1fr); align-items: start; gap: 12px 14px; padding: 16px; }
.nafs26 .n26-erow__date{ aspect-ratio: auto; padding: 8px 0; }
.nafs26 .n26-erow__day{ font-size: 24px; margin: 3px 0 2px; }
.nafs26 .n26-erow__mon{ font-size: 11px; }
.nafs26 .n26-erow__yr{ font-size: 11px; }
.nafs26 .n26-erow__title{ font-size: 18px; }
/* Filter chips wrap instead of scrolling off the edge */
.nafs26 .n26-chips{ flex-wrap: wrap; overflow: visible; }
/* Resource cards: shorter media so more fits on screen */
.nafs26 .n26-rcard__media{ aspect-ratio: 16 / 9; }
.nafs26 .n26-rcard--tools .n26-rcard__media, .nafs26 .n26-rcard__media:has(.n26-rcard__ph){ aspect-ratio: 3 / 1; }
.nafs26 .n26-rcard--tools .n26-rcard__tool svg{ width: auto; height: 62%; }
.nafs26 .n26-rcard__ph img{ width: 20% !important; }
.nafs26 .n26-rcard--fact-sheets .n26-rcard__media img{ width: 46%; }
/* Long event titles in the page hero */
.nafs26 .n26-phero .n26-lhero__title{ font-size: clamp(28px, 8vw, 34px); line-height: 1.05; }
.nafs26 .n26-rcard__title{ min-height: 0; }
/* Calculator CTA */
.nafs26 .n26-calc__ctas .n26-btn{ width: 100%; justify-content: center; text-align: center; }
}
/* =====================================================================
v1.4.0 — Financial Foundations series page
===================================================================== */
.nafs26 .n26-ff{ padding: 0 0 max(56px, calc(110 * var(--n26-u))); }
.nafs26 .n26-ff__topics{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: max(28px, calc(80 * var(--n26-u))); align-items: start; margin-top: max(48px, calc(100 * var(--n26-u))); }
.nafs26 .n26-ff__intro p:not(.n26-eyebrow){ margin: 14px 0 0; font-size: var(--n26-fs-body); line-height: 1.5; color: #4b4b4b; max-width: 460px; }
.nafs26 .n26-ff__tlist{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-ff__tlist li > a, .nafs26 .n26-ff__tlist li > span:first-child{ display: flex; }
.nafs26 .n26-ff__tlist li{ display: flex; }
.nafs26 .n26-ff__tlist li > a, .nafs26 .n26-ff__tlist li{ align-items: center; gap: 14px; }
.nafs26 .n26-ff__tlist li{ min-height: 64px; padding: 12px 18px; background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 12px; box-shadow: 0 2px 10px rgba(35,30,21,.04); transition: border-color .2s, box-shadow .2s, transform .2s; }
.nafs26 .n26-ff__tlist li > a{ flex: 1; color: inherit; text-decoration: none; }
.nafs26 .n26-ff__tlist li:has(a):hover{ border-color: var(--n26-gold); box-shadow: 0 8px 22px rgba(35,30,21,.09); transform: translateY(-1px); }
.nafs26 .n26-ff__num{ flex: 0 0 auto; font: 700 max(18px, calc(24 * var(--n26-u)))/1 var(--n26-font-num); color: var(--n26-gold); min-width: 30px; }
.nafs26 .n26-ff__tname{ flex: 1; font-size: max(16px, calc(19 * var(--n26-u))); font-weight: 700; color: var(--n26-ink); line-height: 1.25; }
.nafs26 .n26-ff__watch{ display: inline-flex; align-items: center; gap: 6px; font: 700 12px/1 var(--n26-font); letter-spacing: .06em; text-transform: uppercase; color: var(--n26-olive); }
.nafs26 .n26-ff__watch svg{ width: 16px; height: 9px; }
.nafs26 .n26-ff-up{ padding: max(48px, calc(90 * var(--n26-u))) 0; background: #f6f3ec; }
.nafs26 .n26-ff-up__rows{ display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-ff-join{ position: relative; padding: max(56px, calc(110 * var(--n26-u))) 0; background: var(--n26-forest); color: var(--n26-white); overflow: hidden; }
.nafs26 .n26-ff-join::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(60% 80% at 0% 0%, rgba(214,169,94,.18), transparent 60%); pointer-events: none; }
.nafs26 .n26-ff-join__grid{ position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: max(28px, calc(80 * var(--n26-u))); align-items: start; }
.nafs26 .n26-ff-join__copy{ position: sticky; top: calc(var(--n26-header-h) + 32px); }
.nafs26 .n26-ff-join .n26-h2{ color: var(--n26-white); }
.nafs26 .n26-ff-join__copy > p:not(.n26-eyebrow){ margin: 16px 0 0; font-size: var(--n26-fs-body); line-height: 1.5; color: rgba(255,255,255,.88); }
.nafs26 .n26-ff-join__list{ margin: 20px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.nafs26 .n26-ff-join__list li{ position: relative; padding-left: 30px; font-size: max(15px, calc(18 * var(--n26-u))); line-height: 1.4; }
.nafs26 .n26-ff-join__list li::before{ content: ""; position: absolute; left: 0; top: .2em; width: 18px; height: 18px; border-radius: 50%; background: var(--n26-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23292f1e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px no-repeat; }
.nafs26 .n26-ff-join__help{ margin-top: 24px !important; font-size: 16px !important; }
.nafs26 .n26-ff-join__help a{ color: var(--n26-gold); font-weight: 700; text-decoration: none; }
.nafs26 .n26-ff-join__card{ color: var(--n26-ink); }
/* Hero text never runs under a seam bar (tall when stacked on phones) */
.nafs26 .n26-phero:has(+ .n26-esingle, + .n26-ff, + .n26-elist){ padding-bottom: max(48px, calc(var(--n26-fbar-h, 80px) / 2 + 28px)); }
@media (max-width: 1000px) {
.nafs26 .n26-ff__topics, .nafs26 .n26-ff-join__grid{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-ff-join__copy{ position: static; }
}
@media (max-width: 600px) {
.nafs26 .n26-ff__tlist{ grid-template-columns: minmax(0, 1fr); gap: 8px; }
.nafs26 .n26-ff__tlist li{ min-height: 54px; padding: 10px 14px; }
}
/* =====================================================================
v1.5.0 — Newsroom, single article, featured items
===================================================================== */
/* Featured cards: olive card that sits above the rest (sorted first) */
.nafs26 .n26-rcard.is-featured .n26-rcard__link{ background: var(--n26-olive); border-color: var(--n26-olive); color: var(--n26-white); box-shadow: 0 14px 34px rgba(41,47,30,.28); transform: translateY(-4px); }
.nafs26 .n26-rcard.is-featured .n26-rcard__link:hover{ box-shadow: 0 18px 40px rgba(41,47,30,.34); transform: translateY(-6px); }
.nafs26 .n26-rcard.is-featured .n26-rcard__desc, .nafs26 .n26-rcard.is-featured .n26-rcard__meta{ color: rgba(255,255,255,.82); }
.nafs26 .n26-rcard.is-featured .n26-rcard__more{ color: var(--n26-gold); }
.nafs26 .n26-rcard.is-featured .n26-tag{ background: rgba(255,255,255,.14); color: var(--n26-white); }
.nafs26 .n26-tag--featured, .nafs26 .n26-rcard.is-featured .n26-tag--featured{ background: var(--n26-gold); color: #2c2412; }
/* Newsroom lead story, centered on the hero seam */
.nafs26 .n26-news{ position: relative; z-index: 3; }
.nafs26 .n26-phero:has(+ .n26-news){ padding-bottom: max(48px, calc(var(--n26-fbar-h, 300px) / 2 + 28px)); }
.nafs26 .n26-news__lead{ display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); margin-top: calc(var(--n26-fbar-h, 300px) / -2); background: var(--n26-white); border-radius: 16px; overflow: hidden; color: var(--n26-ink); text-decoration: none; box-shadow: 0 18px 44px rgba(35,30,21,.16); transition: box-shadow .25s, transform .25s; }
.nafs26 .n26-news__lead:hover{ transform: translateY(-2px); box-shadow: 0 22px 52px rgba(35,30,21,.2); }
.nafs26 .n26-news__leadmedia{ position: relative; display: block; min-height: 260px; background: #efece3; }
.nafs26 .n26-news__leadmedia img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nafs26 .n26-news__leadmedia .n26-rcard__ph{ position: absolute; inset: 0; }
.nafs26 .n26-news__leadmedia .n26-rcard__ph img{ position: static; }
.nafs26 .n26-news__leadbody{ display: flex; flex-direction: column; gap: 14px; padding: max(22px, calc(44 * var(--n26-u))); }
.nafs26 .n26-news__leadtitle{ font-size: max(22px, calc(34 * var(--n26-u))); font-weight: 700; line-height: 1.15; }
.nafs26 .n26-news__leaddesc{ font-size: max(15px, calc(18 * var(--n26-u))); line-height: 1.5; color: #555; }
.nafs26 .n26-news__leadbody .n26-rcard__foot{ margin-top: auto; }
.nafs26 .n26-rlist--news{ padding-top: max(40px, calc(80 * var(--n26-u))); }
.nafs26 .n26-news__media{ margin: 28px 0 0; font-size: 15px; color: var(--n26-gray); }
.nafs26 .n26-news__media a{ color: var(--n26-olive); font-weight: 700; }
/* Single article */
.nafs26 .n26-article__img{ margin: 0 0 22px; border-radius: 14px; overflow: hidden; }
.nafs26 .n26-article__img img{ display: block; width: 100%; height: auto; }
.nafs26 .n26-article__body{ max-width: none; margin: 0; }
.nafs26 .n26-article__more{ margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.nafs26 .n26-article__more a{ display: block; font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--n26-ink); text-decoration: none; }
.nafs26 .n26-article__more a:hover{ color: var(--n26-olive); text-decoration: underline; text-underline-offset: 3px; }
.nafs26 .n26-article__more span{ display: block; margin-top: 3px; font-size: 13px; color: var(--n26-gray); }
.nafs26 .n26-article__all{ margin: 14px 0 0; }
.nafs26 .n26-article__all a{ display: inline-flex; align-items: center; gap: 8px; font: 700 13px/1 var(--n26-font); letter-spacing: .04em; text-transform: uppercase; color: var(--n26-olive); text-decoration: none; }
.nafs26 .n26-article__all svg{ width: 18px; height: 9px; }
@media (max-width: 600px) {
.nafs26 .n26-prose{ padding: 20px 18px; font-size: 16px; line-height: 1.65; border-radius: 12px; }
}
@media (max-width: 800px) {
.nafs26 .n26-news__lead{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-news__leadmedia{ min-height: 0; aspect-ratio: 16 / 9; }
}
/* About: rotating team portraits (v1.5.1) */
.nafs26 .n26-about__ring img{ transition: opacity .9s var(--n26-ease); }
.nafs26 [data-n26-faces] .n26-about__ring img{ position: absolute; inset: 0; opacity: 0; }
.nafs26 [data-n26-faces] .n26-about__ring img.is-on{ opacity: 1; }
.nafs26 .n26-about__caps{ display: grid; max-width: 400px; margin: max(22px, calc(36 * var(--n26-u))) auto 0; }
.nafs26 .n26-about__caps > span{ grid-area: 1 / 1; opacity: 0; transition: opacity .6s var(--n26-ease); }
.nafs26 .n26-about__caps > span.is-on{ opacity: 1; }
.nafs26 .n26-about__dots{ display: flex; justify-content: center; gap: 4px; margin-top: 12px; }
html body.nafs26 .n26-about__dots button{ position: relative; width: 24px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; }
html body.nafs26 .n26-about__dots button::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #d8d2c3; transition: background .2s, transform .2s; }
html body.nafs26 .n26-about__dots button.is-on::after{ background: var(--n26-olive); transform: scale(1.25); }
html body.nafs26 .n26-about__dots button:focus-visible{ outline: 2px solid var(--n26-olive); outline-offset: 0; border-radius: 50%; }
/* =====================================================================
v1.6.0 — Organic section edges (Will, Oct 7: "transitions the light background over the next section", ref. glaubfm.com)
Soft hand-cut wave on the edges of photo heroes and colored bands; the page color laps over them.
Bands overlap the section above by one edge height so the dips show that section, not a gap.
===================================================================== */
.nafs26{ --n26-edge: max(16px, calc(34 * var(--n26-u))); --n26-edge-top: url("data:image/svg+xml,"); --n26-edge-bot: url("data:image/svg+xml,"); }
/* Photo heroes: wavy bottom (mask the background layer only, so seam bars and help cards are never clipped) */
.nafs26 .n26-hero, .nafs26 .n26-lhero__bg, .nafs26 .n26-phero__bg{
-webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - var(--n26-edge) + 1px) no-repeat, var(--n26-edge-bot) bottom / 100% var(--n26-edge) no-repeat;
mask: linear-gradient(#000 0 0) top / 100% calc(100% - var(--n26-edge) + 1px) no-repeat, var(--n26-edge-bot) bottom / 100% var(--n26-edge) no-repeat;
}
/* Colored bands: wavy top and bottom */
.nafs26 .n26-join, .nafs26 .n26-related, .nafs26 .n26-ff-up, .nafs26 .n26-ff-join, .nafs26 .n26-progs, .nafs26 .n26-strip, .nafs26 .n26-emore, .nafs26 .n26-team--board{
position: relative;
margin-top: calc(-1 * var(--n26-edge));
-webkit-mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--n26-edge) + 2px) no-repeat, var(--n26-edge-bot) bottom / 100% var(--n26-edge) no-repeat;
mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--n26-edge) + 2px) no-repeat, var(--n26-edge-bot) bottom / 100% var(--n26-edge) no-repeat;
}
/* The join band sits on the footer: no bottom wave there; the footer's top wave laps up into it instead */
.nafs26 .n26-join{
-webkit-mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--n26-edge) + 1px) no-repeat;
mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--n26-edge) + 1px) no-repeat;
}
.nafs26 .n26-footer{
position: relative;
margin-top: calc(-1 * var(--n26-edge));
-webkit-mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--n26-edge) + 1px) no-repeat;
mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--n26-edge) + 1px) no-repeat;
}
/* Newsroom lead story inline: first card, two columns wide, image beside the text (v1.6.1) */
@media (min-width: 700px) {
.nafs26 .n26-rcard--wide{ grid-column: span 2; }
.nafs26 .n26-rcard--wide .n26-rcard__link{ flex-direction: row; }
.nafs26 .n26-rcard--wide .n26-rcard__media{ flex: 0 0 48%; aspect-ratio: auto; min-height: 100%; }
.nafs26 .n26-rcard--wide .n26-rcard__body{ padding: 26px 28px; justify-content: center; }
.nafs26 .n26-rcard--wide .n26-rcard__title{ font-size: 24px; -webkit-line-clamp: 3; min-height: 0; }
.nafs26 .n26-rcard--wide .n26-rcard__desc{ -webkit-line-clamp: 4; min-height: 0; font-size: 15px; }
}
.nafs26 .n26-rcard--wide .n26-rcard__ph{ background: linear-gradient(135deg, #3f4a2c, #2f3721); }
/* =====================================================================
v1.7.2 — Homepage local weather: a single quiet line under the header, top right (no box)
===================================================================== */
.nafs26 .n26-wx{ position: absolute; z-index: 3; top: calc(var(--n26-header-h) + 14px); right: var(--n26-gutter); display: inline-flex; align-items: center; gap: 7px; margin: 0; color: var(--n26-white); font-size: 14px; line-height: 1; text-shadow: 0 1px 6px rgba(0,0,0,.45); cursor: default; }
.nafs26 .n26-wx[hidden]{ display: none; }
.nafs26 .n26-wx svg{ width: 20px; height: 20px; color: var(--n26-gold); filter: drop-shadow(0 1px 4px rgba(0,0,0,.35)); }
.nafs26 .n26-wx__temp{ font-weight: 700; font-size: 15px; }
.nafs26 .n26-wx__place{ opacity: .85; }
.nafs26 .n26-wx__place::before{ content: "·"; margin-right: 7px; }
@media (max-width: 600px) { .nafs26 .n26-wx{ top: calc(var(--n26-header-h) + 10px); font-size: 13px; } .nafs26 .n26-wx__place{ display: none; } }
/* Search results page (v1.7.1) */
.nafs26 .n26-sres__form{ flex-wrap: nowrap; gap: 12px; max-width: 900px; margin-left: auto; margin-right: auto; }
.nafs26 .n26-sres__form .n26-filters__searchicon{ position: static; transform: none; width: 20px; height: 20px; flex: 0 0 auto; color: var(--n26-olive); }
.nafs26 .n26-sres__form .n26-filters__searchicon svg{ width: 20px; height: 20px; }
html body.nafs26 .n26-sres__form input[type="search"]{ flex: 1; min-width: 0; height: 48px; padding: 0 16px; border: 1px solid #ddd6c6; border-radius: 999px; font-size: 17px; background: #fbfaf6; }
.nafs26 .n26-sres__form .n26-btn{ margin: 0; flex: 0 0 auto; }
.nafs26 .n26-sres__groups, .nafs26 .n26-sres__none{ max-width: 900px; margin: max(36px, calc(64 * var(--n26-u))) auto 0; }
.nafs26 .n26-sres__group + .n26-sres__group{ margin-top: 34px; }
.nafs26 .n26-sres__h{ display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: max(18px, calc(24 * var(--n26-u))); font-weight: 700; color: var(--n26-ink); }
.nafs26 .n26-sres__h span{ display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; padding: 0 8px; border-radius: 999px; background: #efece3; color: var(--n26-olive); font-size: 13px; }
.nafs26 .n26-sres__none p{ margin: 0 0 18px; font-size: 17px; line-height: 1.55; color: #4b4b4b; }
.nafs26 .n26-sres__none p a{ color: var(--n26-olive); font-weight: 700; }
.nafs26 .n26-sres__list{ display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-sres__list a{ display: flex; align-items: center; gap: 14px; padding: 14px 18px; background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 12px; color: var(--n26-ink); text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.nafs26 .n26-sres__list a:hover, .nafs26 .n26-sres__list a:focus-visible{ border-color: var(--n26-gold); box-shadow: 0 6px 18px rgba(35,30,21,.08); }
.nafs26 .n26-sres__title{ flex: 1; min-width: 0; font-weight: 700; font-size: 16px; line-height: 1.3; }
.nafs26 .n26-sres__meta{ flex: 0 0 auto; font-size: 13px; color: var(--n26-gray); }
.nafs26 .n26-sres__list svg{ flex: 0 0 auto; width: 18px; height: 9px; color: var(--n26-olive); }
@media (max-width: 600px) {
.nafs26 .n26-sres__form{ flex-wrap: wrap; }
.nafs26 .n26-sres__form .n26-filters__searchicon{ display: none; }
.nafs26 .n26-sres__form .n26-btn{ width: 100%; }
.nafs26 .n26-sres__list a{ flex-wrap: wrap; gap: 4px 12px; }
.nafs26 .n26-sres__meta{ order: 3; width: 100%; }
}
/* v1.7.4 (Will): no hand-cut edge above the fold (heroes), and a straight seam between the email sign-up and the footer */
.nafs26 .n26-hero, .nafs26 .n26-lhero__bg, .nafs26 .n26-phero__bg{ -webkit-mask: none; mask: none; }
.nafs26 .n26-footer{ margin-top: 0; -webkit-mask: none; mask: none; }
/* Photo strip right above the email sign-up: the sign-up runs up underneath the strip, so the strip's wavy bottom shows the sign-up, not white */
.nafs26 .n26-strip{ z-index: 2; }
.nafs26 .elementor-section:has(.n26-strip) + .elementor-section .n26-join, .nafs26 .n26-strip + .n26-join{ z-index: 1; margin-top: calc(-2 * var(--n26-edge)); padding-top: calc(max(48px, calc(103 * var(--n26-u))) + 2 * var(--n26-edge)); -webkit-mask: none; mask: none; }
/* Join band: solid part overflows the bottom so the mask never leaves a hairline above the footer */
.nafs26 .n26-join{ -webkit-mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) 0 calc(var(--n26-edge) - 1px) / 100% 100% no-repeat; mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) 0 calc(var(--n26-edge) - 1px) / 100% 100% no-repeat; }
/* v1.7.6 (Will): homepage hero keeps the hand-cut bottom, but always runs just past the fold so the edge is never visible on first view */
.nafs26 .n26-hero{ min-height: calc(100svh + var(--n26-edge) + 8px);
-webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - var(--n26-edge) + 1px) no-repeat, var(--n26-edge-bot) bottom / 100% var(--n26-edge) no-repeat;
mask: linear-gradient(#000 0 0) top / 100% calc(100% - var(--n26-edge) + 1px) no-repeat, var(--n26-edge-bot) bottom / 100% var(--n26-edge) no-repeat; }
/* =====================================================================
v1.8.0 — Staff portal (/portal/)
===================================================================== */
.nafs26 .n26-portal{ padding: 0 0 max(56px, calc(100 * var(--n26-u))); }
.nafs26 .n26-portal__bar .n26-btn{ margin: 0; }
.nafs26 .n26-portal__avatar{ width: 42px; height: 42px; border-radius: 50%; }
.nafs26 .n26-portal__out{ margin-left: auto; font-size: 14px; font-weight: 700; color: var(--n26-olive); }
.nafs26 .n26-portal__note{ margin: 18px 0 0; padding: 12px 16px; border-radius: 10px; background: rgba(154,160,116,.2); color: #3d4128; font-weight: 600; }
.nafs26 .n26-portal__tabs{ display: flex; flex-wrap: wrap; gap: 6px; margin: 28px 0 22px; border-bottom: 1px solid #e5dfd1; }
.nafs26 .n26-portal__tabs a{ display: inline-flex; align-items: center; gap: 6px; padding: 12px 16px; margin-bottom: -1px; border-bottom: 3px solid transparent; color: var(--n26-gray); font-weight: 700; font-size: 15px; text-decoration: none; }
.nafs26 .n26-portal__tabs a:hover{ color: var(--n26-ink); }
.nafs26 .n26-portal__tabs a.is-on{ color: var(--n26-olive); border-bottom-color: var(--n26-gold); }
.nafs26 .n26-portal__count{ display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--n26-gold); color: #2c2412; font-size: 12px; }
.nafs26 .n26-portal__panel[hidden]{ display: none; }
.nafs26 .n26-portal__panel + .n26-portal__panel{ margin-top: 40px; }
.nafs26 .n26-portal__panel:not([hidden]) ~ .n26-portal__panel:not([hidden]){ margin-top: 40px; }
.nafs26 .n26-portal__h{ margin: 0 0 14px; font-size: max(20px, calc(26 * var(--n26-u))); font-weight: 700; color: var(--n26-ink); }
.nafs26 .n26-portal__meta{ margin: 0 0 14px; font-size: 14px; color: var(--n26-gray); }
.nafs26 .n26-portal__meta a{ color: var(--n26-olive); font-weight: 600; }
.nafs26 .n26-portal__empty{ padding: 22px; border: 1px dashed #d9d2c1; border-radius: 12px; color: var(--n26-gray); text-align: center; }
.nafs26 .n26-portal__stats{ display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-bottom: 30px; }
.nafs26 .n26-portal__stats > div{ padding: 18px 20px; background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 12px; }
.nafs26 .n26-portal__stats strong{ display: block; font: 700 32px/1 var(--n26-font-num); color: var(--n26-olive); }
.nafs26 .n26-portal__stats span{ display: block; margin-top: 6px; font-size: 14px; color: var(--n26-gray); }
.nafs26 .n26-portal__table{ display: grid; gap: 8px; }
.nafs26 .n26-portal__row, .nafs26 .n26-portal__req summary{ display: grid; grid-template-columns: 70px minmax(0, 1fr) auto auto; align-items: center; gap: 12px 18px; padding: 12px 16px; background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 12px; }
.nafs26 #team .n26-portal__row{ grid-template-columns: minmax(0, 1fr) auto; }
.nafs26 .n26-portal__date{ font-weight: 700; color: var(--n26-olive); font-size: 14px; }
.nafs26 .n26-portal__title{ margin: 0; font-weight: 700; color: var(--n26-ink); line-height: 1.3; }
.nafs26 .n26-portal__title .n26-tag{ margin-right: 6px; vertical-align: 2px; }
.nafs26 .n26-portal__fb{ display: block; margin-top: 4px; font-size: 13px; font-weight: 400; font-style: normal; color: #8a5a17; }
.nafs26 #team .n26-portal__fb{ color: var(--n26-gray); }
.nafs26 .n26-portal__num{ font-size: 14px; color: var(--n26-gray); white-space: nowrap; }
.nafs26 .n26-portal__acts{ display: flex; flex-wrap: wrap; gap: 6px 14px; justify-content: flex-end; font-size: 14px; font-weight: 700; }
.nafs26 .n26-portal__acts a{ color: var(--n26-olive); }
.nafs26 .n26-portal__review{ display: grid; gap: 12px; padding: 16px 18px; margin-bottom: 10px; background: var(--n26-white); border: 1px solid #ebe6da; border-left: 4px solid var(--n26-gold); border-radius: 12px; }
.nafs26 .n26-portal__review .n26-portal__meta{ margin: 4px 0 0; }
.nafs26 .n26-portal__decide{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
html body.nafs26 .n26-portal__decide input[type="text"], html body.nafs26 .n26-portal__form input, html body.nafs26 .n26-portal__roleform select, html body.nafs26 .n26-portal__login input[type="text"], html body.nafs26 .n26-portal__login input[type="password"]{ height: 42px; padding: 0 14px; border: 1px solid #d9d3c4; border-radius: 10px; background: #fff; font-size: 15px; }
html body.nafs26 .n26-portal__decide input[type="text"]{ flex: 1; min-width: 200px; }
.nafs26 .n26-portal__decide .n26-btn, .nafs26 .n26-portal__roleform .n26-btn{ margin: 0; }
.nafs26 .n26-portal__req{ margin-bottom: 8px; }
.nafs26 .n26-portal__req summary{ grid-template-columns: 70px minmax(0, 1fr) auto; cursor: pointer; list-style: none; }
.nafs26 .n26-portal__req summary::-webkit-details-marker{ display: none; }
.nafs26 .n26-portal__req[open] summary{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.nafs26 .n26-portal__req p{ margin: 0; padding: 12px 16px; background: #fbfaf6; border: 1px solid #ebe6da; border-top: 0; font-size: 15px; line-height: 1.5; }
.nafs26 .n26-portal__req p:last-child{ border-radius: 0 0 12px 12px; }
.nafs26 .n26-portal__req a{ color: var(--n26-olive); font-weight: 600; }
.nafs26 .n26-portal__form{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; max-width: 820px; }
.nafs26 .n26-portal__form label{ display: grid; gap: 6px; font-size: 14px; font-weight: 700; color: var(--n26-ink); }
.nafs26 .n26-portal__form .is-wide{ grid-column: 1 / -1; }
.nafs26 .n26-portal__roleform{ display: flex; gap: 8px; align-items: center; }
.nafs26 .n26-portal__login{ display: block; max-width: 460px; margin-left: auto; margin-right: auto; }
.nafs26 .n26-portal__login form p{ display: grid; gap: 6px; margin: 0 0 14px; font-size: 14px; font-weight: 700; }
.nafs26 .n26-portal__login .login-remember label{ display: flex; gap: 8px; align-items: center; font-weight: 400; }
html body.nafs26 .n26-portal__login input[type="submit"]{ width: 100%; height: 46px; border: 0; border-radius: 999px; background: var(--n26-gold); color: #2c2412; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
.nafs26 .n26-portal__lost{ margin: 6px 0 0; text-align: center; font-size: 14px; }
.nafs26 .n26-portal__lost a{ color: var(--n26-olive); font-weight: 600; }
.nafs26 .n26-portal__card{ display: block; max-width: 560px; margin-left: auto; margin-right: auto; text-align: center; }
@media (max-width: 700px) {
.nafs26 .n26-portal__row{ grid-template-columns: 56px minmax(0, 1fr); }
.nafs26 .n26-portal__num, .nafs26 .n26-portal__acts{ grid-column: 2; justify-content: flex-start; }
.nafs26 .n26-portal__form{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-portal__out{ margin-left: 0; }
}
/* v1.8.1 (Will): homepage Resources tabs read top-to-bottom (letter bottoms face left) and sit at the top of the tab */
@media (min-width: 701px) {
.nafs26 .n26-acc__tab{ align-items: flex-start; }
.nafs26 .n26-acc__tab span{ transform: none; }
}
/* Funders: no hand-cut edge (white on the page color read oddly under the tan Related band) */
.nafs26 .n26-funders{ -webkit-mask: none; mask: none; }
/* Search overlay: full grouped results under the box (v1.8.3) */
.nafs26 .n26-search__count{ margin: 0 0 8px; font-size: 13px; color: rgba(255,255,255,.85); }
.nafs26 .n26-search__list ul{ margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-search__group{ position: sticky; top: 0; z-index: 1; margin: 0; padding: 10px 18px 6px; background: #f6f3ec; font: 700 12px/1.2 var(--n26-font); letter-spacing: .06em; text-transform: uppercase; color: var(--n26-olive); }
.nafs26 .n26-search__list{ max-height: min(60vh, 560px); }
/* v1.8.4: two textured bands back to back: the upper band keeps a straight (solid) bottom that runs under the lower band's
hand-cut top, so no white ribbon shows between them */
.nafs26 :is(.n26-ff-up, .n26-ff-join, .n26-related, .n26-emore, .n26-team--board, .n26-progs):has(+ :is(.n26-ff-join, .n26-related, .n26-join, .n26-strip, .n26-emore)),
.nafs26 .elementor-section:has(:is(.n26-ff-up, .n26-ff-join, .n26-related, .n26-emore, .n26-team--board, .n26-progs)):has(+ .elementor-section :is(.n26-ff-join, .n26-related, .n26-join, .n26-strip, .n26-emore)) :is(.n26-ff-up, .n26-ff-join, .n26-related, .n26-emore, .n26-team--board, .n26-progs){
-webkit-mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) 0 calc(var(--n26-edge) - 1px) / 100% 100% no-repeat;
mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) 0 calc(var(--n26-edge) - 1px) / 100% 100% no-repeat;
}
/* =====================================================================
v1.9.0 — Grants & Programs index + program pages
===================================================================== */
.nafs26 .n26-proglist{ padding: max(48px, calc(90 * var(--n26-u))) 0 max(56px, calc(100 * var(--n26-u))); }
.nafs26 .n26-proglist__items{ display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-proglist__item a{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 14px; overflow: hidden; color: var(--n26-ink); text-decoration: none; transition: box-shadow .25s, transform .25s; }
.nafs26 .n26-proglist__item a:hover, .nafs26 .n26-proglist__item a:focus-visible{ box-shadow: 0 12px 30px rgba(35,30,21,.12); transform: translateY(-2px); }
.nafs26 .n26-proglist__media{ position: relative; min-height: 220px; background-size: cover; background-position: center; }
.nafs26 .n26-proglist__media::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(41,47,30,.55), rgba(41,47,30,.1)); }
.nafs26 .n26-proglist__num{ position: absolute; left: 22px; top: 18px; z-index: 1; font: 700 42px/1 var(--n26-font-num); color: var(--n26-gold); }
.nafs26 .n26-proglist__body{ display: flex; flex-direction: column; gap: 12px; padding: max(22px, calc(36 * var(--n26-u))); }
.nafs26 .n26-proglist__title{ font-size: max(19px, calc(26 * var(--n26-u))); font-weight: 700; line-height: 1.25; }
.nafs26 .n26-proglist__lead{ font-size: 16px; line-height: 1.55; color: #4b4b4b; }
.nafs26 .n26-proglist__body .n26-rcard__more{ margin-top: auto; }
.nafs26 .n26-proglist__cta{ margin-top: 36px; padding: 24px 28px; background: #f6f3ec; border-radius: 14px; }
.nafs26 .n26-proglist__cta p{ margin: 0; font-size: 17px; line-height: 1.55; }
.nafs26 .n26-proglist__cta p + p{ margin-top: 8px; }
.nafs26 .n26-proglist__cta a{ color: var(--n26-olive); font-weight: 700; }
.nafs26 .n26-program .n26-ebar__v a{ color: var(--n26-ink); text-decoration: underline; text-decoration-color: rgba(86,91,57,.35); text-underline-offset: 3px; }
@media (max-width: 760px) {
.nafs26 .n26-proglist__item a{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-proglist__media{ min-height: 140px; }
}
/* Share buttons as real icons (v1.9.1) */
.nafs26 .n26-share{ display: flex; gap: 8px; }
html body.nafs26 .n26-share__btn{ display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 1px solid #e2dccd; border-radius: 50%; background: var(--n26-white); color: var(--n26-olive); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
html body.nafs26 .n26-share__btn:hover, html body.nafs26 .n26-share__btn:focus-visible{ background: var(--n26-olive); border-color: var(--n26-olive); color: var(--n26-white); }
.nafs26 .n26-share__btn .n26-icon, .nafs26 .n26-share__btn svg{ width: 18px; height: 18px; }
/* Header: desktop "more" button uses a 9-dot grid so it isn't mistaken for a second menu; phones keep the hamburger (v1.9.2) */
.nafs26 .n26-header__menu-mob{ display: none; }
@media (max-width: 1100px) { .nafs26 .n26-header__menu-desk{ display: none; } .nafs26 .n26-header__menu-mob{ display: inline-flex; } }
.nafs26 .n26-header__menu-desk, .nafs26 .n26-header__menu-mob{ align-items: center; justify-content: center; }
.nafs26 .n26-header__menu-desk svg{ width: 18px; height: 18px; }
/* v1.9.4 (Will): phones — hero keeps one height for every slide (tallest), and the slide dots sit right under the panel */
.nafs26 .n26-hero__mdots{ display: none; }
@media (max-width: 1000px) {
.nafs26 .n26-hero__dots{ display: none; }
.nafs26 .n26-hero__panels{ transition: none; }
.nafs26 .n26-hero__mdots{ display: flex; justify-content: center; align-items: center; gap: 4px; margin: 10px 0 2px; }
html body.nafs26 .n26-hero__mdots .n26-hero__dot{ position: relative; width: 28px; height: 28px; padding: 0; border: 0; background: none; cursor: pointer; }
html body.nafs26 .n26-hero__mdots .n26-hero__dot::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; border-radius: 50%; background: rgba(255,255,255,.55); transition: background .2s, transform .2s; }
html body.nafs26 .n26-hero__mdots .n26-hero__dot.is-active::after{ background: var(--n26-gold); transform: scale(1.3); }
}
/* Staff portal shell: no site header/footer (v1.10.2) */
body.n26-portal-shell .n26-main{ min-height: 100vh; padding-top: 0; }
body.n26-portal-shell .n26-portal{ padding-top: max(28px, calc(48 * var(--n26-u))); }
body.n26-portal-shell .n26-ebar{ margin-top: 0; }
body.n26-portal-shell .n26-portal__login{ margin-top: max(24px, 6vh); }
/* Staff portal: admin sections (v1.11.0) */
.nafs26 .n26-portal__headrow{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 12px; }
.nafs26 .n26-portal__headrow .n26-portal__h, .nafs26 .n26-portal__headrow h3{ margin: 0; }
.nafs26 .n26-portal__headrow h3{ font-size: 18px; font-weight: 700; color: var(--n26-ink); display: flex; align-items: center; gap: 8px; }
.nafs26 .n26-portal__headrow .n26-btn{ margin: 0; }
.nafs26 .n26-portal__find{ display: block; max-width: 420px; margin-bottom: 12px; }
html body.nafs26 .n26-portal__find input{ width: 100%; height: 42px; padding: 0 14px; border: 1px solid #d9d3c4; border-radius: 10px; font-size: 15px; background: #fff; }
.nafs26 .n26-portal__row[hidden]{ display: none; }
.nafs26 .n26-portal__fb--muted{ color: var(--n26-gray); }
.nafs26 #pages .n26-portal__row{ grid-template-columns: 70px minmax(0, 1fr) auto auto; }
.nafs26 .n26-portal__cards{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.nafs26 .n26-portal__ccard{ display: flex; flex-direction: column; padding: 18px; background: var(--n26-white); border: 1px solid #ebe6da; border-radius: 12px; }
.nafs26 .n26-portal__ccard header{ display: grid; gap: 2px; margin-bottom: 10px; }
.nafs26 .n26-portal__ccard h3{ margin: 0; font-size: 17px; font-weight: 700; color: var(--n26-ink); }
.nafs26 .n26-portal__ccard header span{ font-size: 13px; color: var(--n26-gray); }
.nafs26 .n26-portal__ccard ul{ flex: 1; margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 6px; }
.nafs26 .n26-portal__ccard li{ font-size: 14px; line-height: 1.35; }
.nafs26 .n26-portal__ccard li a{ color: var(--n26-olive); font-weight: 600; }
.nafs26 .n26-portal__ccard p{ display: flex; gap: 8px; margin: 0; }
.nafs26 .n26-portal__ccard .n26-btn{ margin: 0; }
.nafs26 .n26-portal__data + .n26-portal__data{ margin-top: 30px; }
.nafs26 .n26-portal__count--muted{ background: #efece3; color: var(--n26-olive); }
.nafs26 .n26-portal__scroll{ overflow-x: auto; border: 1px solid #ebe6da; border-radius: 12px; background: var(--n26-white); }
.nafs26 .n26-portal__grid{ width: 100%; border-collapse: collapse; font-size: 14px; }
.nafs26 .n26-portal__grid th{ position: sticky; top: 0; padding: 10px 12px; background: #f6f3ec; text-align: left; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: var(--n26-olive); white-space: nowrap; }
.nafs26 .n26-portal__grid td{ padding: 10px 12px; border-top: 1px solid #f0ece2; vertical-align: top; min-width: 110px; }
/* =====================================================================
v1.11.0 — Portal sign-in / sign-out / password reset: full-height photo screen with glass card
===================================================================== */
.nafs26 .n26-auth{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; min-height: 100svh; padding: 110px var(--n26-gutter) 70px; overflow: hidden; color: var(--n26-white); background: var(--n26-forest); }
.nafs26 .n26-auth__bgs{ position: absolute; inset: 0; }
.nafs26 .n26-auth__bg{ position: absolute; inset: -4%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.6s var(--n26-ease); animation: n26-auth-pan 40s ease-in-out infinite alternate; }
.nafs26 .n26-auth__bg.is-on{ opacity: 1; }
@keyframes n26-auth-pan{ from{ transform: scale(1.04) translate3d(-1.5%, -1%, 0); } to{ transform: scale(1.1) translate3d(1.5%, 1%, 0); } }
.nafs26 .n26-auth__shade{ position: absolute; inset: 0; background: linear-gradient(180deg, rgba(41,47,30,.72) 0%, rgba(41,47,30,.45) 45%, rgba(41,47,30,.78) 100%); }
.nafs26 .n26-auth__top{ position: absolute; z-index: 2; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px var(--n26-gutter); }
.nafs26 .n26-auth__logo img{ display: block; width: clamp(200px, 17vw, 300px); height: auto; }
.nafs26 .n26-auth .n26-wx{ position: static; }
.nafs26 .n26-auth__card{ position: relative; z-index: 2; width: min(100%, 440px); padding: 34px 32px 28px; background: rgba(41,47,30,.42); -webkit-backdrop-filter: blur(18px) saturate(1.1); backdrop-filter: blur(18px) saturate(1.1); border: 1px solid rgba(255,255,255,.22); border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.35); }
.nafs26 .n26-auth__eyebrow{ margin: 0 0 6px; font-style: italic; font-size: 17px; color: rgba(255,255,255,.85); }
.nafs26 .n26-auth__h{ margin: 0 0 14px; font-size: clamp(28px, 4vw, 38px); line-height: 1.05; font-weight: 800; text-transform: uppercase; color: var(--n26-white); }
.nafs26 .n26-auth__p{ margin: 0 0 16px; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,.9); }
.nafs26 .n26-auth__note, .nafs26 .n26-auth__err{ margin: 0 0 16px; padding: 11px 14px; border-radius: 10px; font-size: 15px; line-height: 1.45; }
.nafs26 .n26-auth__note{ background: rgba(214,169,94,.22); border: 1px solid rgba(214,169,94,.55); }
.nafs26 .n26-auth__err{ background: rgba(161,50,31,.3); border: 1px solid rgba(255,150,130,.5); }
.nafs26 .n26-auth__form{ display: grid; gap: 6px; }
.nafs26 .n26-auth__form label{ margin-top: 6px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.92); }
.nafs26 .n26-auth__form label small{ font-weight: 400; opacity: .8; }
html body.nafs26 .n26-auth__form input[type="text"], html body.nafs26 .n26-auth__form input[type="password"]{ height: 48px; padding: 0 16px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; background: rgba(255,255,255,.94); color: var(--n26-ink); font-size: 16px; }
html body.nafs26 .n26-auth__form input:focus{ outline: none; border-color: var(--n26-gold); box-shadow: 0 0 0 3px rgba(214,169,94,.45); }
.nafs26 .n26-auth__check{ display: flex !important; align-items: center; gap: 8px; font-weight: 400 !important; }
.nafs26 .n26-auth__check input{ accent-color: var(--n26-gold); width: 16px; height: 16px; }
html body.nafs26 .n26-auth__btn{ display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin-top: 12px; border: 0; border-radius: 999px; background: var(--n26-gold); color: #2c2412; font: 700 14px/1 var(--n26-font); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background .2s; }
html body.nafs26 .n26-auth__btn:hover, html body.nafs26 .n26-auth__btn:focus-visible{ background: #e6bd78; }
html body.nafs26 .n26-auth__btn--line{ background: transparent; border: 2px solid rgba(255,255,255,.75); color: var(--n26-white); }
.nafs26 .n26-auth__links{ margin: 16px 0 0; text-align: center; font-size: 15px; }
.nafs26 .n26-auth__links a, .nafs26 .n26-auth__foot a{ color: var(--n26-white); text-decoration: underline; text-decoration-color: rgba(255,255,255,.45); text-underline-offset: 3px; }
.nafs26 .n26-auth__foot{ position: absolute; z-index: 2; bottom: 18px; left: 0; right: 0; margin: 0; text-align: center; font-size: 14px; }
@media (max-width: 600px) {
.nafs26 .n26-auth{ padding-top: 96px; }
.nafs26 .n26-auth__logo img{ width: 190px; }
.nafs26 .n26-auth__card{ padding: 26px 22px 22px; }
}
@media (prefers-reduced-motion: reduce) { .nafs26 .n26-auth__bg{ animation: none; } }
/* Header account icon + drawer sign-in (v1.11.1) */
.nafs26 .n26-header__account .n26-icon, .nafs26 .n26-header__account svg{ width: 20px; height: 20px; }
.nafs26 .n26-drawer__brand .n26-btn{ width: 220px; justify-content: center; margin: 0; }
.nafs26 .n26-drawer__signin{ display: inline-flex; align-items: center; gap: 8px; margin-top: -24px !important; }
@media (max-width: 1100px) { .nafs26 .n26-drawer__signin{ margin-top: -12px !important; } }
.nafs26 .n26-drawer__signin .n26-icon, .nafs26 .n26-drawer__signin svg{ width: 16px; height: 16px; }
/* Portal photo band (signed in) */
.nafs26 .n26-pshell{ position: relative; overflow: hidden; color: #fff; background: var(--n26-olive, #292f1e); }
.nafs26 .n26-pshell__in{ position: relative; z-index: 2; padding-top: 26px; padding-bottom: 46px; }
.nafs26 .n26-pshell__top{ display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-bottom: clamp(36px, 7vw, 72px); }
.nafs26 .n26-pshell__logo img{ display: block; width: 260px; max-width: 62vw; height: auto; }
.nafs26 .n26-pshell .n26-wx{ position: static; margin: 0; }
.nafs26 .n26-pshell__eyebrow{ margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--n26-gold, #d9a441); }
.nafs26 .n26-pshell__h{ margin: 0; color: #fff; font-size: clamp(32px, 5vw, 52px); line-height: 1.05; }
/* =====================================================================
v1.12 — review fixes (Oct 6), Home
===================================================================== */
/* 1: weather line gets its own room above the hero panel (tablet + phone) */
@media (max-width: 1000px) {
.nafs26 .n26-hero:has(.n26-wx:not([hidden])) .n26-hero__inner{ padding-top: calc(var(--n26-header-h) + 52px); }
.nafs26 .n26-hero .n26-wx{ top: calc(var(--n26-header-h) + 16px); }
}
/* 3: month arrows get breathing room from the label and heading */
@media (max-width: 600px) {
.nafs26 .n26-events__head{ margin-bottom: 10px; padding: 0 4px; }
.nafs26 .n26-events__monthnav .n26-iconbtn{ width: 40px; height: 40px; }
}
/* 4: phone event slider — arrows sit left/right of the dots, below the card */
@media (max-width: 600px) {
.nafs26 .n26-events__carousel{ display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; grid-template-areas: "vp vp vp" "prev pager next"; align-items: center; row-gap: 18px; padding-bottom: 0; }
.nafs26 .n26-events__viewport{ grid-area: vp; }
.nafs26 .n26-events__carousel .n26-arrow{ position: static; grid-row: 2; width: 44px; height: 44px; }
.nafs26 .n26-events__carousel .n26-arrow--prev{ grid-area: prev; }
.nafs26 .n26-events__carousel .n26-arrow--next{ grid-area: next; }
.nafs26 .n26-events__carousel .n26-pager{ position: static; grid-area: pager; margin: 0; }
}
/* 5: footer photo strip auto-scrolls */
.nafs26 .n26-strip.is-marquee{ display: block; overflow: hidden; scroll-snap-type: none; }
.nafs26 .n26-strip__track{ display: flex; width: max-content; animation: n26-marquee 45s linear infinite; }
.nafs26 .n26-strip.is-marquee .n26-strip__item{ flex: 0 0 auto; width: clamp(220px, 22vw, 420px); }
.nafs26 .n26-strip.is-marquee:hover .n26-strip__track{ animation-play-state: paused; }
@keyframes n26-marquee{ from{ transform: translateX(0); } to{ transform: translateX(-50%); } }
@media (max-width: 600px) { .nafs26 .n26-strip.is-marquee .n26-strip__item{ width: 62vw; } }
/* 6: phone hero — arrows (no circle) either side of the dots */
.nafs26 .n26-hero__mnav{ display: none; }
@media (max-width: 1000px) {
.nafs26 .n26-hero__mnav{ display: flex; justify-content: center; align-items: center; gap: 6px; margin: 10px 0 2px; }
.nafs26 .n26-hero__mnav .n26-hero__mdots{ margin: 0; }
html body.nafs26 .n26-hero__marrow{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; background: none; color: var(--n26-white); font-size: 20px; cursor: pointer; }
.nafs26 .n26-hero__marrow svg{ width: 20px; height: 20px; filter: drop-shadow(0 1px 3px rgba(0,0,0,.4)); }
}
/* 8: drawer is solid, so nothing shows through while it scrolls */
.nafs26 .n26-drawer{ background: var(--n26-white); overflow-y: auto; overscroll-behavior: contain; }
.nafs26 .n26-drawer::before{ display: none; }
/* 9: no Search button (results are live); placeholder fits on phones */
@media (max-width: 600px) {
.nafs26 .n26-search__input{ height: 54px; padding: 0 18px; font-size: 16px; line-height: 54px; }
.nafs26 .n26-search__input::placeholder{ font-size: 15px; }
}
/* 10: hero titles never split a word (JS shrinks them to 3 lines max on phones) */
@media (max-width: 600px) { .nafs26 .n26-hero__title{ overflow-wrap: normal; word-break: normal; hyphens: manual; } }
/* 11: tablet footer — logo/mission + hotline on row 1, menus on row 2 */
@media (min-width: 601px) and (max-width: 1100px) {
.nafs26 .n26-footer__grid{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
.nafs26 .n26-footer__brand{ grid-column: 1 / span 3; order: 1; }
.nafs26 .n26-footer__help{ grid-column: 4 / span 3; order: 2; }
.nafs26 .n26-footer__col{ grid-column: span 2; order: 3; }
}
/* 18–19: PDF viewer — all pages stacked; prev/next fact sheet in the viewer's own footer */
.nafs26 .n26-pdfv__pages{ display: flex; flex-direction: column; align-items: center; gap: 10px; padding-bottom: 10px; }
.nafs26 .n26-pdfv__pages canvas{ box-shadow: 0 1px 4px rgba(0,0,0,.12); background: #fff; }
.nafs26 .n26-pdfv .n26-dlgnav{ position: static; inset: auto; transform: none; flex: 0 0 auto; display: flex; justify-content: center; align-items: center; gap: 16px; width: var(--n26-pdfv-w, 816px); max-width: 100%; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); background: var(--n26-white); border-top: 1px solid #e6e1d5; pointer-events: auto; }
.nafs26 .n26-pdfv .n26-dlgnav[hidden]{ display: none; }
html body.nafs26 .n26-pdfv .n26-dlgnav__btn{ width: 42px; height: 42px; font-size: 30px; box-shadow: none; background: #efece3; }
.nafs26 .n26-pdfv .n26-dlgnav__count{ display: inline-block; position: static; transform: none; background: none; color: var(--n26-ink); min-width: 0; }
/* 16: the band above Funders & Partners always ends square (it was wavy only where Elementor wrapped the sections) */
.nafs26 :is(.n26-ff-up, .n26-ff-join, .n26-related, .n26-emore, .n26-team--board, .n26-progs):has(+ .n26-funders),
.nafs26 .elementor-section:has(+ .elementor-section .n26-funders) :is(.n26-ff-up, .n26-ff-join, .n26-related, .n26-emore, .n26-team--board, .n26-progs){
-webkit-mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--n26-edge) + 1px) no-repeat;
mask: var(--n26-edge-top) top / 100% var(--n26-edge) no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--n26-edge) + 1px) no-repeat;
}
/* 13: phones/tablets — jump links sit in the hero, above the help form */
@media (max-width: 1000px) {
.nafs26 .n26-lhero__grid{ grid-template-areas: "intro" "jump" "help"; }
.nafs26 .n26-lhero__jump{ display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 20px 0 28px; }
html body.nafs26 .n26-lhero__jump a, html body.nafs26 .n26-lhero__jump a:hover{ color: var(--n26-white); font-size: 17px; text-shadow: 0 1px 6px rgba(0,0,0,.35); }
.nafs26 .n26-lhero--contact .n26-lhero__grid{ grid-template-areas: "intro" "help"; }
}
/* 14 + 21: slider arrows go under the cards, either side of the dots (fact sheets on phones; events on tablet + phone) */
@media (max-width: 1000px) {
.nafs26 .n26-lev__stage{ display: grid; grid-template-columns: 1fr 44px auto 44px 1fr; grid-template-areas: "vp vp vp vp vp" ". prev pager next ."; align-items: center; column-gap: 14px; row-gap: 22px; padding-bottom: 0; }
.nafs26 .n26-lev__viewport{ grid-area: vp; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } /* 15 + 20: no sliver of the next card */
.nafs26 .n26-lev .n26-arrow{ position: static; width: 44px; height: 44px; font-size: 18px; }
.nafs26 .n26-lev .n26-arrow--prev{ grid-area: prev; }
.nafs26 .n26-lev .n26-arrow--next{ grid-area: next; }
.nafs26 .n26-lev .n26-pager{ position: static; grid-area: pager; margin: 0; }
}
@media (max-width: 600px) {
.nafs26 .n26-lfs__stage{ margin: 0; display: grid; grid-template-columns: 1fr 44px 44px 1fr; grid-template-areas: "vp vp vp vp" ". prev next ."; column-gap: 18px; row-gap: 18px; }
.nafs26 .n26-lfs__viewport{ grid-area: vp; }
.nafs26 .n26-lfs .n26-arrow{ position: static; width: 44px; height: 44px; font-size: 18px; }
.nafs26 .n26-lfs .n26-arrow--prev{ grid-area: prev; }
.nafs26 .n26-lfs .n26-arrow--next{ grid-area: next; }
}
/* 17: funder logos are links */
.nafs26 .n26-funders__link{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.nafs26 .n26-funders__link:focus-visible{ outline: 3px solid var(--n26-gold); outline-offset: 4px; border-radius: 8px; }
/* =====================================================================
Portal v2 (Oct 6) — photo header, floating bar, sidebar, portal-styled editors
===================================================================== */
body.n26-portal-shell{ background: #f4f2ec; }
.nafs26 .n26-pv2{ --pv-line: #e6e1d5; --pv-soft: #f8f6f1; --pv-muted: #6d6a60; --pv-radius: 14px; min-height: 100vh; color: var(--n26-ink); font-size: 15px; }
.nafs26 .n26-pv2 a{ color: inherit; }
.nafs26 .n26-pv2__ico{ width: 20px; height: 20px; flex: 0 0 auto; }
/* Header photo: logo + weather only */
.nafs26 .n26-pv2__hero{ position: relative; height: clamp(190px, 26vw, 300px); overflow: hidden; background: var(--n26-forest); }
.nafs26 .n26-pv2__photo{ position: absolute; inset: 0; background-size: cover; background-position: center 62%; }
.nafs26 .n26-pv2__photo::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(31,36,22,.62) 0%, rgba(31,36,22,.18) 55%, rgba(31,36,22,.38) 100%); }
.nafs26 .n26-pv2__top{ position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; }
.nafs26 .n26-pv2__logo img{ display: block; width: clamp(190px, 18vw, 270px); height: auto; }
.nafs26 .n26-pv2 .n26-wx{ position: static; margin: 0; }
/* Floating white bar between photo and body */
.nafs26 .n26-pv2__barwrap{ position: relative; z-index: 3; margin-top: -46px; }
.nafs26 .n26-pv2__bar{ display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; padding: 14px 18px 14px 14px; border-radius: 16px; background: #fff; box-shadow: 0 14px 40px rgba(35,30,21,.14), 0 2px 6px rgba(35,30,21,.06); }
.nafs26 .n26-pv2__me{ display: flex; align-items: center; gap: 14px; min-width: 0; text-decoration: none; }
.nafs26 .n26-pv2__avatar{ width: 52px; height: 52px; border-radius: 50%; display: block; }
.nafs26 .n26-pv2__me strong{ display: block; font-size: 20px; color: var(--n26-olive); line-height: 1.2; }
.nafs26 .n26-pv2__me em{ display: block; font-style: normal; font-size: 13px; color: var(--pv-muted); }
.nafs26 .n26-pv2__baracts{ display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.nafs26 .n26-pv2__baracts a{ display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; color: var(--n26-olive); font-weight: 600; font-size: 14px; text-decoration: none; transition: background .2s; }
.nafs26 .n26-pv2__baracts a:hover, .nafs26 .n26-pv2__baracts a:focus-visible{ background: var(--pv-soft); }
/* Body: sidebar + main */
.nafs26 .n26-pv2__body{ display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 32px; align-items: start; padding-top: 28px; padding-bottom: 80px; }
.nafs26 .n26-pv2__body.is-member{ grid-template-columns: minmax(0, 1fr); max-width: 980px; }
.nafs26 .n26-pv2__nav{ position: sticky; top: 20px; display: flex; flex-direction: column; gap: 2px; }
.nafs26 .n26-pv2__nav a{ position: relative; display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 10px; color: #4c4a42; font-weight: 600; text-decoration: none; transition: background .15s, color .15s; }
.nafs26 .n26-pv2__nav a:hover{ background: #ebe7dc; color: var(--n26-olive); }
.nafs26 .n26-pv2__nav a.is-on{ background: var(--n26-olive); color: #fff; }
.nafs26 .n26-pv2__nav a[href*="n26p=account"]{ margin-top: 14px; }
.nafs26 .n26-pv2__badge{ margin-left: auto; min-width: 22px; padding: 2px 7px; border-radius: 999px; background: var(--n26-gold); color: #fff; font-size: 12px; text-align: center; }
.nafs26 .n26-pv2__main{ min-width: 0; display: grid; gap: 20px; align-content: start; }
/* Headings */
.nafs26 .n26-pv2__head{ display: grid; gap: 8px; }
.nafs26 .n26-pv2__back{ display: inline-flex; align-items: center; gap: 4px; width: max-content; color: var(--pv-muted); font-size: 14px; font-weight: 600; text-decoration: none; }
.nafs26 .n26-pv2__back:hover{ color: var(--n26-olive); }
.nafs26 .n26-pv2__back .n26-pv2__ico{ width: 16px; height: 16px; }
.nafs26 .n26-pv2__headrow{ display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
html body.nafs26 .n26-pv2 .n26-pv2__h1{ margin: 0; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; font-weight: 700; color: var(--n26-olive); text-transform: none; }
html body.nafs26 .n26-pv2 .n26-pv2__h2{ margin: 0 0 4px; font-size: 19px; font-weight: 700; color: var(--n26-olive); text-transform: none; }
html body.nafs26 .n26-pv2 .n26-pv2__h3{ margin: 0 0 12px; padding: 0; font-size: 15px; font-weight: 700; color: var(--n26-ink); text-transform: none; }
.nafs26 .n26-pv2__sub{ margin: 0; color: var(--pv-muted); font-size: 14px; line-height: 1.45; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.nafs26 .n26-pv2__headacts{ display: flex; flex-wrap: wrap; gap: 8px; }
.nafs26 .n26-pv2__count{ color: var(--pv-muted); font-weight: 600; font-size: 14px; }
/* Cards, notices, buttons */
.nafs26 .n26-pv2__card{ padding: 22px; border-radius: var(--pv-radius); background: #fff; border: 1px solid var(--pv-line); }
.nafs26 .n26-pv2__cardhead{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin-bottom: 16px; }
.nafs26 .n26-pv2__empty{ color: var(--pv-muted); text-align: center; padding: 34px 22px; }
.nafs26 .n26-pv2__notice{ margin: 0; padding: 12px 16px; border-radius: 10px; background: #edf3e3; border: 1px solid #cddcb6; color: #3d4a26; font-weight: 600; }
.nafs26 .n26-pv2__notice.is-bad{ background: #fbefe6; border-color: #efcdb5; color: #7a3b14; }
html body.nafs26 .n26-pv2 .n26-pv2__btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 16px; border: 1px solid var(--pv-line); border-radius: 999px; background: #fff; color: var(--n26-olive); font: 600 14px/1.2 var(--n26-font); text-decoration: none; text-transform: none; letter-spacing: 0; cursor: pointer; transition: background .15s, border-color .15s; }
html body.nafs26 .n26-pv2 .n26-pv2__btn:hover{ background: var(--pv-soft); border-color: #d7d0c0; }
html body.nafs26 .n26-pv2 .n26-pv2__btn--quiet{ border-color: transparent; background: transparent; color: var(--pv-muted); }
html body.nafs26 .n26-pv2 .n26-pv2__btn--danger{ color: #a3401b; border-color: #efcdb5; }
html body.nafs26 .n26-pv2 .n26-pv2__btn--danger:hover{ background: #fbefe6; }
html body.nafs26 .n26-pv2 .is-armed, html body.nafs26 .n26-pv2 .is-armed:hover{ background: #a3401b !important; color: #fff !important; border-color: #a3401b !important; transition: none; }
html body.nafs26 .n26-pv2 .is-armed:hover{ background: #8a3416 !important; border-color: #8a3416 !important; }
html body.nafs26 .n26-pv2 .n26-pv2__btn--danger:hover{ border-color: #e3b293; }
html body.nafs26 .n26-pv2 .n26-pv2__btn--danger:focus-visible{ outline: 2px solid #a3401b; outline-offset: 2px; box-shadow: none; }
html body.nafs26 .n26-pv2 .n26-pv2__confirmnote{ margin: 12px 0 8px; padding: 12px 14px; border: 1px solid #efcdb5; border-radius: 12px; background: #fbefe6; color: #6e2a11; font: 500 14px/1.45 var(--n26-font); white-space: normal; text-align: left; flex: 1 0 100%; width: 100%; box-sizing: border-box; }
html body.nafs26 .n26-pv2 .n26-pv2__confirmnote button{ display: inline; margin: 0 0 0 4px; padding: 0; min-height: 0; border: 0; background: none; color: #6e2a11; font: 700 14px/1.45 var(--n26-font); text-decoration: underline; text-transform: none; letter-spacing: 0; cursor: pointer; box-shadow: none; }
.nafs26 .n26-pv2 .n26-btn .n26-pv2__ico, .nafs26 .n26-pv2__btn .n26-icon, .nafs26 .n26-pv2__btn svg{ width: 18px; height: 18px; }
.nafs26 .n26-pv2 .n26-btn{ gap: 8px; }
.nafs26 .n26-pv2__st{ display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.nafs26 .n26-pv2__st--live{ background: #e3edd5; color: #3c5320; }
.nafs26 .n26-pv2__st--draft{ background: #eeebe4; color: #5e5a50; }
.nafs26 .n26-pv2__st--pending{ background: #f8ead2; color: #8a5a12; }
/* Lists */
.nafs26 .n26-pv2__list{ margin: 0; padding: 0; list-style: none; border-radius: var(--pv-radius); background: #fff; border: 1px solid var(--pv-line); overflow: hidden; }
.nafs26 .n26-pv2__list--flat{ border: 0; border-radius: 0; background: transparent; }
.nafs26 .n26-pv2__item{ display: flex; align-items: center; gap: 12px 16px; padding: 12px 18px; }
.nafs26 .n26-pv2__item + .n26-pv2__item{ border-top: 1px solid #efebe2; }
.nafs26 .n26-pv2__list--flat .n26-pv2__item{ padding-left: 0; padding-right: 0; }
.nafs26 .n26-pv2__item:hover{ background: #fbfaf7; }
.nafs26 .n26-pv2__itemmain{ display: flex; align-items: center; gap: 14px; flex: 1 1 auto; min-width: 0; text-decoration: none; }
.nafs26 .n26-pv2__thumb{ flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 10px; overflow: hidden; background: var(--pv-soft); color: #a9a392; }
.nafs26 .n26-pv2__thumb.is-round{ border-radius: 50%; }
.nafs26 .n26-pv2__thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.nafs26 .n26-pv2__itemtext{ display: grid; gap: 2px; min-width: 0; }
.nafs26 .n26-pv2__itemtext strong{ font-size: 15px; color: var(--n26-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nafs26 .n26-pv2__itemtext em{ font-style: normal; font-size: 13px; color: var(--pv-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nafs26 .n26-pv2__itemmain:hover strong{ color: var(--n26-olive); text-decoration: underline; text-decoration-color: var(--n26-gold); text-underline-offset: 3px; }
.nafs26 .n26-pv2__itemside{ display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.nafs26 .n26-pv2__itemacts{ display: flex; gap: 14px; }
.nafs26 .n26-pv2__itemacts a{ color: var(--n26-olive); font-weight: 700; font-size: 14px; text-decoration: none; }
.nafs26 .n26-pv2__itemacts a:hover{ text-decoration: underline; }
.nafs26 .n26-pv2__date{ flex: 0 0 56px; display: grid; justify-items: center; padding: 6px 0; border-radius: 10px; background: var(--pv-soft); color: var(--pv-muted); font-size: 12px; line-height: 1.2; }
.nafs26 .n26-pv2__date b{ color: var(--n26-olive); font-size: 14px; }
.nafs26 .n26-pv2__pill{ display: inline-block; padding: 6px 12px; border-radius: 999px; background: #eef2e6; color: var(--n26-olive); font-weight: 700; font-size: 13px; text-decoration: none; }
.nafs26 .n26-pv2__pill.is-muted{ background: var(--pv-soft); color: var(--pv-muted); }
/* Toolbar: segment, tabs, search, pager */
.nafs26 .n26-pv2__toolbar{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.nafs26 .n26-pv2__seg, .nafs26 .n26-pv2__tabs{ display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 999px; background: #e9e5da; }
.nafs26 .n26-pv2__tabs{ width: max-content; max-width: 100%; overflow-x: auto; flex-wrap: nowrap; }
.nafs26 .n26-pv2__seg a, .nafs26 .n26-pv2__tabs a{ padding: 8px 14px; border-radius: 999px; color: #5a574e; font-weight: 600; font-size: 14px; text-decoration: none; white-space: nowrap; }
.nafs26 .n26-pv2__seg a b, .nafs26 .n26-pv2__tabs a b{ margin-left: 4px; color: var(--pv-muted); font-weight: 600; }
.nafs26 .n26-pv2__seg a.is-on, .nafs26 .n26-pv2__tabs a.is-on{ background: #fff; color: var(--n26-olive); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.nafs26 .n26-pv2__search{ flex: 1 1 260px; max-width: 380px; margin-left: auto; }
.nafs26 .n26-pv2__search label, label.n26-pv2__search{ position: relative; display: block; }
.nafs26 .n26-pv2__search svg{ position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--pv-muted); pointer-events: none; }
html body.nafs26 .n26-pv2 .n26-pv2__search input{ width: 100%; height: 44px; padding: 0 16px 0 42px; border: 1px solid var(--pv-line); border-radius: 999px; background: #fff; font-size: 15px; }
.nafs26 .n26-pv2__filter select{ height: 44px; max-width: 340px; padding: 0 14px; border: 1px solid var(--pv-line); border-radius: 999px; background: #fff; }
.nafs26 .n26-pv2__pager{ display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.nafs26 .n26-pv2__pager a, .nafs26 .n26-pv2__pager span{ min-width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: #fff; border: 1px solid var(--pv-line); font-weight: 600; text-decoration: none; }
.nafs26 .n26-pv2__pager a.is-on{ background: var(--n26-olive); border-color: var(--n26-olive); color: #fff; }
.nafs26 .n26-pv2__pager span{ background: transparent; border: 0; }
/* Content types */
.nafs26 .n26-pv2__types{ display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.nafs26 .n26-pv2__type{ display: grid; gap: 6px; align-content: start; padding: 20px; border-radius: var(--pv-radius); background: #fff; border: 1px solid var(--pv-line); text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.nafs26 .n26-pv2__type:hover{ border-color: var(--n26-gold); box-shadow: 0 10px 26px rgba(35,30,21,.08); transform: translateY(-2px); }
.nafs26 .n26-pv2__type strong{ font-size: 18px; color: var(--n26-olive); }
.nafs26 .n26-pv2__type span{ color: var(--pv-muted); font-size: 14px; line-height: 1.4; }
.nafs26 .n26-pv2__type em{ margin-top: 6px; font-style: normal; font-size: 13px; font-weight: 600; color: #5a574e; }
.nafs26 .n26-pv2__type em b{ color: #8a5a12; }
/* Editor layout + fields */
.nafs26 .n26-pv2__cols{ display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start; margin: 0; padding: 0; border: 0; min-width: 0; }
.nafs26 .n26-pv2__colmain, .nafs26 .n26-pv2__colside{ display: grid; gap: 16px; min-width: 0; align-content: start; }
.nafs26 .n26-pv2__colside{ position: sticky; top: 20px; }
.nafs26 .n26-pv2__colmain > .n26-pv2__card:first-child, .nafs26 .n26-pv2__groupbody, .nafs26 .n26-pv2__grid2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 18px; }
.nafs26 .n26-pv2__fld{ display: grid; gap: 6px; align-content: start; min-width: 0; }
.nafs26 .n26-pv2__fld.is-wide, .nafs26 .n26-pv2__grid2 > .is-wide{ grid-column: 1 / -1; }
.nafs26 .n26-pv2__fld[hidden]{ display: none; }
.nafs26 .n26-pv2__fld > label > span, .nafs26 .n26-pv2__fld > span, .nafs26 .n26-pv2__flab, .nafs26 .n26-pv2__fld legend, .nafs26 .n26-pv2 legend{ font-size: 13px; font-weight: 700; color: #4c4a42; padding: 0; }
.nafs26 .n26-pv2__fld i{ color: #b4541f; font-style: normal; }
.nafs26 .n26-pv2__fld small, .nafs26 .n26-pv2__savebox small, .nafs26 .n26-pv2 fieldset small{ color: var(--pv-muted); font-size: 12.5px; line-height: 1.4; }
html body.nafs26 .n26-pv2 .n26-pv2__fld input:not([type=checkbox]):not([type=radio]):not([type=hidden]), html body.nafs26 .n26-pv2 .n26-pv2__fld select, html body.nafs26 .n26-pv2 .n26-pv2__fld textarea, html body.nafs26 .n26-pv2 .n26-pv2__approverow input{ width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #d9d3c5; border-radius: 10px; background: #fff; color: var(--n26-ink); font: 400 15px/1.4 var(--n26-font); box-shadow: none; }
html body.nafs26 .n26-pv2 .n26-pv2__fld textarea{ min-height: 96px; resize: vertical; }
html body.nafs26 .n26-pv2 .n26-pv2__fld :is(input, select, textarea):focus{ outline: 3px solid rgba(217,164,65,.45); outline-offset: 0; border-color: var(--n26-olive); }
html body.nafs26 .n26-pv2 .n26-pv2__fld input:disabled{ background: var(--pv-soft); color: var(--pv-muted); }
html body.nafs26 .n26-pv2 .n26-pv2__title{ font-size: 20px !important; font-weight: 700 !important; }
.nafs26 .n26-pv2 fieldset{ margin: 0; padding: 0; border: 0; min-width: 0; }
.nafs26 .n26-pv2__choices{ display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: 8px; }
.nafs26 .n26-pv2__choices--cols{ display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.nafs26 .n26-pv2__choice{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--pv-line); border-radius: 10px; background: #fff; font-size: 14px; cursor: pointer; }
.nafs26 .n26-pv2__choice:has(input:checked){ border-color: var(--n26-olive); background: #f3f5ec; }
.nafs26 .n26-pv2__choice input{ accent-color: var(--n26-olive); width: 17px; height: 17px; margin: 0; }
.nafs26 .n26-pv2__choice--desc{ align-items: flex-start; }
.nafs26 .n26-pv2__choice--desc span{ display: grid; gap: 2px; }
.nafs26 .n26-pv2__choice--desc em{ font-style: normal; font-size: 12.5px; color: var(--pv-muted); }
.nafs26 .n26-pv2__switch{ display: inline-flex; align-items: center; gap: 10px; font-weight: 600; cursor: pointer; }
.nafs26 .n26-pv2__switch input{ position: absolute; opacity: 0; width: 1px; height: 1px; }
.nafs26 .n26-pv2__switch b{ position: relative; flex: 0 0 42px; height: 24px; border-radius: 999px; background: #d6d0c2; transition: background .2s; }
.nafs26 .n26-pv2__switch b::after{ content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: transform .2s; }
.nafs26 .n26-pv2__switch input:checked + b{ background: var(--n26-olive); }
.nafs26 .n26-pv2__switch input:checked + b::after{ transform: translateX(18px); }
.nafs26 .n26-pv2__switch input:focus-visible + b{ outline: 3px solid rgba(217,164,65,.6); outline-offset: 2px; }
.nafs26 .n26-pv2__switch > span{ font-size: 14px; }
/* Media */
.nafs26 .n26-pv2__media{ display: grid; gap: 10px; }
.nafs26 .n26-pv2__mprev{ display: flex; flex-wrap: wrap; gap: 8px; }
.nafs26 .n26-pv2__mprev:empty{ display: none; }
.nafs26 .n26-pv2__mprev img{ display: block; max-width: 100%; max-height: 180px; border-radius: 10px; border: 1px solid var(--pv-line); object-fit: cover; }
.nafs26 .n26-pv2__media--gallery .n26-pv2__mprev img{ width: 84px; height: 84px; }
.nafs26 .n26-pv2__file{ padding: 8px 12px; border-radius: 8px; background: var(--pv-soft); font-size: 13px; word-break: break-all; }
.nafs26 .n26-pv2__mbtns{ display: flex; flex-wrap: wrap; gap: 6px; }
/* Groups */
.nafs26 .n26-pv2__group{ padding: 0; }
.nafs26 .n26-pv2__group[hidden]{ display: none; }
.nafs26 .n26-pv2__group > summary{ display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; font-weight: 700; color: var(--n26-olive); cursor: pointer; list-style: none; }
.nafs26 .n26-pv2__group > summary::-webkit-details-marker{ display: none; }
.nafs26 .n26-pv2__group > summary::after{ content: ""; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s; }
.nafs26 .n26-pv2__group[open] > summary::after{ transform: rotate(-135deg); }
.nafs26 .n26-pv2__groupbody{ padding: 0 22px 22px; }
/* Save box */
.nafs26 .n26-pv2__savebox{ display: grid; gap: 10px; }
.nafs26 .n26-pv2__savebox .n26-btn{ width: 100%; }
.nafs26 .n26-pv2__editor.is-locked .n26-pv2__cols{ opacity: .75; }
.nafs26 .n26-pv2__approve p{ margin: 0 0 12px; }
.nafs26 .n26-pv2__approve{ border-color: #ecd3a6; background: #fffaf0; }
.nafs26 .n26-pv2__approverow{ display: flex; flex-wrap: wrap; gap: 8px; }
.nafs26 .n26-pv2__approverow label{ flex: 1 1 260px; }
.nafs26 .n26-pv2__formacts{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.nafs26 .n26-pv2__form{ display: grid; gap: 16px; }
.nafs26 .n26-pv2__form .n26-pv2__h3{ margin: 6px 0 -4px; }
/* WP editor inside the portal */
.nafs26 .n26-pv2 .wp-editor-wrap{ border: 1px solid #d9d3c5; border-radius: 10px; overflow: hidden; }
.nafs26 .n26-pv2 .wp-editor-tools{ background: var(--pv-soft); padding: 6px 8px 0; }
.nafs26 .n26-pv2 .wp-editor-container{ border: 0 !important; }
.nafs26 .n26-pv2 .wp-switch-editor, .nafs26 .n26-pv2 .insert-media{ font: 600 13px/1 var(--n26-font) !important; border-radius: 8px 8px 0 0 !important; }
.nafs26 .n26-pv2 .mce-panel{ background: #fff !important; }
.nafs26 .n26-pv2 textarea.wp-editor-area{ border: 0 !important; border-radius: 0 !important; }
/* Dashboard */
.nafs26 .n26-pv2__attn{ border-color: #ecd3a6; background: #fffaf0; }
.nafs26 .n26-pv2__kpis{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.nafs26 .n26-pv2__kpi{ display: grid; gap: 4px; padding: 16px; border-radius: 12px; background: var(--pv-soft); }
.nafs26 .n26-pv2__kpi span{ font-size: 13px; color: var(--pv-muted); font-weight: 600; }
.nafs26 .n26-pv2__kpi strong{ font-size: 28px; line-height: 1.1; color: var(--n26-olive); }
.nafs26 .n26-pv2__delta{ font-size: 12.5px; font-weight: 700; }
.nafs26 .n26-pv2__delta.is-up{ color: #3c7a2a; }
.nafs26 .n26-pv2__delta.is-down{ color: #a3401b; }
.nafs26 .n26-pv2__spark{ display: block; width: 100%; height: 70px; margin: 16px 0 6px; }
.nafs26 .n26-pv2__spark polyline{ fill: none; stroke: var(--n26-olive); stroke-width: 2; vector-effect: non-scaling-stroke; }
.nafs26 .n26-pv2__spark polyline.is-fill{ fill: rgba(86,91,57,.1); stroke: none; }
.nafs26 .n26-pv2__split{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 16px; }
.nafs26 .n26-pv2__rank, .nafs26 .n26-pv2__bars{ margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; counter-reset: r; }
.nafs26 .n26-pv2__rank li{ display: flex; gap: 10px; justify-content: space-between; font-size: 14px; counter-increment: r; }
.nafs26 .n26-pv2__rank li span{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nafs26 .n26-pv2__rank li span::before{ content: counter(r) ". "; color: var(--pv-muted); }
.nafs26 .n26-pv2__bars li{ display: grid; grid-template-columns: 130px minmax(0, 1fr) 48px; align-items: center; gap: 10px; font-size: 14px; }
.nafs26 .n26-pv2__bars i{ height: 10px; border-radius: 999px; background: linear-gradient(90deg, var(--n26-olive) var(--w), #ece8de var(--w)); }
.nafs26 .n26-pv2__bars b, .nafs26 .n26-pv2__rank b{ text-align: right; }
.nafs26 .n26-pv2__gaoff{ text-align: left; padding: 6px 0 0; }
.nafs26 .n26-pv2__gaoff p{ margin: 0 0 8px; }
.nafs26 .n26-pv2__tiles{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.nafs26 .n26-pv2__tile{ display: grid; gap: 2px; padding: 18px; border-radius: var(--pv-radius); background: #fff; border: 1px solid var(--pv-line); text-decoration: none; }
a.n26-pv2__tile:hover{ border-color: var(--n26-gold); }
.nafs26 .n26-pv2__tile strong{ font-size: 28px; line-height: 1.1; color: var(--n26-olive); }
.nafs26 .n26-pv2__tile span{ font-weight: 700; font-size: 14px; }
.nafs26 .n26-pv2__tile em{ font-style: normal; font-size: 12.5px; color: var(--pv-muted); }
.nafs26 .n26-pv2__quickgrid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.nafs26 .n26-pv2__quickbtn{ display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-radius: 12px; border: 1px dashed #cfc7b4; background: #fbfaf6; color: var(--n26-olive); font-weight: 700; font-size: 14px; text-decoration: none; }
.nafs26 .n26-pv2__quickbtn:hover{ border-style: solid; border-color: var(--n26-gold); background: #fff; }
/* People + roles */
.nafs26 .n26-pv2__roles{ display: grid; gap: 8px; margin-top: 10px; }
.nafs26 .n26-pv2__rolepick{ display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid var(--pv-line); border-radius: 12px; cursor: pointer; }
.nafs26 .n26-pv2__rolepick:has(input:checked){ border-color: var(--n26-olive); background: #f3f5ec; }
.nafs26 .n26-pv2__rolepick input{ accent-color: var(--n26-olive); margin-top: 3px; width: 17px; height: 17px; }
.nafs26 .n26-pv2__rolepick span{ display: grid; gap: 2px; }
.nafs26 .n26-pv2__rolepick em{ font-style: normal; font-size: 13px; color: var(--pv-muted); }
.nafs26 .n26-pv2__matrixwrap{ overflow-x: auto; padding: 8px 0; }
.nafs26 .n26-pv2__matrix{ width: 100%; border-collapse: collapse; font-size: 13.5px; }
.nafs26 .n26-pv2__matrix th, .nafs26 .n26-pv2__matrix td{ padding: 10px 12px; border-bottom: 1px solid #efebe2; text-align: center; }
.nafs26 .n26-pv2__matrix th:first-child{ text-align: left; white-space: nowrap; }
.nafs26 .n26-pv2__matrix thead th{ font-size: 12px; color: var(--pv-muted); font-weight: 700; vertical-align: bottom; }
.nafs26 .n26-pv2__matrix th a{ margin-left: 6px; font-size: 12.5px; color: var(--n26-olive); }
.nafs26 .n26-pv2__yes svg{ width: 18px; height: 18px; color: #3c7a2a; }
.nafs26 .n26-pv2__no{ color: #c9c3b5; }
.nafs26 .n26-pv2__dl{ margin: 0; display: grid; gap: 0; }
.nafs26 .n26-pv2__dl > div{ display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid #efebe2; }
.nafs26 .n26-pv2__dl dt{ font-weight: 700; color: #4c4a42; font-size: 14px; }
.nafs26 .n26-pv2__dl dd{ margin: 0; word-break: break-word; }
/* Visually hidden labels (the portal has no theme stylesheet to lean on) */
.nafs26 .n26-pv2 .screen-reader-text{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
/* Member view inside the shell */
.nafs26 .n26-pv2 .n26-portal__panel{ padding: 22px; border-radius: var(--pv-radius); background: #fff; border: 1px solid var(--pv-line); margin: 0 0 20px; }
/* Responsive */
@media (max-width: 1100px) {
.nafs26 .n26-pv2__cols{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-pv2__colside{ position: static; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.nafs26 .n26-pv2__tiles, .nafs26 .n26-pv2__quickgrid, .nafs26 .n26-pv2__kpis{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.nafs26 .n26-pv2__body{ grid-template-columns: minmax(0, 1fr); gap: 18px; padding-top: 16px; }
.nafs26 .n26-pv2__nav{ position: static; flex-direction: row; overflow-x: auto; gap: 6px; margin: 0 calc(-1 * var(--n26-gutter)); padding: 2px var(--n26-gutter) 6px; scrollbar-width: none; }
.nafs26 .n26-pv2__nav::-webkit-scrollbar{ display: none; }
.nafs26 .n26-pv2__nav a{ flex: 0 0 auto; padding: 9px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--pv-line); }
.nafs26 .n26-pv2__nav a[href*="n26p=account"]{ margin-top: 0; }
.nafs26 .n26-pv2__split{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
.nafs26 .n26-pv2__hero{ height: 170px; }
.nafs26 .n26-pv2__top{ padding-top: 16px; }
.nafs26 .n26-pv2 .n26-wx__place{ display: none; }
.nafs26 .n26-pv2__barwrap{ margin-top: -38px; }
.nafs26 .n26-pv2__bar{ padding: 12px; }
.nafs26 .n26-pv2__avatar{ width: 44px; height: 44px; }
.nafs26 .n26-pv2__baracts{ width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 4px; border-top: 1px solid #efebe2; padding-top: 8px; }
.nafs26 .n26-pv2__baracts a{ justify-content: center; }
.nafs26 .n26-pv2__baracts a{ padding: 8px 10px; font-size: 13px; }
.nafs26 .n26-pv2__card{ padding: 16px; }
.nafs26 .n26-pv2__colmain > .n26-pv2__card:first-child, .nafs26 .n26-pv2__groupbody, .nafs26 .n26-pv2__grid2{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-pv2__groupbody{ padding: 0 16px 16px; }
.nafs26 .n26-pv2__group > summary{ padding: 16px; }
.nafs26 .n26-pv2__item{ flex-wrap: wrap; padding: 12px 14px; }
.nafs26 .n26-pv2__itemside{ width: 100%; justify-content: space-between; padding-left: 62px; }
.nafs26 .n26-pv2__list--flat .n26-pv2__itemside{ padding-left: 0; }
.nafs26 .n26-pv2__tiles, .nafs26 .n26-pv2__quickgrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nafs26 .n26-pv2__kpi strong, .nafs26 .n26-pv2__tile strong{ font-size: 24px; }
.nafs26 .n26-pv2__bars li{ grid-template-columns: 100px minmax(0, 1fr) 40px; }
.nafs26 .n26-pv2__search{ max-width: none; flex-basis: 100%; }
.nafs26 .n26-pv2__dl > div{ grid-template-columns: minmax(0, 1fr); gap: 4px; }
}
/* Portal charts + demo */
.nafs26 .n26-pv2__chart{ position: relative; width: 100%; min-width: 0; }
.nafs26 .n26-pv2__chartgrid{ display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.nafs26 .n26-pv2__split{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nafs26 .n26-pv2__h3 small{ font-weight: 600; color: var(--pv-muted); font-size: 12.5px; }
.nafs26 .n26-pv2__card--chart{ padding-bottom: 14px; }
.nafs26 .n26-pv2__range{ display: flex; gap: 4px; width: max-content; margin: 14px 0 6px auto; padding: 3px; border-radius: 999px; background: #efebe2; }
html body.nafs26 .n26-pv2__range button{ padding: 6px 12px; border: 0; border-radius: 999px; background: transparent; color: #5a574e; font: 600 13px/1 var(--n26-font); cursor: pointer; text-transform: none; }
html body.nafs26 .n26-pv2__range button[aria-pressed="true"]{ background: #fff; color: var(--n26-olive); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.nafs26 .n26-pv2__demo{ position: relative; z-index: 4; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 16px; padding: 10px 16px; background: var(--n26-gold); color: #2f2a1c; font-size: 14px; text-align: center; }
.nafs26 .n26-pv2__demo a{ font-weight: 700; text-decoration: underline; }
.nafs26 .n26-pv2__toast{ position: fixed; z-index: 200; left: 50%; bottom: 24px; transform: translateX(-50%); max-width: calc(100vw - 32px); margin: 0; padding: 12px 18px; border-radius: 12px; background: #2f3a22; color: #fff; font-weight: 600; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.nafs26 .n26-pv2__toast[hidden]{ display: none; }
@media (max-width: 1100px) { .nafs26 .n26-pv2__split{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .nafs26 .n26-pv2__chartgrid, .nafs26 .n26-pv2__split{ grid-template-columns: minmax(0, 1fr); } }
/* Portal polish (Oct 6, round 2) */
/* Logo sits exactly where the site header puts it, so it doesn't jump between site and portal */
.nafs26 .n26-pv2__top{ min-height: var(--n26-header-h); padding-top: 0; align-items: center; }
.nafs26 .n26-pv2__logo img{ width: max(190px, calc(285 * var(--n26-u))); max-width: none; }
.nafs26 .n26-pv2__hero{ height: calc(var(--n26-header-h) + clamp(90px, 12vw, 190px)); }
/* Buttons side by side match */
html body.nafs26 .n26-pv2 :is(.n26-btn--sm, .n26-pv2__btn){ min-height: 42px; padding: 0 18px; font-size: 14px; line-height: 1; }
html body.nafs26 .n26-pv2 .n26-pv2__headacts > *{ min-height: 42px; }
html body.nafs26 .n26-pv2 .n26-pv2__savebox > :is(.n26-btn, .n26-pv2__btn){ width: 100%; min-height: 46px; }
html body.nafs26 .n26-pv2 .n26-pv2__mbtns > *{ flex: 0 0 auto; white-space: nowrap; }
.nafs26 .n26-pv2__mprev{ flex-direction: column; align-items: flex-start; }
.nafs26 .n26-pv2__media--gallery .n26-pv2__mprev{ flex-direction: row; }
html body.nafs26 .n26-pv2 .n26-pv2__approverow > button{ min-width: 150px; }
/* Search icon centred in the field */
.nafs26 .n26-pv2__search{ position: relative; }
.nafs26 .n26-pv2__search svg{ position: absolute; left: 15px; top: 50%; width: 18px; height: 18px; margin: 0; transform: translateY(-50%); }
.nafs26 .n26-pv2__search :is(label, form) > svg{ top: 50%; }
/* Events in the portal: presenters, gallery ticks, places, panels, order, filters */
.nafs26 .n26-pv2__people{ margin: 8px 0 10px; padding: 0; list-style: none; display: grid; gap: 8px; }
.nafs26 .n26-pv2__personrow{ display: grid; grid-template-columns: 22px minmax(0, 1fr) 150px auto; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid var(--pv-line); border-radius: 10px; background: #fff; }
.nafs26 .n26-pv2__personrow.is-dragging, .nafs26 .n26-pv2__item.is-dragging{ opacity: .5; }
.nafs26 .n26-pv2__grip{ cursor: grab; color: #a9a392; font-size: 16px; letter-spacing: -3px; user-select: none; text-align: center; }
html body.nafs26 .n26-pv2 .n26-pv2__personrow select{ min-height: 40px; padding: 6px 10px; border: 1px solid #d9d3c5; border-radius: 8px; background: #fff; font-size: 14px; }
.nafs26 .n26-pv2__gthumb{ position: relative; margin: 0; }
.nafs26 .n26-pv2__gthumb label{ display: flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 12px; font-weight: 600; color: #4c4a42; }
.nafs26 .n26-pv2__media--gallery .n26-pv2__mprev{ flex-direction: row; flex-wrap: wrap; gap: 10px; }
.nafs26 .n26-pv2__placeinfo{ font-size: 12.5px; color: var(--pv-muted); }
.pac-container{ z-index: 400 !important; border-radius: 10px; font-family: inherit; }
.nafs26 .n26-pv2__when{ margin-top: 4px; }
.nafs26 .n26-pv2__sectionhead{ margin-top: 10px; }
.nafs26 .n26-pv2__evpanel.is-wide{ grid-column: 1 / -1; }
.nafs26 .n26-pv2__evpanels{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.nafs26 .n26-pv2__minis{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
.nafs26 .n26-pv2__minis > div{ flex: 1 1 120px; display: grid; gap: 2px; padding: 12px; border-radius: 10px; background: var(--pv-soft); }
.nafs26 .n26-pv2__minis strong{ font-size: 22px; color: var(--n26-olive); line-height: 1.1; }
.nafs26 .n26-pv2__minis span{ font-size: 12.5px; color: var(--pv-muted); }
.nafs26 .n26-pv2__mini{ width: 100%; border-collapse: collapse; font-size: 13.5px; }
.nafs26 .n26-pv2__mini th, .nafs26 .n26-pv2__mini td{ padding: 8px 6px; border-bottom: 1px solid #efebe2; text-align: left; }
.nafs26 .n26-pv2__mini th{ font-size: 12px; color: var(--pv-muted); }
.nafs26 .n26-pv2__mini td:nth-child(n+3), .nafs26 .n26-pv2__mini th:nth-child(n+3){ text-align: right; }
.nafs26 .n26-pv2__dl--tight > div{ grid-template-columns: 120px minmax(0, 1fr); padding: 8px 0; }
.nafs26 .n26-pv2__quotes{ margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; font-size: 14px; color: #4c4a42; }
.nafs26 .n26-pv2__quotes li{ padding: 10px 12px; border-radius: 10px; background: var(--pv-soft); }
.nafs26 .n26-pv2__filters{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html body.nafs26 .n26-pv2 .n26-pv2__filters select{ height: 40px; padding: 0 12px; border: 1px solid var(--pv-line); border-radius: 999px; background: #fff; font-size: 14px; }
.nafs26 .n26-pv2__list.is-sortable .n26-pv2__item{ cursor: default; }
.nafs26 .n26-pv2__list.is-sortable .n26-pv2__grip{ flex: 0 0 18px; }
.nafs26 .n26-pv2__orderbar{ position: sticky; bottom: 16px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding: 10px 12px 10px 18px; border-radius: 12px; background: #2f3a22; color: #fff; font-weight: 600; box-shadow: 0 10px 30px rgba(0,0,0,.2); }
.nafs26 .n26-pv2__orderbar[hidden]{ display: none; }
.nafs26 .n26-pv2__inline{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; width: 100%; }
html body.nafs26 .n26-pv2 .n26-pv2__inline input[type=text]{ min-height: 42px; padding: 8px 12px; border: 1px solid #d9d3c5; border-radius: 10px; }
.nafs26 .n26-pv2__type--quiet{ background: transparent; border-style: dashed; }
/* Public event page: photos */
.nafs26 .n26-egal{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.nafs26 .n26-egal__item img{ display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
@media (max-width: 900px) { .nafs26 .n26-pv2__evpanels{ grid-template-columns: minmax(0, 1fr); } .nafs26 .n26-egal{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
.nafs26 .n26-pv2__personrow{ grid-template-columns: 22px minmax(0, 1fr); }
.nafs26 .n26-pv2__personrow select:nth-of-type(2){ grid-column: 2; }
.nafs26 .n26-egal{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; margin: 0 calc(-1 * var(--n26-gutter)); padding: 0 var(--n26-gutter); scrollbar-width: none; }
.nafs26 .n26-egal__item{ flex: 0 0 82%; scroll-snap-align: center; }
.nafs26 .n26-egal__item img{ aspect-ratio: 4 / 5; }
}
/* Portal: weather card, bar search, quick menu, view-as, history, comments */
.nafs26 .n26-wxcard{ display: grid; gap: 8px; min-width: 250px; padding: 14px 16px; border-radius: 14px; background: rgba(31,36,22,.42); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.18); color: #fff; }
.nafs26 .n26-wxcard[hidden]{ display: none; }
.nafs26 .n26-wxcard p{ margin: 0; }
.nafs26 .n26-wxcard__now{ display: flex; align-items: center; gap: 12px; }
.nafs26 .n26-wxcard__icon{ width: 38px; height: 38px; color: var(--n26-gold); }
.nafs26 .n26-wxcard__temp{ font-size: 30px; font-weight: 700; line-height: 1; }
.nafs26 .n26-wxcard__temp span{ font-size: 14px; font-weight: 600; margin-left: 2px; opacity: .8; }
.nafs26 .n26-wxcard__cond, .nafs26 .n26-wxcard__meta{ font-size: 13px; opacity: .9; }
.nafs26 .n26-wxcard__days{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 2px 0 0; padding: 8px 0 0; list-style: none; border-top: 1px solid rgba(255,255,255,.2); }
.nafs26 .n26-wxcard__days li{ display: grid; justify-items: center; gap: 2px; font-size: 12px; }
.nafs26 .n26-wxcard__days svg{ width: 20px; height: 20px; color: var(--n26-gold); }
.nafs26 .n26-wxcard__days i{ font-style: normal; opacity: .7; }
.nafs26 .n26-wxcard__days em{ font-style: normal; font-size: 11px; color: #cfe3f5; }
.nafs26 .n26-pv2__top{ position: relative; }
.nafs26 .n26-pv2__top .n26-wxcard{ position: absolute; z-index: 2; top: 18px; right: var(--n26-gutter); }
.nafs26 .n26-pv2__bar{ flex-wrap: nowrap; }
.nafs26 .n26-pv2__barsearch{ flex: 1 1 260px; max-width: 420px; margin: 0 8px; }
.nafs26 .n26-pv2__barsearch label{ position: relative; display: block; }
.nafs26 .n26-pv2__barsearch svg{ position: absolute; left: 14px; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); color: var(--pv-muted); }
html body.nafs26 .n26-pv2 .n26-pv2__barsearch input{ width: 100%; height: 42px; padding: 0 14px 0 40px; border: 1px solid var(--pv-line); border-radius: 999px; background: var(--pv-soft); font-size: 14px; }
.nafs26 .n26-pv2__quick-wrap{ position: relative; }
html body.nafs26 .n26-pv2 .n26-pv2__apps{ display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--n26-olive); cursor: pointer; }
html body.nafs26 .n26-pv2 .n26-pv2__apps:hover, html body.nafs26 .n26-pv2 .n26-pv2__apps[aria-expanded="true"]{ background: var(--pv-soft); }
.nafs26 .n26-pv2__apps svg{ width: 22px; height: 22px; }
.nafs26 .n26-pv2__quickmenu{ position: absolute; right: 0; top: calc(100% + 8px); z-index: 50; width: 280px; padding: 10px; border-radius: 14px; background: #fff; border: 1px solid var(--pv-line); box-shadow: 0 18px 40px rgba(35,30,21,.18); }
.nafs26 .n26-pv2__quickmenu[hidden]{ display: none; }
.nafs26 .n26-pv2__qhead{ margin: 6px 8px 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--pv-muted); }
.nafs26 .n26-pv2__quickmenu ul{ margin: 0 0 6px; padding: 0; list-style: none; }
.nafs26 .n26-pv2__quickmenu a{ display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--n26-ink); text-decoration: none; }
.nafs26 .n26-pv2__quickmenu a:hover, .nafs26 .n26-pv2__quickmenu a:focus-visible{ background: var(--pv-soft); color: var(--n26-olive); }
.nafs26 .n26-pv2__quickmenu .n26-pv2__ico{ width: 18px; height: 18px; color: var(--n26-olive); }
.nafs26 .n26-pv2__viewas{ display: inline-flex; }
.nafs26 .n26-pv2__viewas label{ display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
html body.nafs26 .n26-pv2 .n26-pv2__viewas select{ height: 32px; padding: 0 10px; border: 1px solid rgba(0,0,0,.2); border-radius: 999px; background: #fff; font-size: 13px; }
html body.nafs26 .n26-pv2 .n26-pv2__btn--xs{ min-height: 30px; padding: 0 10px; font-size: 12.5px; }
.nafs26 .n26-pv2__timeline{ margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.nafs26 .n26-pv2__timeline li{ display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: 10px; }
.nafs26 .n26-pv2__timeline p{ margin: 0; font-size: 14px; }
.nafs26 .n26-pv2__timeline form{ margin-top: 4px; }
.nafs26 .n26-pv2__tldot{ width: 10px; height: 10px; margin-top: 5px; border-radius: 50%; background: var(--n26-olive); }
.nafs26 .n26-pv2__tldot--remove{ background: #a3401b; }
.nafs26 .n26-pv2__tldot--undo{ background: var(--n26-gold); }
.nafs26 .n26-pv2__tldot--create{ background: #3c7a2a; }
.nafs26 .n26-pv2__comments{ margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 14px; }
.nafs26 .n26-pv2__comments--replies{ margin: 10px 0 0 18px; padding-left: 14px; border-left: 2px solid #efebe2; }
.nafs26 .n26-pv2__comment.is-resolved > .n26-pv2__cbody{ opacity: .6; }
.nafs26 .n26-pv2__chead{ display: flex; align-items: center; gap: 8px; font-size: 13px; }
.nafs26 .n26-pv2__chead img{ width: 28px; height: 28px; border-radius: 50%; }
.nafs26 .n26-pv2__chead span{ color: var(--pv-muted); }
.nafs26 .n26-pv2__chead em{ font-style: normal; font-size: 11.5px; font-weight: 700; color: #3c5320; background: #e3edd5; padding: 2px 8px; border-radius: 999px; }
.nafs26 .n26-pv2__cbody{ margin: 6px 0 4px 36px; font-size: 14.5px; line-height: 1.5; }
.nafs26 .n26-pv2__mention{ color: var(--n26-olive); font-weight: 700; background: #f3f5ec; padding: 0 3px; border-radius: 4px; }
.nafs26 .n26-pv2__cacts{ display: flex; gap: 12px; margin-left: 36px; }
.nafs26 .n26-pv2__cacts form{ display: flex; gap: 12px; }
html body.nafs26 .n26-pv2 .n26-pv2__linkbtn{ padding: 0; border: 0; background: none; color: var(--n26-olive); font: 700 12.5px/1.4 var(--n26-font); cursor: pointer; text-transform: none; }
html body.nafs26 .n26-pv2 .n26-pv2__linkbtn:hover{ text-decoration: underline; }
.nafs26 .n26-pv2__replybox{ margin: 8px 0 0 36px; }
.nafs26 .n26-pv2__cform{ position: relative; display: grid; gap: 8px; }
html body.nafs26 .n26-pv2 .n26-pv2__cform textarea{ width: 100%; padding: 10px 12px; border: 1px solid #d9d3c5; border-radius: 10px; font: 400 14.5px/1.45 var(--n26-font); resize: vertical; }
.nafs26 .n26-pv2__cformacts{ display: flex; gap: 8px; }
.nafs26 .n26-pv2__mpop{ position: absolute; z-index: 30; left: 10px; top: 100%; margin: 0; padding: 6px; list-style: none; min-width: 220px; border-radius: 10px; background: #fff; border: 1px solid var(--pv-line); box-shadow: 0 10px 30px rgba(0,0,0,.14); }
.nafs26 .n26-pv2__mpop[hidden]{ display: none; }
.nafs26 .n26-pv2__mpop li{ padding: 7px 10px; border-radius: 6px; font-size: 14px; cursor: pointer; }
.nafs26 .n26-pv2__mpop li.is-on, .nafs26 .n26-pv2__mpop li:hover{ background: var(--pv-soft); color: var(--n26-olive); }
.nafs26 .n26-pv2__aftercols{ margin-top: 20px; }
@media (max-width: 1100px) { .nafs26 .n26-pv2__bar{ flex-wrap: wrap; } .nafs26 .n26-pv2__barsearch{ order: 3; flex-basis: 100%; max-width: none; margin: 4px 0 0; } }
@media (max-width: 760px) { .nafs26 .n26-wxcard__days{ display: none; } .nafs26 .n26-wxcard{ min-width: 0; padding: 10px 12px; } .nafs26 .n26-wxcard__temp{ font-size: 24px; } .nafs26 .n26-wxcard__meta{ display: none; } }
@media (max-width: 600px) { .nafs26 .n26-wxcard__icon{ width: 28px; height: 28px; } .nafs26 .n26-wxcard__cond{ display: none; } .nafs26 .n26-pv2__quickmenu{ right: -40px; } }
/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
.nafs26 *, .nafs26 *::before, .nafs26 *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
.nafs26 .n26-hero__bg{ transform: none !important; }
}
/* All Contacts: Mailchimp button (1.18) */
html body.nafs26 .n26-pv2 .n26-pv2__btn--mc{ background: #ffe01b; border-color: #e8c900; color: #241c15; }
html body.nafs26 .n26-pv2 .n26-pv2__btn--mc:hover{ background: #ffd400; color: #241c15; }
html body.nafs26 .n26-pv2 .n26-pv2__btn.is-off{ opacity: .6; cursor: default; }
.nafs26 .n26-pv2__colmain > .n26-pv2__card.n26-pv2__card--block, .nafs26 .n26-pv2__card.n26-pv2__card--block{ display: block; }
.nafs26 .n26-pv2__card--block + .n26-pv2__card--block{ margin-top: 16px; }
.nafs26 .n26-pv2__card--block .n26-pv2__h3{ margin-bottom: 6px; }
.nafs26 .n26-pv2__dl--stack > div{ grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 10px 0; }
.nafs26 .n26-pv2__dl--stack dt{ font-size: 12.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--pv-muted); }
.nafs26 .n26-pv2__tiles + .n26-pv2__cols{ margin-top: 16px; }
/* Loading shimmer (1.18) */
@keyframes n26-shimmer{ 0%{ background-position: -400px 0; } 100%{ background-position: 400px 0; } }
.nafs26 .n26-pv2__chart:not(.is-drawn){ border-radius: 12px; background: linear-gradient(90deg, #f3f0e8 0%, #faf8f3 40%, #f3f0e8 80%) 0 0 / 800px 100%; animation: n26-shimmer 1.4s linear infinite; }
.nafs26 .n26-pv2__main{ position: relative; }
.nafs26 .n26-pv2__main.is-loading > *{ opacity: .35; transition: opacity .2s; pointer-events: none; }
.nafs26 .n26-pv2__main.is-loading::before{ content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; border-radius: 4px; z-index: 2; background: linear-gradient(90deg, transparent, var(--n26-gold), transparent) 0 0 / 400px 100%; animation: n26-shimmer 1s linear infinite; }
@media (prefers-reduced-motion: reduce){ .nafs26 .n26-pv2__chart:not(.is-drawn), .nafs26 .n26-pv2__main.is-loading::before{ animation: none; } }
/* One-line labels (1.18): bar links, nav, account button */
.nafs26 .n26-pv2__baracts a, .nafs26 .n26-pv2__nav a, .nafs26 .n26-drawer__signin, .nafs26 .n26-pv2__btn{ white-space: nowrap; }
@media (max-width: 720px){
.nafs26 .n26-pv2__baracts{ display: flex; flex-wrap: wrap; justify-content: space-around; }
.nafs26 .n26-pv2__baracts a{ padding: 8px 8px; }
}
/* No lonely last words (1.18) */
.nafs26 p, .nafs26 li, .nafs26 .n26-lhero__text{ text-wrap: pretty; }
.nafs26 h1, .nafs26 h2, .nafs26 h3{ text-wrap: balance; }
/* Donate: Support our work form (1.18) */
.nafs26 .n26-give{ align-items: flex-start; }
.nafs26 .n26-give__text{ flex: 1 1 340px; }
.nafs26 .n26-give__alt{ font-size: 16px; opacity: .92; }
.nafs26 .n26-give__alt a{ color: var(--n26-white); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.nafs26 .n26-give__alt a:hover{ color: var(--n26-gold); }
.nafs26 .n26-give__form{ flex: 1 1 420px; max-width: 560px; display: grid; gap: 14px; padding: 24px; border-radius: 14px; background: #fff; color: #2d2b25; }
.nafs26 .n26-give__row{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.nafs26 .n26-give__form label{ display: grid; gap: 6px; font-weight: 700; font-size: 14px; }
.nafs26 .n26-give__form label em{ font-style: normal; font-weight: 500; color: #77736a; }
.nafs26 .n26-give__form input, .nafs26 .n26-give__form select, .nafs26 .n26-give__form textarea{ width: 100%; padding: 11px 13px; border: 1px solid #d9d3c4; border-radius: 10px; font: inherit; font-weight: 500; background: #fbfaf6; color: inherit; }
.nafs26 .n26-give__form input:focus, .nafs26 .n26-give__form select:focus, .nafs26 .n26-give__form textarea:focus{ outline: 2px solid var(--n26-gold); outline-offset: 1px; background: #fff; }
.nafs26 .n26-give__send{ display: flex; align-items: center; }
.nafs26 .n26-give__send .n26-btn{ width: 100%; justify-content: center; }
.nafs26 .n26-give__thanks h3{ margin: 0; color: var(--n26-olive); font-size: 24px; }
.nafs26 .n26-give__thanks p{ margin: 0; }
.nafs26 .n26-give__err{ margin: 0; padding: 10px 12px; border-radius: 8px; background: #fbeee6; color: #8a3b12; font-weight: 600; }
.nafs26 .n26-hp{ position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 560px){ .nafs26 .n26-give__row{ grid-template-columns: 1fr; } }
/* Dashboard: Event Surveys (1.18) */
.nafs26 .n26-pv2__tiles--3{ grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 14px; }
.nafs26 .n26-pv2__tile strong small{ font-size: 15px; color: var(--pv-muted); }
.nafs26 .n26-pv2__quotes{ list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 12px; }
.nafs26 .n26-pv2__quotes li{ padding: 12px 14px; border-radius: 12px; background: #fbfaf6; border: 1px solid #efebe2; }
.nafs26 .n26-pv2__quotes p{ margin: 0 0 4px; }
.nafs26 .n26-pv2__quotes em{ font-style: normal; font-size: 12.5px; color: var(--n26-gold); font-weight: 700; }
/* Page content editor (1.18) */
.nafs26 .n26-pv2__copy{ display: grid; gap: 10px; margin-top: 12px; }
.nafs26 .n26-pv2__copygrp{ border: 1px solid var(--pv-line); border-radius: 12px; background: #fff; }
.nafs26 .n26-pv2__copygrp > summary{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; cursor: pointer; font-weight: 700; color: var(--n26-olive); list-style: none; }
.nafs26 .n26-pv2__copygrp > summary::-webkit-details-marker{ display: none; }
.nafs26 .n26-pv2__copygrp > summary::after{ content: "+"; font-size: 20px; line-height: 1; color: var(--pv-muted); }
.nafs26 .n26-pv2__copygrp[open] > summary::after{ content: "–"; }
.nafs26 .n26-pv2__copygrp > summary em{ margin-left: auto; font-style: normal; font-weight: 600; font-size: 12.5px; color: var(--pv-muted); }
.nafs26 .n26-pv2__copybody{ display: grid; gap: 14px; padding: 4px 16px 16px; border-top: 1px solid #efebe2; }
.nafs26 .n26-pv2__copyfld{ padding-top: 10px; }
.nafs26 .n26-pv2__copychg{ margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: #fbf1dc; color: #8a6116; font-size: 11px; font-weight: 700; vertical-align: 1px; }
.nafs26 .n26-pv2__copyorig{ display: block; margin-top: 4px; color: var(--pv-muted); }
.nafs26 .n26-pv2__linkbtn{ border: 0; background: none; padding: 0; color: var(--n26-olive); font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.nafs26 .n26-pv2__copyfld .n26-pv2__mprev img{ max-height: 140px; width: auto; border-radius: 8px; }
.nafs26 .n26-prog__partner{ margin: 0 0 18px; padding: 12px 16px; border-left: 3px solid var(--n26-gold); background: #fbf7ee; font-weight: 600; color: var(--n26-olive); }
/* Review fixes 30–43 (1.18.1) */
/* 30: reCAPTCHA badge hidden; the required disclosure sits in the footer instead */
.grecaptcha-badge{ visibility: hidden !important; }
.nafs26 .n26-footer__recaptcha{ margin: 8px 0 0; font-size: 12px; opacity: .75; }
.nafs26 .n26-footer__recaptcha a{ color: inherit; text-decoration: underline; }
/* 31: details bar stacks in one column on phones (Cost no longer alone in a second column) */
@media (max-width: 600px){
.nafs26 .n26-ebar{ flex-direction: column; align-items: stretch; }
.nafs26 .n26-ebar__item{ width: 100%; }
}
/* 34: resources/newsroom filter panel straddles the hero seam when it sits above the list (below 1100px) */
@media (max-width: 1099px){
.nafs26 .n26-phero + .n26-rlist{ padding-top: 0; }
.nafs26 .n26-phero + .n26-rlist .n26-filters{ position: relative; z-index: 3; margin-top: calc(var(--n26-fbar-h, 72px) / -2); box-shadow: 0 12px 34px rgba(35,30,21,.14); border-color: transparent; }
.nafs26 .n26-phero:has(+ .n26-rlist){ padding-bottom: calc(max(48px, calc(90 * var(--n26-u))) + var(--n26-fbar-h, 72px) / 2); }
}
/* 35: tablet search spans the full row with aligned edges */
@media (min-width: 601px) and (max-width: 1099px){
.nafs26 .n26-filters__search{ flex: 1 1 100%; }
.nafs26 .n26-filters__search input{ width: 100%; }
}
/* 42: breathing room in the hotline / email / socials block */
@media (max-width: 900px){
.nafs26 .n26-cways{ gap: 18px 24px; }
.nafs26 .n26-cways .n26-cway{ width: 100%; }
.nafs26 .n26-cways__tags{ margin-top: 4px; }
}
/* 43: the contact form never runs into the footer band */
.nafs26 .n26-lhero--contact{ padding-bottom: max(56px, calc(110 * var(--n26-u))); }
/* 38: payoff schedule reads as stacked cards on phones (no sideways swiping) */
@media (max-width: 600px){
.nafs26 .n26-calc__tablewrap{ overflow: visible; padding: 0 14px 14px; }
.nafs26 .n26-calc__sched thead{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.nafs26 .n26-calc__sched table, .nafs26 .n26-calc__sched tbody, .nafs26 .n26-calc__sched tr, .nafs26 .n26-calc__sched td{ display: block; width: 100%; }
.nafs26 .n26-calc__sched tr{ margin: 0 0 10px; padding: 10px 12px; border: 1px solid #efebe1; border-radius: 10px; background: #fcfbf8; }
.nafs26 .n26-calc__sched td{ display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; border: 0; white-space: normal; text-align: right; }
.nafs26 .n26-calc__sched td::before{ content: attr(data-l); font-size: 13px; font-weight: 600; color: var(--n26-gray); text-align: left; }
.nafs26 .n26-calc__sched td:first-child{ font-weight: 700; color: var(--n26-olive); }
}
/* 37: "More from the Newsroom" items get room to breathe */
.nafs26 .n26-article__more{ gap: 0; }
.nafs26 .n26-article__more li{ padding: 14px 0; border-bottom: 1px solid #ece7dc; }
.nafs26 .n26-article__more li:first-child{ padding-top: 4px; }
.nafs26 .n26-article__more li:last-child{ border-bottom: 0; }
/* 39: team slider arrows beside the dots (no background circle) */
.nafs26 .n26-about__dots{ align-items: center; }
html body.nafs26 .n26-about__dots .n26-about__arrow{ width: 32px; height: 32px; padding: 0; border: 0; background: none; color: var(--n26-olive); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
html body.nafs26 .n26-about__dots .n26-about__arrow svg{ width: 22px; height: 22px; }
html body.nafs26 .n26-about__dots .n26-about__arrow:hover{ color: var(--n26-gold); }
html body.nafs26 .n26-about__dots .n26-about__arrow::after{ display: none; }
/* 40: About programs: three across on tablets */
@media (min-width: 700px) and (max-width: 1099px){
.nafs26 .n26-pcard{ min-width: 0; flex-basis: calc((100% - 2 * 16px) / 3); }
.nafs26 .n26-pcards{ gap: 16px; }
html body.nafs26 .n26-pcard__btn{ padding: 18px; }
.nafs26 .n26-pcard__title{ font-size: 16px; }
.nafs26 .n26-pcard__lead{ font-size: 13.5px; }
}
/* 22: directions on the event page */
.nafs26 .n26-edir__to{ display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; }
.nafs26 .n26-edir__to .n26-icon{ flex: 0 0 auto; width: 20px; height: 20px; color: var(--n26-gold); margin-top: 2px; }
.nafs26 .n26-edir__form{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 14px; }
.nafs26 .n26-edir__form input{ flex: 1 1 260px; min-height: 48px; padding: 0 16px; border: 1px solid #d9d3c4; border-radius: 999px; font: 400 16px/1 var(--n26-font); background: #fff; color: var(--n26-ink); }
.nafs26 .n26-edir__form input:focus{ outline: none; border-color: var(--n26-olive); box-shadow: 0 0 0 2px rgba(86,91,57,.2); }
html body.nafs26 .n26-edir__me{ display: inline-flex; align-items: center; gap: 6px; padding: 8px 4px; border: 0; background: none; color: var(--n26-olive); font: 700 14px/1 var(--n26-font); cursor: pointer; text-transform: none; letter-spacing: 0; }
.nafs26 .n26-edir__me .n26-icon{ width: 16px; height: 16px; }
.nafs26 .n26-edir__map{ position: relative; aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; background: #ece7dc; }
.nafs26 .n26-edir__map iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.nafs26 .n26-edir__out{ margin: 10px 0 0; font-weight: 700; }
.nafs26 .n26-edir__out a{ color: var(--n26-olive); }
@media (max-width: 600px){ .nafs26 .n26-edir__map{ aspect-ratio: 4 / 5; } .nafs26 .n26-edir__form .n26-btn{ width: 100%; justify-content: center; } }
/* 27/28: flyer + event photos in the flyer spot */
.nafs26 .n26-eslides{ margin-bottom: 18px; }
.nafs26 .n26-eslides__item{ display: block; border-radius: 14px; overflow: hidden; background: #ece7dc; }
.nafs26 .n26-eslides__item img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.nafs26 .n26-eslides__dots{ display: none; justify-content: center; gap: 6px; margin-top: 10px; }
.nafs26 .n26-eslides__dots span{ width: 7px; height: 7px; border-radius: 50%; background: #d8d2c3; transition: background .2s, transform .2s; }
.nafs26 .n26-eslides__dots span.is-on{ background: var(--n26-olive); transform: scale(1.2); }
@media (max-width: 600px){
.nafs26 .n26-eslides__track{ display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.nafs26 .n26-eslides__track::-webkit-scrollbar{ display: none; }
.nafs26 .n26-eslides__item{ flex: 0 0 100%; scroll-snap-align: center; aspect-ratio: 4 / 5; }
.nafs26 .n26-eslides__dots{ display: flex; }
}
@media (min-width: 601px) and (max-width: 1099px){
.nafs26 .n26-eslides__track{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.nafs26 .n26-eslides__item{ aspect-ratio: 1; }
.nafs26 .n26-eslides__item:first-child{ grid-column: 1 / -1; aspect-ratio: auto; }
}
@media (max-width: 1099px){ .nafs26 .n26-esingle__main:has(~ .n26-esingle__side .n26-eslides) .n26-esingle__photos{ display: none; } }
@media (min-width: 1100px){ .nafs26 .n26-eslides__item.is-photo{ display: none; } }
.nafs26 .n26-filters__group[hidden]{ display: none !important; }
/* #83: on phones the stuck header keeps the same logo size so search, account and the menu stay visible */
@media (max-width: 600px){
.nafs26 .n26-header.is-stuck .n26-header__logo img{ width: min(190px, 48vw); }
.nafs26 .n26-header__inner{ flex-wrap: nowrap; }
.nafs26 .n26-header__logo{ min-width: 0; flex: 0 1 auto; }
}
/* Directions page */
.nafs26 .n26-dirpage{ padding: max(40px, calc(70 * var(--n26-u))) 0 max(56px, calc(100 * var(--n26-u))); }
.nafs26 .n26-dirpage__grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: max(24px, calc(48 * var(--n26-u))); align-items: start; }
.nafs26 .n26-edir__status{ margin: -4px 0 12px; color: var(--n26-gray); font-size: 14px; }
@media (max-width: 900px){ .nafs26 .n26-dirpage__grid{ grid-template-columns: minmax(0, 1fr); } .nafs26 .n26-dirpage__side{ order: -1; } }
/* Home hero, review #78 (phone) and #84 (tablet) */
.nafs26 .n26-hero__info{ display: none; }
@media (max-width: 600px){
html body.nafs26 .n26-hero__cards{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; margin-top: 12px; width: 100%; max-width: 100%; margin-left: 0; box-sizing: border-box; }
html body.nafs26 .n26-hero__card{ position: relative; padding: 12px 10px 10px; }
html body.nafs26 .n26-hero__card-label{ margin: 0 0 6px; font-size: 12px; line-height: 1.25; padding: 0 16px; }
html body.nafs26 .n26-hero__card-num{ margin: 0; font-size: 17px; }
html body.nafs26 .n26-hero__card{ min-width: 0; }
html body.nafs26 .n26-hero__card .n26-socials{ gap: 2px; justify-content: center; flex-wrap: wrap; margin: 0; }
html body.nafs26 .n26-hero__card .n26-socials a{ width: 24px; height: 24px; }
html body.nafs26 .n26-hero__card .n26-socials svg{ width: 18px; height: 18px; }
html body.nafs26 .n26-hero__info{ display: inline-flex; position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; padding: 0; border: 0; background: none; color: inherit; opacity: .85; cursor: pointer; align-items: center; justify-content: center; }
html body.nafs26 .n26-hero__info svg{ width: 16px; height: 16px; }
html body.nafs26 .n26-hero__card-note{ display: none; position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 5; padding: 10px 12px; border-radius: 10px; background: rgba(33,37,24,.96); color: #fff; font-style: normal; font-size: 13px; line-height: 1.4; box-shadow: 0 10px 24px rgba(0,0,0,.3); }
html body.nafs26 .n26-hero__card:last-child .n26-hero__card-note{ left: auto; right: 0; width: calc(200% + 10px); }
html body.nafs26 .n26-hero__card:first-child .n26-hero__card-note{ width: calc(200% + 10px); }
html body.nafs26 .n26-hero__card.is-tip .n26-hero__card-note{ display: block; }
html body.nafs26 .n26-hero__inner{ padding-bottom: 20px; }
}
@media (min-width: 601px) and (max-width: 1099px){
html body.nafs26 .n26-hero{ min-height: 100svh; flex-direction: column; justify-content: flex-end; align-items: stretch; }
html body.nafs26 .n26-hero__inner{ width: 100%; margin-top: auto; padding-top: 140px; padding-bottom: 56px; }
html body.nafs26 .n26-hero__panels{ width: 100%; max-width: none; }
html body.nafs26 .n26-hero__text{ max-width: 640px; }
html body.nafs26 .n26-hero__cards{ width: 100%; max-width: none; margin-left: 0; gap: 16px; }
html body.nafs26 .n26-hero__card{ display: flex; flex-direction: column; justify-content: center; }
}
.nafs26 .n26-hero__title{ hyphens: none; -webkit-hyphens: none; overflow-wrap: normal; word-break: normal; }
/* Review #57: search icons sit dead-center in every portal search box */
html body.nafs26 .n26-pv2 :is(.n26-pv2__search, .n26-pv2__barsearch) label{ position: relative; display: block; }
html body.nafs26 .n26-pv2 :is(.n26-pv2__search, .n26-pv2__barsearch) .n26-icon{ position: absolute; left: 14px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin: 0; line-height: 0; color: var(--pv-muted); pointer-events: none; z-index: 1; }
html body.nafs26 .n26-pv2 :is(.n26-pv2__search, .n26-pv2__barsearch) .n26-icon svg{ position: static; transform: none; width: 18px; height: 18px; }
/* #58: everything in the white bar on one centered line */
html body.nafs26 .n26-pv2__bar{ align-items: center; position: relative; overflow: visible; }
html body.nafs26 .n26-pv2__bar > *{ align-self: center; }
html body.nafs26 .n26-pv2__baracts{ align-items: center; }
html body.nafs26 .n26-pv2__me{ align-items: center; }
/* #75: loading shimmer runs along the bottom edge of the white bar instead of over the page */
html body.nafs26 .n26-pv2__main.is-loading::before{ display: none; }
html body.nafs26 .n26-pv2.is-loading .n26-pv2__bar::after{ content: ""; position: absolute; left: 16px; right: 16px; bottom: 0; height: 3px; border-radius: 3px; background: linear-gradient(90deg, transparent, var(--n26-gold), transparent) 0 0 / 400px 100%; animation: n26-shimmer 1s linear infinite; }
/* #70: header buttons are all the same size */
html body.nafs26 .n26-pv2 .n26-pv2__headacts > :is(a, button, .n26-btn){ min-height: 42px; height: 42px; padding: 0 18px; font: 600 14px/1 var(--n26-font); text-transform: none; letter-spacing: 0; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; }
/* #77: on phones the bar's actions become icon buttons */
@media (max-width: 720px){
html body.nafs26 .n26-pv2__baracts{ width: auto; display: flex; gap: 2px; border-top: 0; padding-top: 0; margin-left: auto; }
/* direct bar buttons only: the quick menu lives inside the bar, and these rules were squeezing its links into 40px circles (Will, Oct 10) */
html body.nafs26 .n26-pv2__baracts > a span, html body.nafs26 .n26-pv2__baracts > button span:not(.n26-icon), html body.nafs26 .n26-pv2__baracts > .n26-pv2__quick-wrap > button span:not(.n26-icon){ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
html body.nafs26 .n26-pv2__baracts > a, html body.nafs26 .n26-pv2__baracts > button, html body.nafs26 .n26-pv2__baracts > .n26-pv2__quick-wrap > button{ width: 40px; height: 40px; padding: 0; justify-content: center; }
html body.nafs26 .n26-pv2__bar{ flex-wrap: wrap; }
}
.nafs26 .n26-pv2__media--avatar .n26-pv2__mprev img{ width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.nafs26 .n26-pv2__avatar{ object-fit: cover; }
.nafs26 .n26-pv2__tabs--inline{ margin: 0; flex: 1 1 auto; }
.nafs26 .n26-pv2__personpick{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.nafs26 .n26-pv2__personpick img{ width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.nafs26 .n26-pv2__personpick select{ flex: 1 1 220px; }
/* #64: funder picker shows the logos */
.nafs26 .n26-pv2__choice--logo{ display: grid; grid-template-columns: auto 64px minmax(0, 1fr); align-items: center; gap: 10px; }
.nafs26 .n26-pv2__choice--logo img{ width: 64px; height: 36px; object-fit: contain; background: #fff; border-radius: 6px; padding: 2px; }
.nafs26 .n26-pv2__headacts .n26-pv2__btn .n26-icon svg{ width: 12px; height: 12px; }
.nafs26 .n26-pv2__headacts .n26-pv2__btn .n26-icon svg{ width: 12px; height: 12px; }
/* #72: header menu editor */
.nafs26 .n26-pv2__menutree, .nafs26 .n26-pv2__menutree ol{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.nafs26 .n26-pv2__menutree > li{ padding: 10px; border: 1px solid var(--pv-line); border-radius: 12px; background: #fff; }
.nafs26 .n26-pv2__menutree ol{ margin: 8px 0 0 28px; padding-left: 12px; border-left: 2px solid #efebe2; }
.nafs26 .n26-pv2__menurow{ display: grid; grid-template-columns: minmax(120px, 1fr) minmax(160px, 1.4fr) auto; gap: 8px; align-items: center; }
.nafs26 .n26-pv2__menurow input{ min-height: 38px; padding: 0 12px; border: 1px solid #d9d3c4; border-radius: 8px; font: inherit; }
.nafs26 .n26-pv2__menutree > li > .n26-pv2__menurow input[data-f="label"]{ font-weight: 700; }
.nafs26 .n26-pv2__menubtns{ display: inline-flex; gap: 4px; flex-wrap: wrap; }
@media (max-width: 720px){ .nafs26 .n26-pv2__menurow{ grid-template-columns: 1fr; } }
#recording{ scroll-margin-top: 120px; }
/* #36: Financial Foundations logo in the page hero */
.nafs26 .n26-lhero__title--logo{ margin: 6px 0 18px; line-height: 0; }
.nafs26 .n26-lhero__title--logo img{ display: block; width: min(520px, 82vw); height: auto; }
@media (max-width: 600px){ .nafs26 .n26-lhero__title--logo img{ width: min(320px, 86vw); } }
/* ---------------- Lending prototype (portal + public page) ---------------- */
.nafs26 .n26-lend__proto{ display: flex; gap: 10px; align-items: flex-start; margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; background: #fbf4e6; border: 1px solid #ecd9b2; color: #5a4a2a; font-size: 14px; line-height: 1.45; }
.nafs26 .n26-lend__proto svg{ flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; margin-top: 1px; }
.nafs26 .n26-lend__proto--site{ display: block; margin: 0 0 28px; }
.nafs26 .n26-lend__pill{ display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; white-space: nowrap; background: #eeece5; color: #4c4a42; }
.nafs26 .n26-lend__pill.is-new{ background: #fdeccd; color: #7a5310; }
.nafs26 .n26-lend__pill.is-contacted{ background: #e6eef4; color: #2f5670; }
.nafs26 .n26-lend__pill.is-verified{ background: #e3efe0; color: #2f5a2a; }
.nafs26 .n26-lend__pill.is-invited, .nafs26 .n26-lend__pill.is-progress{ background: #ebe7f4; color: #4a3d7a; }
.nafs26 .n26-lend__pill.is-submitted{ background: var(--n26-olive); color: #fff; }
.nafs26 .n26-lend__pill.is-approved{ background: var(--n26-olive); color: #fff; }
.nafs26 .n26-lend__who{ color: var(--pv-muted); font-size: 13px; min-width: 120px; text-align: right; }
.nafs26 .n26-lend__pipe{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 16px 0; padding: 0; list-style: none; border-radius: var(--pv-radius); overflow: hidden; border: 1px solid var(--pv-line); background: #fff; }
.nafs26 .n26-lend__pipe li{ display: grid; gap: 2px; padding: 12px 14px; border-left: 1px solid #efebe2; position: relative; }
.nafs26 .n26-lend__pipe li:first-child{ border-left: 0; }
.nafs26 .n26-lend__pipe b{ font-size: 22px; color: var(--n26-olive); }
.nafs26 .n26-lend__pipe span{ font-size: 12.5px; color: var(--pv-muted); }
.nafs26 .n26-lend__how ol{ margin: 10px 0 0; padding-left: 20px; display: grid; gap: 8px; line-height: 1.5; }
.nafs26 .n26-lend__how{ margin-top: 16px; }
.nafs26 .n26-lend__steps{ display: flex; margin: 0 0 16px; padding: 0; list-style: none; counter-reset: ls; }
.nafs26 .n26-lend__steps li{ flex: 1; position: relative; padding-top: 30px; text-align: center; font-size: 12.5px; color: var(--pv-muted); counter-increment: ls; }
.nafs26 .n26-lend__steps li::before{ content: counter(ls); position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 2px solid var(--pv-line); font-weight: 700; color: var(--pv-muted); z-index: 1; }
.nafs26 .n26-lend__steps li::after{ content: ""; position: absolute; top: 11px; left: -50%; right: 50%; height: 2px; background: var(--pv-line); }
.nafs26 .n26-lend__steps li:first-child::after{ display: none; }
.nafs26 .n26-lend__steps li.is-done::before{ content: "✓"; background: var(--n26-olive); border-color: var(--n26-olive); color: #fff; }
.nafs26 .n26-lend__steps li.is-done::after, .nafs26 .n26-lend__steps li.is-now::after{ background: var(--n26-olive); }
.nafs26 .n26-lend__steps li.is-now::before{ border-color: var(--n26-olive); color: var(--n26-olive); }
.nafs26 .n26-lend__steps li.is-now{ color: var(--n26-ink); font-weight: 700; }
.nafs26 .n26-lend__nope{ margin-top: 12px; }
.nafs26 .n26-lend__nope svg{ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.nafs26 .n26-lend__log{ margin: 8px 0 14px; padding: 0; list-style: none; display: grid; gap: 10px; }
.nafs26 .n26-lend__log li{ display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; font-size: 14px; line-height: 1.45; }
.nafs26 .n26-lend__log time{ color: var(--pv-muted); font-weight: 600; }
.nafs26 .n26-lend__note{ display: grid; gap: 8px; justify-items: start; }
.nafs26 .n26-pv2__savebox .n26-btn, .nafs26 .n26-pv2__savebox .n26-pv2__btn{ width: 100%; justify-content: center; margin-top: 8px; }
.nafs26 .n26-lend__mailbox{ margin: 10px 0 8px; padding: 14px; border-radius: 10px; background: var(--pv-soft); border: 1px solid var(--pv-line); font-size: 14px; line-height: 1.45; display: grid; gap: 8px; }
.nafs26 .n26-lend__mailbox p{ margin: 0; }
.nafs26 .n26-lend__fakebtn{ display: inline-block; padding: 8px 14px; border-radius: 999px; background: var(--n26-gold); color: #fff; font-weight: 700; font-size: 13px; }
.nafs26 .n26-lend__vendor{ border-radius: var(--pv-radius); border: 1px solid var(--pv-line); overflow: hidden; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
.nafs26 .n26-lend__vbar{ padding: 10px 14px; background: #f1efe9; border-bottom: 1px solid var(--pv-line); }
.nafs26 .n26-lend__vurl{ display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: #fff; font-size: 13px; color: #2f5a2a; }
.nafs26 .n26-lend__vurl svg{ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.nafs26 .n26-lend__vbody{ padding: 24px; display: grid; gap: 14px; max-width: 760px; }
.nafs26 .n26-lend__vhead{ display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.nafs26 .n26-lend__vhead h2{ margin: 0 0 4px; font-size: 22px; color: var(--n26-olive); }
.nafs26 .n26-lend__vhead p{ margin: 0; color: #4c4a42; }
.nafs26 .n26-lend__prog{ height: 8px; border-radius: 99px; background: #eeece5; overflow: hidden; }
.nafs26 .n26-lend__prog span{ display: block; height: 100%; background: var(--n26-olive); }
.nafs26 .n26-lend__todo{ margin: 0; padding: 0; list-style: none; border: 1px solid var(--pv-line); border-radius: 12px; overflow: hidden; }
.nafs26 .n26-lend__todo li{ display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 16px; }
.nafs26 .n26-lend__todo li + li{ border-top: 1px solid #efebe2; }
.nafs26 .n26-lend__todo strong{ display: block; }
.nafs26 .n26-lend__todo em{ display: block; font-style: normal; font-size: 13.5px; color: var(--pv-muted); }
.nafs26 .n26-lend__chk{ width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; border: 2px solid var(--pv-line); font-weight: 700; color: var(--pv-muted); }
.nafs26 .n26-lend__todo li.is-done .n26-lend__chk{ background: var(--n26-olive); border-color: var(--n26-olive); color: #fff; }
.nafs26 .n26-lend__todobtn{ padding: 8px 14px; border-radius: 999px; border: 1px solid var(--n26-olive); color: var(--n26-olive); font-weight: 700; font-size: 13px; cursor: pointer; white-space: nowrap; }
.nafs26 .n26-lend__todo li:not(.is-done) .n26-lend__todobtn{ background: var(--n26-olive); color: #fff; }
@media (max-width: 760px){
.nafs26 .n26-lend__pipe{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nafs26 .n26-lend__pipe li:nth-child(4){ border-left: 0; }
.nafs26 .n26-lend__pipe li:nth-child(n+4){ border-top: 1px solid #efebe2; }
.nafs26 .n26-lend__steps li span{ display: none; }
.nafs26 .n26-lend__who{ display: none; }
.nafs26 .n26-lend__todo li{ grid-template-columns: 30px minmax(0, 1fr); }
.nafs26 .n26-lend__todobtn{ grid-column: 2; justify-self: start; }
}
/* Public Lending page */
.nafs26 .n26-lendp{ padding: 56px 0 72px; background: var(--n26-cream, #f6f3ec); }
.nafs26 .n26-lendp__how{ margin-bottom: 40px; }
.nafs26 .n26-lendp__steps{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 22px 0 0; padding: 0; list-style: none; }
.nafs26 .n26-lendp__steps li{ display: grid; gap: 6px; padding: 22px; border-radius: 16px; background: #fff; border: 1px solid #e6e1d5; }
.nafs26 .n26-lendp__steps b{ width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--n26-olive); color: #fff; font-size: 16px; }
.nafs26 .n26-lendp__steps strong{ font-size: 18px; color: var(--n26-olive); }
.nafs26 .n26-lendp__steps span{ color: #4c4a42; line-height: 1.5; }
.nafs26 .n26-lendp__grid{ display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.nafs26 .n26-lendp__form{ display: grid; gap: 14px; padding: 28px; border-radius: 18px; background: #fff; border: 1px solid #e6e1d5; scroll-margin-top: 120px; }
.nafs26 .n26-lendp__form h2{ margin: 0; }
.nafs26 .n26-lendp__lead{ margin: -6px 0 4px; color: #6d6a60; }
.nafs26 .n26-lendp__form label{ display: grid; gap: 6px; font-weight: 600; font-size: 14px; color: #2f3a22; }
.nafs26 .n26-lendp__form label em{ font-weight: 400; color: #6d6a60; font-style: normal; }
.nafs26 .n26-lendp__form input[type=text], .nafs26 .n26-lendp__form input[type=tel], .nafs26 .n26-lendp__form input[type=email], .nafs26 .n26-lendp__form select{ width: 100%; min-height: 46px; padding: 10px 14px; border-radius: 10px; border: 1px solid #d9d3c4; background: #fff; font: inherit; font-weight: 400; }
.nafs26 .n26-lendp__form [aria-invalid]{ border-color: #b4541f; box-shadow: 0 0 0 3px rgba(180,84,31,.12); }
.nafs26 .n26-lendp__row{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.nafs26 .n26-lendp__radios{ margin: 0; padding: 0; border: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; }
.nafs26 .n26-lendp__radios legend{ width: 100%; margin-bottom: 6px; font-weight: 600; font-size: 14px; color: #2f3a22; }
.nafs26 .n26-lendp__form .n26-lendp__radios label, .nafs26 .n26-lendp__form .n26-lendp__consent{ display: flex; align-items: center; gap: 8px; font-weight: 400; }
.nafs26 .n26-lendp__form .n26-btn{ justify-self: start; }
.nafs26 .n26-lendp__safe{ display: flex; gap: 8px; align-items: center; margin: 0; font-size: 13.5px; color: #4c4a42; }
.nafs26 .n26-lendp__safe svg{ width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; }
.nafs26 .n26-lendp__done{ display: grid; gap: 8px; }
.nafs26 .n26-lendp__done[hidden]{ display: none; }
.nafs26 .n26-lendp__side{ display: grid; gap: 18px; }
.nafs26 .n26-lendp__card{ padding: 24px; border-radius: 18px; background: #fff; border: 1px solid #e6e1d5; scroll-margin-top: 120px; }
.nafs26 .n26-lendp__card h3{ margin: 0 0 8px; font-size: 20px; color: var(--n26-olive); }
.nafs26 .n26-lendp__card p{ margin: 0 0 10px; line-height: 1.5; color: #4c4a42; }
.nafs26 .n26-lendp__tel a{ font-size: 24px; font-weight: 700; color: var(--n26-olive); text-decoration: none; }
.nafs26 .n26-lendp__files{ margin: 0; padding: 0; list-style: none; }
.nafs26 .n26-lendp__files li{ display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #efebe2; font-size: 14px; }
.nafs26 .n26-lendp__files em{ color: #6d6a60; font-style: normal; white-space: nowrap; }
@media (max-width: 900px){
.nafs26 .n26-lendp__grid, .nafs26 .n26-lendp__steps{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px){
.nafs26 .n26-lendp__row{ grid-template-columns: minmax(0, 1fr); }
.nafs26 .n26-lendp__form{ padding: 20px; }
}
/* Review round 3 (Oct 7 pm): event editor */
.nafs26 .n26-pv2__colmain > .n26-pv2__card.n26-pv2__card--six{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
.nafs26 .n26-pv2__card--six > .n26-pv2__fld{ grid-column: span 3; }
.nafs26 .n26-pv2__card--six > .n26-pv2__fld.is-third{ grid-column: span 2; }
.nafs26 .n26-pv2__card--six > .is-wide, .nafs26 .n26-pv2__card--six > .n26-pv2__fld.is-wide{ grid-column: 1 / -1; }
.nafs26 .n26-pv2__card--six > .n26-pv2__fld[hidden]{ display: none; }
.nafs26 .n26-pv2__musthave{ display: block; padding: 10px 12px; border-radius: 10px; background: var(--pv-soft); }
.nafs26 .n26-pv2__btn--remove{ width: 100%; justify-content: center; margin-bottom: 10px; }
.nafs26 .n26-pv2__moretopics{ margin: 14px 0 0; padding: 12px 0 0; border: 0; border-top: 1px solid #efebe2; }
.nafs26 .n26-pv2__addtopic{ margin-top: 14px; }
.nafs26 .n26-pv2__fld input[readonly]{ background: var(--pv-soft); color: #4c4a42; cursor: default; }
.nafs26 .n26-pv2__zoomacts{ display: grid; gap: 6px; justify-items: start; margin: 4px 0 12px; }
.nafs26 .n26-pv2__zoomacts small{ color: var(--pv-muted); }
.nafs26 .n26-pv2__people{ margin-top: 22px; padding-top: 18px; border-top: 1px solid #efebe2; }
.nafs26 .n26-pv2__people .n26-pv2__minis{ margin: 10px 0 14px; }
.nafs26 .n26-pv2__tablewrap{ max-height: 520px; overflow: auto; border: 1px solid var(--pv-line); border-radius: 12px; }
.nafs26 .n26-pv2__matrix{ min-width: 720px; }
.nafs26 .n26-pv2__matrix thead th{ position: sticky; top: 0; background: #faf8f3; z-index: 1; }
.nafs26 .n26-pv2__matrix td{ white-space: nowrap; font-size: 13px; }
.nafs26 .n26-pv2__matrix td.is-none{ color: #b9b4a7; }
.nafs26 .n26-pv2__matrix td.is-queued{ color: #7a5310; }
.nafs26 .n26-pv2__matrix td.is-sent{ color: #4c4a42; }
.nafs26 .n26-pv2__matrix td.is-opened{ color: #2f5a2a; font-weight: 600; }
.nafs26 .n26-pv2__matrix td.is-clicked{ color: #fff; background: #565b39; font-weight: 600; }
.nafs26 .n26-pv2__matrix td.is-bounced{ color: #b4541f; font-weight: 600; }
/* #222 / #240: comment and note boxes use the room they have */
html body.nafs26 .n26-pv2 .n26-pv2__cform{ width: 100%; }
html body.nafs26 .n26-pv2 .n26-pv2__cform textarea{ min-height: 110px; }
@media (max-width: 760px){
.nafs26 .n26-pv2__card--six > .n26-pv2__fld, .nafs26 .n26-pv2__card--six > .n26-pv2__fld.is-third{ grid-column: 1 / -1; }
}
/* Lending round 2 (#234 #236 #239 #240 #241 #242 #251 #252 #258 #260 #263 #264) */
.nafs26 .n26-pv2__nav a{ position: relative; }
.nafs26 .n26-pv2__navlock{ margin-left: auto; display: inline-flex; opacity: .28; }
.nafs26 .n26-pv2__navlock svg{ width: 15px; height: 15px; }
.nafs26 .n26-lend__pipe{ grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; padding: 6px; background: #fff; overflow: visible; }
.nafs26 .n26-lend__pipe li{ border: 0 !important; padding: 0; position: relative; }
.nafs26 .n26-lend__pipe li > button{ width: 100%; height: 100%; display: grid; gap: 2px; text-align: left; padding: 14px 16px; border: 0; border-radius: 10px; cursor: pointer; font: inherit; transition: transform .15s, box-shadow .15s; }
.nafs26 .n26-lend__pipe li > button:hover, .nafs26 .n26-lend__pipe li > button.is-on{ transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.nafs26 .n26-lend__pipe li > button.is-on{ outline: 2px solid currentColor; outline-offset: -2px; }
.nafs26 .n26-lend__pipe li.is-new > button{ background: rgba(219,173,103,.22); color: #7a5310; }
.nafs26 .n26-lend__pipe li.is-contacted > button{ background: rgba(124,156,176,.22); color: #2f5670; }
.nafs26 .n26-lend__pipe li.is-verified > button{ background: rgba(120,160,100,.22); color: #2f5a2a; }
.nafs26 .n26-lend__pipe li.is-invited > button{ background: rgba(140,120,190,.18); color: #4a3d7a; }
.nafs26 .n26-lend__pipe li.is-progress > button{ background: rgba(140,120,190,.30); color: #3d3168; }
.nafs26 .n26-lend__pipe li.is-submitted > button{ background: rgba(86,91,57,.88); color: #fff; }
.nafs26 .n26-lend__pipe b{ color: inherit; font-size: 26px; }
.nafs26 .n26-lend__pipe span{ color: inherit; opacity: .9; font-size: 12.5px; font-weight: 600; }
.nafs26 .n26-lend__tip{ position: absolute; left: 8px; right: 8px; top: calc(100% + 8px); z-index: 5; padding: 10px 12px; border-radius: 10px; background: #2f3a22; color: #fff !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.4; box-shadow: 0 10px 24px rgba(0,0,0,.25); opacity: 0; visibility: hidden; transition: opacity .15s; pointer-events: none; }
.nafs26 .n26-lend__pipe li:hover .n26-lend__tip, .nafs26 .n26-lend__pipe li:focus-within .n26-lend__tip{ opacity: 1; visibility: visible; }
.nafs26 .n26-pv2__tabs button{ border: 0; background: none; font: inherit; cursor: pointer; }
.nafs26 .n26-lend__nope{ display: flex; gap: 8px; align-items: center; margin: 12px 0 0; color: #b4241f; font-weight: 700; font-style: italic; font-size: 14px; }
.nafs26 .n26-lend__note .n26-pv2__fld{ width: 100%; }
.nafs26 .n26-lend__note textarea{ width: 100%; min-height: 110px; }
.nafs26 .n26-pv2__savebox .n26-btn{ white-space: nowrap; font-size: 13px; letter-spacing: .02em; padding-left: 14px; padding-right: 14px; }
html body.nafs26 .n26-pv2 .n26-pv2__headacts > .n26-lend__pill{ min-height: 0; height: auto; padding: 6px 14px; font-size: 13px; border-radius: 999px; align-self: center; }
.nafs26 .n26-lend__acctnotes{ margin: 10px 0 14px; padding: 0; list-style: none; }
.nafs26 .n26-lend__acctnotes li{ display: grid; gap: 2px; padding: 10px 12px; border-radius: 10px; background: #fbf4e6; font-size: 14px; }
.nafs26 .n26-lend__docs{ margin: 10px 0 0; padding: 0; list-style: none; border: 1px solid var(--pv-line); border-radius: 12px; overflow: hidden; }
.nafs26 .n26-lend__docs li{ display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; }
.nafs26 .n26-lend__docs li + li{ border-top: 1px solid #efebe2; }
.nafs26 .n26-lend__docs em{ display: block; font-style: normal; font-size: 13px; color: var(--pv-muted); }
.nafs26 .n26-lend__docs li.is-in .n26-lend__chk{ background: var(--n26-olive); border-color: var(--n26-olive); color: #fff; }
.nafs26 .n26-lend__mailmeta{ display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0 0 12px; font-size: 14px; color: #4c4a42; }
.nafs26 .n26-lend__mailframe{ display: block; width: 100%; height: 760px; border: 1px solid var(--pv-line); border-radius: var(--pv-radius); background: #f3f1ec; }
.nafs26 .n26-lend__device{ display: none; }
@media (max-width: 1023px){
.nafs26 .n26-lend__wrap > :not(.n26-lend__device){ display: none !important; }
.nafs26 .n26-lend__device{ display: flex; gap: 12px; align-items: flex-start; padding: 22px; border-radius: var(--pv-radius); background: #fff; border: 1px solid var(--pv-line); }
.nafs26 .n26-lend__device svg{ flex: none; width: 26px; height: 26px; fill: none; stroke: var(--n26-olive); stroke-width: 1.8; }
.nafs26 .n26-lend__device p{ margin: 6px 0 0; color: #4c4a42; }
}
/* Public Lending page */
.nafs26 .n26-hp{ position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.nafs26 .n26-lendp__where{ grid-template-columns: 1fr 1fr; align-items: end; }
.nafs26 .n26-lendp__locate{ grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: 6px; margin-top: -4px; padding: 0; border: 0; background: none; color: var(--n26-olive); font: 600 13.5px/1.3 var(--n26-font); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.nafs26 .n26-lendp__locate svg{ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.nafs26 .n26-lendp__locate.is-busy{ opacity: .6; }
.nafs26 .n26-lendp__credit{ display: grid; gap: 8px; }
.nafs26 .n26-lendp__form .n26-lendp__credit label{ display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid #e6e1d5; border-radius: 10px; font-weight: 400; cursor: pointer; }
.nafs26 .n26-lendp__credit label:has(input:checked){ border-color: var(--n26-olive); background: #f6f5ee; }
.nafs26 .n26-lendp__credit input{ margin-top: 3px; }
.nafs26 .n26-lendp__credit strong{ display: block; color: #2f3a22; }
.nafs26 .n26-lendp__credit em{ display: block; font-style: normal; font-size: 13.5px; color: #6d6a60; }
.nafs26 .n26-lendp__who{ display: flex; gap: 14px; align-items: center; margin: 4px 0 12px; }
.nafs26 .n26-lendp__who img{ width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.nafs26 .n26-lendp__who strong{ display: block; font-size: 17px; color: #2f3a22; }
.nafs26 .n26-lendp__who span{ color: #6d6a60; font-size: 14px; }
.nafs26 .n26-lendp__files li{ align-items: center; }
.nafs26 .n26-lendp__fname{ display: flex; gap: 10px; align-items: center; min-width: 0; }
.nafs26 .n26-lendp__ficons{ display: inline-flex; gap: 2px; flex: none; }
.nafs26 .n26-lendp__fname strong{ display: block; font-weight: 600; color: #2f3a22; }
.nafs26 .n26-lendp__fname em{ display: block; font-size: 12.5px; color: #6d6a60; font-style: normal; }
.nafs26 .n26-lendp__dl{ position: relative; flex: none; }
.nafs26 .n26-lendp__dl summary{ list-style: none; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--n26-olive); color: var(--n26-olive); font-weight: 700; font-size: 13px; cursor: pointer; }
.nafs26 .n26-lendp__dl summary::-webkit-details-marker{ display: none; }
.nafs26 .n26-lendp__dl summary .n26-icon, .nafs26 .n26-lendp__dl summary svg{ width: 12px; height: 12px; }
.nafs26 .n26-lendp__dl ul{ position: absolute; right: 0; top: calc(100% + 6px); z-index: 5; min-width: 210px; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid #e6e1d5; border-radius: 12px; box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.nafs26 .n26-lendp__dl ul li{ border: 0 !important; padding: 0 !important; }
.nafs26 .n26-lendp__dl a{ display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 8px; color: #2f3a22; text-decoration: none; font-size: 14px; }
.nafs26 .n26-lendp__dl a:hover{ background: #f6f3ec; }
.nafs26 .n26-lendp__soon{ color: #6d6a60; font-size: 13px; font-style: normal; white-space: nowrap; }
.nafs26 .n26-pv2__tabs button{ padding: 8px 14px; border-radius: 999px; color: #5a574e; font-weight: 600; font-size: 14px; white-space: nowrap; }
.nafs26 .n26-pv2__tabs button em{ margin-left: 4px; color: var(--pv-muted); font-style: normal; }
.nafs26 .n26-pv2__tabs button.is-on{ background: #fff; color: var(--n26-olive); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.nafs26 [data-lend-tabs]{ margin: 4px 0 12px; }
.nafs26 .n26-lend__pipe{ margin-bottom: 14px; }
.nafs26 .n26-pv2__card--six > [data-n26-field="event-type"]{ grid-column: 1 / span 3; }
.nafs26 .n26-pv2__card--six > [data-n26-field="event-start-date"]{ grid-column: 1 / span 2; }
.nafs26 .n26-pv2__card--six input[type="datetime-local"], .nafs26 .n26-pv2__card--six select{ width: 100%; }
html body.nafs26 .n26-pv2 .n26-pv2__cform{ display: grid !important; width: 100% !important; }
html body.nafs26 .n26-pv2 .n26-pv2__cform textarea{ display: block; width: 100% !important; max-width: none !important; box-sizing: border-box; }
@media (max-width: 760px){ .nafs26 .n26-pv2__card--six > [data-n26-field]{ grid-column: 1 / -1 !important; } }
/* #247 divider before My Account · #248 bar alignment · #250 centred 9-dot · #233 select arrows */
.nafs26 .n26-pv2__nav a[href*="n26p=account"]{ margin-top: 23px; overflow: visible; }
.nafs26 .n26-pv2__nav a[href*="n26p=account"]::before{ content: ""; position: absolute; left: 14px; right: 14px; top: -12px; height: 1px; background: #ddd7c8; pointer-events: none; }
@media (max-width: 900px){ .nafs26 .n26-pv2__nav a[href*="n26p=account"]{ margin-top: 0; } .nafs26 .n26-pv2__nav a[href*="n26p=account"]::before{ display: none; } }
html body.nafs26 .n26-pv2 .n26-pv2__apps .n26-icon, html body.nafs26 .n26-pv2 .n26-pv2__apps > span{ display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; line-height: 0; margin: 0; }
html body.nafs26 .n26-pv2 .n26-pv2__apps svg{ display: block; width: 20px; height: 20px; margin: 0; }
html body.nafs26 .n26-pv2 .n26-pv2__baracts{ align-items: center; gap: 4px; }
html body.nafs26 .n26-pv2 .n26-pv2__baracts > a, html body.nafs26 .n26-pv2 .n26-pv2__baracts > .n26-pv2__quick-wrap, html body.nafs26 .n26-pv2 .n26-pv2__baracts select, html body.nafs26 .n26-pv2 .n26-pv2__baracts form{ height: 42px; display: inline-flex; align-items: center; margin: 0; }
html body.nafs26 .n26-pv2 .n26-pv2__baracts > a{ padding-top: 0; padding-bottom: 0; line-height: 1; }
html body.nafs26 .n26-pv2 .n26-pv2__baracts > a svg{ width: 18px; height: 18px; flex: none; }
html body.nafs26 .n26-pv2 select:not([multiple]){ -webkit-appearance: none; appearance: none; padding-right: 38px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.5 36.5'%3E%3Cpath fill='%23565b39' transform='translate(0 10.25)' d='M18.236 10.984L32.021.577c1.02-.769 2.67-.769 3.68 0 1.01.77 1.01 2.014 0 2.784L20.081 15.151c-.988.745-2.573.762-3.593.058L.76 3.369C.25 2.984 0 2.477 0 1.977s.25-1.007.76-1.392c1.02-.77 2.67-.77 3.68 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 11px 11px; background-color: #fff; }
/* #246 settings tabs */
.nafs26 .n26-pv2__settabs{ margin: -6px 0 20px; }
.nafs26 [data-n26-tabpanel] > .n26-pv2__h3:first-child{ margin-top: 0; }
/* #245 menu editor: accordion + drag and drop */
.nafs26 .n26-pv2__menutree{ margin: 12px 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.nafs26 .n26-pv2__menutop{ border-radius: 12px; border: 1px solid #d8d1bf; background: #f4f1e8; overflow: hidden; }
.nafs26 .n26-pv2__menutop.is-dragging, .nafs26 .n26-pv2__menuchild.is-dragging{ opacity: .45; }
.nafs26 .n26-pv2__menutop.is-over{ box-shadow: 0 -3px 0 var(--n26-gold); }
.nafs26 .n26-pv2__menuhead{ display: flex; align-items: center; gap: 10px; padding: 8px 10px 8px 6px; background: var(--n26-olive); color: #fff; }
.nafs26 .n26-pv2__grip{ cursor: grab; padding: 4px 6px; color: inherit; opacity: .7; letter-spacing: -2px; user-select: none; }
.nafs26 .n26-pv2__menutoggle{ flex: 1; display: flex; align-items: center; gap: 12px; padding: 6px 4px; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.nafs26 .n26-pv2__menutoggle strong{ font-size: 15px; }
.nafs26 .n26-pv2__menutoggle em{ font-style: normal; font-size: 13px; opacity: .8; }
.nafs26 .n26-pv2__chev{ margin-left: auto; width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s; }
.nafs26 .n26-pv2__menutop.is-open .n26-pv2__chev{ transform: rotate(-135deg); }
.nafs26 .n26-pv2__menuhead .n26-pv2__btn--danger{ background: rgba(255,255,255,.12); border-color: transparent; color: #fff; }
.nafs26 .n26-pv2__menubody{ padding: 14px; display: grid; gap: 12px; }
.nafs26 .n26-pv2__menufields{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; flex: 1; min-width: 0; }
.nafs26 .n26-pv2__menufields label{ display: grid; gap: 4px; font-size: 12.5px; font-weight: 600; color: #4c4a42; min-width: 0; }
.nafs26 .n26-pv2__menufields input, .nafs26 .n26-pv2__menufields select{ height: 40px; padding: 0 12px; border: 1px solid var(--pv-line); border-radius: 10px; background-color: #fff; font: 400 14px var(--n26-font); width: 100%; }
.nafs26 .n26-pv2__menucustom[hidden]{ display: none; }
.nafs26 .n26-pv2__menukids{ margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; min-height: 12px; }
.nafs26 .n26-pv2__menuchild{ display: flex; align-items: flex-end; gap: 8px; padding: 8px 10px 8px 4px; border-radius: 10px; background: #fff; border: 1px solid var(--pv-line); }
.nafs26 .n26-pv2__menuchild .n26-pv2__grip{ align-self: center; color: var(--pv-muted); }
.nafs26 .n26-pv2__menuchild.is-over, .nafs26 .n26-pv2__menukids.is-over{ box-shadow: 0 -3px 0 var(--n26-gold); }
.nafs26 .n26-pv2__menuchild > .n26-pv2__btn{ margin-bottom: 4px; }
@media (max-width: 900px){ .nafs26 .n26-pv2__menufields{ grid-template-columns: minmax(0, 1fr); } }
.nafs26 .n26-pv2__chartkey{ gap: 4px 14px; font-size: 12.5px; margin-top: 6px; }
.nafs26 .n26-pv2__chartkey span{ display: inline-block; width: 14px; height: 0; margin-right: 2px; vertical-align: middle; }
.nafs26 .n26-pv2__chartkey .k-ev{ border-top: 2px dashed #b4541f; }
.nafs26 .n26-pv2__chartkey .k-mc{ border-top: 2px dotted #2f5670; }
.nafs26 .n26-pv2__chartkey .k-md{ height: 10px; background: rgba(124,156,176,.45); border-radius: 2px; }
.nafs26 .n26-pv2__menubody[hidden]{ display: none; }
/* Files view (#220) */
.nafs26 .n26-pv2__files .n26-pv2__fico{ width:56px; height:56px; flex:0 0 56px; display:flex; align-items:center; justify-content:center; background:#f6f3ec; border-radius:8px; overflow:hidden; }
.nafs26 .n26-pv2__files .n26-pv2__fico .n26-ficon{ width:28px; height:34px; }
.nafs26 .n26-pv2__fthumb{ width:56px; height:56px; object-fit:cover; }
.nafs26 .n26-pv2__fext{ font:700 11px/1 Inter,sans-serif; color:#6b665b; }
.nafs26 .n26-pv2__fmain{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.nafs26 .n26-pv2__fmain strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nafs26 .n26-pv2__fmain small{ color:#6b665b; }
.nafs26 .n26-pv2__facts{ display:flex; gap:6px; flex-shrink:0; }
html body.nafs26 .n26-pv2 .n26-pv2__filters input[type=search]{ height: 40px; padding: 0 16px; min-width: 260px; border: 1px solid var(--pv-line); border-radius: 999px; background: #fff; font-size: 14px; }
/* #229 v2: start · end · time zone on one row that fits the card (10-col grid) */
html body.nafs26 .n26-pv2__colmain > .n26-pv2__card.n26-pv2__card--six{ grid-template-columns: repeat(10, minmax(0, 1fr)); column-gap: 12px; }
html body.nafs26 .n26-pv2__card--six > .n26-pv2__fld{ grid-column: span 5; }
html body.nafs26 .n26-pv2__card--six > .n26-pv2__fld.is-wide{ grid-column: 1 / -1; }
html body.nafs26 .n26-pv2__card--six > [data-n26-field="event-type"]{ grid-column: 1 / span 5; }
html body.nafs26 .n26-pv2__card--six > [data-n26-field="event-start-date"]{ grid-column: 1 / span 4 !important; }
html body.nafs26 .n26-pv2__card--six > [data-n26-field="event-end-date"]{ grid-column: 5 / span 4 !important; }
html body.nafs26 .n26-pv2__card--six > [data-n26-field="event_timezone"]{ grid-column: 9 / span 2 !important; }
html body.nafs26 .n26-pv2__card--six input[type="datetime-local"]{ font-size: 14px; padding-left: 10px; padding-right: 8px; min-width: 0; }
html body.nafs26 .n26-pv2__card--six [data-n26-field="event_timezone"] select{ padding-left: 10px; padding-right: 26px; min-width: 0; }
@media (max-width: 760px){ html body.nafs26 .n26-pv2__card--six > [data-n26-field]{ grid-column: 1 / -1 !important; } }
html body.nafs26 .n26-pv2__card--six input[type="datetime-local"]{ font-size: 13px !important; padding-left: 8px !important; padding-right: 6px !important; letter-spacing: -.01em; }
html body.nafs26 .n26-pv2__card--six input[type="datetime-local"]::-webkit-calendar-picker-indicator{ margin-left: 2px; padding: 0; }
/* #222 / #240 v2: the textarea itself fills the card (some wrappers shrink-wrap it) */
html body.nafs26 .n26-pv2 .n26-pv2__cform, html body.nafs26 .n26-pv2 .n26-pv2__cform > *:not(.n26-pv2__cformacts):not(input){ width: 100% !important; max-width: none !important; display: block; box-sizing: border-box; }
html body.nafs26 .n26-pv2 .n26-pv2__cform textarea{ width: 100% !important; min-height: 110px !important; box-sizing: border-box; }
.nafs26 .n26-pv2__aftercols--main{ max-width: calc(100% - 320px); }
@media (max-width: 1100px){ .nafs26 .n26-pv2__aftercols--main{ max-width: none; } }
/* #252: lending metrics */
.nafs26 .n26-lend__mets{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:12px; margin: 0 0 16px; }
.nafs26 .n26-lend__mets > div{ background:#fff; border:1px solid #e8e3d8; border-radius:14px; padding:14px 16px; display:flex; flex-direction:column; gap:2px; }
.nafs26 .n26-lend__mets b{ font-size:24px; line-height:1.1; color:#4f5a2e; }
.nafs26 .n26-lend__mets span{ font-weight:600; font-size:14px; color:#2b2a26; }
.nafs26 .n26-lend__mets small{ font-size:12px; color:#6b665b; line-height:1.35; }
@media (max-width: 1100px){ .nafs26 .n26-lend__mets{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
.nafs26 .n26-lend__wrap.is-mobile .n26-lend__device{ display: flex; gap: 12px; align-items: flex-start; padding: 22px; border-radius: var(--pv-radius); background: #fff; border: 1px solid var(--pv-line); }
.nafs26 .n26-lend__wrap.is-mobile .n26-lend__device svg{ flex: none; width: 26px; height: 26px; fill: none; stroke: var(--n26-olive); stroke-width: 1.8; }
/* Calendar (events, webinars, emails, Embarc social posts) */
.nafs26 .n26-pcal__bar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 16px; margin:0 0 14px; }
.nafs26 .n26-pcal__nav{ display:flex; align-items:center; gap:8px; }
.nafs26 .n26-pcal__month{ margin:0 6px; font-size:22px; min-width:170px; text-align:center; color:#4f5a2e; }
.nafs26 .n26-pcal__keys{ display:flex; flex-wrap:wrap; gap:6px; }
.nafs26 .n26-pcal__key{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border:1px solid #e3ddcf; border-radius:999px; font-size:13px; color:#6b665b; text-decoration:none; background:#fff; opacity:.55; }
.nafs26 .n26-pcal__key.is-on{ opacity:1; color:#2b2a26; }
.nafs26 .n26-pcal__key i{ width:10px; height:10px; border-radius:3px; background:var(--k); }
.nafs26 .n26-pcal__key.is-event, .nafs26 .n26-pcal__item.is-event{ --k:#5b6b2f; --kb:#eef1e3; }
.nafs26 .n26-pcal__key.is-webinar, .nafs26 .n26-pcal__item.is-webinar{ --k:#2f6f8f; --kb:#e5f0f5; }
.nafs26 .n26-pcal__key.is-email, .nafs26 .n26-pcal__item.is-email{ --k:#b98a2e; --kb:#f8f0de; }
.nafs26 .n26-pcal__key.is-social, .nafs26 .n26-pcal__item.is-social{ --k:#6d4f9c; --kb:#efe9f7; }
.nafs26 .n26-pcal__grid{ display:grid; grid-template-columns:repeat(7, minmax(0,1fr)); background:#fff; border:1px solid #e8e3d8; border-radius:16px; overflow:hidden; }
.nafs26 .n26-pcal__wd{ padding:8px 10px; font-size:12px; font-weight:600; color:#6b665b; text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid #efebe2; }
.nafs26 .n26-pcal__day{ min-height:118px; padding:6px; border-right:1px solid #f1ede4; border-bottom:1px solid #f1ede4; display:flex; flex-direction:column; gap:3px; min-width:0; }
.nafs26 .n26-pcal__day:nth-child(7n){ border-right:0; }
.nafs26 .n26-pcal__day.is-out{ background:#faf8f3; }
.nafs26 .n26-pcal__day.is-out .n26-pcal__num{ color:#b5ae9f; }
.nafs26 .n26-pcal__num{ font-size:12px; font-weight:600; color:#4c4a42; padding:2px 4px; align-self:flex-start; border-radius:999px; }
.nafs26 .n26-pcal__day.is-today .n26-pcal__num{ background:#5b6b2f; color:#fff; padding:2px 7px; }
.nafs26 .n26-pcal__item{ display:flex; align-items:center; gap:4px; min-width:0; padding:3px 6px; border-radius:6px; background:var(--kb); border-left:3px solid var(--k); font-size:12px; line-height:1.3; color:#2b2a26; text-decoration:none; }
.nafs26 a.n26-pcal__item:hover{ filter:brightness(.96); }
.nafs26 .n26-pcal__time{ color:#6b665b; flex:none; font-variant-numeric:tabular-nums; }
.nafs26 .n26-pcal__title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; flex:1; }
.nafs26 .n26-pcal__plats{ display:inline-flex; gap:2px; flex:none; }
.nafs26 .n26-pcal__plat{ font:700 9px/14px Inter,sans-serif; font-style:normal; min-width:14px; height:14px; padding:0 2px; border-radius:3px; background:var(--k); color:#fff; text-align:center; text-transform:uppercase; }
.nafs26 .n26-pcal__pill{ flex:none; font-size:10px; font-weight:600; padding:1px 6px; border-radius:999px; background:#fff; color:var(--k); border:1px solid currentColor; }
.nafs26 .n26-pcal__pill.is-ready_for_review{ background:#6d4f9c; color:#fff; border-color:#6d4f9c; }
.nafs26 .n26-pcal__more{ font-size:12px; color:#6b665b; padding:0 6px; }
.nafs26 .n26-pcal__list{ display:flex; flex-direction:column; gap:12px; }
.nafs26 .n26-pcal__lday h3{ margin:0 0 10px; font-size:15px; }
.nafs26 .n26-pcal__lday{ display:flex; flex-direction:column; gap:6px; }
.nafs26 .n26-pcal__lday .n26-pcal__item{ font-size:14px; padding:8px 12px; flex-wrap:wrap; }
.nafs26 .n26-pcal__lday .n26-pcal__title{ white-space:normal; }
.nafs26 .n26-pcal__loc{ flex-basis:100%; color:#6b665b; font-size:12px; padding-left:52px; }
.nafs26 .n26-pv2__navext{ opacity:.85; }
@media (max-width: 900px){ .nafs26 .n26-pcal__day{ min-height:72px; } .nafs26 .n26-pcal__item .n26-pcal__title, .nafs26 .n26-pcal__item .n26-pcal__time, .nafs26 .n26-pcal__item .n26-pcal__pill, .nafs26 .n26-pcal__item .n26-pcal__plats{ display:none; } .nafs26 .n26-pcal__item{ height:6px; padding:0; border-left-width:0; background:var(--k); } }
/* month cells: keep items inside their day */
.nafs26 .n26-pcal__day > .n26-pcal__item{ width:100%; max-width:100%; box-sizing:border-box; overflow:hidden; }
.nafs26 .n26-pcal__day .n26-pcal__pill{ display:none; }
.nafs26 .n26-pcal__day .n26-pcal__item.is-social.needs-ok{ background:#6d4f9c; color:#fff; }
.nafs26 .n26-pcal__day .n26-pcal__item.is-social.needs-ok .n26-pcal__time{ color:#e8def7; }
.nafs26 .n26-pcal__day .n26-pcal__item.is-social.needs-ok .n26-pcal__plat{ background:#fff; color:#6d4f9c; }
.nafs26 .n26-pcal__day .n26-pcal__time{ font-size:11px; }
.nafs26 .n26-pcal__day .n26-pcal__plats{ max-width:40%; overflow:hidden; }
.nafs26 .n26-pcal__note{ margin:10px 0 0; font-size:12px; color:#6b665b; display:flex; align-items:center; gap:6px; }
.nafs26 .n26-pcal__note i{ width:10px; height:10px; border-radius:3px; background:#6d4f9c; }
.nafs26 .n26-pcal__day .n26-pcal__item.is-social .n26-pcal__plats, .nafs26 .n26-pcal__day .n26-pcal__item.is-social .n26-pcal__time{ display:none; }
/* #316: loading bar is one gold sweep crossing the bar, not a repeating wiggle */
@keyframes n26-sweep{ 0%{ background-position: -60% 0; } 100%{ background-position: 160% 0; } }
html body.nafs26 .n26-pv2.is-loading .n26-pv2__bar::after{ background: linear-gradient(90deg, transparent, var(--n26-gold), transparent) no-repeat; background-size: 35% 100%; animation: n26-sweep 1.1s ease-in-out infinite; }
/* #318: list rows show skeleton lines while the next list loads */
@keyframes n26-skel{ 0%{ background-position: 150% 0; } 100%{ background-position: -50% 0; } }
.nafs26 .n26-pv2.is-loading .n26-pv2__main .n26-pv2__item, .nafs26 .n26-pv2.is-loading .n26-pv2__main .n26-pcal__day{ position: relative; }
.nafs26 .n26-pv2.is-loading .n26-pv2__main .n26-pv2__item > *, .nafs26 .n26-pv2.is-loading .n26-pv2__main .n26-pcal__day > *{ visibility: hidden; }
.nafs26 .n26-pv2.is-loading .n26-pv2__main .n26-pv2__item::after{ content: ""; position: absolute; left: 18px; right: 30%; top: 50%; height: 14px; margin-top: -7px; border-radius: 7px; background: linear-gradient(90deg, #efebe2 0%, #faf8f3 50%, #efebe2 100%) 0 0 / 200% 100%; animation: n26-skel 1.2s linear infinite; }
.nafs26 .n26-pv2.is-loading .n26-pv2__main .n26-pcal__day::after{ content: ""; position: absolute; left: 8px; right: 8px; top: 30px; height: 12px; border-radius: 6px; background: linear-gradient(90deg, #efebe2 0%, #faf8f3 50%, #efebe2 100%) 0 0 / 200% 100%; animation: n26-skel 1.2s linear infinite; }
@media (prefers-reduced-motion: reduce){ html body.nafs26 .n26-pv2.is-loading .n26-pv2__bar::after, .nafs26 .n26-pv2.is-loading .n26-pv2__main .n26-pv2__item::after, .nafs26 .n26-pv2.is-loading .n26-pv2__main .n26-pcal__day::after{ animation: none; } }
/* #312: weather card is a short horizontal strip so it never runs under the white bar */
@media (min-width: 761px){
.nafs26 .n26-pv2__top .n26-wxcard{ top: 12px; grid-template-columns: auto auto; grid-template-areas: "now days" "meta days"; column-gap: 16px; row-gap: 4px; padding: 10px 14px; align-items: center; }
.nafs26 .n26-pv2__top .n26-wxcard__now{ grid-area: now; }
.nafs26 .n26-pv2__top .n26-wxcard__meta{ grid-area: meta; }
.nafs26 .n26-pv2__top .n26-wxcard__days{ grid-area: days; margin: 0; padding: 0 0 0 14px; border-top: 0; border-left: 1px solid rgba(255,255,255,.2); align-self: stretch; align-content: center; }
.nafs26 .n26-pv2__top .n26-wxcard__icon{ width: 30px; height: 30px; }
.nafs26 .n26-pv2__top .n26-wxcard__temp{ font-size: 24px; }
}
/* #317: same-size donut rings with an HTML legend */
.nafs26 .n26-pv2__chart.is-donut{ display: grid; grid-template-columns: 170px minmax(0, 1fr); align-items: center; gap: 18px; height: auto !important; }
.nafs26 .n26-pv2__dring{ position: relative; width: 170px; height: 170px; }
.nafs26 .n26-pv2__dlegend{ list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; font-size: 13px; }
.nafs26 .n26-pv2__dlegend li{ display: grid; grid-template-columns: 10px minmax(0,1fr) auto; align-items: center; gap: 8px; }
.nafs26 .n26-pv2__dlegend i{ width: 10px; height: 10px; border-radius: 50%; }
.nafs26 .n26-pv2__dlegend span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4c4a42; }
.nafs26 .n26-pv2__dlegend b{ font-weight: 600; color: #2b2a26; font-variant-numeric: tabular-nums; }
@media (max-width: 420px){ .nafs26 .n26-pv2__chart.is-donut{ grid-template-columns: 1fr; justify-items: center; } }
/* Lending round 3 (#319-#323) */
.nafs26 .n26-lend__pager{ display: inline-flex; align-items: center; gap: 4px; margin-right: 10px; font-size: 13px; color: #6b665b; }
.nafs26 .n26-lend__pager .is-off{ opacity: .4; pointer-events: none; }
.nafs26 .n26-lend__pinned{ list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.nafs26 .n26-lend__pinned li{ display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: #faf6ee; border: 1px solid #efe4cc; }
.nafs26 .n26-lend__pinned svg{ flex: none; width: 16px; height: 16px; margin-top: 2px; fill: none; stroke: var(--n26-gold); stroke-width: 2; }
.nafs26 .n26-lend__pinned b{ display: block; font-size: 12px; color: #6b665b; font-weight: 600; margin-bottom: 2px; }
.nafs26 .n26-lend__noteacts{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; }
.nafs26 .n26-lend__pin{ display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #4c4a42; }
.nafs26 .n26-lend__auto{ margin-top: 14px; padding-top: 12px; border-top: 1px solid #efebe2; display: grid; gap: 10px; }
.nafs26 .n26-lend__auto summary{ font-weight: 600; font-size: 14px; cursor: pointer; }
.nafs26 .n26-lend__switch{ display: flex; align-items: center; gap: 8px; font-size: 14px; }
.nafs26 .n26-lend__autorow{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.nafs26 .n26-lend__autorow label{ display: grid; gap: 4px; font-size: 12px; color: #6b665b; }
.nafs26 .n26-lend__autorow select{ height: 38px; border: 1px solid #e3ddcf; border-radius: 10px; padding: 0 28px 0 10px; background-color: #fff; font-size: 14px; }
.nafs26 .n26-lend__mail .n26-btn{ justify-self: start; margin: 4px 0; }
.nafs26 .n26-lend__dlg{ width: min(1100px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 0; border: 0; border-radius: 18px; box-shadow: 0 24px 80px rgba(0,0,0,.25); }
.nafs26 .n26-lend__dlg::backdrop{ background: rgba(31,36,22,.45); }
.nafs26 .n26-lend__dlghead{ display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; border-bottom: 1px solid #efebe2; }
.nafs26 .n26-lend__dlghead h2{ margin: 0; }
.nafs26 .n26-lend__x{ width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f3f0e8; font-size: 22px; line-height: 1; cursor: pointer; }
.nafs26 .n26-lend__dlgbody{ display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 20px; padding: 20px 22px; }
.nafs26 .n26-lend__dlgedit{ display: grid; gap: 12px; align-content: start; }
.nafs26 .n26-lend__dlgedit .n26-lend__mailmeta{ display: grid; gap: 4px; margin: 0; font-size: 13px; }
.nafs26 .n26-lend__dlg .n26-lend__mailframe{ width: 100%; height: min(640px, calc(100vh - 170px)); border: 1px solid #efebe2; border-radius: 12px; background: #f3f1ec; }
@media (max-width: 900px){ .nafs26 .n26-lend__dlgbody{ grid-template-columns: 1fr; } }
/* #322 secure system demo */
.nafs26 .n26-sec{ border: 1px solid #d9d4c7; border-radius: 16px; overflow: hidden; background: #fff; }
.nafs26 .n26-sec .n26-lend__vbar{ border-radius: 0; }
.nafs26 .n26-sec__top{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; background: #1f2a33; color: #fff; font-size: 14px; }
.nafs26 .n26-sec__who{ display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #cfe3d0; }
.nafs26 .n26-sec__who svg, .nafs26 .n26-sec__foot svg{ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.nafs26 .n26-sec__body{ display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 520px; }
.nafs26 .n26-sec__nav{ display: flex; flex-direction: column; padding: 14px 10px; background: #f5f6f4; border-right: 1px solid #e6e8e3; gap: 2px; }
.nafs26 .n26-sec__nav a{ padding: 9px 12px; border-radius: 8px; font-size: 14px; color: #2d3a44; text-decoration: none; display: flex; justify-content: space-between; }
.nafs26 .n26-sec__nav a.is-on{ background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.08); font-weight: 600; }
.nafs26 .n26-sec__nav i{ font-style: normal; color: #2f7a4b; }
.nafs26 .n26-sec__main{ padding: 22px 26px; display: grid; gap: 16px; align-content: start; }
.nafs26 .n26-sec__file{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.nafs26 .n26-sec__file h2{ margin: 0 0 4px; font-size: 22px; color: #1f2a33; }
.nafs26 .n26-sec__file p{ margin: 0; color: #5b6670; font-size: 14px; }
.nafs26 .n26-sec__grid{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin: 0; }
.nafs26 .n26-sec__grid div{ padding: 10px 12px; border: 1px solid #e6e8e3; border-radius: 10px; }
.nafs26 .n26-sec__grid dt{ font-size: 12px; color: #5b6670; }
.nafs26 .n26-sec__grid dd{ margin: 2px 0 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.nafs26 .n26-sec__reveal, .nafs26 .n26-sec__link{ border: 0; background: none; color: #2f5670; font-size: 12px; text-decoration: underline; cursor: pointer; padding: 0 0 0 6px; }
.nafs26 .n26-sec__h3{ margin: 6px 0 0; font-size: 15px; }
.nafs26 .n26-sec__table{ width: 100%; border-collapse: collapse; font-size: 14px; }
.nafs26 .n26-sec__table th{ text-align: left; font-size: 12px; color: #5b6670; font-weight: 600; padding: 6px 8px; border-bottom: 1px solid #e6e8e3; }
.nafs26 .n26-sec__table td{ padding: 9px 8px; border-bottom: 1px solid #f0f1ee; }
.nafs26 .n26-sec__ok{ color: #2f7a4b; font-weight: 600; } .nafs26 .n26-sec__wait{ color: #a0611f; }
.nafs26 .n26-sec__checks{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; font-size: 14px; }
.nafs26 .n26-sec__acts{ display: flex; flex-wrap: wrap; gap: 8px; }
.nafs26 .n26-sec__sheet{ position: relative; padding: 28px 32px; border: 1px solid #e6e8e3; border-radius: 6px; background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,.06); min-height: 360px; overflow: hidden; }
.nafs26 .n26-sec__sheet h4{ margin: 0 0 16px; }
.nafs26 .n26-sec__sheet table{ width: 100%; border-collapse: collapse; font-size: 14px; } .nafs26 .n26-sec__sheet td, .nafs26 .n26-sec__sheet th{ padding: 7px 6px; border-bottom: 1px solid #f0f1ee; text-align: left; }
.nafs26 .n26-sec__wm{ position: absolute; right: -30px; top: 40%; transform: rotate(-30deg); font-size: 80px; font-weight: 800; color: rgba(31,42,51,.05); margin: 0; pointer-events: none; }
.nafs26 .n26-sec__lines{ display: grid; gap: 12px; } .nafs26 .n26-sec__lines span{ height: 10px; border-radius: 5px; background: #eef0ec; } .nafs26 .n26-sec__lines span:nth-child(3n){ width: 70%; }
.nafs26 .n26-sec__foot{ display: flex; align-items: center; gap: 8px; margin: 0; padding: 12px 20px; background: #f5f6f4; border-top: 1px solid #e6e8e3; font-size: 13px; color: #4a5560; }
/* #326 credit inline with tooltip · #327/#328 forms list */
.nafs26 .n26-lendp__credit2{ display: flex; flex-wrap: wrap; gap: 8px; }
.nafs26 .n26-lendp__form .n26-lendp__credit2 label{ position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #e6e1d5; border-radius: 999px; font-weight: 400; cursor: pointer; }
.nafs26 .n26-lendp__credit2 label:has(input:checked){ border-color: var(--n26-olive); background: #f6f5ee; }
.nafs26 .n26-tip{ position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); width: max-content; max-width: 240px; padding: 8px 10px; border-radius: 8px; background: #2f3a22; color: #fff; font-size: 12.5px; line-height: 1.4; text-align: center; opacity: 0; pointer-events: none; transition: opacity .15s; z-index: 5; }
.nafs26 .n26-tipwrap:hover .n26-tip, .nafs26 .n26-tipwrap:focus-within .n26-tip{ opacity: 1; }
.nafs26 .n26-lendp__dlbtn{ display: inline-flex; align-items: center; gap: 6px; flex: none; padding: 7px 14px; border: 1px solid var(--n26-olive); border-radius: 999px; color: var(--n26-olive); font-weight: 600; font-size: 14px; text-decoration: none; }
.nafs26 .n26-lendp__dlbtn .n26-ficon{ width: 16px; height: 19px; }
.nafs26 .n26-lendp__dlbtn:hover{ background: #f6f5ee; }
/* #332 / #333 member application + advisor */
.nafs26 .n26-pv2__advisor{ display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.nafs26 .n26-pv2__advisor img, .nafs26 .n26-pv2__advisor-i{ width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex: none; }
.nafs26 .n26-pv2__advisor-i{ display: grid; place-items: center; background: #eef1e3; color: var(--n26-olive); font-weight: 700; font-size: 24px; }
.nafs26 .n26-pv2__advisor h2{ margin: 0 0 4px; } .nafs26 .n26-pv2__advisor p{ margin: 0; }
.nafs26 .n26-pv2__mapp{ display: grid; gap: 10px; margin-bottom: 16px; }
.nafs26 .n26-pv2__mapphead{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.nafs26 .n26-pv2__mapphead h2{ margin: 0; }
.nafs26 .n26-pv2__msteps{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.nafs26 .n26-pv2__msteps li{ display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: #f6f4ee; font-size: 13.5px; }
.nafs26 .n26-pv2__msteps li span{ width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 1px solid #ddd7c8; font-size: 11px; font-weight: 700; }
.nafs26 .n26-pv2__msteps li.is-done{ background: #eef1e3; } .nafs26 .n26-pv2__msteps li.is-done span{ background: var(--n26-olive); color: #fff; border-color: var(--n26-olive); }
.nafs26 *:has(> .n26-pv2__chart.is-donut){ container-type: inline-size; }
@container (max-width: 400px){
.nafs26 .n26-pv2__chart.is-donut{ grid-template-columns: 1fr; justify-items: center; gap: 14px; }
.nafs26 .n26-pv2__chart.is-donut .n26-pv2__dlegend{ width: 100%; max-width: 260px; }
}
/* #329: WordPress wraps the page shortcode in an empty that pushed the hero down 16px (white strip under the header) */
.nafs26 #n26-main > p:empty{ display: none; }
.nafs26 .n26-pv2__card.n26-pv2__advisor{ display: flex !important; flex-direction: row; align-items: center; gap: 16px; }
.nafs26 .n26-pv2__card.n26-pv2__mapp{ display: grid !important; gap: 12px; }
.nafs26 .n26-pv2__mapp .n26-lend__prog{ height: 8px; border-radius: 4px; overflow: hidden; background: #efebe2; margin: 4px 0 0; }
.nafs26 .n26-pv2__mapp .n26-lend__prog span{ display: block; height: 100%; background: var(--n26-olive); }
.nafs26 .n26-pv2__mapp p{ margin: 0; }
/* Print Shop */
.nafs26 .n26-ps__tabs{ margin: 0 0 18px; }
.nafs26 .n26-ps__group{ margin: 0 0 26px; }
.nafs26 .n26-ps__group > h2{ margin: 0 0 12px; }
.nafs26 .n26-ps__grid{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; }
.nafs26 .n26-ps__grid.is-tall{ grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.nafs26 .n26-ps__item{ display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid #e8e3d8; border-radius: 14px; background: #fff; }
.nafs26 .n26-ps__item > a:first-child{ display: grid; gap: 4px; color: inherit; text-decoration: none; }
.nafs26 .n26-ps__thumb{ display: block; aspect-ratio: 8.5 / 11; border-radius: 8px; overflow: hidden; background: #f3f0e8; }
.nafs26 .n26-ps__grid.is-tall .n26-ps__thumb{ aspect-ratio: 4 / 9; }
.nafs26 .n26-ps__thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .2s; }
.nafs26 .n26-ps__item:hover .n26-ps__thumb img{ transform: scale(1.03); }
.nafs26 .n26-ps__item strong{ font-size: 14px; line-height: 1.3; margin-top: 4px; }
.nafs26 .n26-ps__item em{ font-style: normal; font-size: 12px; color: #6b665b; }
.nafs26 .n26-ps__reorder{ margin-top: auto; justify-content: center; }
.nafs26 .n26-ps__emptyitem{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.nafs26 .n26-ps__emptyitem p{ margin: 0; }
.nafs26 .n26-ps__cols .n26-pv2__colside{ position: static; }
.nafs26 .n26-ps__viewer{ display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; }
.nafs26 .n26-ps__viewer figure{ margin: 0; flex: 1 1 260px; max-width: 420px; text-align: center; }
.nafs26 .n26-ps__viewer.is-tall figure{ flex: 0 1 220px; }
.nafs26 .n26-ps__viewer img{ width: 100%; height: auto; border-radius: 6px; box-shadow: 0 8px 28px rgba(0,0,0,.12); }
.nafs26 .n26-ps__viewer figcaption{ margin-top: 8px; font-size: 13px; color: #6b665b; }
.nafs26 .n26-ps__viewer > p{ flex-basis: 100%; text-align: center; margin: 0; }
.nafs26 .n26-ps__order{ display: grid; gap: 12px; margin-bottom: 16px; }
.nafs26 .n26-ps__order label, .nafs26 .n26-ps__ship label, .nafs26 .n26-ps__cardfields label{ display: grid; gap: 5px; font-size: 13px; font-weight: 600; color: #3d3b35; }
.nafs26 .n26-ps__order input:not([type=radio]):not([type=checkbox]), .nafs26 .n26-ps__order select, .nafs26 .n26-ps__order textarea, .nafs26 .n26-ps__cardfields input, .nafs26 .n26-ps__cardfields select{ width: 100%; min-height: 42px; padding: 8px 12px; border: 1px solid #ddd7c8; border-radius: 10px; background-color: #fff; font: inherit; font-weight: 400; font-size: 15px; box-sizing: border-box; }
.nafs26 .n26-ps__order textarea{ min-height: 80px; }
.nafs26 .n26-ps__row{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.nafs26 .n26-ps__row--3{ grid-template-columns: 1.4fr 1fr .8fr; }
.nafs26 .n26-ps__ship, .nafs26 .n26-ps__pay, .nafs26 .n26-ps__changes{ margin: 0; padding: 0; border: 0; display: grid; gap: 10px; min-width: 0; }
.nafs26 .n26-ps__ship legend, .nafs26 .n26-ps__pay legend, .nafs26 .n26-ps__changes legend{ font-weight: 700; font-size: 14px; margin-bottom: 4px; padding: 0; }
.nafs26 .n26-ps__opt{ display: flex !important; grid-template-columns: none; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid #e6e1d5; border-radius: 12px; cursor: pointer; font-weight: 400 !important; }
.nafs26 .n26-ps__opt:has(input:checked){ border-color: var(--n26-olive); background: #f6f5ee; }
.nafs26 .n26-ps__opt input{ margin-top: 3px; }
.nafs26 .n26-ps__opt strong{ display: block; font-size: 14px; }
.nafs26 .n26-ps__opt em{ display: block; font-style: normal; font-size: 12.5px; color: #6b665b; font-weight: 400; }
.nafs26 .n26-ps__check{ display: flex !important; align-items: center; gap: 8px; font-weight: 400 !important; }
.nafs26 .n26-ps__est{ margin: 0; font-size: 22px; font-weight: 700; color: #4f5a2e; }
.nafs26 .n26-ps__est small{ font-size: 13px; font-weight: 400; color: #6b665b; }
.nafs26 .n26-ps__go{ width: 100%; justify-content: center; }
.nafs26 .n26-ps__cardsbar{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; }
.nafs26 .n26-ps__cardsbar p{ margin: 0; }
.nafs26 .n26-ps__avatar{ width: 44px; height: 44px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: #eef1e3; color: var(--n26-olive); font-weight: 700; flex: none; }
.nafs26 .n26-ps__avatar img{ width: 100%; height: 100%; object-fit: cover; }
.nafs26 .n26-ps__last{ font-size: 12.5px; color: #6b665b; }
.nafs26 .n26-ps__bcstage{ display: grid; gap: 10px; }
.nafs26 .n26-ps__bcwrap{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; container-type: inline-size; }
.nafs26 .n26-ps__bcard{ position: relative; aspect-ratio: 3.5 / 2; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.18); font-family: 'Playfair Display', Georgia, serif; container-type: inline-size; }
.nafs26 .n26-ps__bcbg{ position: absolute; inset: 0; width: 100%; height: 100%; }
.nafs26 .n26-ps__bcleft{ position: absolute; left: 6%; top: 16%; width: 58%; color: #fff; }
.nafs26 .n26-ps__bcname{ margin: 0; font-size: 7.4cqw; line-height: 1.05; font-family: inherit; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nafs26 .n26-ps__bctitle{ margin: .6cqw 0 0; font-size: 4.6cqw; font-family: inherit; color: #fff; }
.nafs26 .n26-ps__bcrule{ display: block; width: 8%; height: 2px; background: #b8b08f; margin: 2.4cqw 0 4cqw; }
.nafs26 .n26-ps__bcline{ display: flex; align-items: center; gap: 2.4cqw; margin: 0 0 3cqw; font-size: 3.5cqw; color: #fff; font-family: inherit; white-space: nowrap; }
.nafs26 .n26-ps__bcline[hidden]{ display: none; }
.nafs26 .n26-ps__bcline b{ width: 7.4cqw; height: 7.4cqw; border-radius: 50%; background: #b8b08f; color: #fff; display: grid; place-items: center; font-size: 3.4cqw; flex: none; font-weight: 400; }
.nafs26 .n26-ps__bcright{ position: absolute; right: 2%; top: 18%; width: 30%; text-align: center; }
.nafs26 .n26-ps__bcright img{ width: 78%; height: auto; }
.nafs26 .n26-ps__bcright p{ margin: 1.5cqw 0 0; font-size: 2.6cqw; line-height: 1.25; color: #7d7a5f; letter-spacing: .02em; font-family: inherit; }
.nafs26 .n26-ps__bcard--back{ background: #333c2a; display: grid; place-items: center; }
.nafs26 .n26-ps__bcard--back img{ width: 62%; height: auto; }
.nafs26 .n26-ps__pill{ display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #f1ede4; color: #4c4a42; white-space: nowrap; }
.nafs26 .n26-ps__pill.is-requested{ background: #f8f0de; color: #8a6418; }
.nafs26 .n26-ps__pill.is-quoted, .nafs26 .n26-ps__pill.is-proof{ background: #efe9f7; color: #6d4f9c; }
.nafs26 .n26-ps__pill.is-approved, .nafs26 .n26-ps__pill.is-ordered{ background: #e5f0f5; color: #2f6f8f; }
.nafs26 .n26-ps__pill.is-shipped, .nafs26 .n26-ps__pill.is-delivered{ background: #eef1e3; color: #4f5a2e; }
.nafs26 .n26-ps__pill.is-cancelled{ background: #f3f0e8; color: #8d887a; }
.nafs26 .n26-ps__action{ border-color: #d9cdee; background: #faf8fd; display: grid; gap: 12px; }
.nafs26 .n26-ps__action form{ display: grid; gap: 8px; }
.nafs26 .n26-ps__price{ margin: 0; font-size: 26px; font-weight: 700; color: #4f5a2e; } .nafs26 .n26-ps__price small{ font-size: 13px; font-weight: 400; color: #6b665b; }
.nafs26 .n26-ps__note{ margin: 0; padding: 10px 12px; border-radius: 10px; background: #fff; border: 1px solid #ece6f6; }
.nafs26 .n26-ps__embarc{ border-style: dashed; }
.nafs26 .n26-ps__embarc form{ display: grid; gap: 10px; }
.nafs26 .n26-ps__embarc label{ display: grid; gap: 4px; font-size: 12.5px; font-weight: 600; }
.nafs26 .n26-ps__embarc input:not([type=checkbox]), .nafs26 .n26-ps__embarc select, .nafs26 .n26-ps__embarc textarea{ min-height: 38px; padding: 6px 10px; border: 1px solid #ddd7c8; border-radius: 8px; font: inherit; font-size: 14px; font-weight: 400; background-color: #fff; }
@media (max-width: 600px){ .nafs26 .n26-ps__row, .nafs26 .n26-ps__row--3{ grid-template-columns: 1fr; } }
.nafs26 .n26-pv2__card.n26-ps__bcstage{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
.nafs26 .n26-ps__bcwrap{ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.nafs26 .n26-ps__changetxt[hidden], .nafs26 .n26-ps__order [hidden]{ display: none !important; }
.nafs26 .n26-ps__est--note{ font-size: 14px; font-weight: 400; color: #6b665b; }
.nafs26 .n26-ps__row--3{ grid-template-columns: minmax(0, 1.3fr) minmax(84px, .8fr) minmax(0, .8fr); }
.nafs26 .n26-ps__grid.is-tall{ grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); }
.nafs26 .n26-ps__bcwrap{ grid-template-columns: 1.6fr 1fr; align-items: end; }
@media (max-width: 700px){ .nafs26 .n26-ps__bcwrap{ grid-template-columns: 1fr; } }
/* Print Shop v2 (Oct 8): roomier order column, new card design, letterhead options */
.nafs26 .n26-pv2__cols.n26-ps__cols{ grid-template-columns: minmax(0, 1fr) minmax(380px, 460px); }
@media (max-width: 1100px){ .nafs26 .n26-pv2__cols.n26-ps__cols{ grid-template-columns: minmax(0, 1fr); } }
.nafs26 .n26-ps__order{ padding: 22px 24px !important; gap: 16px !important; }
.nafs26 .n26-ps__ship{ gap: 12px; }
.nafs26 .n26-ps__row{ gap: 12px; }
.nafs26 .n26-ps__bcard--front{ background: #fff; border: 1px solid #ece7dc; font-family: 'Lato', Inter, sans-serif; }
.nafs26 .n26-ps__bcard--front .n26-ps__bcleft{ position: absolute; left: 7%; top: 13%; width: 62%; color: #2c2a26; }
.nafs26 .n26-ps__bcard--front .n26-ps__bcname{ font-family: 'Playfair Display', Georgia, serif; font-weight: 700; font-size: 7.6cqw; color: #2c2a26; line-height: 1.05; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nafs26 .n26-ps__bcard--front .n26-ps__bctitle{ font-family: 'Lato', Inter, sans-serif; font-weight: 700; font-size: 3.6cqw; color: #8a5528; margin: 1cqw 0 0; }
.nafs26 .n26-ps__bcbadge{ position: absolute; right: 4.5%; top: 6%; width: 27%; height: auto; }
.nafs26 .n26-ps__bclines{ position: absolute; left: 7%; bottom: 13%; display: grid; gap: 2.2cqw; }
.nafs26 .n26-ps__bcard--front .n26-ps__bcline{ display: flex; align-items: center; gap: 2cqw; margin: 0; font-family: 'Lato', Inter, sans-serif; font-size: 3.7cqw; color: #2c2a26; white-space: nowrap; }
.nafs26 .n26-ps__chev{ width: 1.4cqw; height: 2.6cqw; flex: none; background: #b07a3c; clip-path: polygon(0 0, 55% 50%, 0 100%, 30% 50%); }
.nafs26 .n26-ps__bcard--back{ background: #3a3a28; }
.nafs26 .n26-ps__bcard--back img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.nafs26 .n26-ps__bcimg{ width: 100%; height: auto; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,.16); border: 1px solid #ece7dc; }
.nafs26 .n26-ps__current .n26-ps__bcwrap{ grid-template-columns: 1fr 1fr; }
.nafs26 .n26-ps__cardthumb{ width: 77px; height: 44px; border-radius: 4px; overflow: hidden; flex: none; box-shadow: 0 1px 4px rgba(0,0,0,.15); }
.nafs26 .n26-ps__cardthumb img{ width: 100%; height: 100%; object-fit: cover; }
.nafs26 .n26-ps__onfile{ display: inline-block; padding: 2px 9px; border-radius: 999px; background: #eef1e3; color: #4f5a2e; font-weight: 600; font-size: 12px; }
.nafs26 .n26-ps__options{ margin: 0; padding: 0; border: 0; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; }
.nafs26 .n26-ps__options legend{ font-weight: 700; font-size: 14px; margin-bottom: 6px; padding: 0; grid-column: 1 / -1; }
.nafs26 .n26-ps__optpick{ display: grid !important; gap: 4px; justify-items: center; padding: 6px; border: 1px solid #e6e1d5; border-radius: 10px; cursor: pointer; font-weight: 400 !important; font-size: 12px !important; text-align: center; }
.nafs26 .n26-ps__optpick:has(input:checked){ border-color: var(--n26-olive); background: #f6f5ee; box-shadow: 0 0 0 1px var(--n26-olive); }
.nafs26 .n26-ps__optpick input{ position: absolute; opacity: 0; pointer-events: none; }
.nafs26 .n26-ps__optpick img{ width: 100%; aspect-ratio: 8.5 / 11; object-fit: cover; border-radius: 4px; border: 1px solid #eee; }
.nafs26 .n26-ps__optbig{ flex: 0 1 420px !important; max-width: 420px !important; }
.nafs26 .n26-ps__qtybox{ display: grid; gap: 10px; }
/* Print Shop: booth + promo */
.nafs26 .n26-ps__item.is-tall .n26-ps__thumb{ aspect-ratio: 4 / 9; }
.nafs26 .n26-ps__item.is-wide .n26-ps__thumb{ aspect-ratio: 3 / 2; }
.nafs26 .n26-ps__item.is-wide .n26-ps__thumb img{ object-fit: contain; background: #fff; }
.nafs26 .n26-ps__icon{ display: grid; place-items: center; width: 100%; height: 100%; min-height: 160px; color: #2c3b2b; background: linear-gradient(160deg, #f3f0e8, #e9e2cf); }
.nafs26 .n26-ps__icon svg{ width: 42%; max-width: 90px; height: auto; }
.nafs26 .n26-ps__viewer .n26-ps__icon{ aspect-ratio: 4 / 3; border-radius: 12px; }
/* Portal welcome tour */
.n26-tour__shade{ position: fixed; inset: 0; z-index: 99990; }
.n26-tour__shade.is-dim{ background: rgba(28, 33, 20, .6); }
.n26-tour__spot{ position: fixed; z-index: 99991; border-radius: 12px; box-shadow: 0 0 0 9999px rgba(28, 33, 20, .6); outline: 3px solid #dbad67; pointer-events: none; transition: top .25s ease, left .25s ease, width .25s ease, height .25s ease; }
.n26-tour__card{ position: fixed; z-index: 99992; width: min(380px, calc(100vw - 24px)); background: #fff; color: #292f1e; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,.28); padding: 22px 24px 20px; font-family: inherit; }
.n26-tour__card.is-center{ top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); }
.n26-tour__card h2{ font-size: 22px; line-height: 1.2; margin: 0 0 8px; color: #4f5a2e; }
.n26-tour__count{ margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #a87a2f; }
.n26-tour__text{ margin: 0 0 18px; line-height: 1.55; font-size: 15px; }
.n26-tour__btns{ display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.n26-tour__btns span{ display: flex; gap: 8px; }
.n26-tour__link{ background: none; border: 0; padding: 6px 0; color: #6b665b; font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; }
.n26-tour__next{ background: #4f5a2e !important; color: #fff !important; border-color: #4f5a2e !important; }
.nafs26 .n26-pv2__tourcard{ display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 18px; }
@media (prefers-reduced-motion: reduce){ .n26-tour__spot{ transition: none; } }
/* Print Shop v3 (Oct 8): real-layout card preview, bigger previews, cart, addresses */
.nafs26 .n26-ps__bc2{ position: relative; aspect-ratio: 770 / 440; container-type: inline-size; background: #fff center / 100% 100% no-repeat; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.16); border: 1px solid #ece7dc; }
.nafs26 .n26-ps__bc2 p{ margin: 0; white-space: nowrap; }
.nafs26 .n26-ps__bc2name{ position: absolute; left: 8.05cqw; top: 7.72cqw; font: 700 7.15cqw/1 'Playfair Display', Georgia, serif; color: #25291f; max-width: 58cqw; overflow: hidden; text-overflow: ellipsis; }
.nafs26 .n26-ps__bc2title{ position: absolute; left: 7.85cqw; top: 16.55cqw; font: 700 3.25cqw/1 Lato, sans-serif; color: #6e3a1f; }
.nafs26 .n26-ps__bc2lines{ position: absolute; left: 7.27cqw; top: 32.3cqw; }
.nafs26 .n26-ps__bc2lines p{ font: 400 3.15cqw/1 Lato, sans-serif; color: #2d2f29; padding-left: 3.78cqw; margin-bottom: 2.95cqw; background: var(--chev) no-repeat 0 50% / 2.6cqw auto; }
.nafs26 .n26-ps__bc2lines p[hidden]{ display: none; }
.nafs26 .n26-ps__bc2--back img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nafs26 .n26-ps__viewer figure{ flex: 1 1 320px; max-width: 560px; }
.nafs26 .n26-ps__viewer.is-tall figure{ flex: 0 1 300px; max-width: 320px; }
.nafs26 .n26-ps__viewer img{ max-height: 78vh; object-fit: contain; }
.nafs26 .n26-ps__item.is-wide .n26-ps__thumb{ aspect-ratio: 4 / 3; }
.nafs26 .n26-ps__itembtns{ display: flex; gap: 6px; margin-top: auto; }
.nafs26 .n26-ps__itembtns > *{ flex: 1; }
.nafs26 .n26-ps__itembtns form{ display: flex; }
.nafs26 .n26-ps__itembtns .n26-pv2__btn{ width: 100%; justify-content: center; }
.nafs26 .n26-ps__addcart svg{ width: 14px; height: 14px; }
.nafs26 .n26-ps__tocart{ width: 100%; justify-content: center; margin-top: 4px; }
.nafs26 .n26-ps__lines{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.nafs26 .n26-ps__lines li{ display: flex; align-items: center; gap: 14px; padding: 10px; border: 1px solid #ece7dc; border-radius: 12px; background: #fff; }
.nafs26 .n26-ps__lines li > img, .nafs26 .n26-ps__linethumb{ width: 64px; height: 64px; flex: none; border-radius: 8px; overflow: hidden; background: #f3f0e8; display: block; }
.nafs26 .n26-ps__lines li > img, .nafs26 .n26-ps__linethumb img{ width: 100%; height: 100%; object-fit: contain; }
.nafs26 .n26-ps__linethumb .n26-ps__icon{ min-height: 0; }
.nafs26 .n26-ps__lines li > span:not(.n26-ps__linethumb){ flex: 1; display: grid; gap: 2px; min-width: 0; }
.nafs26 .n26-ps__lines em{ font-style: normal; font-size: 13px; color: #6b665b; }
.nafs26 .n26-ps__cartlines select{ min-width: 110px; }
.nafs26 .n26-ps__lineest{ min-width: 70px; text-align: right; font-size: 16px; }
.nafs26 .n26-ps__carttotal{ margin: 16px 0 6px; font-size: 18px; text-align: right; }
.nafs26 .n26-ps__billnote{ margin: 4px 0 10px; padding: 10px 12px; border-radius: 10px; background: #f6f3ea; font-size: 14px; color: #4f5a2e; }
.nafs26 .n26-ps__saveaddr{ display: grid; gap: 8px; margin-top: 6px; }
.nafs26 .n26-ps__saveaddr [hidden]{ display: none; }
@media (max-width: 640px){ .nafs26 .n26-ps__lines li{ flex-wrap: wrap; } .nafs26 .n26-ps__cartlines label{ flex: 1; } }
.nafs26 .n26-ps__bcwrap:has(.n26-ps__bc2){ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); align-items: start; }
.nafs26 .n26-ps__itembtns{ flex-wrap: wrap; }
.nafs26 .n26-ps__itembtns > a{ flex: 1 1 100%; }
.nafs26 .n26-ps__itembtns > form{ flex: 1 1 100%; }
.nafs26 .n26-ps__item.is-wide .n26-ps__thumb{ background: #fff; display: grid; place-items: center; }
.nafs26 .n26-ps__item.is-wide .n26-ps__thumb img{ object-fit: contain; width: 100%; height: 100%; padding: 6px; }
.nafs26 .n26-ps__grid--cards{ grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.nafs26 .n26-ps__thumb--card{ aspect-ratio: 770 / 440 !important; background: #fff; border: 1px solid #ece7dc; }
.nafs26 .n26-ps__thumb--card img{ object-fit: cover; }
.nafs26 .n26-ps__thumb--card .n26-ps__bc2{ display: block; width: 100%; height: 100%; border: 0; box-shadow: none; border-radius: 0; }
.nafs26 .n26-ps__thumbnew{ display: grid !important; place-items: center; color: #4f5a2e; border-style: dashed !important; }
.nafs26 .n26-ps__thumbnew svg{ width: 34px; height: 34px; }
/* Print Shop: one tile size everywhere (Will, Oct 8) */
.nafs26 .n26-ps__grid, .nafs26 .n26-ps__grid.is-tall{ grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.nafs26 .n26-ps__grid:not(.n26-ps__grid--cards) .n26-ps__thumb, .nafs26 .n26-ps__grid .n26-ps__item.is-tall .n26-ps__thumb, .nafs26 .n26-ps__grid .n26-ps__item.is-wide .n26-ps__thumb{ aspect-ratio: 4 / 5 !important; background: #f4f1e9; display: grid; place-items: center; padding: 12px; }
.nafs26 .n26-ps__grid:not(.n26-ps__grid--cards) .n26-ps__thumb img{ width: 100%; height: 100%; object-fit: contain; padding: 0; box-shadow: none; }
.nafs26 .n26-ps__grid:not(.n26-ps__grid--cards) .n26-ps__thumb .n26-ps__icon{ background: none; }
.nafs26 .n26-ps__grid--cards .n26-ps__thumb--card{ aspect-ratio: 4 / 5 !important; background: #f4f1e9; display: grid; place-items: center; padding: 12px; }
.nafs26 .n26-ps__grid--cards .n26-ps__thumb--card > img, .nafs26 .n26-ps__grid--cards .n26-ps__thumb--card > .n26-ps__bc2{ width: 100%; height: auto; aspect-ratio: 770 / 440; border: 1px solid #e6e0d2; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.nafs26 .n26-ps__bc2name, .nafs26 .n26-ps__bc2title{ display: block; white-space: nowrap; }
.nafs26 .n26-ps__item > a:first-child{ display: grid; grid-template-rows: auto auto 1fr; }
/* Item page: centered, larger image */
.nafs26 .n26-ps__viewer{ display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 28px; }
.nafs26 .n26-ps__viewer:has(figure + figure){ flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.nafs26 .n26-ps__viewer figure{ flex: 0 1 auto; width: min(100%, 520px); max-width: none; }
.nafs26 .n26-ps__viewer:has(figure + figure) figure{ width: min(100%, 300px); }
.nafs26 .n26-ps__viewer.is-tall figure{ width: min(100%, 330px); }
.nafs26 .n26-ps__viewer.is-wide figure{ width: min(100%, 620px); }
.nafs26 .n26-ps__viewer.is-wide img{ box-shadow: none; }
.nafs26 .n26-ps__viewer > p{ text-align: center; }
.nafs26 .n26-ps__grid:not(.n26-ps__grid--cards) .n26-ps__thumb{ position: relative; overflow: hidden; }
.nafs26 .n26-ps__grid:not(.n26-ps__grid--cards) .n26-ps__thumb > img{ position: absolute; inset: 12px; width: calc(100% - 24px); height: calc(100% - 24px); object-fit: contain; filter: drop-shadow(0 4px 10px rgba(0,0,0,.12)); }
.nafs26 .n26-ps__grid:not(.n26-ps__grid--cards) .n26-ps__item.is-wide .n26-ps__thumb > img{ filter: none; }
.nafs26 .n26-ps__grid:not(.n26-ps__grid--cards) .n26-ps__item:hover .n26-ps__thumb img{ transform: scale(1.03); }
.nafs26 .n26-pv2.is-swapping .n26-pv2__main{ opacity: .55; transition: opacity .15s; pointer-events: none; }
/* Settings: hotline tab */
.nafs26 .n26-pv2__hlcols{ grid-template-columns: minmax(0,1fr) minmax(260px, 340px); align-items: start; }
.nafs26 .n26-pv2__hlprev{ background: var(--n26-forest, #292f1e); color: #fff; border-radius: 14px; padding: 18px 20px; }
.nafs26 .n26-pv2__hlprev .n26-pv2__flab{ color: rgba(255,255,255,.6); margin: 0 0 8px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.nafs26 .n26-pv2__hlprev .n26-hotline{ margin: 0; }
.nafs26 .n26-pv2__hleyebrow{ margin: 0 0 4px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #dbad67; }
.nafs26 .n26-pv2__hlprev a{ color: #fff; }
@media (max-width: 900px){ .nafs26 .n26-pv2__hlcols{ grid-template-columns: 1fr; } }
.nafs26 .n26-pv2__locked{ display: flex; align-items: center; gap: 8px; margin: 6px 0 2px; padding: 10px 12px; border-radius: 10px; background: #f4f1e9; color: #4b4840; }
.nafs26 .n26-pv2__locked svg{ width: 15px; height: 15px; flex: none; opacity: .7; }
/* Funder clicks report */
.nafs26 .n26-fc__bars{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 8px; align-items: end; height: 190px; padding-top: 18px; }
.nafs26 .n26-fc__bar{ display: grid; grid-template-rows: 1fr auto; height: 100%; text-align: center; gap: 6px; }
.nafs26 .n26-fc__bar b{ align-self: end; display: block; min-height: 3px; border-radius: 6px 6px 2px 2px; background: #4f5a2e; position: relative; }
.nafs26 .n26-fc__bar b i{ position: absolute; top: -18px; left: 0; right: 0; font-style: normal; font-size: 12px; color: #4b4840; font-weight: 600; }
.nafs26 .n26-fc__bar span{ font-size: 12px; color: #6b665b; }
.nafs26 .n26-fc__table td, .nafs26 .n26-fc__table th{ white-space: nowrap; }
.nafs26 .n26-fc__table td:first-child, .nafs26 .n26-fc__table td:last-child{ white-space: normal; }
.nafs26 .n26-fc__table tr.is-zero{ color: #9a958a; }
/* Print Shop: aligned tiles + bigger item images (Will, Oct 8 night) */
.nafs26 .n26-ps__grid{ align-items: stretch; }
.nafs26 .n26-ps__item{ display: flex; flex-direction: column; height: 100%; }
.nafs26 .n26-ps__item > a:first-child{ flex: 1; display: flex; flex-direction: column; gap: 4px; }
.nafs26 .n26-ps__item > a:first-child strong{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; margin-top: 8px; }
.nafs26 .n26-ps__item > a:first-child em{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nafs26 .n26-ps__grid:not(.n26-ps__grid--cards) .n26-ps__thumb, .nafs26 .n26-ps__grid--cards .n26-ps__thumb--card{ background: #fff !important; border: 1px solid #ece7dc; }
.nafs26 .n26-ps__itembtns{ flex-wrap: nowrap !important; gap: 8px; margin-top: 12px; align-items: center; }
.nafs26 .n26-ps__itembtns > a{ flex: 1 1 auto !important; }
.nafs26 .n26-ps__itembtns > form{ flex: 0 0 auto !important; }
.nafs26 .n26-ps__addcart{ width: 44px !important; min-width: 44px; padding: 0 !important; justify-content: center; }
.nafs26 .n26-ps__viewer{ padding: 18px !important; }
.nafs26 .n26-ps__viewer figure{ width: 100% !important; max-width: 760px; }
.nafs26 .n26-ps__viewer.is-tall figure{ width: min(100%, 470px) !important; }
.nafs26 .n26-ps__viewer:has(figure + figure) figure{ width: calc(50% - 10px) !important; max-width: 420px; }
.nafs26 .n26-ps__viewer img{ max-height: 82vh; width: 100%; object-fit: contain; }
@media (max-width: 640px){ .nafs26 .n26-ps__viewer:has(figure + figure) figure{ width: 100% !important; } }
.nafs26 .n26-pv2__card.n26-ps__viewer{ display: flex !important; flex-direction: column; align-items: center; justify-content: center; grid-template-columns: none !important; }
.nafs26 .n26-pv2__card.n26-ps__viewer:has(figure + figure){ flex-direction: row !important; flex-wrap: wrap; align-items: flex-start; }
.nafs26 .n26-pv2__cols.n26-ps__cols:has(.n26-ps__viewer){ grid-template-columns: minmax(0, 1.5fr) minmax(340px, 420px) !important; }
@media (max-width: 1000px){ .nafs26 .n26-pv2__cols.n26-ps__cols:has(.n26-ps__viewer){ grid-template-columns: 1fr !important; } }
.nafs26 .n26-ps__addcart{ border: 1px solid #ddd6c6 !important; height: 42px; }
/* Lending list: simpler (Will, Oct 9) */
.nafs26 [data-lend-list] > li[hidden]{ display: none !important; }
.nafs26 .n26-lend__sum{ display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 4px 0 26px; font-size: 15px; color: #6b665b; }
.nafs26 .n26-lend__sum b{ font-size: 22px; color: #2c2a26; font-weight: 700; margin-right: 2px; }
.nafs26 .n26-lend__filters{ margin: 0 0 18px; }
.nafs26 [data-lend-list]{ margin-bottom: 28px; }
.nafs26 [data-lend-list] .n26-pv2__item{ padding-top: 16px; padding-bottom: 16px; }
.nafs26 .n26-lend__how{ margin-top: 8px; padding: 16px 20px; border: 1px solid #ece7dc; border-radius: 14px; background: #fff; }
.nafs26 .n26-lend__how summary{ cursor: pointer; font-weight: 600; color: #4f5a2e; }
.nafs26 .n26-lend__how ol{ margin: 14px 0 4px; padding-left: 20px; line-height: 1.6; }
.nafs26 .n26-lend__how li{ margin-bottom: 8px; }
/* Topic pickers: one clean list (Will, Oct 9) */
.nafs26 .n26-pv2__choices--list{ display: flex; flex-direction: column; gap: 0; margin-top: 6px; }
.nafs26 .n26-pv2__choices--list .n26-pv2__choice{ display: flex; width: 100%; padding: 10px 2px; border: 0; border-bottom: 1px solid #efeadf; border-radius: 0; background: none; font-size: 14.5px; }
.nafs26 .n26-pv2__choices--list .n26-pv2__choice:last-child{ border-bottom: 0; }
.nafs26 .n26-pv2__choices--list .n26-pv2__choice:has(input:checked){ background: none; font-weight: 600; color: #3d4624; }
.nafs26 .n26-pv2__moretopics{ margin-top: 18px; }
.nafs26 .n26-pv2__choices--list .n26-pv2__choice:has(input:checked){ border-color: #efeadf; }
.nafs26 .n26-lend__sum{ margin-top: 14px; }
.nafs26 .n26-ps__dcard{ display: flex; gap: 18px; align-items: center; justify-content: space-between; }
.nafs26 .n26-ps__dcard img{ flex: none; border-radius: 8px; border: 1px solid #ece7dc; padding: 6px; background: #fff; }
.nafs26 .n26-ps__dclink a{ font-weight: 700; word-break: break-all; }
.nafs26 .n26-ps__dcqr{ flex: none; width: 120px; height: 120px; padding: 8px; border: 1px solid #ece7dc; border-radius: 10px; background: #fff; }
.nafs26 .n26-ps__dcqr svg{ width: 100%; height: 100%; display: block; }
/* Calendar: compact Month / List switch */
.nafs26 .n26-pcal__bar > .n26-pv2__tabs{ flex: 0 0 auto !important; width: auto !important; margin-left: auto; padding: 3px; }
.nafs26 .n26-pcal__bar > .n26-pv2__tabs a{ padding: 6px 14px !important; font-size: 14px !important; min-height: 0 !important; }
/* Business card preview: room for descenders, no clipping; JS shrinks long text */
.nafs26 .n26-ps__bc2name{ line-height: 1.2 !important; top: 7.0cqw !important; overflow: visible !important; max-width: none !important; text-overflow: clip !important; white-space: nowrap; padding-bottom: .08em; }
.nafs26 .n26-ps__bc2title{ line-height: 1.2 !important; top: 16.35cqw !important; white-space: nowrap; }
.nafs26 .n26-ps__bc2lines{ white-space: nowrap; }
.nafs26 .n26-ps__bc2lines p{ line-height: 1.15 !important; margin-bottom: 2.48cqw !important; }
/* Lending metric cards: calmer */
.nafs26 .n26-lend__mets--calm{ margin: 18px 0 26px; gap: 14px; }
.nafs26 .n26-lend__mets--calm > div{ padding: 16px 18px; }
.nafs26 .n26-lend__mets--calm b{ font-size: 26px; }
.nafs26 .n26-lend__mets--calm small{ font-size: 13px; }
.nafs26 .n26-pv2__mycard{ margin-top: 18px; }
.nafs26 .n26-ps__bc2lines{ top: 32.06cqw !important; }
/* Suggested edits (v1.31) */
.n26-pv2__sugg .n26-pv2__suggnote{margin:.25rem 0 .75rem;font-style:italic;color:var(--n26-ink-2,#4a4a4a)}
.n26-pv2__diff{width:100%;border-collapse:collapse;margin:.5rem 0 1rem;font-size:.9rem}
.n26-pv2__diff th,.n26-pv2__diff td{text-align:left;vertical-align:top;padding:.5rem .6rem;border-top:1px solid rgba(0,0,0,.08)}
.n26-pv2__diff thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b6b6b;border-top:0}
.n26-pv2__diff tbody th{width:22%;font-weight:600}
.n26-pv2__diff del{color:#9a3b2e;text-decoration:line-through;text-decoration-color:rgba(154,59,46,.45)}
.n26-pv2__diff ins{color:#1f6b45;text-decoration:none;background:rgba(31,107,69,.08);padding:0 .2em;border-radius:3px}
.n26-pv2__sugg .n26-pv2__approverow{flex-wrap:wrap;align-items:center;gap:.5rem}
.n26-pv2__sugg .n26-pv2__approverow small{flex:1 1 100%;color:#6b6b6b}
@media (max-width:640px){.n26-pv2__diff thead{display:none}.n26-pv2__diff tr{display:block;padding:.4rem 0;border-top:1px solid rgba(0,0,0,.08)}.n26-pv2__diff th,.n26-pv2__diff td{display:block;border:0;padding:.15rem 0;width:auto}}
.n26-ps__who{display:grid;gap:.35rem;margin:0 0 1rem}.n26-ps__who small{color:#6b6b6b;font-size:.8rem}
.nafs26 .n26-ps__who > span{font-weight:700;font-size:14px}
/* Secure loan portal dummy (v1.32) */
.n26-ld .n26-lend__vbar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.n26-ld__demo{font-size:12px;color:#8a6d2f;background:#faf3e3;border:1px solid #ecdcb6;border-radius:999px;padding:2px 10px;white-space:nowrap}
.n26-ld__invite{display:grid;grid-template-columns:minmax(240px,1fr) 1.6fr;gap:24px;align-items:start}
.n26-ld__invite .n26-lend__mailframe{min-height:560px}
.n26-ld__auth{max-width:420px;margin:12px auto 8px;text-align:center}
.n26-ld__auth h2{font-family:'Playfair Display',Georgia,serif;color:var(--n26-olive,#565b39);margin:14px 0 6px}
.n26-ld__auth form{display:grid;gap:12px;text-align:left;margin-top:14px}
.n26-ld__code span,.n26-ld__lbl,.n26-ld__grid label>span,.n26-ld__sign span,.n26-ld__wide span,.n26-ld__decide label span,.n26-ld__upr>span{display:block;font-weight:700;font-size:13px;margin-bottom:5px;color:#3d3b33}
.n26-ld input[type=text],.n26-ld input:not([type]),.n26-ld input[type=number],.n26-ld select,.n26-ld textarea{width:100%;min-height:42px;padding:8px 12px;border:1px solid #ddd7c8;border-radius:10px;font:inherit;font-size:15px;background:#fff;box-sizing:border-box}
.n26-ld__code input{font-size:22px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.n26-ld__hint{margin:0;font-size:13px;color:#8a6d2f;background:#faf3e3;border-radius:8px;padding:6px 10px}
.n26-ld__mfa{display:grid;gap:6px}.n26-ld__mfa label,.n26-ld__trust,.n26-ld__agree{display:flex;gap:8px;align-items:center;font-size:14px}
.n26-ld__trust em{color:#8b877b;font-style:normal}
.n26-ld__fine{font-size:12.5px;color:#7a766b;margin:10px 0 0}
.n26-ld__bar{display:flex;gap:16px;align-items:center;border-bottom:1px solid #ece7db;padding:0 0 10px;margin:0 0 18px;font-size:14px}
.n26-ld__bar a{color:var(--n26-olive,#565b39);font-weight:700;text-decoration:none}.n26-ld__bar a b{background:#dbad67;color:#fff;border-radius:999px;padding:0 7px;font-size:11px}
.n26-ld__me{margin-left:auto;display:inline-flex;gap:6px;align-items:center;color:#6d6a60}.n26-ld__me svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.n26-ld__bar form{display:inline}.n26-ld__out{background:none;border:0;color:#6d6a60;text-decoration:underline;cursor:pointer;font:inherit}
.n26-ld__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}.n26-ld__grid .is-wide{grid-column:1/-1}.n26-ld__grid--1{grid-template-columns:1fr}
.n26-ld__sens,.n26-ld__doc{border:1px solid #ece7db;background:#fbfaf6;border-radius:12px;padding:14px 16px;margin:16px 0}
.n26-ld__sens h3,.n26-ld__two h3{margin:0 0 4px;font-size:15px}
.n26-ld__mask{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}
.n26-ld__maskv{font-family:ui-monospace,Menlo,monospace;font-size:15px;letter-spacing:.06em;background:#f1eee6;border-radius:6px;padding:4px 8px;min-width:118px;transition:background .2s}
.n26-ld__maskv.is-shown{background:#fff3d6}
.n26-ld__eye{width:30px;height:30px;border-radius:50%;border:1px solid #ddd7c8;background:#fff;display:inline-grid;place-items:center;cursor:pointer;padding:0}
.n26-ld__eye svg{width:16px;height:16px;fill:none;stroke:#565b39;stroke-width:1.8}.n26-ld__eye[aria-pressed=true]{background:#565b39}.n26-ld__eye[aria-pressed=true] svg{stroke:#fff}
.n26-ld__sample{flex-basis:100%;font-size:11.5px;color:#8b877b;font-style:normal}
.n26-ld__sign{display:block;max-width:420px;margin-top:10px}.n26-ld__sign input{font-family:'Playfair Display',Georgia,serif;font-size:20px}
.n26-ld__two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:12px 0}
.n26-ld__up{border:1.5px dashed #d4ccb6;border-radius:12px;padding:16px;background:#fff}
.n26-ld__got,.n26-ld__upr em{color:#2f7a4a;font-style:normal;font-size:13px}
.n26-ld__ups{display:grid;gap:10px;margin:12px 0}.n26-ld__upr{display:grid;grid-template-columns:240px 1fr auto;gap:12px;align-items:center;border:1px solid #ece7db;border-radius:10px;padding:10px 12px;background:#fff}
.n26-ld__upr>span{margin:0}
.n26-ld__acts{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.n26-ld__msgs,.n26-ld__notes{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px}
.n26-ld__msgs li{max-width:78%;padding:10px 14px;border-radius:14px;background:#f3f1ec}.n26-ld__msgs li.is-me{margin-left:auto;background:#eef1e6}
.n26-ld__msgs p,.n26-ld__notes p{margin:4px 0}.n26-ld__msgs em,.n26-ld__notes em{font-size:12px;color:#8b877b;font-style:normal}
.n26-ld__none{color:#8b877b;background:none!important}
.n26-ld__wide{display:block;margin:10px 0}
.n26-ld__status{display:flex;flex-direction:column;gap:2px;border-radius:12px;padding:12px 16px;margin:0 0 14px;background:#f3f1ec}
.n26-ld__status.is-approved{background:#e7f2ea}.n26-ld__status.is-submitted{background:#eef1e6}
.n26-ld__re{font-style:normal;font-size:11px;background:#fbe5d6;color:#9a4a1e;border-radius:999px;padding:1px 8px;margin-left:6px}
.n26-ld__decide{display:grid;gap:12px}.n26-ld__decide form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;align-items:end;border:1px solid #ece7db;border-radius:10px;padding:12px;background:#fff}
.n26-ld__decide form:nth-child(n+2){grid-template-columns:1fr auto}
.n26-ld__sync{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:13px;border-top:1px solid #ece7db;padding:12px 18px;background:#fbfaf6}
.n26-ld__sync span{background:#eef1e6;border-radius:999px;padding:2px 10px}.n26-ld__sync em{color:#8b877b;font-style:normal}.n26-ld__sync form{margin-left:auto}
@media (max-width:900px){.n26-ld__invite,.n26-ld__two,.n26-ld__grid{grid-template-columns:1fr}.n26-ld__upr{grid-template-columns:1fr}}
/* Secure loan portal standalone preview pages (v1.33): /secure/apply/ and /secure/staff/ */
body.n26-lsx{margin:0;background:#f4f2ec;color:var(--n26-ink);font-family:var(--n26-font);min-height:100vh;display:flex;flex-direction:column}
body.n26-lsx .n26-main{flex:1;padding:0 16px}
.n26-lsx__ribbon{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 20px;background:#2f3a22;color:#e9e4d4;font-size:13px}
.n26-lsx__ribbon b{color:#f1d58a;font-weight:700}
.n26-lsx__ribbon nav{display:flex;gap:14px;flex-wrap:wrap}
.n26-lsx__ribbon a{color:#e9e4d4;text-decoration:none;border-bottom:1px solid transparent}
.n26-lsx__ribbon a:hover,.n26-lsx__ribbon a[aria-current]{color:#fff;border-bottom-color:#f1d58a}
.n26-lsx__head{max-width:880px;margin:0 auto;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:20px 16px 8px}
.n26-lsx__head img{height:auto;display:block}
.n26-lsx__lock{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#5d6b47;font-weight:700}
.n26-lsx__lock svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.nafs26 .n26-lsx__page.n26-pv2{min-height:0;max-width:880px;margin:16px auto 40px;background:none}
.n26-lsx--staff .n26-lsx__page.n26-pv2{max-width:1200px;margin-top:24px}
.n26-ld--sa{background:#fff;border:1px solid #e6e1d5;border-radius:14px;padding:28px;box-shadow:0 1px 2px rgba(40,40,20,.05)}
.n26-lsx--apply .n26-ld__invite{background:#fff;border:1px solid #e6e1d5;border-radius:14px;padding:24px}
.n26-lsx__foot{text-align:center;font-size:12px;color:#77735f;padding:20px 16px 28px}
@media (max-width:640px){.n26-ld--sa{padding:18px}.n26-lsx__ribbon{padding:8px 16px}.n26-lsx--apply .n26-ld__invite{grid-template-columns:1fr}}
/* Secure loan portal: forms that mirror the approved NAFS documents (v1.34) */
.n26-ld__sec{border-top:1px solid #e6e1d5;padding:22px 0 6px;margin-top:8px}
.n26-ld__sec h3,.n26-ld__opt>summary{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#3b4a2a;margin:0 0 12px}
.n26-ld__sec h3 span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#3b4a2a;color:#fff;font-size:13px}
.n26-ld__h4{font-size:15px;font-weight:700;margin:16px 0 8px;color:#2b2a26}
.n26-ld__grid--2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.n26-ld__radios{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.n26-ld__radios legend{font-size:13px;font-weight:700;margin-bottom:6px;padding:0;width:100%}
.n26-ld__radios label{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:400}
.n26-ld__radios input{width:auto;margin:0}
.n26-ld__tbl{width:100%;border-collapse:collapse;font-size:14px}
.n26-ld__tbl th{text-align:left;font-size:12px;font-weight:700;color:#6d6a60;padding:6px 6px 4px;border-bottom:1px solid #e6e1d5}
.n26-ld__tbl td{padding:4px 6px;vertical-align:middle}
.n26-ld__tbl input{width:100%;box-sizing:border-box;min-width:70px}
.n26-ld__money{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:10px;margin:0 0 8px}
.n26-ld__money span{font-size:14px;font-weight:400}
.n26-ld__money input{text-align:right}
.n26-ld__total{display:flex;justify-content:space-between;border-top:2px solid #3b4a2a;padding-top:8px;margin-top:4px;font-weight:700}
.n26-ld__total output{font-variant-numeric:tabular-nums}
.n26-ld__opt{border:1px solid #e6e1d5;border-radius:12px;padding:14px 16px;margin:18px 0;background:#fbfaf6}
.n26-ld__opt>summary{cursor:pointer;margin:0;flex-wrap:wrap}
.n26-ld__opt>summary em{font-style:normal;font-weight:400;font-size:13px;color:#6d6a60}
.n26-ld__opt[open]>summary{margin-bottom:14px}
.n26-ld__terms{padding-left:20px;margin:16px 0;line-height:1.55}
.n26-ld__terms li{margin-bottom:8px}
.n26-ld__sensrow{display:flex;flex-direction:column;gap:4px}
.n26-ld__na{font-size:12px;color:#8b877a}
.n26-ld__tip{display:flex;gap:8px;align-items:flex-start;background:#faf3e3;border:1px solid #ecdcb6;border-radius:10px;padding:12px 14px;font-size:15px;margin-top:14px}
.n26-ld__tip svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;margin-top:2px}
@media (max-width:700px){.n26-ld__tbl thead{display:none}.n26-ld__tbl tr{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 0;border-bottom:1px solid #e6e1d5}.n26-ld__money{grid-template-columns:1fr 120px}}
.n26-ld input[type=email],.n26-ld input[type=tel],.n26-ld input[type=month]{width:100%;min-height:42px;padding:8px 12px;border:1px solid #ddd7c8;border-radius:10px;font:inherit;font-size:15px;background:#fff;box-sizing:border-box}
.n26-ld__tbl .n26-ld__mask{flex-wrap:nowrap;gap:6px}
.n26-ld__tbl .n26-ld__sample{display:none}
/* Secure portal staff view: screen protections (watermark, blur when unfocused, no print) */
.n26-ld__tip span{display:block}
.n26-lsx__shield,.n26-lsx__noprint{display:none}
.n26-lsx--guard .n26-ld__maskv{user-select:none;-webkit-user-select:none}
.n26-lsx--guard.is-shielded .n26-lsx__page{filter:blur(18px);transition:filter .1s}
.n26-lsx--guard.is-shielded .n26-lsx__shield{display:grid;place-items:center;position:fixed;inset:0;z-index:50;pointer-events:none}
.n26-lsx--guard.is-shielded .n26-lsx__shield span{background:#2f3a22;color:#fff;padding:10px 16px;border-radius:999px;font-size:14px}
.n26-lsx--guard.is-blank .n26-lsx__page{visibility:hidden}
@media print{.n26-lsx--guard:not(.is-print-ok) *{visibility:hidden!important}.n26-lsx--guard:not(.is-print-ok) .n26-lsx__noprint{display:block;visibility:visible!important;position:fixed;top:40px;left:40px;right:40px;font:16px Arial,sans-serif}.n26-lsx--guard.is-print-ok .n26-lsx__ribbon,.n26-lsx--guard.is-print-ok .n26-sec__nav,.n26-lsx--guard.is-print-ok [data-n26-print],.n26-lsx--guard.is-print-ok .n26-ld__sync,.n26-lsx--guard.is-print-ok .n26-lsx__foot{display:none}.n26-lsx--guard .n26-lsx__page::after{-webkit-print-color-adjust:exact;print-color-adjust:exact}.n26-lsx--apply .n26-lsx__ribbon,.n26-lsx--apply .n26-ld__bar,.n26-lsx--apply .n26-ld__acts{display:none}}
.n26-ld__formshead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.n26-ld__status a{display:block;margin-top:6px;font-size:14px}
.n26-ld__lock{border:0;margin:0;padding:0;min-width:0}
/* Secure portal pages in the staff-portal shell (v1.35): hero photo, white bar, side nav, cards */
body.n26-lsx{background:#f6f4ee}
.nafs26 .n26-lsx__shell.n26-pv2{min-height:0}
.nafs26 .n26-lsx__badge{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:600;font-size:14px;backdrop-filter:blur(6px)}
.nafs26 .n26-lsx__badge svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.nafs26 .n26-lsx__ini{width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--n26-olive);color:#fff;font-weight:700;font-size:18px;letter-spacing:.02em}
.nafs26 .n26-lsx__out{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:0;background:none;color:var(--n26-olive);font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.nafs26 .n26-lsx__out:hover,.nafs26 .n26-lsx__out:focus-visible{background:var(--pv-soft)}
.nafs26 .n26-lsx__out svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.nafs26 .n26-lsx__shell.is-nonav .n26-pv2__body{grid-template-columns:minmax(0,1fr);max-width:1000px}
body.n26-lsx .n26-ld__bar,body.n26-lsx .n26-sec__top,body.n26-lsx .n26-sec__nav,body.n26-lsx .n26-lend__vhead img{display:none}
body.n26-lsx .n26-sec__body{display:block}
body.n26-lsx .n26-sec{background:#fff;border:1px solid var(--pv-line);border-radius:var(--pv-radius);box-shadow:0 1px 2px rgba(35,30,21,.04);overflow:hidden}
body.n26-lsx .n26-sec__main{padding:30px}
body.n26-lsx .n26-ld--sa{border-radius:var(--pv-radius);border-color:var(--pv-line);padding:32px}
body.n26-lsx .n26-lend__vhead{display:block;margin-bottom:8px}
body.n26-lsx .n26-lend__vhead h2{font-size:28px;color:var(--n26-olive)}
.n26-lsx__page{min-width:0}
/* v1.36 secure portal: submit row, note under the card, 4:5 promo slot, peek countdown */
body.n26-lsx .n26-ld__submit{margin:28px 0 6px}
body.n26-lsx .n26-ld__submit form{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
body.n26-lsx .n26-ld__submit .n26-btn{padding:14px 28px}
body.n26-lsx .n26-ld__submit .n26-ld__fine{margin:0}
body.n26-lsx .n26-lsx__note{display:flex;align-items:center;gap:8px;margin:16px 4px 0;font-size:.85rem;color:#5d5348}
body.n26-lsx .n26-lsx__note svg{width:16px;height:16px;flex:none;opacity:.7}
body.n26-lsx .n26-lsx__side{display:flex;flex-direction:column;gap:18px;align-self:start}
body.n26-lsx .n26-lsx__side .n26-pv2__nav{position:static}
body.n26-lsx .n26-lsx__promo{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;color:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(20,30,20,.18)}
body.n26-lsx .n26-lsx__promo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(12,24,16,.82) 100%)}
body.n26-lsx .n26-lsx__promotag{position:absolute;top:10px;left:10px;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.88);color:#333;padding:3px 8px;border-radius:99px}
body.n26-lsx .n26-lsx__promotxt{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px}
body.n26-lsx .n26-lsx__promotxt em{font-style:normal;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f3c66b;font-weight:700}
body.n26-lsx .n26-lsx__promotxt strong{font-size:1.2rem;line-height:1.15}
body.n26-lsx .n26-lsx__promotxt span{font-size:.82rem;opacity:.9}
.n26-ld__count{flex-basis:100%;font-size:.78rem;font-weight:600;color:#8a5a12;letter-spacing:.02em}
.n26-ld__tbl .n26-ld__count{flex-basis:auto}
@media (max-width:900px){body.n26-lsx .n26-lsx__promo{display:none}}
/* v1.36 sample 4:5 lending ad in the portal sidebars */
.nafs26 .n26-pv2__side{position:sticky;top:20px;display:flex;flex-direction:column;gap:18px;align-self:start}
.nafs26 .n26-pv2__side .n26-pv2__nav{position:static}
.n26-ad{position:relative;display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(20,30,20,.16);background:#e9e4d8}
.n26-ad picture,.n26-ad img{display:block;width:100%;height:100%;object-fit:cover}
.n26-ad__tag{position:absolute;z-index:1;top:8px;left:8px;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.9);color:#333;padding:3px 8px;border-radius:99px;font-weight:600}
.n26-ad:focus-visible{outline:3px solid #d9a95e;outline-offset:3px}
@media (max-width:900px){.nafs26 .n26-pv2__side{position:static}.n26-ad{display:none}}
@media (max-height:1080px){.nafs26 .n26-pv2__side{position:static}}
.n26-ad__tag{white-space:nowrap}
/* v1.37 secure loan sign-in uses the NAFS sign-in screen */
body.n26-lsx .n26-auth--lend{min-height:calc(100vh - 40px)}
body.n26-lsx .n26-auth--lend .n26-auth__eyebrow{display:flex;align-items:center;gap:7px;font-style:normal;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f3d18f}
body.n26-lsx .n26-auth--lend .n26-auth__eyebrow svg{width:15px;height:15px}
body.n26-lsx .n26-auth--lend .n26-auth__form form{display:grid;gap:6px}
body.n26-lsx .n26-auth--lend .n26-auth__mfa{display:grid;gap:4px;margin-bottom:4px}
body.n26-lsx .n26-auth--lend .n26-auth__note{margin:8px 0 6px}
body.n26-lsx .n26-auth--lend .n26-auth__links{font-size:13px;color:rgba(255,255,255,.8)}
body.n26-lsx .n26-auth--lend input[name="code"]{text-align:center;letter-spacing:.3em}
body.n26-lsx .n26-auth--lend .n26-ld__flash{margin-bottom:12px}
/* v1.38 secure portal forms: conditional fields, add-a-row tables, ownership total, signature pop-up, lending lock */
.n26-ld__if[hidden]{display:none!important}
.n26-ld__if{margin-top:2px}
.n26-ld__tblwrap{overflow-x:auto}
.n26-ld__tbl select{width:100%;box-sizing:border-box;min-width:90px}
.n26-ld__x{width:34px;text-align:center}
.n26-ld__x button{border:0;background:none;font-size:20px;line-height:1;color:#8a8577;cursor:pointer;padding:4px 8px;border-radius:6px}
.n26-ld__x button:hover,.n26-ld__x button:focus-visible{background:#f3efe6;color:#7a2e2e}
.n26-ld__addrow{margin:8px 0 2px;border:1px dashed #b9b29f;background:#faf8f3;color:var(--n26-olive);font:inherit;font-size:14px;font-weight:700;padding:8px 14px;border-radius:8px;cursor:pointer}
.n26-ld__addrow:hover{background:#f3efe6}
.n26-ld__pct{font-size:14px;margin:6px 0 0;color:#4f4c44}
.n26-ld__pct output{font-weight:700}
.n26-ld__pct.is-off output,.n26-ld__pct [data-n26-pct-warn]{color:#9a3b1d}
.n26-ld__sign{display:grid;gap:10px}
.n26-ld__sigbox{display:grid;gap:4px}
.n26-ld__sigbtn{display:flex;align-items:center;justify-content:center;min-height:84px;width:100%;max-width:420px;border:1px dashed #b9b29f;border-radius:10px;background:#fff;cursor:pointer;color:#6d6a60;font:inherit;font-weight:700;padding:6px}
.n26-ld__sigbtn:hover,.n26-ld__sigbtn:focus-visible{border-color:var(--n26-olive);color:var(--n26-olive)}
.n26-ld__sigbtn.is-signed{border-style:solid;border-color:#d8d2c3}
.n26-ld__sigbtn img{max-height:72px;max-width:100%}
.n26-ld__signed{display:flex;align-items:center;gap:12px;margin:10px 0}
.n26-ld__signed img{max-height:56px;background:#fff;border:1px solid #e6e1d5;border-radius:8px;padding:4px 8px}
.n26-ld__signed span{font-size:13px;color:#6d6a60}
dialog.n26-sig{border:0;border-radius:16px;padding:0;width:min(640px,calc(100vw - 32px));box-shadow:0 24px 60px rgba(0,0,0,.3)}
dialog.n26-sig::backdrop{background:rgba(20,24,18,.55)}
.n26-sig__in{padding:22px 24px;display:grid;gap:14px;font-family:var(--n26-font)}
.n26-sig__in h2{margin:0;font-size:20px}
.n26-sig__tabs{display:flex;gap:6px;border-bottom:1px solid #e6e1d5}
.n26-sig__tabs button{border:0;background:none;font:inherit;font-weight:700;padding:8px 14px;cursor:pointer;color:#6d6a60;border-bottom:3px solid transparent;margin-bottom:-1px}
.n26-sig__tabs button[aria-selected="true"]{color:var(--n26-olive);border-bottom-color:var(--n26-gold)}
.n26-sig canvas{display:block;width:100%;aspect-ratio:10/3;border:1px solid #d8d2c3;border-radius:10px;background:#fff linear-gradient(transparent calc(100% - 28%),#e6e1d5 calc(100% - 28%),#e6e1d5 calc(100% - 28% + 1px),transparent calc(100% - 28% + 1px));touch-action:none;cursor:crosshair}
.n26-sig__hint{font-size:13px;color:#6d6a60;margin:6px 0 0;display:flex;justify-content:space-between;gap:10px}
.n26-sig__hint.is-bad{color:#9a3b1d}
.n26-sig__clear{border:0;background:none;color:var(--n26-olive);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.n26-sig label{display:grid;gap:4px;font-size:14px;font-weight:700}
.n26-sig input[type=text]{font:inherit;padding:10px 12px;border:1px solid #d8d2c3;border-radius:8px}
.n26-sig__type{min-height:90px;display:flex;align-items:center;padding:0 16px;border:1px solid #d8d2c3;border-radius:10px;background:#fff;font:italic 44px "Brush Script MT","Segoe Script","Lucida Handwriting","Apple Chancery",cursive;color:#1d2433;overflow:hidden;white-space:nowrap}
.n26-sig__legal{font-size:12px;color:#6d6a60;margin:0}
.n26-sig__acts{display:flex;justify-content:flex-end;gap:10px}
.n26-lend--locked .is-inert{cursor:default;pointer-events:none}
.n26-lend--locked .n26-btn.is-inert,.n26-lend--locked .n26-pv2__btn.is-inert{opacity:.55}
.n26-lendp__dlbtn.is-inert{opacity:.5;cursor:default}
@media (max-width:700px){.n26-ld__tbl tr{grid-template-columns:1fr 1fr}.n26-ld__x{grid-column:1/-1;text-align:right}}
.n26-sig__cancel{border:0;background:none;font:inherit;font-weight:700;color:#4f4c44;padding:10px 16px;border-radius:999px;cursor:pointer}
.n26-sig__cancel:hover,.n26-sig__cancel:focus-visible{background:#f3efe6}
.n26-ld__tbl input[type=tel]{min-width:150px}
/* PageSpeed (Oct 9): phones get the 960px hero photo */
@media (max-width: 900px) { [style*="--n26-bg-sm"] { background-image: var(--n26-bg-sm) !important; } }
/* Oct 9 (Will): hotline + socials cards span the full width of the slider box above them (never wider), so they're
shorter, with the text centred top to bottom. */
@media (min-width: 1100px) {
html body.nafs26 .n26-hero__cards{ width: min(100%, max(640px, calc(900 * var(--n26-u)))); max-width: none; margin-left: calc(50 * var(--n26-u)); }
}
@media (min-width: 1001px) and (max-width: 1099px) {
html body.nafs26 .n26-hero__cards{ width: 100%; margin-left: calc(50 * var(--n26-u)); }
}
@media (min-width: 1001px) {
html body.nafs26 .n26-hero__card{ display: flex; flex-direction: column; justify-content: center; padding: max(14px, calc(22 * var(--n26-u))) max(18px, calc(28 * var(--n26-u))); }
html body.nafs26 .n26-hero__card-label{ margin-bottom: max(8px, calc(12 * var(--n26-u))); }
html body.nafs26 .n26-hero__card-num{ margin-bottom: max(8px, calc(12 * var(--n26-u))); }
html body.nafs26 .n26-hero__card .n26-socials{ margin-bottom: max(8px, calc(12 * var(--n26-u))); }
}
/* Oct 9: deeper gold for buttons so white text passes contrast (4.8:1). The lighter gold stays for accents. */
.nafs26 { --n26-gold-btn: #946b2d; --n26-gold-btn-hover: #7f5c25; }
html body.nafs26 .n26-btn--gold,
html body.nafs26 .n26-join .jet-form__submit,
html body.nafs26 .n26-help .jet-form__submit,
html body.nafs26 .n26-portal__login input[type="submit"],
html body.nafs26 .n26-auth__btn { background: var(--n26-gold-btn); color: #fff; }
html body.nafs26 .n26-btn--gold:hover, html body.nafs26 .n26-btn--gold:focus-visible,
html body.nafs26 .n26-join .jet-form__submit:hover,
html body.nafs26 .n26-help .jet-form__submit:hover,
html body.nafs26 .n26-portal__login input[type="submit"]:hover,
html body.nafs26 .n26-auth__btn:hover { background: var(--n26-gold-btn-hover); }
/* Oct 9: on hover the dropdown arrow flips too, matching the open state */
@media (hover: hover) and (pointer: fine) and (min-width: 1101px) { html body.nafs26 .n26-nav__item.has-children:hover > .n26-nav__link .n26-icon { transform: rotate(180deg); } }
/* v1.40.1 (Will): lean pages strip JetPopup's CSS/JS, so its hidden popups showed bare close buttons under the footer */
html body.nafs26 .jet-popup.jet-popup--hide-state{ display: none !important; }
/* v1.40.1 (Will): phones/tablets — hotline + socials on top, slide below, arrows/dots last; the group sits at the bottom of the first screen */
@media (max-width: 1000px) {
html body.nafs26 .n26-hero__inner{ display: flex; flex-direction: column; justify-content: flex-end; align-self: stretch; width: 100%; box-sizing: border-box; min-height: calc(100svh + var(--n26-edge) + 8px); padding-top: calc(var(--n26-header-h) + 16px); padding-bottom: calc(var(--n26-edge) + 14px); }
html body.nafs26 .n26-hero__cards{ order: 1; margin: 0 0 12px; }
html body.nafs26 .n26-hero__panels{ order: 2; }
html body.nafs26 .n26-hero__mnav{ order: 3; margin: 8px 0 0; }
}
/* v1.40.2 (Will): closed drawer was still rendered off-screen, so its shadow bled onto the right edge of every page */
html body.nafs26 .n26-drawer[hidden]{ display: none; }
html body.nafs26 .n26-drawer:not(.is-open){ box-shadow: none; }
/* v1.40.2 (Will): header icons sit dead-centre in their hover circle and line up with each other */
.nafs26 .n26-header .n26-iconbtn > span{ display: inline-flex; align-items: center; justify-content: center; line-height: 0; }
.nafs26 .n26-header .n26-iconbtn svg{ display: block; width: 20px; height: 20px; }
.nafs26 .n26-header .n26-header__menu-desk svg{ width: 18px; height: 18px; }
.nafs26 .n26-header .n26-iconbtn > .n26-header__menu-mob{ display: none; }
@media (max-width: 1100px) { .nafs26 .n26-header .n26-iconbtn > .n26-header__menu-desk{ display: none; } .nafs26 .n26-header .n26-iconbtn > .n26-header__menu-mob{ display: inline-flex; } }
/* v1.40.2 (Will): portal bar stays one row on laptops (View as + WordPress moved into Quick Links) */
html body.nafs26 .n26-pv2__me{ min-width: 0; flex: 0 1 auto; }
html body.nafs26 .n26-pv2__me strong{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.nafs26 .n26-pv2__baracts{ flex-wrap: nowrap; white-space: nowrap; flex: 0 0 auto; }
/* v1.40.2: the tour card lives outside .n26-pv2, so its buttons need the portal button style too */
html body.nafs26 .n26-tour__card .n26-pv2__btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 18px; border: 1px solid #d7d0c0; border-radius: 999px; background: #fff; color: var(--n26-olive); font: 600 14px/1.2 var(--n26-font); text-transform: none; letter-spacing: 0; cursor: pointer; }
/* v1.40.2 (Will): descriptive event buttons ("Join Us In-Person | Learn More", "RSVP for this Webinar") stay on one line at every width */
.nafs26 .n26-ecard{ container-type: inline-size; }
html body.nafs26 .n26-ecard__cta{ white-space: nowrap; gap: clamp(6px, 2.4cqi, 12px); font-size: clamp(11px, 3.9cqi, 22px); letter-spacing: .01em; padding: 0 10px; }
html body.nafs26 .n26-ecard__cta .n26-icon{ flex: 0 0 auto; width: clamp(18px, 7cqi, 34px); }
html body.nafs26 .n26-ecard.is-inperson .n26-ecard__cta:hover{ background: #7f5c25; }
html body.nafs26 .n26-ecard.is-webinar .n26-ecard__cta:hover{ background: #575a3c; }
html body.nafs26 .n26-erow__cta{ white-space: nowrap; }
/* v1.40.2: accessible contrast (PageSpeed) — in-person cards and tabs use the deeper gold, webinar tabs a deeper sage */
.nafs26{ --n26-orange: #946b2d; --n26-sage-deep: #6b6f4c; }
.nafs26 .n26-ecard.is-webinar{ background: var(--n26-sage-deep); --n26-card-accent: var(--n26-sage-deep); }
.nafs26 .n26-acc__panel--sage, .nafs26 .n26-mega .n26-mega__feature--event{ background: var(--n26-sage-deep); }
/* v1.41.0 (Will, 14" laptop): portal layouts follow the width of the content area, not the window — two-column views stack before they get cramped */
.nafs26 .n26-pv2__main{ container: pvmain / inline-size; }
@container pvmain (max-width: 760px){
.nafs26 .n26-pv2__cols, .nafs26 .n26-pv2__cols.n26-ps__cols, .nafs26 .n26-pv2__cols.n26-ps__cols:has(.n26-ps__viewer){ grid-template-columns: minmax(0, 1fr) !important; }
.nafs26 .n26-pv2__colside{ position: static; }
}
/* Print Shop cart lines: a tidy grid that wraps instead of spilling under the checkout card */
.nafs26 .n26-ps__cartlines{ container: pscart / inline-size; }
html body.nafs26 .n26-ps__cartlines li{ display: grid; grid-template-columns: 64px minmax(0, 1fr) auto auto auto; align-items: center; gap: 10px 14px; }
html body.nafs26 .n26-ps__cartlines label{ min-width: 0; }
html body.nafs26 .n26-pv2 .n26-ps__cartlines select{ width: auto; min-width: 110px; max-width: 170px; }
@container pscart (max-width: 560px){
html body.nafs26 .n26-ps__cartlines li{ grid-template-columns: 64px minmax(0, 1fr) auto; }
html body.nafs26 .n26-ps__cartlines li > .n26-ps__linethumb{ grid-row: span 2; }
html body.nafs26 .n26-ps__cartlines li > span:not(.n26-ps__linethumb){ grid-column: 2 / -1; }
}
/* v1.41.0 (Will): status pills keep their own size and centre their text, whatever row they sit in */
html body.nafs26 .n26-ps__pill{ display: inline-flex; align-items: center; justify-content: center; align-self: center; justify-self: start; height: auto; min-height: 0; flex: 0 0 auto; padding: 4px 12px; line-height: 1.3; }
.nafs26 .n26-ps__pill.is-review{ background: #fbefd9; color: #7f5c25; }
/* v1.41.0 (Will): order page item photos are thumbnails, not full-size */
html body.nafs26 .n26-pv2 .n26-ps__lines li > img{ width: 64px; height: 64px; max-width: 64px; flex: 0 0 64px; object-fit: contain; border-radius: 8px; background: #f3f0e8; }
html body.nafs26 .n26-pv2 .n26-ps__lines li{ min-width: 0; }
html body.nafs26 .n26-pv2 .n26-ps__lines li > span:not(.n26-ps__linethumb){ flex: 1 1 auto; min-width: 0; }
/* v1.41.0 (Will): keep the two-column ordering layout on laptops; the side column just gets a little narrower */
@container pvmain (min-width: 761px) and (max-width: 1180px){
.nafs26 .n26-pv2__cols.n26-ps__cols, .nafs26 .n26-pv2__cols.n26-ps__cols:has(.n26-ps__viewer){ grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important; }
}
/* People: customize access panel */
.nafs26 .n26-pv2__customrole{ margin-top: 14px; padding: 12px 14px; border: 1px dashed #d7d0c0; border-radius: 12px; }
.nafs26 .n26-pv2__customrole > summary{ cursor: pointer; font-weight: 700; color: var(--n26-olive); }
.nafs26 .n26-pv2__customrole[open] > summary{ margin-bottom: 10px; }
.nafs26 .n26-pv2__customrole .n26-pv2__choices{ margin: 10px 0; }
/* v1.41.0 (Will): person profile — photo on the left, details on the right, everything full width of the card */
html body.nafs26 .n26-pv2__profile > .n26-pv2__h3{ margin: 0 0 16px; }
html body.nafs26 .n26-pv2__profilerow{ display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 18px 28px; align-items: start; }
html body.nafs26 .n26-pv2__profilephoto{ display: grid; justify-items: center; gap: 10px; text-align: center; }
html body.nafs26 .n26-pv2__profilephoto .n26-pv2__flab{ justify-self: start; }
html body.nafs26 .n26-pv2__profilephoto .n26-pv2__media{ display: grid; justify-items: center; gap: 10px; }
html body.nafs26 .n26-pv2__profilephoto .n26-pv2__mprev img{ width: 120px; height: 120px; border-radius: 50%; object-fit: cover; }
html body.nafs26 .n26-pv2__profilephoto .n26-pv2__mbtns{ flex-direction: column; align-items: stretch; width: 100%; }
html body.nafs26 .n26-pv2__profilephoto .n26-pv2__mbtns .n26-pv2__btn{ justify-content: center; padding-left: 10px; padding-right: 10px; }
html body.nafs26 .n26-pv2__profilephoto small{ font-size: 12px; color: var(--pv-muted, #6d6a60); }
@container pvmain (max-width: 620px){ html body.nafs26 .n26-pv2__profilerow{ grid-template-columns: minmax(0, 1fr); } }
/* v1.41.2: hero card text never runs under the (i) button */
html body.nafs26 .n26-hero__card{ position: relative; }
html body.nafs26 .n26-hero__card-label{ padding-left: 22px; padding-right: 22px; }
/* v1.41.2: checkboxes and radios keep one size (flex labels were squeezing them by text length) */
html body.nafs26 .n26-pv2 input[type=checkbox], html body.nafs26 .n26-pv2 input[type=radio]{ flex: 0 0 18px; width: 18px; height: 18px; min-width: 18px; margin: 1px 0 0; padding: 0; accent-color: var(--n26-olive); cursor: pointer; }
html body.nafs26 .n26-pv2 input[type=checkbox]:disabled, html body.nafs26 .n26-pv2 input[type=radio]:disabled{ cursor: not-allowed; }
html body.nafs26 .n26-pv2 .n26-pv2__formacts .n26-pv2__hint{ flex: 1 1 240px; align-self: center; color: #6b6f4c; font: 500 13px/1.4 var(--n26-font); }
html body.nafs26 .n26-pv2 .n26-pv2__savebox > .n26-pv2__btn--remove, html body.nafs26 .n26-pv2 .n26-pv2__savebox > .n26-pv2__confirmnote:has(+ .n26-pv2__btn--remove){ order: -1; }
html body.nafs26 .n26-pv2 .n26-pv2__savebox > .n26-pv2__confirmnote:has(+ .n26-pv2__btn--remove){ margin-top: 0; }
/* v1.41.2 sweep fixes (Oct 9): main column can't be stretched by no-wrap text; roles table fits desktop; small controls */
html body.nafs26 .n26-pv2 .n26-pv2__main{ grid-template-columns: minmax(0, 1fr); }
html body.nafs26 .n26-pv2 .n26-pv2__main > *{ min-width: 0; max-width: 100%; }
html body.nafs26 .n26-pv2 .n26-hotline__num, html body.nafs26 .n26-pv2 .n26-hotline__label, html body.nafs26 .n26-pv2 .n26-pv2__hleyebrow{ white-space: normal; overflow-wrap: anywhere; }
html body.nafs26 .n26-pv2 .n26-pv2__matrixwrap .n26-pv2__matrix th, html body.nafs26 .n26-pv2 .n26-pv2__matrixwrap .n26-pv2__matrix td{ padding: 10px 6px; }
html body.nafs26 .n26-pv2 .n26-pv2__matrixwrap .n26-pv2__matrix th:first-child{ white-space: normal; min-width: 150px; padding-left: 12px; }
html body.nafs26 .n26-pv2 .n26-pv2__mbtns > *{ min-width: max-content; }
html body.nafs26 .n26-pv2__range button{ min-height: 32px; padding: 8px 14px; }
html body.nafs26 .n26-pv2 .n26-pv2__form, html body.nafs26 .n26-pv2 .n26-pv2__card{ min-width: 0; }
html body.nafs26 .n26-pv2 form.n26-pv2__form{ grid-template-columns: minmax(0, 1fr); }
html body.nafs26 .n26-pv2 .n26-pv2__tabs{ max-width: 100%; min-width: 0; overflow-x: auto; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
html body.nafs26 .n26-pv2 .n26-pv2__tabs > *{ flex: 0 0 auto; }
@media (max-width: 600px){ html body.nafs26 .n26-pv2 .n26-pv2__personrow > .n26-pv2__btn{ grid-column: 2; justify-self: start; } }
/* Event bar: presenter photos overlap side by side (the generic column rule was stacking them) */
.nafs26 .n26-ebar__item > .n26-ebar__faces{ flex-direction: row; align-items: center; gap: 0; }
.nafs26 .n26-ebar__who{ align-items: center; }
/* Event bar (Will, Oct 9): one line on desktop: date, time, location, presenters, button.
Presenter names wrap inside their slot; 1001-1200px falls back to a presenters strip so the button never drops alone. */
.nafs26 .n26-ebar__who{ order: 10; }
@media (min-width: 1201px){
.nafs26 .n26-ebar{ flex-wrap: nowrap; column-gap: clamp(20px, 2.2vw, 36px); }
.nafs26 .n26-ebar > *{ flex: 0 0 auto; }
.nafs26 .n26-ebar__where{ order: 3; }
.nafs26 .n26-ebar__who{ order: 4; flex: 1 1 auto; min-width: 230px; }
.nafs26 .n26-ebar__who > span:last-child{ min-width: 0; }
.nafs26 .n26-ebar__cta{ order: 5; margin-left: auto; }
}
@media (min-width: 1001px) and (max-width: 1200px){
.nafs26 .n26-ebar{ flex-wrap: wrap; column-gap: 24px; }
.nafs26 .n26-ebar__where{ flex: 1 1 120px; }
.nafs26 .n26-ebar__cta{ flex: 0 0 auto; padding-left: 20px; padding-right: 20px; }
.nafs26 .n26-ebar__who{ flex: 1 0 100%; padding-top: 14px; border-top: 1px solid #efebe2; }
.nafs26 .n26-ebar__who .n26-ebar__face{ width: 36px; height: 36px; }
}
@media (max-width: 1000px){ .nafs26 .n26-ebar__cta{ order: 11; } }
/* Photo pop-up gallery */
.nafs26 .n26-plb__panel{ position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; max-width: min(1400px, 100%); max-height: 100%; margin: 0; }
.nafs26 .n26-plb__img{ display: block; max-width: 100%; max-height: calc(100svh - 150px); width: auto; height: auto; object-fit: contain; border-radius: 10px; background: #111; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
.nafs26 .n26-plb__cap{ max-width: 70ch; color: #fff; font: 500 14px/1.4 var(--n26-font); text-align: center; }
.nafs26 .n26-plb__cap[hidden]{ display: none; }
html body.nafs26 .n26-plb__close{ position: fixed; top: 16px; right: 16px; z-index: 4; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0 0 3px; border: 0; border-radius: 50%; background: #fff; color: var(--n26-olive); font: 400 28px/1 var(--n26-font); cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
html body.nafs26 .n26-plb__close:hover, html body.nafs26 .n26-plb__close:focus-visible{ background: var(--n26-gold); color: #fff; }
/* Email share menu */
.nafs26 .n26-sharemenu{ position: fixed; z-index: 160; display: grid; min-width: 160px; padding: 6px; border: 1px solid #e6e1d4; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(41,47,30,.18); }
.nafs26 .n26-sharemenu a{ display: block; padding: 9px 12px; border-radius: 8px; color: var(--n26-ink); font: 600 14px/1.2 var(--n26-font); text-decoration: none; }
.nafs26 .n26-sharemenu a:hover, .nafs26 .n26-sharemenu a:focus-visible{ background: #f3efe6; color: var(--n26-olive); outline: none; }
/* Quick menu items: always full-width rows, whatever the bar does around them; scrolls when taller than the screen */
html body.nafs26 .n26-pv2 .n26-pv2__quickmenu{ max-height: calc(100svh - 140px); overflow-y: auto; overscroll-behavior: contain; }
html body.nafs26 .n26-pv2 .n26-pv2__quickmenu a{ width: auto; height: auto; min-height: 0; padding: 9px 10px; justify-content: flex-start; white-space: normal; text-align: left; border-radius: 8px; line-height: 1.25; }
html body.nafs26 .n26-pv2 .n26-pv2__quickmenu a span{ position: static; width: auto; height: auto; overflow: visible; clip: auto; }
@media (max-width: 600px){ html body.nafs26 .n26-pv2 .n26-pv2__quickmenu{ width: min(300px, calc(100vw - 32px)); } }
/* Webinar RSVP: everyone joins the series automatically, so the opt-in checkbox is hidden (review #28) */
#webinar_rsvp_series_optin_label{ display: none !important; }