/* Halaman error WP (404, 410, pencarian kosong) — desain tmp/hipwee-error-pages/export/{404,410,search-no-results}.html.
   Semua selector di-scope ke .page-error supaya tidak bentrok dengan CSS tema. Header/footer dari tema. */
.page-error{background:#fff;color:#221D1A;font-family:'Merriweather Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page-error *,.page-error *::before,.page-error *::after{box-sizing:border-box}
.page-error a{color:#C24A00}.page-error a:hover{color:#9E3C00}
.page-error .pe-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#FFE4D1;color:#9E3C00;font-size:13px;font-weight:700;margin-bottom:16px}.page-error .pe-chip i{width:8px;height:8px;border-radius:50%;background:#F95F01}
.page-error h1.pe-title{font-family:inherit;font-size:clamp(30px,4.4vw,54px);line-height:1.08;font-weight:800;letter-spacing:-.03em;margin:0 0 14px;color:#221D1A;text-wrap:balance}
.page-error .pe-sub{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#5E554E;margin:0 0 24px;max-width:46ch;text-wrap:pretty}
.page-error .pe-btn2{height:46px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid #221D1A;color:#221D1A;text-decoration:none;font-size:15px;font-weight:700;padding:0 22px}.page-error .pe-btn2:hover{background:#221D1A;color:#fff}
.page-error .pe-in{width:100%;max-width:1160px;margin:0 auto;padding-left:20px;padding-right:20px}
.page-error .pe-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(16px,4vw,56px);padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(28px,4vw,48px)}.page-error .pe-hero .pe-mascot{flex:0 1 280px;max-width:280px;width:100%}.page-error .pe-hero .pe-txt{flex:1 1 340px;min-width:0}
/* CSS kritis tema (desktop.critical-lozad / critical-lozad) memasang svg{height:1em;overflow:hidden} global — maskot harus mengikuti rasio viewBox. */
.page-error .pe-mascot svg{display:block;width:100%;height:auto;overflow:visible}
.page-error .pe-search{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #221D1A;border-radius:999px;padding:5px 5px 5px 18px;max-width:520px;margin:0}.page-error .pe-search input{flex:1;min-width:0;height:auto;border:0;outline:0;background:transparent;box-shadow:none;font:inherit;font-size:16px;color:#221D1A;padding:0;margin:0}.page-error .pe-search button{height:44px;padding:0 20px;border:0;border-radius:999px;background:#F95F01;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.page-error .pe-search button:hover{background:#E05500}
.page-error .pe-acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px}.page-error .pe-lnk{color:#5E554E;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.page-error h2.pe-h2{font-family:inherit;font-size:clamp(20px,2vw,24px);font-weight:800;letter-spacing:-.02em;margin:0 0 14px;color:#221D1A}.page-error .pe-cat{font-size:12px;font-weight:700;color:#C24A00;letter-spacing:.04em;text-transform:uppercase}
.page-error .pe-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding-bottom:36px}.page-error .pe-rel a{display:flex;flex-direction:column;gap:6px;border:1px solid #EADFD3;border-radius:16px;padding:16px 18px;color:#221D1A;text-decoration:none}.page-error .pe-rel a:hover{border-color:#F95F01}.page-error .pe-rel strong{font-size:16px;line-height:1.4}.page-error .pe-rel em{font-style:normal;font-size:13px;color:#6B625B;font-weight:600}
.page-error .pe-pop{padding-top:20px;padding-bottom:56px}.page-error .pe-ph{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.page-error .pe-ph h2{margin:0}.page-error .pe-ph a{font-size:14px;font-weight:700;text-decoration:none}
.page-error .pe-grid{display:flex;flex-direction:column;gap:16px}.page-error .pe-art{display:flex;gap:14px;color:#221D1A;text-decoration:none}.page-error .pe-art:nth-child(n+5){display:none}.page-error .pe-th{flex:none;width:104px;height:78px;border-radius:12px;background:repeating-linear-gradient(135deg,#F1E6DA 0 8px,#F7EFE6 8px 16px);overflow:hidden}.page-error .pe-th img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}.page-error .pe-at{display:flex;flex-direction:column;gap:4px;min-width:0}.page-error .pe-at strong{font-size:15px;line-height:1.35}.page-error .pe-at small{display:none;font-size:13px;color:#6B625B}
@media(min-width:768px){.page-error .pe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.page-error .pe-art{flex-direction:column;gap:8px}.page-error .pe-art:nth-child(n+5){display:flex}.page-error .pe-th{width:100%;height:auto;aspect-ratio:16/10;border-radius:14px;margin-bottom:4px}.page-error .pe-at strong{font-size:18px;line-height:1.3}.page-error .pe-at small{display:block}}
.page-error .pe-empty{margin-top:18px;border:1px solid #EADFD3;border-radius:24px;padding:clamp(24px,4vw,48px) clamp(20px,4vw,48px);display:flex;flex-direction:column;align-items:center;text-align:center}.page-error .pe-empty .pe-mascot{width:150px;margin-bottom:16px}.page-error .pe-empty h1.pe-title{font-size:clamp(24px,3vw,36px)}.page-error .pe-kw{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px}.page-error .pe-kw a{padding:9px 15px;border-radius:999px;border:1px solid #EADFD3;color:#221D1A;font-size:14px;font-weight:600;text-decoration:none}.page-error .pe-kw a:hover{border-color:#F95F01;color:#C24A00}
.page-error .pe-meta{font-size:14px;color:#6B625B;margin:12px 4px 0}