:root{--artikel-primary:#775ba3;--artikel-accent:#ffc107;--artikel-dark:#212529;--artikel-light:#f8f9fa;--artikel-gray:#e9ecef}#page-artikel{background-color:#f5f7fa;color:var(--artikel-dark);padding-bottom:60px}.container-artikel{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}.main-container-artikel{display:grid;grid-template-columns:2.5fr 1fr;gap:40px;width:90%;max-width:1200px;margin:0 auto;align-items:start}.header-artikel{background:linear-gradient(135deg,var(--artikel-primary),#5a3d7a);color:#fff;padding:60px 0;margin-bottom:40px;text-align:center}.page-title-artikel{font-size:2.5rem;font-weight:800;margin:0 0 10px 0}.page-subtitle-artikel{font-size:1.1rem;opacity:.9;margin:0 0 20px 0}.breadcrumb-artikel{background:rgb(255 255 255 / .1);display:inline-block;padding:8px 20px;border-radius:50px;font-size:.9rem;backdrop-filter:blur(5px)}.breadcrumb-artikel a{color:gold;text-decoration:none;font-weight:600}.breadcrumb-artikel .separator{margin:0 8px;color:rgb(255 255 255 / .6)}.breadcrumb-artikel .current{color:#fff}.article-list-wrapper{display:flex;flex-direction:column;gap:30px}.card-artikel{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .05);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid rgb(0 0 0 / .02);display:flex;flex-direction:column}.card-artikel:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgb(119 91 163 / .15)}.card-image-wrapper-artikel{position:relative;height:250px;overflow:hidden}.card-image-wrapper-artikel img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.card-artikel:hover .card-image-wrapper-artikel img{transform:scale(1.05)}.card-date-badge{position:absolute;top:20px;left:20px;background:rgb(255 255 255 / .95);color:var(--artikel-primary);padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:700;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.card-content-artikel{padding:30px}.card-meta-artikel{font-size:.85rem;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.card-meta-artikel .card-category{color:var(--artikel-accent);font-weight:700;margin-right:10px}.card-title-artikel{font-size:1.6rem;font-weight:800;margin:0 0 15px 0;line-height:1.3}.card-title-artikel a{color:var(--artikel-dark);text-decoration:none;transition:color 0.3s}.card-title-artikel a:hover{color:var(--artikel-primary)}.card-excerpt-artikel{font-size:1rem;line-height:1.7;color:#555;margin-bottom:25px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btn-read-more-artikel{display:inline-flex;align-items:center;gap:8px;background-color:var(--artikel-primary);color:#fff;padding:12px 25px;border-radius:50px;text-decoration:none;font-weight:700;font-size:.9rem;transition:all 0.3s ease;width:fit-content}.btn-read-more-artikel:hover{background-color:var(--artikel-accent);color:var(--artikel-dark);padding-right:30px}.ad-slot-artikel{background-color:#e9ecef;border:1px dashed #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px;padding:10px;position:relative;border-radius:8px}.ad-label{font-size:.7rem;color:#999;text-transform:uppercase;margin-bottom:5px;letter-spacing:1px}.ad-placeholder,.ad-placeholder-square,.ad-placeholder-vertical{background:#dcdcdc;color:#777;display:flex;align-items:center;justify-content:center;font-weight:700;text-align:center}.ad-horizontal .ad-placeholder{width:100%;max-width:728px;height:90px}.ad-in-feed .ad-placeholder{width:100%;height:120px}.ad-sidebar .ad-placeholder-square{width:300px;height:250px}.ad-sidebar .ad-placeholder-vertical{width:160px;height:600px}.sidebar-area-artikel{position:sticky;top:120px}.sidebar-widget-artikel{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 20px rgb(0 0 0 / .03);margin-bottom:30px}.sidebar-widget-artikel .search-form-artikel{position:relative!important;display:block!important;margin:0!important;padding:0!important;width:100%!important}.sidebar-widget-artikel .search-field-artikel{width:100%!important;height:50px!important;padding:0 55px 0 20px!important;border:1px solid #ddd!important;border-radius:50px!important;font-size:0.95rem!important;background-color:#fff!important;box-sizing:border-box!important;box-shadow:none!important;outline:none!important;color:#333!important}.sidebar-widget-artikel .search-field-artikel:focus{border-color:var(--artikel-primary,#775ba3)!important}.sidebar-widget-artikel .search-submit-artikel{position:absolute!important;right:5px!important;top:5px!important;bottom:5px!important;transform:none!important;width:40px!important;height:40px!important;background-color:var(--artikel-primary,#775ba3)!important;color:white!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;cursor:pointer!important;box-shadow:none!important}.sidebar-widget-artikel .search-submit-artikel svg{width:18px!important;height:18px!important;stroke:#ffffff!important;fill:none!important;margin:0!important;display:block!important}.sidebar-widget-artikel .search-submit-artikel:hover{background-color:#5a3d7a!important}.widget-title-artikel{font-size:1.2rem;font-weight:800;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;position:relative}.widget-title-artikel::after{content:'';position:absolute;bottom:-2px;left:0;width:50px;height:2px;background-color:var(--artikel-primary)}.search-form-artikel{display:block;position:relative;width:100%}.search-field-artikel{width:100%;padding:12px 45px 12px 15px;border:1px solid #ddd;border-radius:50px;font-size:.9rem;outline:none;transition:border-color 0.3s;box-sizing:border-box}.search-field-artikel:focus{border-color:var(--artikel-primary)}.search-submit-artikel{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:var(--artikel-primary);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.search-submit-artikel svg{width:18px;height:18px}.category-list-artikel{list-style:none;padding:0;margin:0}.category-list-artikel li{border-bottom:1px solid #f9f9f9}.category-list-artikel li a{display:flex;justify-content:space-between;padding:10px 0;text-decoration:none;color:var(--artikel-dark);font-weight:500;transition:color 0.3s}.category-list-artikel li a span{background:#f0f0f0;padding:2px 8px;border-radius:10px;font-size:.8rem;color:#888}.category-list-artikel li a:hover{color:var(--artikel-primary)}.recent-list-artikel{list-style:none;padding:0;margin:0}.recent-list-artikel li{margin-bottom:15px}.recent-link{display:flex;gap:12px;text-decoration:none;color:var(--artikel-dark);align-items:center}.recent-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.recent-thumb img{width:100%;height:100%;object-fit:cover}.recent-info{display:flex;flex-direction:column}.recent-title{font-weight:600;font-size:.95rem;line-height:1.4;margin-bottom:4px;transition:color 0.2s}.recent-link:hover .recent-title{color:var(--artikel-primary)}.recent-date{font-size:.8rem;color:#999}.pagination-artikel{margin-top:50px;text-align:center}.pagination-artikel .page-numbers{display:inline-block;padding:10px 18px;background:#fff;color:var(--artikel-dark);text-decoration:none;border-radius:5px;margin:0 4px;font-weight:700;box-shadow:0 2px 5px rgb(0 0 0 / .05);transition:all 0.3s}.pagination-artikel .page-numbers.current,.pagination-artikel .page-numbers:hover{background:var(--artikel-primary);color:#fff;transform:translateY(-2px)}.no-posts-found{text-align:center;padding:50px;background:#fff;border-radius:15px}@media (max-width:992px){.main-container-artikel{grid-template-columns:1fr}.sidebar-area-artikel{position:static;order:2;margin-top:40px}.ad-slot-artikel.ad-sidebar{display:none}}html.dark-mode #page-artikel{background-color:#121212;color:#e0e0e0}html.dark-mode .card-artikel,html.dark-mode .sidebar-widget-artikel,html.dark-mode .no-posts-found{background-color:#1f1d29;border-color:#333}html.dark-mode .card-title-artikel a,html.dark-mode .category-list-artikel li a,html.dark-mode .recent-link{color:#fff}html.dark-mode .card-excerpt-artikel{color:#bbb}html.dark-mode .card-date-badge{background-color:#333;color:var(--artikel-accent)}html.dark-mode .ad-slot-artikel{background-color:#252525;border-color:#444}html.dark-mode .ad-placeholder,html.dark-mode .ad-placeholder-square,html.dark-mode .ad-placeholder-vertical{background-color:#333;color:#888}html.dark-mode .search-field-artikel{background-color:#2a2734;border-color:#444;color:#fff}html.dark-mode .pagination-artikel .page-numbers{background-color:#2a2734;color:#fff}html.dark-mode .pagination-artikel .page-numbers.current{background-color:var(--artikel-primary)}.whatsapp-chat-button{position:fixed;right:20px;bottom:20px;z-index:9999;transition:transform 0.3s ease,box-shadow 0.3s ease}.whatsapp-chat-button img{width:120px;height:auto}.whatsapp-chat-button:hover{transform:scale(1.1)}@media (max-width:768px){.whatsapp-chat-button{right:15px;bottom:25px}.whatsapp-chat-button img{width:50px}}