:root{--content-width:720px;--container-width:1200px;--gap:2rem;--color-primary:#304E81;--color-secondary:#FF1A75;--color-tertiary:#000;--color-light:#fff;--color-dark:#000;--text-primary:#191919;--text-secondary:#999;--text-tertiary:#000;--text-light:#fff;--text-dark:#000;--color-background:#fff;--color-border:rgba(0, 0, 0, 0.1);--color-shadow:rgba(0, 0, 0, 0.1);--color-overlay:rgba(0, 0, 0, 0.02);--grid-main:min(var(--content-width), 100% - var(--gap) * 2);--grid-wide:minmax(0, calc((var(--container-width) - var(--content-width)) / 2));--grid-full:minmax(var(--gap), 1fr);--spacing-unit:8px;--space-xs:calc(var(--spacing-unit) * 0.5);--space-sm:var(--spacing-unit);--space-md:calc(var(--spacing-unit) * 2);--space-lg:calc(var(--spacing-unit) * 3);--space-xl:calc(var(--spacing-unit) * 4);--space-2xl:calc(var(--spacing-unit) * 6);--font-sans:"Raleway", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-serif:"PT Serif", Georgia, serif;--text-title:3rem;--text-subtitle:2.5rem;--text-heading:2rem;--text-subheading:1.5rem;--text-section:1.25rem;--text-body:1.125rem;--text-quote:1.25rem;--text-caption:0.875rem;--spacing-h1:-0.02em;--spacing-h2:-0.015em;--spacing-h3:-0.01em;--spacing-h4:-0.005em;--spacing-h5:-0.005em;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--line-height-body:1.6;--line-height-heading:1.15;--max-line-length:68ch;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--shadow-sm:0 2px 5px var(--color-shadow)}body{font-family:var(--font-sans);color:var(--text-primary);line-height:var(--line-height-body);background-color:var(--color-background)}main{max-width:var(--container-width);margin:0 auto;padding:var(--space-2xl)var(--space-lg);display:grid;grid-template-columns:[full-start] var(--grid-full) [wide-start] var(--grid-wide) [main-start] var(--grid-main) [main-end] var(--grid-wide) [wide-end] var(--grid-full) [full-end]}main>*{grid-column:main}h1,.title{font-size:var(--text-title);font-weight:var(--font-black);letter-spacing:var(--spacing-h1);line-height:var(--line-height-heading);margin-bottom:var(--space-lg)}h2,.subtitle{font-size:var(--text-subtitle);font-weight:var(--font-extrabold);letter-spacing:var(--spacing-h2);line-height:1.2;margin-bottom:var(--space-md)}h3,.heading{font-size:var(--text-heading);font-weight:var(--font-bold);letter-spacing:var(--spacing-h3);line-height:1.25;margin-bottom:var(--space-md)}h4,.subheading{font-size:var(--text-subheading);font-weight:var(--font-semibold);letter-spacing:var(--spacing-h4);line-height:1.3;margin-bottom:var(--space-md)}h5,.section-header{font-size:var(--text-section);font-weight:var(--font-medium);letter-spacing:var(--spacing-h5);line-height:1.35;margin-bottom:var(--space-md)}p,.body{font-size:var(--text-body);font-weight:var(--font-regular);margin-bottom:var(--space-md);max-width:var(--max-line-length)}ul li{font-family:var(--font-sans);font-size:var(--text-body)}ul li{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}ul li a{word-break:break-all}header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md)var(--space-lg);background-color:var(--color-background)}.header-title{font-size:var(--text-title);font-weight:var(--font-black);letter-spacing:var(--spacing-h1);line-height:var(--line-height-heading);margin-bottom:var(--space-lg);color:var(--test-primary);text-decoration:none;transition:opacity var(--transition-fast)}.header-title:hover{opacity:.8}.nav-menu{position:relative}.nav-links{display:flex;gap:var(--space-xl);list-style:none;margin:0;padding:0}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-body);transition:all var(--transition-fast)}.nav-links a:hover{text-decoration:underline;opacity:.8}.nav-toggle{display:none}.nav-toggle-label{display:none;cursor:pointer;padding:var(--space-sm)}.nav-toggle-label span{display:block;width:25px;height:2px;background-color:var(--color-primary);margin:5px 0;transition:transform var(--transition-normal)}main a{color:var(--color-secondary);transition:opacity var(--transition-fast)}main a:hover{opacity:.8}article{margin-bottom:var(--space-xl)}article header{display:block;padding:0}.article-link{text-decoration:none;color:inherit;transition:all var(--transition-fast)}.article-link h1{transition:all var(--transition-fast)}.article-link:hover h1{text-decoration:underline}.reading-time{margin:0}.featured-image{width:100%!important;margin:var(--space-md)0}figure{margin:0;padding:0;width:100%}blockquote,.quote{font-family:var(--font-serif);font-size:var(--text-quote);font-style:italic;padding:var(--space-md);margin:var(--space-lg)0;border-left:4px solid var(--color-secondary);background-color:var(--color-overlay)}.caption{font-size:var(--text-caption);color:var(--text-secondary)}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-sm)0}footer{max-width:var(--content-width);margin:0 auto;padding:var(--space-xl)var(--space-lg);text-align:center}footer p{font-size:var(--text-caption);color:var(--text-secondary);margin:0 auto}@media(max-width:768px){:root{--text-title:2.5rem;--text-subtitle:2rem;--text-heading:1.75rem;--text-subheading:1.4rem;--text-section:1.2rem;--spacing-h1:-0.015em;--spacing-h2:-0.01em;--spacing-h3:-0.005em;--spacing-h4:0;--spacing-h5:0;--space-md:calc(var(--spacing-unit) * 1.5);--gap:1rem;--grid-full:var(--gap);--grid-wide:minmax(0, 20px)}main{grid-template-columns:[full-start] 0 [main-start] 1fr [main-end] 0 [full-end];padding:var(--space-xl)0}article{margin-bottom:var(--space-lg)}.article-link h2{font-size:var(--text-heading);margin-bottom:var(--space-sm)}.article-link p{font-size:var(--text-body);margin-bottom:var(--space-sm)}header{padding:var(--space-md)var(--space-sm)}.nav-toggle-label{display:block}.nav-links{display:none;position:absolute;right:0;top:100%;flex-direction:column;background-color:var(--color-background);padding:var(--space-md);box-shadow:var(--shadow-sm);min-width:200px}.nav-toggle:checked~.nav-links{display:flex}.nav-toggle:checked~.nav-toggle-label span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.nav-toggle:checked~.nav-toggle-label span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-toggle-label span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}h1,.title{margin-bottom:var(--space-md)}h2,.subtitle,h3,.heading,h4,.subheading,h5,.section-header{margin-bottom:var(--space-sm)}}