.site-header[data-astro-cid-3ef6ksr2]{background:var(--color-neutral-0);border-bottom:1px solid var(--color-neutral-200);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-card)}.navbar[data-astro-cid-3ef6ksr2]{padding:var(--space-200) 0}.nav-container[data-astro-cid-3ef6ksr2]{max-width:var(--layout-max-width);margin:0 auto;padding:0 var(--space-200);display:flex;align-items:center;justify-content:space-between}.nav-logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-150);text-decoration:none;color:var(--color-neutral-1100);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-20);transition:color var(--transition-duration-fast) var(--transition-easing)}.nav-logo[data-astro-cid-3ef6ksr2]:hover{color:var(--color-primary-600);text-decoration:none}.logo-image[data-astro-cid-3ef6ksr2]{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:var(--border-radius-circle);box-shadow:var(--shadow-card);object-fit:cover!important}.nav-menu[data-astro-cid-3ef6ksr2]{display:flex;gap:var(--space-400)}.nav-link[data-astro-cid-3ef6ksr2]{text-decoration:none;color:var(--color-neutral-800);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-14);padding:var(--space-100) var(--space-150);border-radius:var(--border-radius-200);transition:all var(--transition-duration-fast) var(--transition-easing);position:relative}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:var(--color-primary-600);background-color:var(--color-primary-100);text-decoration:none}.nav-link[data-astro-cid-3ef6ksr2]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (max-width: 768px){.nav-container[data-astro-cid-3ef6ksr2]{flex-direction:column;gap:var(--space-300);padding:0 var(--space-150)}.nav-menu[data-astro-cid-3ef6ksr2]{gap:var(--space-250);flex-wrap:wrap;justify-content:center}.nav-link[data-astro-cid-3ef6ksr2],.logo-text[data-astro-cid-3ef6ksr2]{font-size:var(--font-size-16)}}.site-footer[data-astro-cid-sz7xmlte]{background:#1a202c;color:#e2e8f0;margin-top:auto}.footer-container[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto;padding:3rem 1rem 1rem}.footer-content[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section[data-astro-cid-sz7xmlte] h3[data-astro-cid-sz7xmlte]{color:#fff;margin-bottom:1rem;font-size:1.25rem}.footer-section[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{color:#cbd5e0;margin-bottom:.75rem;font-size:1rem}.footer-section[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{color:#a0aec0;line-height:1.6}.footer-links[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.footer-links[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:.5rem}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#a0aec0;text-decoration:none;transition:color .2s}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#fff}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid #2d3748;padding-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{color:#a0aec0;margin:0}.footer-meta[data-astro-cid-sz7xmlte]{display:flex;gap:1rem}.footer-meta[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#a0aec0;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-meta[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#fff}@media (max-width: 768px){.footer-bottom[data-astro-cid-sz7xmlte]{flex-direction:column;text-align:center}}:root{--color-primary-100: #faf8f5;--color-primary-200: #f0ebe0;--color-primary-300: #e6d7c3;--color-primary-400: #d4b896;--color-primary-500: #c19a6b;--color-primary-600: #a67c52;--color-primary-700: #8b6a3d;--color-primary-800: #6f542f;--color-primary-900: #5a4226;--color-neutral-0: #ffffff;--color-neutral-50: #fdfcfb;--color-neutral-100: #f8f6f3;--color-neutral-200: #ebe6df;--color-neutral-300: #ddd5ca;--color-neutral-400: #c7baab;--color-neutral-500: #b5a394;--color-neutral-600: #a3917f;--color-neutral-700: #8f7d6b;--color-neutral-800: #7a6857;--color-neutral-900: #665544;--color-neutral-1000: #4a3f35;--color-neutral-1100: #322a22;--color-success-100: #f0f7f0;--color-success-400: #7d8471;--color-success-500: #5c6b4a;--color-warning-100: #fdf8f0;--color-warning-400: #d4a574;--color-warning-500: #b8935c;--color-danger-100: #fdf0ed;--color-danger-400: #d47563;--color-danger-500: #b85c47;--color-info-100: #f5f0eb;--color-info-400: #a67c52;--color-info-500: #8b6a3d;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Fira Code", "Monaco", "Cascadia Code", monospace;--font-size-11: .6875rem;--font-size-12: .75rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-29: 1.8125rem;--font-size-35: 2.1875rem;--font-size-42: 2.625rem;--line-height-1: 1;--line-height-100: 1;--line-height-200: 1.167;--line-height-300: 1.2;--line-height-400: 1.429;--line-height-500: 1.6;--line-height-600: 1.714;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-025: .125rem;--space-050: .25rem;--space-075: .375rem;--space-100: .5rem;--space-150: .75rem;--space-200: 1rem;--space-250: 1.25rem;--space-300: 1.5rem;--space-400: 2rem;--space-500: 2.5rem;--space-600: 3rem;--space-800: 4rem;--space-1000: 5rem;--border-radius-050: .125rem;--border-radius-100: .1875rem;--border-radius-200: .25rem;--border-radius-300: .375rem;--border-radius-400: .5rem;--border-radius-circle: 50%;--border-radius-rounded: 9999px;--shadow-card: 0 1px 1px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);--shadow-overlay: 0 4px 8px -2px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);--shadow-raised: 0 8px 12px -6px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);--transition-duration-fast: .15s;--transition-duration-medium: .3s;--transition-duration-slow: .5s;--transition-easing: cubic-bezier(.15, 1, .3, 1);--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1280px;--breakpoint-xl: 1440px;--layout-max-width: 1200px;--layout-content-max-width: 800px;--layout-sidebar-width: 280px;--layout-header-height: 64px}@media (prefers-color-scheme: dark){:root{--color-neutral-0: #1f1c19;--color-neutral-50: #252018;--color-neutral-100: #2b261e;--color-neutral-200: #332d24;--color-neutral-300: #3d362a;--color-neutral-400: #4a3f35;--color-neutral-500: #5a4d42;--color-neutral-600: #6d5f54;--color-neutral-700: #847669;--color-neutral-800: #9c8d7e;--color-neutral-900: #b5a394;--color-neutral-1000: #c7baab;--color-neutral-1100: #f8f6f3;--color-success-100: #252322;--color-warning-100: #2b2620;--color-danger-100: #2a201e;--color-info-100: #252018}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.text-heading-xxl{font-family:var(--font-family-heading);font-size:var(--font-size-42);font-weight:var(--font-weight-bold);line-height:var(--line-height-200)}.text-heading-xl{font-family:var(--font-family-heading);font-size:var(--font-size-35);font-weight:var(--font-weight-bold);line-height:var(--line-height-200)}.text-heading-lg{font-family:var(--font-family-heading);font-size:var(--font-size-29);font-weight:var(--font-weight-semibold);line-height:var(--line-height-300)}.text-heading-md{font-family:var(--font-family-heading);font-size:var(--font-size-24);font-weight:var(--font-weight-semibold);line-height:var(--line-height-300)}.text-heading-sm{font-family:var(--font-family-heading);font-size:var(--font-size-20);font-weight:var(--font-weight-medium);line-height:var(--line-height-400)}.text-body-lg{font-family:var(--font-family-body);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);line-height:var(--line-height-500)}.text-body{font-family:var(--font-family-body);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--line-height-500)}.text-body-sm{font-family:var(--font-family-body);font-size:var(--font-size-12);font-weight:var(--font-weight-regular);line-height:var(--line-height-600)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;line-height:1.6;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-family-body);font-size:var(--font-size-16);line-height:var(--line-height-500);color:var(--color-neutral-1000);background-color:var(--color-neutral-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-200) 0;font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-300);color:var(--color-neutral-1100)}h1{font-size:var(--font-size-35);font-weight:var(--font-weight-bold);line-height:var(--line-height-200)}h2{font-size:var(--font-size-29);margin-bottom:var(--space-300)}h3{font-size:var(--font-size-24)}h4{font-size:var(--font-size-20);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-16);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-14);font-weight:var(--font-weight-medium)}p{margin:0 0 var(--space-200) 0;font-size:var(--font-size-16);line-height:var(--line-height-500);color:var(--color-neutral-1000)}.lead{font-size:var(--font-size-16);font-weight:var(--font-weight-regular);color:var(--color-neutral-900)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-duration-fast) var(--transition-easing)}a:hover{color:var(--color-primary-700);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--border-radius-100)}ul,ol{margin:0 0 var(--space-200) 0;padding-left:var(--space-300)}li{margin-bottom:var(--space-050);line-height:var(--line-height-500)}code{font-family:var(--font-family-mono);font-size:.875em;padding:var(--space-025) var(--space-050);background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-100);color:var(--color-neutral-1100)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-12);line-height:var(--line-height-400);padding:var(--space-200);background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-300);overflow-x:auto;margin:0 0 var(--space-200) 0}pre code{padding:0;background:none;border:none;font-size:inherit}blockquote{margin:0 0 var(--space-200) 0;padding:var(--space-200) var(--space-300);border-left:4px solid var(--color-primary-400);background-color:var(--color-neutral-50);font-style:italic;color:var(--color-neutral-900)}blockquote p:last-child{margin-bottom:0}.container{max-width:var(--layout-max-width);margin:0 auto;padding:0 var(--space-200)}.content{max-width:var(--layout-content-max-width);margin:0 auto}.grid{display:grid;gap:var(--space-300)}.flex{display:flex;gap:var(--space-200)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.card{background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-300);box-shadow:var(--shadow-card);overflow:hidden;transition:border-color var(--transition-duration-fast) var(--transition-easing)}.card:hover{border-color:var(--color-neutral-300)}.card-header{padding:var(--space-200) var(--space-300);border-bottom:1px solid var(--color-neutral-200);background-color:var(--color-neutral-50)}.card-body{padding:var(--space-300)}.card-footer{padding:var(--space-200) var(--space-300);border-top:1px solid var(--color-neutral-200);background-color:var(--color-neutral-50)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-100);padding:var(--space-100) var(--space-200);font-family:var(--font-family-body);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--line-height-300);text-decoration:none;border:1px solid transparent;border-radius:var(--border-radius-200);cursor:pointer;transition:all var(--transition-duration-fast) var(--transition-easing)}.btn-primary{color:var(--color-neutral-0);background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.btn-primary:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700);text-decoration:none}.btn-secondary{color:var(--color-neutral-1000);background-color:var(--color-neutral-0);border-color:var(--color-neutral-300)}.btn-secondary:hover{background-color:var(--color-neutral-50);text-decoration:none}.btn-sm{padding:var(--space-075) var(--space-150);font-size:var(--font-size-12)}.btn-lg{padding:var(--space-150) var(--space-300);font-size:var(--font-size-16)}.form-group{margin-bottom:var(--space-200)}.form-label{display:block;margin-bottom:var(--space-050);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-neutral-1000)}.form-control{display:block;width:100%;padding:var(--space-100) var(--space-150);font-family:var(--font-family-body);font-size:var(--font-size-14);line-height:var(--line-height-400);color:var(--color-neutral-1000);background-color:var(--color-neutral-0);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-200);transition:border-color var(--transition-duration-fast) var(--transition-easing)}.form-control:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.alert{padding:var(--space-150) var(--space-200);border:1px solid;border-radius:var(--border-radius-200);margin-bottom:var(--space-200)}.alert-success{color:var(--color-success-500);background-color:var(--color-success-100);border-color:var(--color-success-400)}.alert-warning{color:var(--color-warning-500);background-color:var(--color-warning-100);border-color:var(--color-warning-400)}.alert-danger{color:var(--color-danger-500);background-color:var(--color-danger-100);border-color:var(--color-danger-400)}.alert-info{color:var(--color-info-500);background-color:var(--color-info-100);border-color:var(--color-info-400)}.custom-block{padding:var(--space-150) var(--space-250);border-radius:var(--border-radius-200);margin:var(--space-150) 0;position:relative;border-left:3px solid var(--color-neutral-300);background-color:var(--color-neutral-50)}.custom-block-icon{font-size:var(--font-size-16);margin-bottom:var(--space-100);display:block}.custom-block-info{background-color:#f0f4f8;border-left-color:#4a90c2;color:#2c5282}.custom-block-warning{background-color:var(--color-warning-100);border-left-color:var(--color-warning-400);color:var(--color-warning-800)}.custom-block-danger{background-color:var(--color-danger-100);border-left-color:var(--color-danger-400);color:var(--color-danger-800)}.custom-block-success{background-color:var(--color-success-100);border-left-color:var(--color-success-400);color:var(--color-success-800)}.image-slider{position:relative;border-radius:var(--border-radius-300);overflow:hidden;margin:var(--space-300) 0;box-shadow:var(--shadow-card)}.image-slider img{width:100%;height:auto;display:block;transition:opacity var(--transition-duration-medium) var(--transition-easing)}.image-slider img:not(:first-of-type){display:none}.slider-controls{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;padding:0 var(--space-200);transform:translateY(-50%)}.slider-prev,.slider-next{background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:var(--font-size-16);display:flex;align-items:center;justify-content:center;transition:background var(--transition-duration-fast) var(--transition-easing)}.slider-prev:hover,.slider-next:hover{background:#000000b3}.slider-dots{position:absolute;bottom:var(--space-200);left:50%;transform:translate(-50%);display:flex;gap:var(--space-075)}.slider-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:background var(--transition-duration-fast) var(--transition-easing)}.slider-dot.active{background:#fff}.download-block{margin:var(--space-300) 0}.download-container{display:flex;align-items:center;gap:var(--space-200);padding:var(--space-200);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-300);transition:border-color var(--transition-duration-fast) var(--transition-easing)}.download-container:hover{border-color:var(--color-primary-300)}.download-icon{font-size:var(--font-size-24);flex-shrink:0}.download-info{flex:1}.download-name{font-weight:var(--font-weight-medium);color:var(--color-neutral-1000);margin-bottom:var(--space-025)}.download-file{font-size:var(--font-size-12);color:var(--color-neutral-700);font-family:var(--font-family-mono)}.download-button{display:flex;align-items:center;gap:var(--space-075);padding:var(--space-100) var(--space-200);background:var(--color-primary-600);color:#fff;text-decoration:none;border-radius:var(--border-radius-200);font-weight:var(--font-weight-medium);transition:background var(--transition-duration-fast) var(--transition-easing)}.download-button:hover{background:var(--color-primary-700);color:#fff;text-decoration:none}.audio-block{margin:var(--space-300) 0}.audio-player{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-300);padding:var(--space-200)}.audio-info{display:flex;align-items:center;gap:var(--space-150);margin-bottom:var(--space-200)}.audio-icon{font-size:var(--font-size-20)}.audio-name{font-weight:var(--font-weight-medium);color:var(--color-neutral-1000)}.audio-player audio{width:100%;height:40px}pre[data-filename]{position:relative;padding-top:calc(var(--space-200) + 2rem)}pre[data-filename]:before{content:attr(data-filename);position:absolute;top:0;left:0;right:0;background:var(--color-neutral-200);padding:var(--space-075) var(--space-200);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-300);border-radius:var(--border-radius-300) var(--border-radius-300) 0 0}mark{background:#ff0;padding:.1em .2em;border-radius:var(--border-radius-100);color:var(--color-neutral-900);font-weight:var(--font-weight-medium)}.katex-display{margin:var(--space-300) 0;overflow-x:auto;padding:var(--space-100) 0}img:not(.logo-image){max-width:100%!important;width:auto!important;height:auto!important;display:block!important;object-fit:contain!important;box-sizing:border-box!important;margin:0 auto}img[src*="/images/"]{max-width:100%!important;width:auto!important;height:auto!important}@media (max-width: 768px){.container{padding:0 var(--space-150)}.grid{gap:var(--space-200)}h1{font-size:var(--font-size-29)}h2{font-size:var(--font-size-24)}}.embed-card{margin:var(--space-400) 0;border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-200);overflow:hidden;background:var(--color-neutral-0);box-shadow:var(--shadow-card)}.embed-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-content{padding:var(--space-300)}.embed-footer{display:flex;align-items:center;gap:var(--space-150);padding:var(--space-200) var(--space-300);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200)}.embed-icon{font-size:var(--font-size-16);opacity:.7}.embed-info{flex:1}.embed-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-14);color:var(--color-neutral-1000);margin-bottom:var(--space-025)}.embed-url{font-size:var(--font-size-12);color:var(--color-neutral-700);word-break:break-all}.embed-url a{color:var(--color-neutral-700);text-decoration:none}.embed-url a:hover{text-decoration:underline}.github-card{padding:var(--space-300)}.github-header{display:flex;align-items:center;gap:var(--space-200);margin-bottom:var(--space-200)}.github-icon{font-size:var(--font-size-20)}.github-repo{font-weight:var(--font-weight-semibold);font-size:var(--font-size-16);color:var(--color-primary-600)}.github-description{font-size:var(--font-size-14);color:var(--color-neutral-700)}.github-button{display:inline-block;padding:var(--space-100) var(--space-200);background:var(--color-primary-600);color:var(--color-neutral-0);text-decoration:none;border-radius:var(--border-radius-100);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);transition:background var(--transition-duration-fast) var(--transition-easing)}.github-button:hover{background:var(--color-primary-700);color:var(--color-neutral-0);text-decoration:none}.twitter-embed .twitter-tweet{margin:0!important}@media (max-width: 768px){.embed-container{padding-bottom:75%}.github-header{flex-direction:column;align-items:flex-start;gap:var(--space-100)}}.audio-player{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin:16px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.audio-info{display:flex;align-items:center;gap:8px;margin-bottom:12px}.audio-icon{font-size:18px}.audio-name{font-weight:500;color:#495057;font-size:14px}.custom-audio-controls{display:flex;align-items:center;gap:12px}.play-pause-btn{background:#007bff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;color:#fff}.play-pause-btn:hover{background:#0056b3}.play-pause-btn:focus{outline:2px solid #80bdff;outline-offset:2px}.progress-container{flex:1;display:flex;flex-direction:column;gap:4px}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;cursor:pointer;position:relative}.progress-fill{height:100%;background:#007bff;border-radius:3px;width:0%;transition:width .1s}.time-display{display:flex;justify-content:space-between;font-size:12px;color:#6c757d;font-variant-numeric:tabular-nums}.volume-container{display:flex;align-items:center;gap:8px}.volume-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6c757d;transition:color .2s}.volume-btn:hover{color:#007bff}.volume-btn:focus{outline:2px solid #80bdff;outline-offset:2px}.volume-slider{width:80px;height:4px;background:#e9ecef;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;border:none}.audio-player audio{display:none}@media (max-width: 480px){.custom-audio-controls{flex-wrap:wrap}.volume-container{width:100%;justify-content:center}.volume-slider{width:120px}}@media (prefers-color-scheme: dark){.audio-player{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.audio-name{color:#cbd5e0}.progress-bar{background:#4a5568}.time-display,.volume-btn{color:#a0aec0}.volume-btn:hover{color:#63b3ed}.volume-slider{background:#4a5568}}.mermaid-container{margin:2rem 0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a}.mermaid-diagram{padding:2rem;text-align:center;background:#fafafa;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative}.mermaid-diagram svg{max-width:100%;height:auto}.mermaid-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;background:#f7fafc;border-top:1px solid #e2e8f0}.mermaid-button{padding:.5rem 1rem;border:1px solid #cbd5e0;background:#fff;color:#4a5568;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.mermaid-button:hover{background:#edf2f7;border-color:#a0aec0}.mermaid-button:active{transform:translateY(1px)}.mermaid-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mermaid-modal.active{opacity:1;visibility:visible}.mermaid-modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:90vw;max-height:90vh;overflow:auto;position:relative}.mermaid-modal-close{position:absolute;top:1rem;right:1rem;background:#f56565;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.mermaid-modal-close:hover{background:#e53e3e;transform:scale(1.1)}.mermaid-diagram.loading:before{content:"図表を読み込み中...";color:#718096;font-size:1rem}.mermaid-diagram.error{background:#fed7d7;color:#c53030;font-family:monospace;white-space:pre-wrap;text-align:left;padding:1rem}.mermaid-diagram.error:before{content:"⚠️ Mermaid図表のレンダリングエラー:nn";font-weight:700}@media (prefers-color-scheme: dark){.mermaid-container{border-color:#4a5568;background:#2d3748}.mermaid-diagram{background:#1a202c;color:#e2e8f0}.mermaid-actions{background:#2d3748;border-color:#4a5568}.mermaid-button{background:#4a5568;color:#e2e8f0;border-color:#718096}.mermaid-button:hover{background:#718096}.mermaid-modal-content{background:#2d3748;color:#e2e8f0}}@media (max-width: 768px){.mermaid-diagram{padding:1rem}.mermaid-actions{padding:.75rem;flex-direction:column}.mermaid-button{justify-content:center;width:100%}.mermaid-modal-content{padding:1rem;margin:1rem}}body{min-height:100vh}.site-wrapper{min-height:100vh;display:flex;flex-direction:column;background:var(--color-neutral-0)}.main-content{flex:1;padding:var(--space-500) 0}.content-container{max-width:var(--layout-content-max-width);margin:0 auto;padding:0 var(--space-200)}.article-content{font-size:var(--font-size-16);line-height:var(--line-height-500);color:var(--color-neutral-1000)}.article-content>*+*{margin-top:var(--space-300)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:var(--space-600);margin-bottom:var(--space-300)}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child,.article-content h5:first-child,.article-content h6:first-child{margin-top:0}.article-content img{max-width:100%!important;width:auto!important;height:auto!important;display:block!important;object-fit:contain!important;box-sizing:border-box!important;margin:var(--space-300) auto!important;border-radius:var(--border-radius-300);box-shadow:var(--shadow-card)}img:not(.logo-image){max-width:100%!important;width:auto!important;height:auto!important;display:block!important;box-sizing:border-box!important}.article-content table{width:100%;border-collapse:collapse;margin:var(--space-400) 0;font-size:var(--font-size-14)}.article-content th,.article-content td{padding:var(--space-150) var(--space-200);text-align:left;border-bottom:1px solid var(--color-neutral-200)}.article-content th{background:var(--color-neutral-50);font-weight:var(--font-weight-semibold);color:var(--color-neutral-1100)}.article-content thead th{border-bottom:2px solid var(--color-neutral-300)}@media (max-width: 768px){.main-content{padding:var(--space-300) 0}.content-container{padding:0 var(--space-150)}}