*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f12;--bg-secondary:#16161b;--text-primary:#f5f5f5;--text-secondary:#b5b5b8;--border-subtle:#2a2a30;--accent-pink:#e06a8f;--font-serif:"Playfair Display","Georgia",serif;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:5rem;--transition:.2s ease}@font-face{font-family:DM Sans Fallback;src:local("Arial");size-adjust:95%;ascent-override:105%;descent-override:35%;line-gap-override:0%}@font-face{font-family:Playfair Fallback;src:local("Georgia");size-adjust:100%;ascent-override:100%;descent-override:30%;line-gap-override:0%}html{font-size:16px;max-width:100vw}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}img[width][height]{aspect-ratio:attr(width)/attr(height)}a{color:var(--text-primary);text-decoration:none}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:var(--spacing-md)}.site-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:9999}.nav-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;position:relative}.logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;text-transform:lowercase}.nav-menu{display:flex;gap:var(--spacing-lg);list-style:none;margin:0}.nav-menu a{color:var(--text-secondary);font-size:.95rem;text-transform:lowercase;letter-spacing:.02em;position:relative}.header-social{display:flex;align-items:center;gap:var(--spacing-sm)}.header-social-link{color:var(--text-secondary);display:flex;align-items:center;padding:.5rem}.mobile-toggle{display:none;background:var(--bg-primary);border:1px solid var(--border-subtle);cursor:pointer;flex-direction:column;gap:6px;padding:14px;z-index:10000;min-width:48px;min-height:48px;align-items:center;justify-content:center;border-radius:4px}.mobile-toggle span{display:block;width:25px;height:3px;background-color:var(--text-primary);transition:all .3s ease}@media (max-width:768px){.nav-menu,.header-social{display:none}.mobile-toggle{display:flex}.nav-menu.active{display:flex!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-secondary);padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle);z-index:10001}.hero-image{height:auto;aspect-ratio:1/1}}.hero{position:relative;width:100%;padding:0;overflow:hidden;min-height:300px}.hero-image{width:100%;height:auto;max-height:600px;-o-object-fit:cover;object-fit:cover;display:block;aspect-ratio:2/1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.hero-content{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);position:relative;z-index:2;text-align:center}.hero h1{color:var(--text-primary);margin-bottom:var(--spacing-sm)}@media (max-width:768px){.hero{min-height:250px}}.toc{display:flex;flex-direction:column;gap:.75rem}.toc a{font-size:.9rem;color:var(--text-secondary);text-decoration:none;border-left:2px solid transparent;padding-left:var(--spacing-sm);line-height:1.4;display:block}.toc a:hover,.toc a.active{color:var(--text-primary);border-left-color:var(--accent-pink)}.article-signoff{text-align:center;font-size:1.05rem;line-height:1.6;color:var(--text-secondary);font-style:italic;padding:var(--spacing-md) var(--spacing-md);margin:var(--spacing-md) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff05}.faq-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-subtle)}.faq-section h2,.related-posts h2{color:#000;font-weight:600}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.faq-item{background-color:#f9f9f9;border-left:2px solid var(--accent-pink);padding:var(--spacing-lg)}.faq-item h3{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;color:#000;font-weight:600}.faq-item p{margin:0;color:#2a2a2a}