.blog-renderer{max-width:800px;margin:0 auto;line-height:1.7;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-renderer--empty{text-align:center;padding:40px 20px}.blog-empty{color:#6c757d;font-style:italic}.blog-paragraph{margin:0 0 1.5em;font-size:16px;line-height:1.7}.blog-paragraph:last-child{margin-bottom:0}.blog-heading{margin:2em 0 1em;font-weight:600;line-height:1.3;color:#2c3e50}.blog-heading:first-child{margin-top:0}.blog-heading--1{font-size:2.5em;margin:1.5em 0 1em;border-bottom:2px solid #e1e5e9;padding-bottom:.3em}.blog-heading--2{font-size:2em;margin:1.8em 0 .8em}.blog-heading--3{font-size:1.5em;margin:1.6em 0 .6em}.blog-heading--4{font-size:1.25em;margin:1.4em 0 .5em}.blog-heading--5{font-size:1.1em;margin:1.2em 0 .4em}.blog-heading--6{font-size:1em;margin:1em 0 .3em;text-transform:uppercase;letter-spacing:.5px}.blog-image{margin:2em 0;text-align:center}.blog-image__img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.blog-image__img:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.blog-image__caption{margin-top:.8em;font-size:14px;color:#6c757d;font-style:italic;line-height:1.4}.blog-image-placeholder{margin:2em 0;padding:3em 2em;background-color:var(--surface-muted);border:2px dashed #dee2e6;border-radius:8px;text-align:center;color:#6c757d;font-style:italic}.blog-math{margin:2em 0;padding:1.5em;background-color:var(--surface-muted);border-left:4px solid var(--primary-blue);border-radius:0 8px 8px 0;overflow-x:auto;text-align:center}.blog-problem{margin:2em 0;padding:1.5em;background-color:#fff3cd;border:1px solid #ffeaa7;border-left:4px solid #ffc107;border-radius:0 8px 8px 0}.blog-problem__label{font-weight:600;color:#856404;margin-bottom:.8em;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.blog-problem__content{color:#856404;line-height:1.6}.blog-solution{margin:2em 0}.blog-solution__toggle{width:100%;background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;padding:12px 16px;cursor:pointer;text-align:left;font-size:14px;font-weight:500;color:#1976d2;transition:all .2s ease;margin-bottom:0}.blog-solution__toggle:hover{background:#bbdefb;border-color:#1976d2}.blog-solution.expanded .blog-solution__toggle{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.blog-solution__label{display:flex;align-items:center;gap:8px;margin:0;text-transform:none;letter-spacing:normal}.blog-solution.expanded .blog-solution__content{border:1px solid #2196f3;border-top:none;border-radius:0 0 6px 6px;padding:16px;background:var(--surface-muted);color:#0c5460;line-height:1.6;margin-top:0}.blog-unknown{margin:2em 0;padding:1.5em;background-color:#f8d7da;border:1px solid #f5c6cb;border-left:4px solid var(--error);border-radius:0 8px 8px 0;color:#721c24}.blog-renderer a{color:#1976d2;text-decoration:none}.blog-renderer a:hover{text-decoration:underline}.blog-renderer table{display:block;width:100%;max-width:max-content;margin:0;border-collapse:collapse;overflow-x:auto;font-size:.95em;line-height:1.5}.blog-renderer th,.blog-renderer td{border:1px solid #e1e5e9;padding:.55em .9em;text-align:left;vertical-align:top}.blog-renderer thead th{background-color:#f8f9fa;color:#2c3e50;font-weight:600}.blog-renderer tbody tr:nth-child(2n){background-color:#fbfcfd}.blog-renderer ul,.blog-renderer ol{margin:0 0 1em;padding-left:1.6em}.blog-renderer ul{list-style:disc}.blog-renderer ol{list-style:decimal}.blog-renderer li{margin:.3em 0}.blog-renderer li>ul,.blog-renderer li>ol{margin:.3em 0}.blog-renderer blockquote{margin:0 0 1em;padding:.4em 1.2em;border-left:4px solid #1976d2;background-color:#f8f9fa;color:#495057;font-style:italic}.blog-renderer blockquote p{margin:.4em 0}.blog-renderer code{background-color:#f1f3f5;padding:.15em .4em;border-radius:4px;font-size:.9em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.blog-renderer pre{margin:0 0 1em;padding:1em;background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;overflow-x:auto}.blog-renderer pre code{background:none;padding:0;font-size:.9em}.blog-paragraph p,.blog-problem__content p,.blog-solution__content p{margin:0 0 1em}.blog-paragraph>div>:first-child,.blog-problem__content>div>:first-child,.blog-solution__content>div>:first-child{margin-top:0}.blog-paragraph>div>:last-child,.blog-problem__content>div>:last-child,.blog-solution__content>div>:last-child{margin-bottom:0}@media(max-width:768px){.blog-renderer{padding:0 16px}.blog-heading--1{font-size:2em}.blog-heading--2{font-size:1.6em}.blog-heading--3{font-size:1.3em}.blog-paragraph{font-size:15px}.blog-math,.blog-problem{padding:1em}.blog-solution__toggle{padding:10px 12px;font-size:13px}.blog-solution.expanded .blog-solution__content{padding:12px}.blog-image{margin:1.5em -16px}.blog-image__img{border-radius:0}}@media print{.blog-renderer{color:#000;background:var(--surface)}.blog-image__img{box-shadow:none;max-width:100%}.blog-math,.blog-problem{border:1px solid #000;background:var(--surface)}.blog-solution__toggle,.blog-solution.expanded .blog-solution__content{background:var(--surface);border:1px solid #000}}.blog-solution.collapsed .blog-solution__content{display:none}.blog-references{max-width:800px;margin:3em auto 0;padding-top:1.5em;border-top:1px solid #e9ecef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-references__title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 .75em}.blog-references__list{margin:0;padding-left:1.5em;color:#495057;font-size:.95rem;line-height:1.6}.blog-references__item{margin-bottom:.5em;word-break:break-word}.blog-references__item:last-child{margin-bottom:0}.blog-references__item a{color:#1976d2;text-decoration:none}.blog-references__item a:hover{text-decoration:underline}.blog-detail-columns{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}@media(max-width:768px){.blog-detail-columns{display:block}.blog-detail-sidebar{margin-top:3rem}}.blog-related-link:hover .blog-related-title{color:var(--primary-blue)}
