.formula-display,.shape-button{text-align:center;box-sizing:border-box}.article-content,.article-image-container,.comparison-table,.formula-display,.formula-example,.shape-button{box-sizing:border-box}.article-content{max-width:1200px;margin:20px auto;padding:0 20px;color:var(--text-primary);line-height:1.8;width:100%;overflow-x:hidden}.article-content h2{font-size:1.8rem;font-weight:700;margin-top:25px;margin-bottom:15px;color:var(--text-primary);letter-spacing:-.02em}.article-content h3{font-size:1.5rem;font-weight:600;margin-top:20px;margin-bottom:12px;color:var(--accent)}.article-content h4{font-size:1.2rem;font-weight:600;margin-top:15px;margin-bottom:10px;color:var(--text-secondary)}.article-content h5{font-size:1rem;font-weight:600;margin-top:12px;margin-bottom:8px;color:var(--text-secondary)}.article-content p{margin-bottom:12px;color:var(--text-secondary);font-size:.95rem}.article-content ol,.article-content ul{margin-bottom:15px;padding-left:20px;color:var(--text-secondary)}.article-content li{margin-bottom:8px;font-size:.95rem}.article-content hr{border:0;border-top:1px solid var(--border-subtle);margin:30px 0}.formula-display{padding:12px 16px;border-left:4px solid var(--accent);border-radius:var(--radius-md);background:rgba(161,81,237,.08);font-size:1rem;font-weight:600;color:var(--accent);margin:12px 0;font-family:'Courier New',monospace;overflow-x:auto}.formula-example{background:rgba(161,81,237,.08);border:1px solid var(--accent-soft);border-radius:var(--radius-md);padding:15px;margin:15px 0}.formula-example h5{color:var(--accent);margin-top:0;margin-bottom:10px}.formula-example p{margin-bottom:6px;font-size:.9rem}.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--bg-card);overflow:hidden}.comparison-table thead{background:var(--accent-soft);border-bottom:2px solid var(--accent)}.comparison-table th{padding:20px;text-align:left;font-weight:700;color:var(--accent);font-size:.9rem}.comparison-table td{padding:10px 20px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.85rem}.comparison-table tbody tr:hover{background:rgba(161,81,237,.05)}.comparison-table tbody tr:last-child td{border-bottom:none}.accordion-item:hover,.shape-button:hover{border-color:var(--accent)}.shape-buttons-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px auto;max-width:900px;justify-content:center;box-sizing:border-box}.accordion-header,.shape-button{background:var(--bg-card);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;color:var(--text-secondary)}.shape-button{align-items:center;justify-content:center;padding:15px 10px;border:1px solid var(--border-subtle);border-radius:12px;text-decoration:none!important;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.shape-button:hover{background:var(--bg-card);color:var(--accent);transform:translateY(-5px);box-shadow:0 8px 15px rgba(161,81,237,.15);text-decoration:none!important}.accordion-container{margin:20px 0}.accordion-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:10px;overflow:hidden;transition:border-color .2s}.accordion-header{width:100%;padding:16px 20px;border:none;text-align:left;justify-content:space-between;align-items:center;transition:.2s;box-shadow:none!important}.accordion-header:hover{background:rgba(161,81,237,.05);color:var(--accent);box-shadow:none!important}.accordion-header::after{content:"▼";font-size:.8rem;color:var(--accent);transition:transform .3s;flex-shrink:0;margin-left:10px}.accordion-item.active .accordion-header::after{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;background:rgba(161,81,237,.03);border-top:1px solid var(--border-subtle)}.accordion-item.active .accordion-content{max-height:1000px;padding:20px}.accordion-content p{margin:0 0 10px;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.accordion-content p:last-child{margin-bottom:0}@media (max-width:900px){.accordion-header{padding:14px 16px;font-size:.9rem}.accordion-item.active .accordion-content{padding:16px}.accordion-content p{font-size:.85rem}}@media (max-width:768px){.comparison-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.shape-buttons-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.3rem}.accordion-header{padding:12px 14px;font-size:.85rem}.accordion-item.active .accordion-content{padding:14px}.accordion-content p{font-size:.8rem}.shape-buttons-container{grid-template-columns:1fr}}.article-image-container{width:100%;margin:25px 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);background:var(--bg-card);border:1px solid #374151;transition:.3s}[data-theme=light] .article-image-container{border:2px solid #a151ed;box-shadow:0 4px 12px rgba(161,81,237,.1)}.article-image-container img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s}.article-image-container:hover img{transform:scale(1.01)}.image-caption{padding:12px 15px;background:var(--bg-card);font-size:.85rem;color:var(--text-secondary);text-align:center;font-style:italic;border-top:1px solid #374151}[data-theme=light] .image-caption{border-top:1px solid #a151ed}