.artikel-site{min-height:100vh}.artikel-site .top{border-bottom:0}.artikel-header-links{align-items:center;gap:6px;display:flex}.artikel-header-links a{color:#fff;width:auto;font-size:11px;font-weight:700;text-decoration:none}.artikel-header-links a[aria-current=page]{background:#ffffff26;border:1px solid #ffffff4d;border-radius:25px}.section.artikel-section{min-height:calc(100vh - 180px);padding-top:2px}.artikel-page-heading{color:var(--text);margin:0;font-size:16px;font-weight:800;animation:none}.artikel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.artikel-card{min-width:0;color:inherit;text-decoration:none}.artikel-card-image{aspect-ratio:1;position:relative}.artikel-card-image img,.artikel-detail-image img{object-fit:cover}.artikel-image-placeholder{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;place-items:center;width:100%;height:100%;font-size:30px;font-weight:800;display:grid}.artikel-card-date,.artikel-detail-date{color:#9aa3b2;margin:0 0 4px;font-size:10px}.artikel-card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:13px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.artikel-card-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.artikel-card-read{color:var(--primary);align-items:center;gap:3px;font-size:10px;font-weight:700;display:inline-flex}.artikel-empty{color:#8b95a7;text-align:center;padding:28px 10px;font-size:12px}.artikel-detail-card{cursor:default}.artikel-detail-image{aspect-ratio:16/9;background:#f2f5fa;border-radius:12px;margin-bottom:12px;position:relative;overflow:hidden}.artikel-detail-title{color:var(--text);margin:5px 0 8px;font-size:20px;font-weight:800;line-height:1.3;animation:none}.artikel-detail-excerpt{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.artikel-content{color:#596579;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:18px;font-size:13px;line-height:1.8}.artikel-back-wrap{justify-content:center;margin-top:14px;display:flex}.artikel-back-link{color:var(--muted);align-items:center;gap:6px;padding:4px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}.artikel-back-link:hover{opacity:.7}@media (max-width:360px){.artikel-header-links{gap:2px}.artikel-header-links a{font-size:10px;padding:6px!important}}