@font-face{font-family: 'Noto Serif';font-style: normal;font-weight: 400 700;font-stretch: 100%;font-display: swap;src: url('../fonts/noto-serif-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family: 'Noto Serif';font-style: normal;font-weight: 400 700;font-stretch: 100%;font-display: swap;src: url('../fonts/noto-serif-latin.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Noto Serif';font-style: italic;font-weight: 400;font-stretch: 100%;font-display: swap;src: url('../fonts/noto-serif-italic-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family: 'Noto Serif';font-style: italic;font-weight: 400;font-stretch: 100%;font-display: swap;src: url('../fonts/noto-serif-italic-latin.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}*, *::before, *::after{box-sizing: border-box}*{margin: 0;padding: 0}html, body{height: 100%}body{-webkit-font-smoothing: antialiased}img, picture, video, canvas, svg{display: block;max-width: 100%}input, button, textarea, select{font: inherit}p, h1, h2, h3, h4, h5, h6{overflow-wrap: break-word}:root{--color-primary: #3A2A1E;--color-primary-dark: #2A1D13;--color-primary-darker: #1A1108;--color-accent: #D4A017;--color-accent-dark: #B8880F;--color-accent-button: #8B6B10;--color-accent-button-hover: #6D530C;--color-male-primary: #1B3A6B;--color-male-primary-dark: #0F2447;--color-female-primary: #8B2252;--color-female-primary-dark: #6B1A3F;--color-male-bg: #EEF3FA;--color-male-bg-accent: #D4E1F5;--color-female-bg: #FAF0F4;--color-female-bg-accent: #F0D4E1;--color-text: #2C2420;--color-text-light: #7A6960;--color-background: #FFFBF7;--color-light-gray: #F5EFE6;--color-border: #E4D4C2;--day-nav-bg-start: #FFF9F0;--day-nav-bg-end: #FFF5E6;--day-nav-shadow: rgba(230, 184, 156, 0.15);--day-nav-button-bg-start: #FFE8D6;--day-nav-button-bg-end: #FFE0CC;--day-nav-button-border: #E6B89C;--day-nav-button-shadow: rgba(230, 184, 156, 0.2);--day-nav-button-arrow: #C17B4A;--day-nav-button-hover-bg-start: #FFD4B3;--day-nav-button-hover-bg-end: #FFCCA3;--day-nav-button-hover-border: #D4A589;--day-nav-button-hover-shadow: rgba(230, 184, 156, 0.3);--day-nav-button-hover-text: #A85D2F;--color-gender-accent: var(--color-primary);--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: "Noto Serif", Georgia, "Times New Roman", serif;--font-size-base: 1rem;--font-size-sm: 0.875rem;--font-size-lg: 1.25rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--line-height-base: 1.6;--line-height-heading: 1.2;--spacing-unit: 8px;--space-xs: var(--spacing-unit);--space-sm: calc(var(--spacing-unit) * 2);--space-md: calc(var(--spacing-unit) * 3);--space-lg: calc(var(--spacing-unit) * 4);--space-xl: calc(var(--spacing-unit) * 6);--container-width: 1140px;--container-padding: var(--space-md);--border-radius: 4px;--box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);--transition-speed: 0.2s ease-in-out;--nav-button-size: 90px;--nav-underline-offset: 8px;--logo-height: 40px;--input-height: 44px;--mobile-nav-left-offset: 30%;--z-index-mobile-nav: 100;--z-index-mobile-toggle: 101;--font-size-xl: 1.5rem}body.gender--noi{--color-gender-accent: var(--color-female-primary);--card-background-pattern: radial-gradient(circle, rgba(0,0,0,0.05) 1px, transparent 1px);--card-background-size: 10px 10px}body.gender--ferfi{--color-gender-accent: var(--color-male-primary);--card-background-pattern: repeating-linear-gradient(45deg, rgba(0,0,0,0.03), rgba(0,0,0,0.03) 1px, transparent 1px, transparent 10px);--card-background-size: auto}body{font-family: var(--font-family-sans);font-size: var(--font-size-base);line-height: var(--line-height-base);color: var(--color-text);background-color: var(--color-background)}a{color: var(--color-primary);text-decoration: none;transition: color var(--transition-speed)}a:hover{color: var(--color-primary-dark)}h1, h2, h3{font-family: var(--font-family-serif);line-height: var(--line-height-heading);margin-bottom: var(--space-sm);color: var(--color-primary-dark)}h1{font-size: var(--font-size-h1)}h2{font-size: var(--font-size-h2)}h3{font-size: var(--font-size-h3)}p{margin-bottom: var(--space-sm)}.container{width: 100%;max-width: var(--container-width);margin: 0 auto;padding: 0 var(--container-padding)}.page-container{padding-top: var(--space-md);padding-bottom: var(--space-xl)}.page-header{text-align: center;padding-top: 0;padding-bottom: var(--space-md);margin-bottom: var(--space-md);border-bottom: 1px solid var(--color-border)}.page-header--with-nav{display: flex;justify-content: space-between;align-items: center;gap: var(--space-md)}.page-header__title-group{}.page-header h1{margin: 0;font-size: var(--font-size-h2)}.page-header .h1-date-highlight{font-family: var(--font-family-serif);color: var(--color-accent-dark);display: block}.page-header .page-subtitle{font-size: var(--font-size-lg);color: var(--color-text-light);max-width: 60ch;margin: var(--space-xs) auto 0}.page-header .date-subtitle{font-size: var(--font-size-base);color: var(--color-text-light);font-weight: 400;margin: var(--space-sm) auto 0}.page-header .date-subtitle::before{content: '';display: block;width: 28px;height: 32px;margin: 0 auto var(--space-sm);background-image: url('/themes/modern/assets/images/rozetta.svg');background-repeat: no-repeat;background-size: contain;background-position: center}.page-header .date-subtitle__label{font-family: var(--font-family-serif);font-size: var(--font-size-lg);font-weight: 600;color: var(--day-nav-button-arrow);display: block;margin-bottom: 2px}.page-header .date-subtitle strong{font-family: var(--font-family-serif);font-size: var(--font-size-h1);font-weight: 700;color: var(--color-primary);display: block;line-height: 1.1;margin-top: 4px}.page-header--with-day-nav .page-subtitle{font-size: var(--font-size-base);color: var(--color-text-light);max-width: none;margin: var(--space-sm) auto 0}.page-header--with-day-nav .page-subtitle strong{font-family: var(--font-family-serif);font-size: var(--font-size-h1);font-weight: 700;color: var(--color-primary);display: block;line-height: 1.1;margin-top: 4px}.page-header .date-full{font-family: var(--font-family-serif);font-size: var(--font-size-lg);color: var(--color-accent-dark);font-style: italic;margin: var(--space-xs) auto 0}.calendar-nav__button{display: flex;flex-direction: column;justify-content: center;align-items: center;width: var(--nav-button-size, 90px);height: var(--nav-button-size, 90px);flex-shrink: 0;border: 2px solid var(--color-border);border-radius: 50%;text-decoration: none;transition: all var(--transition-speed)}.calendar-nav__button:hover{border-color: var(--color-primary);background-color: var(--color-light-gray);transform: scale(1.05)}.calendar-nav__button:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.calendar-nav__button .arrow{font-size: var(--font-size-xl, 1.5rem);font-weight: 300;color: var(--color-text-light);line-height: 1}.calendar-nav__date{text-align: center;margin-top: 2px}.calendar-nav__month{display: block;font-size: var(--font-size-sm);font-weight: 700;text-transform: uppercase;color: var(--color-text-light)}.calendar-nav__day{display: block;font-size: var(--font-size-xl, 1.5rem);font-weight: 700;line-height: 1.1;color: var(--color-primary)}.page-description{max-width: 75ch;margin: var(--space-xl) auto;text-align: center}.page-description h2{margin-bottom: var(--space-md)}.name-card-container{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-lg);margin-bottom: var(--space-xl)}.name-card-container.has-single-card{grid-template-columns: 1fr;max-width: 600px;margin-left: auto;margin-right: auto}@media (max-width: 768px){.name-card-container{grid-template-columns: 1fr;gap: var(--space-md)}}.hero{background-color: var(--color-light-gray);text-align: center;border-bottom: 1px solid var(--color-border)}.hero h1{font-family: var(--font-family-sans);font-weight: 300;color: var(--color-text-light)}.hero__date{display: block;font-size: var(--font-size-base);margin-bottom: var(--space-sm)}.hero__names-label{display: block;font-size: var(--font-size-sm);text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: var(--space-xs)}.hero__names{display: block;font-size: var(--font-size-h1);font-weight: 700;color: var(--color-primary);margin-top: var(--space-xs);letter-spacing: -1px}.hero__also-celebrate{margin-top: var(--space-md);color: var(--color-text-light);font-size: var(--font-size-sm)}.hero-cta-link{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;background-color: var(--color-primary-dark);color: #FFFFFF;border-radius: var(--border-radius);text-decoration: none;font-weight: 600;font-size: var(--font-size-base);transition: all var(--transition-speed);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)}.hero-cta-link:hover,.hero-cta-link:focus{background-color: var(--color-primary-darker);color: #FFFFFF;transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15)}.hero-cta-link:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 2px}.cta-text-desktop,.hero-cta-inline{color: inherit}@media (max-width: 768px){.cta-text-desktop{display: none}}.search-form{width: 100%}.search-form__label.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}.search-form__input-group{display: flex}.search-form__input{flex-grow: 1;border: 1px solid var(--color-border);border-right: none;background: transparent;color: inherit}.search-form__input:focus-visible{outline: 2px solid var(--color-primary);outline-offset: -2px}.search-form__button{border: none;background-color: var(--color-accent-button);color: var(--color-background);cursor: pointer;white-space: nowrap;transition: background-color var(--transition-speed);min-height: 44px;min-width: 100px;font-weight: 700;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 var(--space-md)}.search-form__button:hover{background-color: var(--color-accent-button-hover);transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15)}.search-form__button:focus{background-color: var(--color-accent-button-hover)}.search-form__button:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.search-form__button:active{transform: translateY(0);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)}.search-section .search-form__input-group{box-shadow: var(--box-shadow);border-radius: var(--border-radius)}.search-section .search-form__input{padding: var(--space-sm);font-size: var(--font-size-base)}.search-section .search-form__button{padding: var(--space-sm) var(--space-md);font-size: var(--font-size-base)}.site-header{background-color: var(--color-background)}.top-bar{background-color: var(--color-light-gray);border-bottom: 1px solid var(--color-border)}.site-header__inner{display: flex;justify-content: space-between;align-items: center;padding: var(--space-sm) 0}.site-logo{display: flex;align-items: center;gap: var(--space-sm);text-decoration: none}.site-logo img{display: block;height: var(--logo-height, 56px);width: auto}.site-title{font-family: var(--font-family-serif);font-size: var(--font-size-h3);font-weight: 700;color: var(--color-primary);line-height: 1.1;display: flex;flex-direction: column;align-items: flex-start;gap: 0}.main-navigation ul{list-style: none;margin: 0;padding: 0;display: flex;gap: var(--space-sm)}.main-navigation li{padding: var(--space-sm) 0}.main-navigation a{position: relative;font-weight: 700;font-size: var(--font-size-base);color: var(--color-primary-dark);text-decoration: none;padding: 0 var(--space-xs);white-space: nowrap;transition: color var(--transition-speed)}.main-navigation a::after{content: '';position: absolute;bottom: calc(var(--nav-underline-offset, 8px) * -1);left: 50%;transform: translateX(-50%);width: 0;height: 2px;background-color: var(--color-primary);transition: width 0.3s ease-out}.main-navigation a:hover,.main-navigation a:focus{color: var(--color-primary)}.main-navigation a:hover::after,.main-navigation a:focus::after{width: 100%}.main-navigation a:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 4px}.main-navigation a.is-active{color: var(--color-primary)}.main-navigation a.is-active::after{content: '';position: absolute;bottom: calc(var(--nav-underline-offset, 8px) * -1);left: 0;width: 100%;height: 3px;background-color: var(--color-accent);transform: translateX(0)}.search-bar{background-color: var(--color-background);padding: var(--space-md) 0}.search-bar .search-form{max-width: 500px;margin: 0 auto}.search-bar__title{font-size: var(--font-size-sm);font-weight: 400;color: var(--color-text-light);text-align: center;margin-bottom: var(--space-sm)}.search-bar .search-form__input-group{border: 1px solid var(--color-border);border-radius: var(--border-radius);overflow: hidden}.search-bar .search-form__input{height: var(--input-height, 44px);padding: 0 16px;font-size: 1rem;border: none;background-color: var(--color-background);color: var(--color-text)}.search-bar .search-form__input::placeholder{color: var(--color-text-light)}.search-bar .search-form__button{height: var(--input-height, 44px);padding: 0 var(--space-md);font-size: 1rem;font-weight: 700;display: flex;align-items: center;justify-content: center}.header-search-mobile{display: none}.mobile-nav-toggle{display: none;background: transparent;border: 0;cursor: pointer;padding: 0.5rem;z-index: var(--z-index-mobile-toggle, 101)}.hamburger-icon{display: block;position: relative;width: 24px;height: 2px;background: var(--color-primary);transition: background-color 0.3s ease-in-out}.hamburger-icon::before,.hamburger-icon::after{content: '';position: absolute;left: 0;width: 100%;height: 2px;background: var(--color-primary);transition: transform 0.3s ease-in-out}.hamburger-icon::before{transform: translateY(-8px)}.hamburger-icon::after{transform: translateY(8px)}.mobile-nav-toggle[aria-expanded="true"] .hamburger-icon{background: transparent}.mobile-nav-toggle[aria-expanded="true"] .hamburger-icon::before{transform: rotate(45deg)}.mobile-nav-toggle[aria-expanded="true"] .hamburger-icon::after{transform: rotate(-45deg)}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}.skip-link{position: absolute;left: 0;top: 0;background: var(--color-primary);color: var(--color-background);padding: var(--space-xs) var(--space-sm);z-index: 1000;transform: translateY(-120%);transition: transform 0.3s ease-in-out}.skip-link:focus{transform: translateY(0)}.site-footer{background-color: var(--color-primary-darker);color: rgba(255, 255, 255, 0.65);padding: var(--space-xl) 0;font-size: var(--font-size-sm)}.site-footer__grid{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: var(--space-xl);align-items: start}.site-footer__col-title{font-family: var(--font-family-sans);font-size: 0.75rem;font-weight: 700;color: rgba(255, 255, 255, 0.55);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--space-sm)}.site-footer__links{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 6px}.site-footer__links a{color: rgba(255, 255, 255, 0.65);text-decoration: none;transition: color var(--transition-speed)}.site-footer__links a:hover,.site-footer__links a:focus{color: var(--color-accent)}.site-footer__links a:focus-visible{outline: 2px solid var(--color-accent);outline-offset: 2px}.upcoming-namedays{display: flex;flex-direction: column;gap: var(--space-sm)}.upcoming-nameday{display: block;text-decoration: none;padding-left: var(--space-sm);border-left: 2px solid var(--color-accent);transition: border-color var(--transition-speed)}.upcoming-nameday:hover{border-color: rgba(212, 160, 23, 0.35)}.upcoming-nameday__label{display: block;font-size: 0.7rem;color: rgba(255, 255, 255, 0.55);margin-bottom: 2px}.upcoming-nameday__names{display: block;color: rgba(255, 255, 255, 0.85);font-weight: 600}.site-footer__col--brand{text-align: right}.site-footer__brand{font-family: var(--font-family-serif);font-size: var(--font-size-lg);font-weight: 700;color: rgba(255, 255, 255, 0.85);margin-bottom: var(--space-xs)}.site-footer__tagline{color: rgba(255, 255, 255, 0.55);margin-bottom: var(--space-md)}.site-footer__copyright{font-size: 0.7rem;color: rgba(255, 255, 255, 0.5)}.site-footer__theme-toggle{margin-bottom: var(--space-sm)}.cookie-banner{position: fixed;bottom: 0;left: 0;right: 0;z-index: 1000;background-color: var(--color-background);border-top: 3px solid var(--color-primary);box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);padding: var(--space-md);display: flex;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.3s ease, visibility 0.3s ease}.cookie-banner--visible{opacity: 1;visibility: visible;pointer-events: auto}.cookie-banner--hidden{display: none !important}.cookie-banner__container{max-width: var(--container-width);margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-md)}.cookie-banner__content{flex: 1 1 auto;min-width: 300px}.cookie-banner__title{font-family: var(--font-family-sans);font-size: var(--font-size-lg);font-weight: 700;color: var(--color-text);margin: 0 0 var(--space-xs) 0;line-height: 1.2}.cookie-banner__text{font-size: var(--font-size-base);color: var(--color-text-light);margin: 0;line-height: 1.5}.cookie-banner__actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-sm);flex-shrink: 0}.cookie-banner__button{display: inline-block;padding: var(--space-sm) var(--space-lg);font-size: var(--font-size-base);font-weight: 700;text-align: center;text-decoration: none;border: 2px solid transparent;border-radius: var(--border-radius);cursor: pointer;transition: all var(--transition-speed);white-space: nowrap;min-width: 120px}.cookie-banner__button--accept{background-color: var(--color-primary-dark);color: #FFFFFF;border-color: var(--color-primary-dark);font-weight: 700}.cookie-banner__button--accept:hover,.cookie-banner__button--accept:focus{background-color: var(--color-primary-darker);border-color: var(--color-primary-darker);color: #FFFFFF;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)}.cookie-banner__button--accept:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.cookie-banner__button--reject{background-color: var(--color-background);color: var(--color-text);border-color: var(--color-border)}.cookie-banner__button--reject:hover,.cookie-banner__button--reject:focus{background-color: var(--color-light-gray);border-color: var(--color-text-light)}.cookie-banner__button--reject:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.cookie-banner__link{display: inline-block;padding: var(--space-sm) var(--space-md);font-size: var(--font-size-sm);font-weight: 600;color: var(--color-primary);text-decoration: underline;transition: color var(--transition-speed)}.cookie-banner__link:hover,.cookie-banner__link:focus{color: var(--color-primary-dark)}.cookie-banner__link:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px;border-radius: var(--border-radius)}.nav-item--theme-toggle{}.theme-toggle{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0;font-size: 1.5rem;color: var(--color-text);background-color: var(--color-light-gray);border: none;border-radius: 50%;cursor: pointer;transition: all var(--transition-speed)}.theme-toggle:hover{background-color: var(--color-border);transform: scale(1.1)}.theme-toggle:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.theme-toggle:active{transform: scale(0.95)}.theme-toggle__icon{font-size: 1.3em;line-height: 1}.theme-toggle__text{display: none}body{transition: background-color 0.3s ease, color 0.3s ease}.theme-switch{position: relative;display: inline-block;width: 60px;height: 34px;margin: 0}.theme-switch input{opacity: 0;width: 0;height: 0}.slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--color-text-light);-webkit-transition: .4s;transition: .4s;display: flex;align-items: center;justify-content: space-between;padding: 0 8px}.slider:before{position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s}input:checked + .slider{background-color: var(--color-primary)}input:focus + .slider{box-shadow: 0 0 1px var(--color-primary)}input:checked + .slider:before{-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px)}.slider.round{border-radius: 34px}.slider.round:before{border-radius: 50%}.slider .icon-sun,.slider .icon-moon{position: absolute;display: flex;align-items: center;justify-content: center;color: white;transition: opacity .4s}.slider .icon-sun svg,.slider .icon-moon svg{display: block}.slider .icon-sun{left: 8px;opacity: 0}.slider .icon-moon{right: 8px;opacity: 1}input:checked + .slider .icon-sun{opacity: 1}input:checked + .slider .icon-moon{opacity: 0}.name-details{padding-top: 0;padding-bottom: var(--space-xl)}.name-details__grid{display: grid;grid-template-columns: 2fr 1fr;gap: var(--space-xl)}.name-details__section:not(:last-child){margin-bottom: var(--space-xl)}.section-title{font-family: var(--font-family-sans);font-size: var(--font-size-lg);font-weight: 700;border-bottom: 2px solid var(--color-gender-accent);padding-bottom: var(--space-xs);margin-bottom: var(--space-md)}.subsection-title{font-size: var(--font-size-base);font-weight: 700;color: var(--color-text-light);margin-top: var(--space-md);margin-bottom: var(--space-xs)}.date-card-container{display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: var(--space-md)}.badge{background-color: var(--color-accent);color: var(--color-background);font-size: var(--font-size-sm);font-weight: 700;padding: 4px 8px;border-radius: 12px}.card{background-color: var(--color-light-gray);border: 1px solid var(--color-border);border-left: 3px solid var(--color-gender-accent);border-radius: var(--border-radius);padding: var(--space-md);background-image: var(--card-background-pattern);background-size: var(--card-background-size)}.attributes-list,.info-list,.popularity-list{list-style: none;padding-left: 0}.attributes-list li,.info-list li{padding: var(--space-xs) 0;border-bottom: 1px solid var(--color-border)}.attributes-list li:last-child,.info-list li:last-child{border-bottom: none}.popularity-list{list-style-position: inside}.tag--outline{background-color: transparent;color: var(--color-gender-accent);border: 1px solid var(--color-gender-accent);cursor: default}.tag--outline:hover{background-color: transparent;color: var(--color-gender-accent)}.tag-list{display: flex;flex-wrap: wrap;gap: var(--space-xs)}.tag{display: inline-block;background-color: var(--color-primary);color: var(--color-background);padding: 4px 10px;border-radius: var(--border-radius);font-size: var(--font-size-sm);text-decoration: none;transition: background-color var(--transition-speed), color var(--transition-speed)}.tag:hover{background-color: var(--color-primary-dark);color: var(--color-background);text-decoration: none}.tag:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.tag--ferfi{background-color: var(--color-male-primary)}.tag--ferfi:hover{background-color: var(--color-male-primary-dark);color: var(--color-background);text-decoration: none}.tag--noi{background-color: var(--color-female-primary)}.tag--noi:hover{background-color: var(--color-female-primary-dark);color: var(--color-background);text-decoration: none}.date-card{display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 140px;padding: var(--space-sm);background-color: var(--color-background);border: 1px solid var(--color-border);border-radius: var(--border-radius);color: var(--color-text);text-decoration: none;text-align: center;box-shadow: 0 1px 3px rgba(0,0,0,0.05);transition: transform var(--transition-speed), box-shadow var(--transition-speed);gap: 4px}.date-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow);text-decoration: none}.date-card:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.date-card .badge{font-size: 0.75rem;margin-bottom: var(--space-xs)}.date-card__day{font-family: var(--font-family-serif);font-size: 2.5rem;font-weight: 700;line-height: 1;color: var(--color-primary);transition: color var(--transition-speed)}.date-card__month{font-size: var(--font-size-sm);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;color: var(--color-text-light);transition: color var(--transition-speed)}.date-card--main{border-color: var(--color-accent);border-width: 2px;background-color: #fffaf5}.date-card--main .date-card__day,.date-card--main .date-card__month{color: var(--color-accent)}.month-card{display: flex;flex-direction: column;justify-content: space-between;min-height: 110px;padding: var(--space-md) var(--space-md) 0;background-color: var(--color-background);border: 1px solid var(--color-border);border-radius: var(--border-radius);box-shadow: 0 1px 3px rgba(0,0,0,0.05);text-decoration: none;overflow: hidden;transition: transform var(--transition-speed), box-shadow var(--transition-speed), border-color var(--transition-speed)}.month-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow);border-color: var(--color-primary);text-decoration: none}.month-card:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.month-card__name{font-family: var(--font-family-sans);font-size: var(--font-size-lg);font-weight: 700;color: var(--color-primary);margin-bottom: var(--space-sm)}.month-card__stats{display: flex;gap: var(--space-sm);align-items: center;margin-bottom: var(--space-sm)}.month-card__stat{font-size: var(--font-size-sm);font-weight: 700}.month-card__stat--male{color: var(--color-male-primary)}.month-card__stat--female{color: var(--color-female-primary)}.month-card__stat--jeles{color: var(--color-accent-dark);margin-left: auto}.month-card__cta{display: flex;align-items: center;justify-content: center;padding: var(--space-sm) var(--space-md);margin: 0 calc(var(--space-md) * -1);flex-shrink: 0;background: linear-gradient(to right,var(--color-male-primary) var(--male-pct),var(--color-female-primary) var(--male-pct));color: #ffffff;font-size: var(--font-size-sm);font-weight: 700;letter-spacing: 0.01em;transition: filter var(--transition-speed)}.month-card:hover .month-card__cta{filter: brightness(0.88)}.month-card--current,.month-card--current:hover{border-color: var(--color-accent);border-width: 2px;background-color: #fffaf5}.month-card--current .month-card__name{color: var(--color-accent-dark)}.month-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--space-md)}.calendar-list{display: none}.calendar-grid{display: grid;grid-template-columns: repeat(7, 1fr);gap: var(--space-md)}.calendar-day-card{display: flex;flex-direction: column;background-color: var(--color-background);border: 1px solid var(--color-border);border-radius: var(--border-radius);box-shadow: 0 1px 3px rgba(0,0,0,0.05);transition: all var(--transition-speed)}.calendar-day-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.is-placeholder{}.calendar-day__date-link{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: var(--space-sm);text-align: center;text-decoration: none;border-bottom: 1px solid var(--color-border);flex-shrink: 0}.calendar-day__date-link:hover{background-color: #f8f8f8;text-decoration: none}.calendar-day__date-link:focus-visible{outline: 2px solid var(--color-primary);outline-offset: -2px}.calendar-day__day-number{display: block;font-family: var(--font-family-serif);font-size: 2.5rem;font-weight: 700;line-height: 1.1;color: var(--color-primary)}.calendar-day__month-name{display: block;font-size: var(--font-size-sm);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;color: var(--color-text-light);margin-top: 4px}.calendar-day__day-of-week{display: block;font-size: var(--font-size-sm);color: var(--color-text-light);margin-top: 2px}.calendar-day__names{display: flex;flex-direction: column;gap: 4px;padding: var(--space-sm);flex-grow: 1}.list-day{display: flex;align-items: flex-start;padding: var(--space-sm) 0;border-bottom: 1px solid var(--color-border)}.list-day__date{flex-shrink: 0;width: 90px;text-align: center;padding-right: var(--space-sm)}.list-day__date .day-number{display: block;font-family: var(--font-family-serif);font-size: 2rem;font-weight: 700;color: var(--color-primary)}.list-day__date .day-name{display: block;font-size: var(--font-size-sm);color: var(--color-text-light)}.list-day__names{flex-grow: 1;display: flex;flex-wrap: wrap;gap: 6px}.list-day__names .no-nameday{color: var(--color-text-light);font-style: italic}.calendar-day-card.is-today{border-color: var(--color-accent);border-width: 2px;background-color: #fffaf5}.calendar-day-card.is-today .calendar-day__date-link{background-color: transparent}.calendar-day-card.is-today .calendar-day__day-number,.calendar-day-card.is-today .calendar-day__month-name,.calendar-day-card.is-today .calendar-day__day-of-week{color: var(--color-accent)}.list-day.is-today{background-color: #fffaf5;border: 2px solid var(--color-accent);border-radius: var(--border-radius);margin: 0 -1em;padding: var(--space-sm);padding-bottom: calc(var(--space-sm) + 1px);border-bottom: 2px solid var(--color-accent)}.list-day.is-today .list-day__date{padding-right: var(--space-sm)}.list-day.is-today .day-number, .list-day.is-today .day-name{color: var(--color-accent)}.calendar-day__jeles-nap-badge{background-color: var(--color-accent);color: var(--color-background);padding: 0.25em 0.6em;border-radius: 999px;font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;margin-top: var(--space-xs);display: inline-block;line-height: 1.2}.date-details-page{padding: var(--space-xl) 0}.date-details-content{max-width: 900px;margin: 0 auto}.date-details-header{text-align: center;margin-bottom: var(--space-xl)}.date-title{border-bottom: none;padding-bottom: 0}.date-subtitle{font-family: var(--font-family-sans);font-size: var(--font-size-lg);font-weight: 400;color: var(--color-text-light);margin-top: var(--space-xs)}.name-group{margin-top: var(--space-xl);padding-top: var(--space-xl);border-top: 1px solid var(--color-border)}.name-group__title{font-family: var(--font-family-sans);font-size: var(--font-size-lg);font-weight: 700;margin-bottom: var(--space-md);text-align: center;color: var(--color-text-light)}.name-card-hero{background-color: var(--color-background);border: 1px solid var(--color-border);border-radius: var(--border-radius);box-shadow: var(--box-shadow);overflow: hidden;transition: transform var(--transition-speed), box-shadow var(--transition-speed);display: flex;flex-direction: column;justify-content: space-between;height: 100%}.name-card-hero:hover{transform: translateY(-4px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15)}.name-card-hero__link{display: block;text-decoration: none;color: inherit}.name-card-hero__header{padding: var(--space-lg);border-bottom: 1px solid var(--color-border)}.name-card-hero__header h3{margin: 0 0 var(--space-sm) 0;font-family: var(--font-family-serif);font-size: var(--font-size-h3);font-weight: 700;color: var(--color-text)}.name-card-hero.gender--ferfi h3{color: var(--color-male-primary)}.name-card-hero.gender--noi h3{color: var(--color-female-primary)}.name-card-hero.gender--ferfi h3::after{content: ' ♂';color: var(--color-male-primary);font-size: 0.8em}.name-card-hero.gender--noi h3::after{content: ' ♀';color: var(--color-female-primary);font-size: 0.8em}.name-card-hero__meaning{margin: 0;font-size: var(--font-size-base);color: var(--color-text-light);line-height: var(--line-height-base)}.name-card-hero__meaning strong{color: var(--color-primary);font-weight: 700}.name-card-hero__body{padding: var(--space-lg)}.feature-list{list-style: none;padding: 0;margin: 0}.feature-list li{padding: var(--space-sm) 0;padding-left: var(--space-lg);font-size: var(--font-size-base);color: var(--color-text);line-height: var(--line-height-base);position: relative}.feature-list li::before{content: '✓';position: absolute;left: 0;color: var(--color-primary);font-weight: 700;font-size: var(--font-size-lg)}.name-card-hero__footer{background-color: var(--color-primary-dark);padding: var(--space-lg);text-align: center;transition: background-color var(--transition-speed)}.name-card-hero__link:hover .name-card-hero__footer,.name-card-hero__link:focus .name-card-hero__footer{background-color: var(--color-primary-darker)}a.name-card-hero__footer{display: block;text-decoration: none}a.name-card-hero__footer:hover,a.name-card-hero__footer:focus{background-color: var(--color-primary-darker)}.name-card-hero.gender--ferfi .name-card-hero__footer{background-color: var(--color-male-primary)}.name-card-hero.gender--ferfi .name-card-hero__link:hover .name-card-hero__footer,.name-card-hero.gender--ferfi .name-card-hero__link:focus .name-card-hero__footer{background-color: var(--color-male-primary-dark)}.name-card-hero.gender--noi .name-card-hero__footer{background-color: var(--color-female-primary)}.name-card-hero.gender--noi .name-card-hero__link:hover .name-card-hero__footer,.name-card-hero.gender--noi .name-card-hero__link:focus .name-card-hero__footer{background-color: var(--color-female-primary-dark)}.hero-cta-inline{display: inline-block;font-size: var(--font-size-lg);font-weight: 700;color: #FFFFFF !important}.cta-text-desktop,.cta-text-mobile{color: inherit !important}.cta-text-mobile{display: none}@media (max-width: 768px){.cta-text-desktop{display: none}.cta-text-mobile{display: inline}.name-card-hero__header,.name-card-hero__body,.name-card-hero__footer{padding: var(--space-md)}.feature-list li{padding-top: var(--space-xs);padding-bottom: var(--space-xs)}}.name-card-hero__link:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 2px}.name-card-hero.gender--ferfi .name-card-hero__header h3::after{content: ' ♂';color: var(--color-male-primary);font-size: 0.8em}.name-card-hero.gender--noi .name-card-hero__header h3::after{content: ' ♀';color: var(--color-female-primary);font-size: 0.8em}.secondary-name-card-container{display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: var(--space-md)}.name-card-secondary{border: 1px solid var(--color-border);border-radius: var(--border-radius);background-color: var(--color-background);display: flex;flex-direction: column;text-align: center;transition: all var(--transition-speed);text-decoration: none !important}.name-card-secondary,.name-card-secondary:link,.name-card-secondary:visited,.name-card-secondary:hover,.name-card-secondary:active,.name-card-secondary:focus{text-decoration: none !important}.name-card-secondary *,.name-card-secondary *:link,.name-card-secondary *:visited,.name-card-secondary *:hover,.name-card-secondary *:active,.name-card-secondary *:focus{text-decoration: none !important}.name-card-secondary:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.name-card-secondary.gender--ferfi{border-left: 4px solid var(--color-male-primary)}.name-card-secondary.gender--noi{border-left: 4px solid var(--color-female-primary)}.name-card-secondary.gender--ferfi:hover{border-color: var(--color-male-primary)}.name-card-secondary.gender--noi:hover{border-color: var(--color-female-primary)}.name-card-secondary:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.name-card-secondary__header{padding: var(--space-sm);flex-grow: 1}.name-card-secondary h3{margin: 0;font-size: var(--font-size-lg);font-weight: 700;text-decoration: none !important}.name-card-secondary.gender--ferfi h3{color: var(--color-male-primary)}.name-card-secondary.gender--noi h3{color: var(--color-female-primary)}.name-card-secondary.gender--ferfi h3::after{content: ' ♂';color: var(--color-male-primary);font-size: 0.8em}.name-card-secondary.gender--noi h3::after{content: ' ♀';color: var(--color-female-primary);font-size: 0.8em}.name-card-secondary__meaning{margin: 4px 0 0;font-size: var(--font-size-sm);color: var(--color-text-light);text-decoration: none !important}.name-card-secondary__meaning strong{color: var(--color-text);text-decoration: none !important}.name-card-secondary__footer{padding: var(--space-xs);border-top: 1px solid var(--color-border);background-color: var(--color-light-gray);font-weight: 700;font-size: var(--font-size-sm);color: var(--color-text-light);transition: color var(--transition-speed);text-decoration: none !important}.name-card-secondary:hover .name-card-secondary__footer{color: var(--color-accent)}.name-card-secondary.gender--ferfi .name-card-secondary__footer{background-color: var(--color-male-bg);color: var(--color-male-primary)}.name-card-secondary.gender--noi .name-card-secondary__footer{background-color: var(--color-female-bg);color: var(--color-female-primary)}.name-card-secondary.gender--ferfi:hover .name-card-secondary__footer{color: var(--color-male-primary-dark)}.name-card-secondary.gender--noi:hover .name-card-secondary__footer{color: var(--color-female-primary-dark)}.name-card-hero__link{height: 100%}.jeles-nap-date-badge{display: inline-block;background-color: var(--color-accent);color: var(--color-background);font-size: var(--font-size-sm);font-weight: 700;padding: 3px 10px;border-radius: 12px;margin-bottom: var(--space-xs);letter-spacing: 0.02em}.name-card-hero.is-jeles-nap,.name-card-hero.is-mozgo-unnep{margin-top: var(--space-xl);transform: none;cursor: default;display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;background-color: var(--color-light-gray)}.jeles-napok-list .name-card-hero.is-jeles-nap,.jeles-napok-list .name-card-hero.is-mozgo-unnep{margin-top: 0}.name-card-hero.is-jeles-nap:hover,.name-card-hero.is-mozgo-unnep:hover{transform: none;box-shadow: var(--box-shadow)}.name-card-hero.is-jeles-nap{border-top: 3px solid var(--color-accent)}.name-card-hero.is-mozgo-unnep{border-top: 3px solid var(--color-primary)}.name-card-hero.is-jeles-nap .name-card-hero__header,.name-card-hero.is-mozgo-unnep .name-card-hero__header{border-bottom: none}.name-card-hero.is-jeles-nap .name-card-hero__header h3,.name-card-hero.is-mozgo-unnep .name-card-hero__header h3{font-family: var(--font-family-serif);font-size: var(--font-size-h1);font-style: italic;color: var(--color-primary);overflow-wrap: break-word;word-break: break-word}.name-card-hero.is-jeles-nap footer,.name-card-hero.is-mozgo-unnep footer{padding-top: var(--space-md);margin-top: var(--space-md);border-top: 1px solid var(--color-border);text-align: center}.name-card-hero.is-jeles-nap .hero-cta-inline,.name-card-hero.is-mozgo-unnep .hero-cta-inline{display: inline-block;font-weight: bold;color: var(--color-accent-darker);text-decoration: none;border-bottom: 2px solid transparent;transition: border-color 0.2s ease-in-out;padding-bottom: 2px}.name-card-hero.is-jeles-nap .hero-cta-inline:hover,.name-card-hero.is-mozgo-unnep .hero-cta-inline:hover{color: var(--color-accent);text-decoration: none;border-color: var(--color-accent)}.name-card-hero.is-jeles-nap .hero-cta-inline .cta-text-mobile,.name-card-hero.is-mozgo-unnep .hero-cta-inline .cta-text-mobile{display: none}@media (max-width: 768px){.name-card-hero.is-jeles-nap .hero-cta-inline .cta-text-desktop,.name-card-hero.is-mozgo-unnep .hero-cta-inline .cta-text-desktop{display: none}.name-card-hero.is-jeles-nap .hero-cta-inline .cta-text-mobile,.name-card-hero.is-mozgo-unnep .hero-cta-inline .cta-text-mobile{display: inline}}.jeles-napok-list{display: grid;grid-template-columns: 1fr;gap: var(--space-lg);margin-bottom: var(--space-xl)}.jeles-napok-list > *{min-width: 0}@media (min-width: 768px){.jeles-napok-list{grid-template-columns: repeat(2, 1fr)}}.name-card-hero__traditions-section{padding: var(--space-lg)}.name-card-hero__traditions-title{font-size: var(--font-size-base);font-weight: 700;color: var(--color-text);padding-bottom: var(--space-xs);border-bottom: 1px solid var(--color-border);margin-bottom: var(--space-md)}.jeles-nap-traditions-preview{margin-top: var(--space-md);padding-top: var(--space-md);border-top: 1px solid var(--color-border)}.jeles-nap-traditions__title{font-size: var(--font-size-sm);font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-text-light);margin: 0 0 var(--space-xs) 0}.jeles-nap-traditions__list{margin: 0;padding-left: 1.25rem;font-size: var(--font-size-sm);color: var(--color-text);line-height: var(--line-height-base)}.jeles-nap-traditions__list li{margin-bottom: var(--space-xs)}.faq-section{max-width: 75ch;margin-top: var(--space-xl);margin-bottom: 0;border-top: 1px solid var(--color-border)}.faq-item{border-bottom: 1px solid var(--color-border)}.faq-item summary{list-style: none;display: flex;justify-content: space-between;align-items: baseline;gap: var(--space-md);padding: var(--space-md) 0;cursor: pointer;font-family: var(--font-family-serif);font-size: var(--font-size-lg);font-weight: 600;color: var(--color-primary);user-select: none;transition: color var(--transition-speed)}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary::after{content: '+';font-family: var(--font-family-sans);font-size: 1.75rem;font-weight: 300;line-height: 1;color: var(--color-accent);flex-shrink: 0;transition: transform var(--transition-speed)}.faq-item[open] > summary{color: var(--color-accent-dark)}.faq-item[open] > summary::after{content: '−'}.faq-item summary:hover{color: var(--color-accent-dark)}.faq-item__body{padding: 0 0 var(--space-md);color: var(--color-text);line-height: var(--line-height-base)}.stats-bar{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-md);background: linear-gradient(135deg, var(--day-nav-bg-start) 0%, var(--day-nav-bg-end) 100%);border-radius: 12px;box-shadow: 0 2px 12px var(--day-nav-shadow);padding: 2rem;text-align: center;margin-top: var(--space-xl)}.stat-item{padding: 0 var(--space-sm)}.stat-value{display: block;font-size: var(--font-size-h2);font-weight: 700}.stat-label{display: block;font-size: var(--font-size-sm);color: var(--color-text-light)}.stat-value.is-female, .stat-value-split .is-female{color: var(--color-female-primary)}.stat-value.is-male, .stat-value-split .is-male{color: var(--color-male-primary)}.stat-value-split{font-size: var(--font-size-h2);font-weight: 700;display: flex;flex-direction: column;align-items: center;gap: 2px;line-height: 1.2}.alphabet-nav{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: var(--space-md);margin-top: var(--space-xl)}.letter-card{display: block;text-decoration: none;border: 1px solid var(--color-border);border-radius: var(--border-radius);background-color: var(--color-background);transition: all var(--transition-speed);box-shadow: 0 1px 3px rgba(0,0,0,0.05)}.letter-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow);border-color: var(--color-primary)}.letter-card:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.letter-card__header{padding: var(--space-sm) var(--space-md);text-align: center;border-bottom: 1px solid var(--color-border)}.letter-card__header .header-main{display: block;font-family: var(--font-family-serif);font-size: 3.5rem;font-weight: 700;color: var(--color-primary);line-height: 1.1}.letter-card__header .header-main--compact{font-size: 3.1rem}.page-header--stacked .stats-bar{background: none;box-shadow: none;border-radius: 0;padding: 0;margin-top: 0;border-top: none}.letter-card__header .header-sub{display: block;font-size: var(--font-size-sm);color: var(--color-text-light);margin-top: 4px}.letter-card__body{display: grid;grid-template-columns: 1fr 1fr;padding: var(--space-md);gap: var(--space-sm);text-align: center;font-size: var(--font-size-sm);font-weight: 500}.name-column{display: flex;flex-direction: column;align-items: center}.name-column.is-male{color: var(--color-male-primary)}.name-column.is-female{color: var(--color-female-primary)}.name-column.is-male .name-from::after,.name-column.is-male .name-to::after{content: ' ♂';font-size: 0.9em}.name-column.is-female .name-from::after,.name-column.is-female .name-to::after{content: ' ♀';font-size: 0.9em}.arrow-separator{color: var(--color-border);font-weight: 400;font-size: 1em;margin: 2px 0}.name-from, .name-to{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%}.name-tag{display: inline-block;padding: 4px 8px;font-size: 0.8rem;text-decoration: none;border-radius: var(--border-radius);border: 1px solid var(--color-border);color: var(--color-text-light);transition: all var(--transition-speed);white-space: nowrap;text-align: center}.name-tag:hover{color: var(--color-background)}.name-tag:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.name-tag--main{font-weight: 700;color: var(--color-background)}.name-tag--ferfi::after{content: ' ♂';font-size: 0.9em}.name-tag--ferfi:hover{border-color: var(--color-male-primary);background-color: var(--color-male-primary)}.name-tag--ferfi.name-tag--main{border-color: var(--color-male-primary);background-color: var(--color-male-primary)}.name-tag--ferfi.name-tag--main:hover{background-color: var(--color-male-primary-dark);border-color: var(--color-male-primary-dark)}.name-tag--noi::after{content: ' ♀';font-size: 0.9em}.name-tag--noi:hover{border-color: var(--color-female-primary);background-color: var(--color-female-primary)}.name-tag--noi.name-tag--main{border-color: var(--color-female-primary);background-color: var(--color-female-primary)}.name-tag--noi.name-tag--main:hover{border-color: var(--color-female-primary-dark);background-color: var(--color-female-primary-dark)}.alphabet-nav-container{border-bottom: 1px solid var(--color-border);padding-bottom: var(--space-lg);margin-bottom: var(--space-lg)}.page-header--stacked .alphabet-nav-container{border-bottom: none;padding-bottom: 0;margin-bottom: 0}.alphabet-jump-list{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: var(--space-xs)}.alphabet-jump-list a{display: block;padding: 6px var(--space-sm);text-align: center;font-weight: 700;text-decoration: none;color: var(--color-primary);border-radius: var(--border-radius);transition: all var(--transition-speed);background-color: var(--color-light-gray);border: 1px solid var(--color-border)}.alphabet-jump-list a:hover{background-color: var(--color-border);border-color: #ccc}.alphabet-jump-list a:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.alphabet-jump-list a.is-active{background-color: var(--color-primary);color: var(--color-background);border-color: var(--color-primary)}.name-lists-container{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-xl)}.name-list-title{font-size: var(--font-size-h3);margin-bottom: var(--space-md);text-align: center}.name-list{list-style: none;padding: 0;margin: 0;column-count: 3;column-gap: var(--space-md)}.name-list li{break-inside: avoid;margin-bottom: var(--space-xs)}.name-list li a{display: block;padding: 6px 8px;text-align: center;font-size: 0.9em;font-weight: 500;text-decoration: none;border-radius: var(--border-radius);transition: all var(--transition-speed);color: var(--color-background);border: 1px solid transparent}.name-list li a:hover{transform: translateY(-2px);box-shadow: var(--box-shadow)}.name-list li a:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.no-names-found{text-align: center;color: var(--color-text-light);font-style: italic}.name-list-title.is-male{color: var(--color-male-primary)}.name-list-title.is-female{color: var(--color-female-primary)}.name-list a.is-male::after{content: ' ♂';font-size: 0.9em}.name-list a.is-female::after{content: ' ♀';font-size: 0.9em}.name-list a.is-male{background-color: var(--color-male-primary);border-color: var(--color-male-primary)}.name-list a.is-male:hover{background-color: var(--color-male-primary-dark);border-color: var(--color-male-primary-dark)}.name-list a.is-female{background-color: var(--color-female-primary);border-color: var(--color-female-primary)}.name-list a.is-female:hover{background-color: var(--color-female-primary-dark);border-color: var(--color-female-primary-dark)}.popularity-trend-line{margin-top: var(--space-md);font-size: var(--font-size-base);font-weight: 600;display: flex;align-items: center;gap: var(--space-sm)}.trend-icon-wrapper{display: inline-flex;align-items: center;justify-content: center;width: 2em;height: 2em;border-radius: 50%;font-size: 1.2em;font-weight: bold;color: var(--color-background)}.trend-icon-wrapper.trend-up{background-color: var(--color-success, #22c55e)}.trend-icon-wrapper.trend-down{background-color: var(--color-danger, #ef4444)}.trend-icon-wrapper.trend-stable{background-color: var(--color-text-light, #9ca3af)}.popularity-tag{display: inline-block;padding: 0.25em 0.6em;font-size: 0.875em;font-weight: 600;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: var(--border-radius-sm, 0.5rem)}.popularity-tag[data-rank="0"],.popularity-tag[data-rank="1"]{background-color: #eff6ff;color: #3b82f6}.popularity-tag[data-rank="2"],.popularity-tag[data-rank="3"]{background-color: #f0f9ff;color: #0ea5e9}.popularity-tag[data-rank="4"]{background-color: #ecfdf5;color: #22c55e}.popularity-tag[data-rank="5"],.popularity-tag[data-rank="6"]{background-color: #dcfce7;color: #16a34a}.popularity-tag[data-rank="7"]{background-color: #bbf7d0;color: #15803d;border: 1px solid #16a34a}.popularity-summary{margin-top: var(--space-md);padding: var(--space-md);background-color: var(--color-light-gray);border-radius: var(--border-radius);font-style: italic}.page-header--with-day-nav{display: flex;justify-content: space-between;align-items: center;gap: 2rem;background: linear-gradient(135deg, var(--day-nav-bg-start) 0%, var(--day-nav-bg-end) 100%);padding: 2rem;border-radius: 12px;box-shadow: 0 2px 12px var(--day-nav-shadow);border-bottom: none}.page-header--with-day-nav.page-header--stacked{flex-direction: column;align-items: stretch;gap: var(--space-sm)}.page-header__title-group{flex: 1;text-align: center}.day-nav-button--compact{flex-shrink: 0;max-width: 180px;display: flex;align-items: center;gap: 0.75rem;padding: 0.625rem 0.875rem;border: 1px solid var(--color-border);border-radius: 8px;text-decoration: none;transition: all var(--transition-speed);background: transparent;cursor: pointer}.day-nav-button--compact:hover{background: var(--color-light-gray);transform: translateY(-1px);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);border-color: var(--color-text-light)}.day-nav-button--compact:focus-visible{outline: 3px solid var(--color-primary);outline-offset: 3px}.day-nav-button__arrow{font-size: 1.5rem;line-height: 1;color: var(--day-nav-button-arrow);font-weight: 400;flex-shrink: 0}.day-nav-button__content{display: flex;flex-direction: column;gap: 0.25rem;text-align: left}.day-nav-button--prev .day-nav-button__content{text-align: left}.day-nav-button--next .day-nav-button__content{text-align: right}.day-nav-button__question{font-size: 0.875rem;color: var(--color-text);font-weight: 600;line-height: 1.2}.day-nav-button__info{font-size: 0.75rem;color: var(--color-text-light);line-height: 1.3;font-weight: 400}.day-nav-button--compact:hover .day-nav-button__question{color: var(--day-nav-button-hover-text)}.day-nav-button--compact:hover .day-nav-button__arrow{transform: scale(1.1)}@media (max-width: 1150px){.mobile-nav-toggle{display: block}.main-navigation{display: none}.site-logo img{height: 40px}.site-title{flex-direction: row;gap: var(--space-xs);line-height: 1}.search-bar{display: block !important;padding: var(--space-md) 0}.search-bar__title{font-size: var(--font-size-lg);font-weight: 700;margin-bottom: var(--space-sm);color: var(--color-text)}.search-bar .search-form{max-width: 100%}.search-bar .search-form__input-group{display: flex;width: 100%}.search-bar .search-form__input-group{display: flex;width: 100%}.search-bar .search-form__input{flex: 0 1 auto;width: calc(100% - 110px);font-size: 16px;height: 48px;padding: 0 var(--space-sm);border: 1px solid var(--color-border);border-right: none}.search-bar .search-form__button{flex: 0 0 110px;font-size: var(--font-size-base);font-weight: 700;height: 48px;padding: 0 var(--space-md)}.main-navigation[data-visible="true"]{display: flex;flex-direction: column;position: fixed;z-index: var(--z-index-mobile-nav, 100);inset: 0 0 0 var(--mobile-nav-left-offset, 30%);padding: min(20vh, 8rem) 2rem;background: var(--color-light-gray);border-left: 1px solid var(--color-border)}.main-navigation[data-visible="true"] ul{flex-direction: column;gap: var(--space-xs);align-items: stretch}.main-navigation[data-visible="true"] li{padding: 0}.main-navigation[data-visible="true"] a{display: block;width: 100%;font-size: var(--font-size-base);font-weight: 700;padding: var(--space-xs) var(--space-sm);border-radius: var(--border-radius);text-align: center;border: 1px solid var(--color-border);background-color: var(--color-background)}.main-navigation[data-visible="true"] a:hover{background-color: #fdfdfd;border-color: #ccc}.main-navigation[data-visible="true"] a.is-active{color: var(--color-background);font-weight: 700;background-color: var(--color-primary);border-color: var(--color-primary);pointer-events: none}.main-navigation[data-visible="true"] a.is-active::after{display: none}.main-navigation[data-visible="true"] .nav-item--theme-toggle{margin-top: var(--space-md);padding-top: var(--space-md);border-top: 1px solid var(--color-border)}.main-navigation[data-visible="true"] .theme-toggle{width: 100%;justify-content: center}.page-header--with-day-nav{gap: 1rem;padding: 1.5rem}.day-nav-button--compact{max-width: 150px;padding: 0.75rem 0.875rem;gap: 0.625rem}.day-nav-button__arrow{font-size: 1.25rem}.day-nav-button__question{font-size: 0.8125rem}.day-nav-button__info{font-size: 0.6875rem}.main-navigation[data-visible="true"] .nav-item--theme-toggle{display: flex;justify-content: center;margin-top: var(--space-md);padding-top: var(--space-md);border-top: 1px solid var(--color-border)}.main-navigation[data-visible="true"] .theme-toggle{width: 50px;height: 50px;font-size: 1.8rem}}@media (max-width: 768px){.search-bar{padding: var(--space-sm) 0}.search-bar__title{font-size: var(--font-size-base);margin-bottom: var(--space-xs)}.search-bar .search-form{max-width: 100%}.search-bar .search-form__input{height: 44px;font-size: 16px}.search-bar .search-form__input-group{display: flex;width: 100%}.search-bar .search-form__input{flex: 0 1 auto;width: calc(100% - 100px);height: 44px;font-size: 16px;border: 1px solid var(--color-border);border-right: none;padding: 0 var(--space-sm)}.search-bar .search-form__button{flex: 0 0 100px;height: 44px;padding: 0 var(--space-sm);font-size: var(--font-size-sm)}.page-header .date-subtitle{font-size: var(--font-size-base)}.page-header .date-full{font-size: var(--font-size-sm);margin-top: 0.5rem}.page-header{margin-bottom: var(--space-md);padding-bottom: var(--space-sm)}.page-header--with-day-nav{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 0.75rem;padding: 1rem}.page-header--with-day-nav h1{font-size: 1.5rem}.page-header .date-subtitle{margin-top: var(--space-sm)}.page-header__title-group{flex-basis: 100%;width: 100%;order: -1;text-align: center}.day-nav-button--compact{flex: 0 0 calc(50% - 0.5rem);max-width: calc(50% - 0.5rem)}.day-nav-button--prev{order: 1}.day-nav-button--next{order: 2}.day-nav-button__content{text-align: center !important}.cookie-banner{padding: var(--space-sm)}.cookie-banner__container{flex-direction: column;align-items: stretch;gap: var(--space-sm)}.cookie-banner__content{min-width: 0}.cookie-banner__title{font-size: var(--font-size-base)}.cookie-banner__text{font-size: var(--font-size-sm)}.cookie-banner__actions{flex-direction: column;width: 100%;gap: var(--space-xs)}.cookie-banner__button{width: 100%;min-width: 0}.cookie-banner__link{width: 100%;text-align: center;padding: var(--space-xs)}.page-header--with-nav{flex-wrap: wrap}.page-header--with-nav .page-header__title-group{order: -1;width: 100%;margin-bottom: var(--space-md)}.page-header--with-nav .calendar-nav__button{width: auto;height: auto;flex-direction: row;gap: var(--space-xs);padding: var(--space-xs) var(--space-sm);border-radius: var(--border-radius);border-width: 1px}.page-header--with-nav .calendar-nav__button.prev{margin-right: auto}.page-header--with-nav .calendar-nav__button.next{margin-left: auto;flex-direction: row-reverse}.page-header--with-nav .calendar-nav__button .arrow{font-size: var(--font-size-xl, 1.5rem);margin-bottom: 0}.page-header--with-nav .calendar-nav__button .calendar-nav__date{margin-top: 0;display: flex;gap: 4px}.calendar-grid{display: none}.calendar-list{display: block}.stats-bar{grid-template-columns: repeat(2, 1fr)}.alphabet-nav{grid-template-columns: repeat(auto-fill, minmax(180px, 1fr))}.name-list{column-count: 1}.name-card-container{grid-template-columns: 1fr}.hero-cta .cta-text-desktop{display: none}.hero-cta .cta-text-mobile{display: inline}.name-details__grid{grid-template-columns: 1fr}.secondary-name-card-container{gap: var(--space-xs)}.name-card-secondary{flex-direction: row;align-items: center;text-align: left}.name-card-secondary__header{padding: var(--space-xs) var(--space-sm);flex-grow: 1}.name-card-secondary h3{font-size: var(--font-size-base)}.name-card-secondary__meaning{display: none}.name-card-secondary__footer{flex-shrink: 0;align-self: stretch;display: flex;align-items: center;border-top: none;border-left: 1px solid var(--color-border);background-color: transparent;padding: var(--space-xs) var(--space-sm);font-size: var(--font-size-base)}.site-footer__grid{grid-template-columns: 1fr;gap: var(--space-lg)}.site-footer__col--brand{text-align: left}}@media (prefers-reduced-motion: reduce){.day-nav-button--compact{transition: none}.day-nav-button--compact:hover{transform: none}.day-nav-button--compact:hover .day-nav-button__arrow{transform: none}.name-card-hero{transition: none}.name-card-hero:hover{transform: none}.theme-toggle{transition: none}body{transition: none}.cookie-banner{animation: none}}