/* Auto-generated consolidated stylesheet: ms-additions.css */
/* Built: 2025-09-03 07:56:04 */


/* ---- BEGIN assets/css/custom-styles.css ---- */
*{ margin:0;padding:0;box-sizing:border-box;} html{ scroll-behavior:smooth;font-size:16px;} body{ font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1rem;line-height:1.6;color:#14165a;background-color:#fdf4e5;font-weight:400;width:100%;overflow-x:hidden;padding-top:70px;} .container{ max-width:1100px;margin:0 auto;padding:0 1.5rem;width:100%;} h1,h2,h3,h4,h5,h6{ font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.2;color:#14165a;word-wrap:break-word;} .navbar{ position:fixed;top:0;left:0;right:0;background:rgba(20,22,90,0.95);backdrop-filter:blur(10px);z-index:1000;padding:0 1.5rem;height:70px;border-bottom:1px solid rgba(253,244,229,0.1);} .nav-container{ display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1200px;margin:0 auto;} .nav-logo img{ height:80px;filter:brightness(0) invert(1);display:block;} .nav-menu{ display:flex;align-items:center;} .nav-menu .nav{ display:flex;list-style:none;margin:0;padding:0;gap:2.5rem;} .nav-menu .nav a{ color:#fdf4e5;text-decoration:none;font-weight:500;font-size:1rem;transition:color 0.3s ease;position:relative;padding:0.5rem 0;} .nav-menu .nav a:hover,.nav-menu .nav .nav-current a{ color:#ffffff;} .nav-toggle{ display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1001;} .bar{ width:25px;height:3px;background:#fdf4e5;border-radius:2px;transition:0.3s;} .hero-section{ background-color:#14165a;color:#fdf4e5;min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;position:relative;} .hero-background-overlay{ position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("/assets/css/background.webp");background-size:cover;background-position:center;opacity:0.1;z-index:0;} .hero-section .container{ position:relative;z-index:1;} .hero-title{ font-size:3.5rem;font-weight:300;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto;color:#fdf4e5;} .hero-subtitle{ font-size:1.25rem;font-weight:300;margin-bottom:2.5rem;max-width:750px;margin-left:auto;margin-right:auto;opacity:0.9;color:#fdf4e5;} .cta-container{ display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;} .cta-button{ display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all 0.3s ease;border:2px solid transparent;} .primary-cta{ background-color:#FFD700;color:#14165a;border-color:#FFD700;} .primary-cta:hover{ background-color:#ffc400;border-color:#ffc400;transform:translateY(-2px);} .secondary-cta{ background-color:transparent;color:#fdf4e5;border-color:#fdf4e5;} .secondary-cta:hover{ background-color:#fdf4e5;color:#14165a;transform:translateY(-2px);} .third-cta{ background-color:transparent;color:#14165a;border-color:#14165a;} .third-cta:hover{ background-color:#fdf4e5;color:#14165a;transform:translateY(-2px);} .content-section{ padding:5rem 0;text-align:center;} .content-section.alt-bg{ background-color:#f8eed8;} .section-title{ font-size:2.75rem;margin-bottom:2rem;text-align:center;} .section-body{ font-size:1.2rem;max-width:800px;margin:0 auto;line-height:1.7;} .section-cta{ margin-top:3rem;} .benefits-grid-new{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;text-align:left;} .benefit-card-new{ background:#ffffff;padding:2rem;border-radius:12px;box-shadow:0 8px 25px rgba(20,22,90,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;} .benefit-card-new:hover{ transform:translateY(-5px);box-shadow:0 12px 35px rgba(20,22,90,0.12);} .benefit-card-new i{ font-size:2rem;color:#14165a;margin-bottom:1rem;display:block;text-align:center;} .benefit-card-new h3{ font-size:1.4rem;margin-bottom:0.5rem;text-align:center;} .benefit-card-new p{ font-size:1rem;line-height:1.6;text-align:center;} .benefit-card-new.bonus{ background-color:#14165a;color:#fdf4e5;} .benefit-card-new.bonus i,.benefit-card-new.bonus h3{ color:#FFD700;} .about-section-container{ display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;text-align:center;} .about-image img{ width:100%;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.1);} .urgency-section .section-title{ color:#c0392b;} .service-hero,.club-hero{ background:linear-gradient(135deg,#14165a 0%,#1a1d6b 100%);color:#fdf4e5;padding:5rem 1.5rem;text-align:center;} .service-hero-content,.club-hero-content{ max-width:800px;margin:0 auto;} .service-icon-large,.club-icon-large{ font-size:4rem;margin-bottom:2rem;} .service-hero h1,.club-hero h1{ font-size:3.5rem;margin-bottom:1rem;color:#fdf4e5;} .service-hero p,.club-hero p{ font-size:1.2rem;line-height:1.6;opacity:0.9;} .service-hero .service-subtitle,.club-hero .club-subtitle{ font-size:1.5rem;font-style:italic;margin-bottom:1.5rem;} .service-features{ padding:6rem 0;} .features-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;} .feature-card{ background:#ffffff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 30px rgba(20,22,90,0.08);transition:all 0.3s ease;border:1px solid rgba(20,22,90,0.1);} .feature-card:hover{ transform:translateY(-8px);box-shadow:0 15px 40px rgba(20,22,90,0.12);} .feature-icon{ width:70px;height:70px;background:linear-gradient(135deg,#e91e63,#f06292);color:#fdf4e5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.5rem;} .feature-title{ font-size:1.6rem;margin-bottom:1rem;} .feature-description{ font-size:1rem;line-height:1.6;color:#555;margin-bottom:1.5rem;} .feature-benefits{ list-style:none;padding:0;} .feature-benefits li{ display:flex;align-items:center;margin-bottom:0.8rem;font-size:0.95rem;color:#333;} .feature-benefits i{ color:#4ecdc4;margin-right:0.8rem;} .service-stats{ padding:6rem 0;background:#14165a;} .service-stats .section-title{ color:#fdf4e5;} .stats-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;text-align:center;} .stat-card .stat-number{ font-family:'Playfair Display',serif;font-size:4rem;font-weight:700;color:#4ecdc4;margin-bottom:1rem;} .stat-card .stat-label{ font-size:1.1rem;font-weight:500;color:#fdf4e5;opacity:0.9;} .membership-tiers{ padding:6rem 0;} .membership-tiers .section-subtitle{ text-align:center;font-size:1.2rem;color:#666;margin-top:-1.5rem;margin-bottom:4rem;} .club-benefits{ padding:6rem 0;background:#14165a;} .club-benefits .section-title{ color:#fdf4e5;} .benefits-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;text-align:center;} .benefit-card{ padding:2rem;} .benefit-icon{ width:70px;height:70px;background:linear-gradient(45deg,#4ecdc4,#44a08d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;margin:0 auto 1.5rem;} .benefit-title{ font-size:1.5rem;margin-bottom:1rem;color:#fdf4e5;} .benefit-description{ font-size:1rem;line-height:1.6;opacity:0.9;color:#fdf4e5;} #faq{ padding:6rem 0;} .faq-accordion{ max-width:800px;margin:3rem auto 0;text-align:left;} .faq-item{ background:#ffffff;margin-bottom:1rem;border-radius:8px;box-shadow:0 5px 15px rgba(20,22,90,0.05);overflow:hidden;border:1px solid rgba(20,22,90,0.1);} .faq-question{ width:100%;padding:1.5rem;background:none;border:none;font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#14165a;} .faq-question::after{ content:'+';font-size:1.5rem;transition:transform 0.3s ease;color:#14165a;} .faq-item.active .faq-question::after{ transform:rotate(45deg);} .faq-answer{ max-height:0;overflow:hidden;transition:max-height 0.4s ease-out;} .faq-answer p{ padding:0 1.5rem 1.5rem;font-size:1rem;color:#555;} .final-cta-section{ background-color:#14165a;color:#fdf4e5;padding:6rem 0;text-align:center;} .final-cta-content{ max-width:800px;margin:0 auto;} .final-cta-title{ font-size:3rem;margin-bottom:1.5rem;color:#fdf4e5;} .final-cta-description{ font-size:1.3rem;margin-bottom:3rem;line-height:1.6;color:rgba(253,244,229,0.9);} .final-cta-button{ display:inline-flex;align-items:center;gap:1rem;background:#FFD700;color:#14165a;padding:1.2rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(255,215,0,0.2);} .final-cta-button:hover{ transform:translateY(-3px);box-shadow:0 15px 40px rgba(255,215,0,0.3);} .final-cta-note{ margin-top:1.5rem;font-style:italic;font-size:1rem;color:rgba(253,244,229,0.8);} .footer-section{ background-color:#0e103d;color:#fdf4e5;padding:4rem 0 2rem;text-align:center;} .footer-logo{ text-align:center;margin-bottom:1.5rem;} .footer-logo-img{ max-height:180px;filter:brightness(0) invert(1);} .footer-tagline{ font-size:1rem;font-style:italic;margin-bottom:2rem;opacity:0.8;} .footer-contact-icons{ display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;} .footer-icon-link{ color:#0e103d;background-color:#fdf4e5;font-size:1.2rem;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.3s ease;} .footer-icon-link:hover{ background-color:#FFD700;transform:translateY(-3px);} .footer-bottom{ font-size:0.9rem;opacity:0.6;padding-top:2rem;border-top:1px solid rgba(253,244,229,0.1);} @media (max-width:992px){ .about-section-container{ grid-template-columns:1fr;} .about-image{ order:-1;max-width:500px;margin:0 auto 2rem auto;} .about-text{ text-align:center;} } @media (max-width:768px){ .nav-menu{ display:none;} .nav-toggle{ display:flex;} .nav-menu.active{ display:flex;position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:rgba(20,22,90,0.98);flex-direction:column;justify-content:center;align-items:center;} .nav-menu.active .nav{ flex-direction:column;gap:2rem;} .nav-menu.active .nav a{ font-size:1.2rem;} .nav-toggle.active .bar:nth-child(1){ transform:translateY(8px) rotate(45deg);} .nav-toggle.active .bar:nth-child(2){ opacity:0;} .nav-toggle.active .bar:nth-child(3){ transform:translateY(-8px) rotate(-45deg);} .hero-title,.service-hero h1,.club-hero h1{ font-size:2.5rem;} .hero-subtitle,.service-hero .service-subtitle,.club-hero .club-subtitle{ font-size:1.1rem;} .section-title,.final-cta-title{ font-size:2.25rem;} .section-body,.final-cta-description{ font-size:1.1rem;} .features-grid{ grid-template-columns:1fr;} .stats-grid{ grid-template-columns:repeat(2,1fr);} } @media (max-width:480px){ .stats-grid{ grid-template-columns:1fr;} .cta-container{ flex-direction:column;align-items:center;} .final-cta-button,.cta-button{ width:100%;max-width:320px;text-align:center;justify-content:center;} .cta-button{ padding:1.2rem 1rem;} .cta-button .fas{ display:none;} } .content-section .benefit-card{ background:#ffffff;border-radius:12px;box-shadow:0 8px 25px rgba(20,22,90,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;} .content-section .benefit-card:hover{ transform:translateY(-5px);box-shadow:0 12px 35px rgba(20,22,90,0.12);} .content-section .benefit-title{ color:#14165a;opacity:1;} .content-section .benefit-description{ color:#555;opacity:1;} .content-section .benefit-icon{ background:linear-gradient(45deg,#4ecdc4,#44a08d);} .about-section-container{ display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;} .about-image{ order:-1;} .about-image img{ width:200px;height:200px;border-radius:50%;object-fit:fill;box-shadow:0 10px 30px rgba(0,0,0,0.15);} .content-section .about-section-container{ display:flex !important;grid-template-columns:none !important;} .trust-section{ padding:6rem 0;background:#f8eed8;} .trust-content{ display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;text-align:left;} .trust-benefits{ list-style:none;padding:0;margin-top:1.5rem;} .trust-benefits li{ display:flex;align-items:center;margin-bottom:1rem;} .trust-benefits i{ color:#4ecdc4;margin-right:1rem;font-size:1.2rem;} .trust-stat-large{ background:#14165a;color:#fdf4e5;padding:3rem;border-radius:16px;text-align:center;} .trust-number{ font-family:'Playfair Display',serif;font-size:6rem;font-weight:700;color:#4ecdc4;line-height:1;} .trust-label{ font-size:1.1rem;margin-top:1rem;opacity:0.9;} @media (max-width:768px){ .trust-content{ grid-template-columns:1fr;} } .kg-card{ margin-bottom:1.5rem;} .kg-width-wide{ max-width:calc(100% + 300px);width:calc(100% + 300px);margin-left:-150px;margin-right:-150px;} .kg-width-full{ width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} .kg-width-wide img,.kg-width-full img{ width:100%;} .navbar{ position:relative;z-index:100;} .nav-list{ list-style:none;display:flex;gap:1rem;align-items:center;margin:0;padding:0;} .nav-item{ position:relative;} .nav-link{ text-decoration:none;} .dropdown .dropdown-content{ position:absolute;top:100%;left:0;min-width:220px;background:#ffffff;border:1px solid rgba(0,0,0,0.08);box-shadow:0 10px 20px rgba(0,0,0,0.08);display:none;padding:0.5rem 0;} .dropdown:hover .dropdown-content{ display:block;} .dropdown-content .nav-link{ display:block;padding:0.5rem 1rem;white-space:nowrap;} .dropdown-content .nav-link:hover{ background:rgba(0,0,0,0.04);} #nav-toggle{ cursor:pointer;display:none;} #nav-toggle .bar{ display:block;width:24px;height:2px;margin:5px 0;background:currentColor;} @media (max-width:900px){ .nav-list{ flex-direction:column;align-items:flex-start;} #nav-toggle{ display:block;} .nav-menu{ display:none;} .nav-menu.active{ display:block;} .dropdown .dropdown-content{ position:relative;border:0;box-shadow:none;display:none;} .dropdown:hover .dropdown-content{ display:block;} } html,body{ margin:0;padding:0;} body{ -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} :root{ --header-height:64px;} .header-spacer{ height:var(--header-height);display:none;} .navbar{ background:#0F1B57;color:#FFFFFF;position:sticky;top:0;left:0;right:0;z-index:1000;} .nav-container{ max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;} .nav-logo img{ max-height:36px;width:auto;display:block;} .nav-logo h1,.nav-logo span{ font-size:20px;font-weight:600;color:#FFFFFF;margin:0;} .nav-list{ list-style:none;display:flex;gap:28px;margin:0;padding:0;align-items:center;} .nav-list a,.nav-list .nav-link,.navbar a{ color:#FFFFFF;text-decoration:none;} .nav-list a:visited,.nav-list .nav-link:visited{ color:#FFFFFF;} .nav-list a:hover,.nav-list .nav-link:hover{ opacity:0.9;} .nav-current > a{ font-weight:700;} .nav-item.dropdown{ position:relative;} .nav-item.dropdown > .dropdown-content{ position:absolute;top:100%;left:0;min-width:220px;background:#0F1B57;border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 24px rgba(0,0,0,0.2);display:none;padding:6px 0;} .nav-item.dropdown:hover > .dropdown-content{ display:block;} .dropdown-content .nav-link{ display:block;padding:10px 14px;} .dropdown-content .nav-link:hover{ background:rgba(255,255,255,0.06);} #nav-toggle{ cursor:pointer;display:none;} #nav-toggle .bar{ width:24px;height:2px;background:#FFFFFF;display:block;margin:5px 0;} @media (max-width:900px){ #nav-toggle{ display:block;} .nav-menu{ display:none;} .nav-menu.active{ display:block;} .nav-list{ flex-direction:column;gap:16px;align-items:flex-start;} .nav-item.dropdown > .dropdown-content{ position:relative;border:0;box-shadow:none;} } .post-feed{ display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;} .post-card{ background:#0D154B;color:#FFFFFF;border:1px solid rgba(255,255,255,0.08);border-radius:12px;overflow:hidden;} .post-card a{ color:#FFFFFF;text-decoration:none;} .post-card a:hover{ text-decoration:underline;} .brand-logo{ max-height:42px;height:auto;width:auto;display:block;filter:invert(1) brightness(1.8);} @media (max-width:900px){ .brand-logo{ max-height:36px;} } .blog-wrap{ padding:48px 0;background:#F6EEDF;color:#0F1B57;} .blog-header .blog-title{ font-family:'Playfair Display',serif;font-size:42px;margin:0 0 8px;} .blog-description{ max-width:900px;margin:0 0 24px;font-size:18px;line-height:1.6;} .post-feed{ display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;} .post-card{ background:#0D154B;border:1px solid rgba(255,255,255,0.06);border-radius:14px;overflow:hidden;} .post-card-link{ color:#FFFFFF;text-decoration:none;display:block;height:100%;} .post-card-image{ width:100%;height:auto;display:block;} .post-card-content{ padding:16px 18px 18px;} .post-card-title{ font-size:22px;margin:0 0 10px;font-family:'Playfair Display',serif;} .post-card-excerpt{ font-size:15px;line-height:1.6;margin:0 0 12px;color:#E9ECFF;} .post-card-meta time{ font-size:13px;opacity:0.8;} .post-full{ background:#0D154B;color:#FFFFFF;} .post-full-header{ padding-top:24px;} .post-full-title{ font-family:'Playfair Display',serif;font-size:46px;margin:0 0 10px;color:#FFFFFF;} .post-full-image img{ width:100%;height:auto;display:block;border-radius:12px;} .post-full-content{ max-width:860px;margin:24px auto 60px;font-size:18px;line-height:1.8;color:#FAFAFA;} .post-full-content a{ color:#AFC2FF;} .post-full-content h2,.post-full-content h3{ color:#FFFFFF;} .blog-header{ margin-bottom:24px;} .blog-title{ font-family:'Playfair Display',serif;font-size:56px;line-height:1.1;margin:8px 0 8px;color:#0F1B57;display:block;} .blog-title .blog-kicker{ display:block;font:600 14px/1.2 'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6E7ACF;margin-bottom:8px;} .blog-description{ font-size:18px;color:#0F1B57;opacity:.9;} .post-card-title,.post-card-title a,.post-card a,.post-card-link,.post-card-link:link,.post-card-link:visited{ color:#FFFFFF !important;text-decoration:none;} .post-card-title a:hover{ text-decoration:underline;} .post-card-excerpt{ color:rgba(255,255,255,0.88) !important;} .post-card a:hover,.post-card a:focus{ color:#FFFFFF !important;} .navbar .dropdown-toggle{ background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;} .navbar .nav-item.dropdown.open > .dropdown-toggle{ opacity:0.85;} .nav-item .dropdown-content{display:none;pointer-events:none}.nav-item.dropdown.open .dropdown-content{display:block;pointer-events:auto}.nav-item.nav-current>.nav-link,.nav-item.nav-current a.nav-link{text-decoration:underline;text-underline-offset:6px}.nav-item.dropdown.open>.dropdown-toggle{text-decoration:underline;text-underline-offset:6px}.footer-section .legal-links{display:flex;gap:.5rem;justify-content:center;align-items:center;margin:.5rem 0 .25rem 0;font-size:.95rem}.footer-section .legal-links a{color:inherit;text-decoration:none;opacity:.9}.footer-section .legal-links a:hover{text-decoration:underline;opacity:1} .nav-item .dropdown-content{display:none;pointer-events:none}.nav-item.dropdown.open .dropdown-content{display:block;pointer-events:auto} .nav-item .dropdown-content{display:none;pointer-events:none}.nav-item.dropdown.open .dropdown-content{display:block;pointer-events:auto} .nav-item.dropdown{position:relative} .nav-item .dropdown-content{display:none;pointer-events:none;z-index:9999} .nav-item.dropdown.open .dropdown-content,.nav-item.dropdown:hover .dropdown-content,.nav-item.dropdown:focus-within .dropdown-content{display:block;pointer-events:auto} @media (max-width:768px){ .nav-toggle{display:block} .nav-menu{display:none} .nav-menu.active{display:block} } @media (max-width:768px){ .nav-container{position:relative} .nav-toggle{display:block} .nav-menu{display:none;position:fixed;left:0;right:0;top:64px;background:var(--background,#fff);z-index:10000;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:1rem 1.25rem} .nav-menu.active{display:block} .nav-list{display:block} .nav-list .nav-item{margin:.75rem 0} html.menu-open,body.menu-open{overflow:hidden;touch-action:none} } .nav-item.dropdown{position:relative} .nav-item .dropdown-content{display:none;pointer-events:none;z-index:10001} .nav-item.dropdown.open .dropdown-content{display:block;pointer-events:auto}
/* ---- END assets/css/custom-styles.css ---- */

/* ---- BEGIN assets/css/koenig-fixes.css ---- */
.kg-width-wide,.kg-width-full{ margin-left:auto;margin-right:auto;} .kg-image-card figcaption{ text-align:center;color:var(--muted-foreground,#666);font-size:0.9rem;} .kg-bookmark-card{ border:1px solid var(--muted,#e5e7eb);border-radius:12px;overflow:hidden;}
/* ---- END assets/css/koenig-fixes.css ---- */

/* ---- BEGIN assets/css/post-casperish.css ---- */
.post-outer{ max-width:760px;margin:0 auto;padding:2rem 1.25rem;} .post-header{ text-align:center;margin-bottom:1.25rem;} .post-title{ font-size:clamp(1.875rem,4vw,2.75rem);line-height:1.1;letter-spacing:-0.01em;margin:0.25rem 0 0.5rem;} .post-excerpt{ color:var(--muted-foreground,#666);font-size:clamp(1rem,2.5vw,1.125rem);margin:0.25rem auto 0.75rem;max-width:60ch;} .post-meta{ display:inline-flex;gap:0.5rem;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--muted-foreground,#666);font-size:0.9375rem;} .post-meta .dot{ width:4px;height:4px;background:currentColor;border-radius:999px;display:inline-block;} .post-feature-image{ border-radius:14px;overflow:hidden;margin:1rem 0 1.5rem;} .post-feature-image img{ width:100%;height:auto;display:block;} .post-content{ font-size:clamp(1.05rem,2.3vw,1.1875rem);line-height:1.75;color:var(--foreground,#111);} .post-content h2,.post-content h3,.post-content h4{ margin-top:2rem;margin-bottom:0.75rem;line-height:1.25;} .post-content blockquote{ border-left:4px solid var(--muted,#e5e7eb);margin:1.5rem 0;padding:0.25rem 1rem;color:var(--muted-foreground,#444);} .post-content pre,.post-content code{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} .post-footer{ margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid var(--muted,#e5e7eb);} .tag-list{ display:flex;flex-wrap:wrap;gap:0.5rem;} .tag-list a{ background:var(--muted,#f3f4f6);color:var(--foreground,#111);text-decoration:none;padding:0.25rem 0.6rem;border-radius:999px;font-size:0.875rem;} .read-next{ display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem;} .read-next a{ text-decoration:none;} .read-next-card{ border:1px solid var(--muted,#e5e7eb);border-radius:14px;padding:1rem;} .read-next-card h3{ margin:0.25rem 0 0.5rem;font-size:1.125rem;} .read-next-card .meta{ color:var(--muted-foreground,#666);font-size:0.875rem;} .kg-image-card.kg-width-wide img,.kg-image-card.kg-width-full img{ border-radius:14px;} .kg-gallery-card .kg-gallery-image img{ border-radius:10px;} .kg-embed-card iframe{ width:100%;} .post-content img{ max-width:75%;height:auto;display:block;margin:1.25rem auto;} .post-content figure.kg-card.kg-image-card,.post-content .kg-image-card img{ max-width:75%;margin-left:auto;margin-right:auto;} .post-feature-image img{ max-width:100%;} .post-content ul,.post-content ol{ margin:1rem 0 1rem 1.25rem;padding-left:1.25rem;} .post-content li{ margin:0.375rem 0;line-height:1.7;} .post-content li ul,.post-content li ol{ margin:0.375rem 0 0.375rem 1.25rem;} .post-content li::marker{ color:var(--muted-foreground,#666);} .post-primary-tag{ display:inline-block;margin-bottom:0.5rem;padding:0.2rem 0.6rem;border-radius:999px;background:var(--muted,#f3f4f6);color:var(--foreground,#111);text-decoration:none;font-size:0.8125rem;}
/* ---- END assets/css/post-casperish.css ---- */

/* ---- BEGIN assets/css/nav-dropdown.css ---- */
.site-nav .nav{ list-style:none;margin:0;padding:0;display:flex;gap:1rem;} .nav-item.dropdown{ position:relative;} .nav-item .dropdown-content{ display:none;position:absolute;top:100%;left:0;min-width:220px;z-index:1000;background:var(--background,#fff);border:1px solid var(--muted,#e5e7eb);border-radius:10px;padding:0.5rem;} .nav-item .dropdown-content li{ margin:0;} .nav-item .dropdown-content a{ display:block;padding:0.5rem 0.75rem;text-decoration:none;} .nav-item.dropdown.open .dropdown-content{ display:block;} @media (max-width:768px){ .nav-item .dropdown-content{ position:static;border:none;border-radius:0;padding:0;} }
/* ---- END assets/css/nav-dropdown.css ---- */

/* ---- BEGIN assets/css/page-shared.css ---- */
.page-outer{ max-width:980px;margin:0 auto;padding:2rem 1.25rem;} .page-header{ text-align:center;margin-bottom:1.25rem;} .page-title{ font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;letter-spacing:-0.01em;margin:0 0 0.5rem;} .page-excerpt{ color:var(--muted-foreground,#666);max-width:70ch;margin:0.25rem auto 0.75rem;} .service-hero,.content-section,.final-cta-section{ padding:2rem 0;} .content-section.alt-bg,#about.alt-bg{ background:var(--muted,#f6f7fb);} .benefits-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;} .benefit-card{ padding:1rem;border:1px solid var(--muted,#e5e7eb);border-radius:12px;} .final-cta-section .cta-button{ display:inline-block;padding:0.75rem 1.25rem;border-radius:10px;text-decoration:none;} @media (max-width:480px){ .page-title{ font-size:clamp(1.5rem,7vw,2rem);} }
/* ---- END assets/css/page-shared.css ---- */

/* ---- BEGIN assets/css/responsive-fixes.css ---- */
@media (max-width:480px){ h1,.hero h1,.site-hero h1,.page-hero h1{ font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.2;letter-spacing:-0.01em;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:break-word;} h2{ font-size:clamp(1.25rem,6vw,1.5rem);line-height:1.25;} .hero p,.lead,.intro{ font-size:clamp(1rem,4.2vw,1.125rem);line-height:1.5;} }
/* ---- END assets/css/responsive-fixes.css ---- */

/* ---- BEGIN assets/css/page-social-media.css ---- */
.page-outer{ max-width:980px;margin:0 auto;padding:2rem 1.25rem;} .page-header{ text-align:center;margin-bottom:1.25rem;} .page-title{ font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;letter-spacing:-0.01em;margin:0 0 0.5rem;} .page-excerpt{ color:var(--muted-foreground,#666);max-width:70ch;margin:0.25rem auto 0.75rem;} .page-content img{ max-width:85%;height:auto;display:block;margin:1rem auto;} .page-content ul,.page-content ol{ margin:1rem 0 1rem 1.25rem;padding-left:1.25rem;} .page-content li{ margin:0.375rem 0;line-height:1.7;} @media (max-width:480px){ .page-title{ font-size:clamp(1.5rem,7vw,2rem);} .page-content img{ max-width:100%;} }
/* ---- END assets/css/page-social-media.css ---- */


/* ===== Clickability Fixes (2025-09-03) ===== */
header, .site-header, .navbar { position: relative; z-index: 9999; }

/* Ensure nav links are clickable regardless of any global resets */
a, .nav a, .nav-link, .nav-item a { pointer-events: auto !important; }

/* Prevent hidden mobile menu or hero overlays from blocking clicks */
.nav-menu { pointer-events: auto; }
.nav-menu.active, .menu-open .nav-menu { pointer-events: auto; }

/* Common hero/cover overlays that might span the header */
.hero::before, .hero::after,
.site-cover, .page-cover, .cover-overlay { pointer-events: none; }

/* Avoid logo anchor covering the whole header */
.nav-logo { display: inline-flex; position: relative; z-index: 1; max-width: 240px; }
.nav-container { position: relative; z-index: 2; }

/* Defensive: any full-bleed absolutely-positioned element inside header should not block clicks */
header *[style*="position: absolute"], header .abs, header .overlay { pointer-events: none; }
header .nav-list, header .nav-list * { pointer-events: auto; }



/* Force header nav centered (persisted) */
.navbar .nav-container.nav-left{ justify-content:center !important; gap:1rem; }
.navbar .nav-container.nav-left .nav-menu{ flex:0 0 auto; }
.navbar .nav-container.nav-left .nav{ display:flex; justify-content:center; width:auto; margin:0 auto; }
@media (max-width: 768px){
  .navbar .nav-container.nav-left{ justify-content:flex-start !important; }
}


/* === 2025 Single-Column Post Layout (v19) === */
.post-outer{ max-width:min(70ch, 92vw); margin:0 auto; padding:clamp(1.25rem, 3vw, 2rem) 0; }
.post-header{ text-align:left; margin:0 auto 1rem; }
.post-title{ font-size:clamp(1.9rem, 3.2vw, 2.25rem); line-height:1.2; margin:0 0 .3rem; }
.post-meta{ margin:.25rem 0 .25rem; opacity:.85; }
.byline-avatar{ width:22px; height:22px; border-radius:999px; object-fit:cover; vertical-align:middle; margin-right:.5rem; }
.post-content{ font-size: clamp(1.0625rem, 2.1vw, 1.1875rem); line-height:1.82; color: var(--text,#141414); word-break: normal; overflow-wrap: break-word; }
.post-content p{ margin:0 0 1.15em; }
.post-content > p:first-of-type{ font-size:clamp(1.15rem, 2.2vw, 1.25rem); line-height:1.9; }
.post-content h2, .post-content h3, .post-content h4{ line-height:1.32; margin:1.7em 0 .6em; }
.post-content ul, .post-content ol{ margin:0 0 1.25em 1.25em; padding-left:1.25em; }
.post-content li{ margin:.35em 0; }
.post-content blockquote{ margin:1.25em 0; padding:.85em 1.1em; border-left:4px solid #e5e7eb; background:rgba(0,0,0,.02); border-radius:10px; }
.post-content img{ display:block; margin:1.25em auto; max-width:100%; height:auto; border-radius:12px; }
.hr-soft{ height:1px; background:#e5e7eb; border:0; margin:1.75rem 0; }

/* Share icons */
.share-row{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; margin:.75rem 0 1.25rem; }
.share-label{ margin-right:.25rem; opacity:.7; font-size:.95rem; }
.share-btn.icon{ width:44px; height:44px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; color:#fff; border:none; box-shadow:0 1px 0 rgba(0,0,0,.05); }
.share-btn.icon:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.12); }
.share-fb{ background:#1877F2; } .share-reddit{ background:#FF4500; } .share-x{ background:#000; } .share-li{ background:#0A66C2; } .share-wa{ background:#25D366; } .share-email{ background:#6B7280; }
.share-btn.icon svg{ color:currentColor; display:block; }

/* Author box */
.author-box{ display:flex; gap:1rem; align-items:flex-start; padding:1.1rem; border:1px solid #e5e7eb; border-radius:14px; background:rgba(255,255,255,.55); }
.author-box img{ width:40px; height:40px; border-radius:999px; object-fit:cover; }
.author-box .author-meta{ font-size:.95rem; line-height:1.5; }
.author-box .author-name{ font-weight:700; }

/* More to read */
.more-posts{ margin:2.25rem auto 0; }
.more-posts h2{ font-size:1.25rem; margin:0 0 1rem; }
.more-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:1.1rem; }
.more-card{ display:flex; flex-direction:column; height:100%; padding:1rem; border:1px solid #e5e7eb; border-radius:14px; text-decoration:none; background:rgba(255,255,255,.55); }
.more-thumb{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:10px; margin-bottom:.75rem; }
.more-card h3{ font-size:1.05rem; line-height:1.35; margin:.15rem 0 .35rem; color:#111; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.more-card p{ margin:0; opacity:.85; font-size:.95rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.more-card .meta{ font-size:.85rem; opacity:.7; margin-top:auto; }
.more-card:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.08); }

/* Mobile safety — ensure readable width and no sidebar elements */
@media (max-width: 1024px){
  .post-outer{ max-width: min(94vw, 70ch); padding-left:0; padding-right:0; }
  .more-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px){
  .more-grid{ grid-template-columns:1fr; }
}