.page-detail-page{background:#ff3f400d;width:100%;min-height:calc(100vh - 200px)}.page-detail-page .container-page-detail{background:#fff;padding:2rem 1rem;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.page-detail-page{padding:1rem 0}}.page-content-wrapper{max-width:100%;margin:0 auto}.page-content{line-height:1.8;color:#333}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;color:#2d3748}.page-content h2{font-size:1.75rem}.page-content h3{font-size:1.5rem}.page-content h4{font-size:1.25rem}.page-content p{margin-bottom:1rem}.page-content ul,.page-content ol{padding-left:2rem;margin-bottom:1rem}.page-content li{margin-bottom:.5rem}.page-content a{color:#667eea;text-decoration:none;transition:color .3s ease}.page-content a:hover{color:#5568d3;text-decoration:underline}.page-content .image-left{float:left;margin:10px 20px 10px 0;max-width:50%}.page-content .image-center{display:block;margin:10px auto;max-width:100%}.page-content .image-right{float:right;margin:10px 0 10px 20px;max-width:50%}.page-content .image-captioned{display:table;max-width:100%}.page-content .image-captioned figcaption{display:table-caption;caption-side:bottom;padding:5px;font-size:14px;color:#6c757d;text-align:center;font-style:italic}.page-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.page-content blockquote{border-left:4px solid #667eea;padding-left:1rem;margin-left:0;margin-bottom:1rem;font-style:italic;color:#666;background:#667eea0d;padding:1rem;border-radius:4px}.page-content table{width:100%;margin-bottom:1rem;border-collapse:collapse;overflow-x:auto;display:block}.page-content table th,.page-content table td{padding:.75rem;border:1px solid #dee2e6}.page-content table th{background-color:#f8f9fa;font-weight:600}.page-content code{background:#f4f5f7;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:#e83e8c}.page-content pre{background:#f4f5f7;padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem}.page-content pre code{background:none;padding:0;color:#333}@media (max-width: 768px){.page-content .image-left,.page-content .image-right{float:none;margin:10px auto;max-width:100%;display:block}.page-content h2{font-size:1.5rem}.page-content h3{font-size:1.25rem}}