.bk-ex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2.5vw,1.5rem);margin:clamp(1.75rem,4vw,2.5rem) 0 0;padding:0;list-style:none}@media (max-width: 52rem){.bk-ex{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 24rem){.bk-ex{grid-template-columns:1fr}}.bk-ex__item{display:grid;align-content:start;gap:.55rem;padding:.75rem .75rem 1.1rem;border-radius:1rem;background:#fff;color:var(--malam);box-shadow:0 1px #0718330f}.bk-ex__photo{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:.7rem;background:radial-gradient(120% 90% at 30% 20%,rgb(255 255 255 / .18),transparent 60%),linear-gradient(135deg,#8a6a4b,#6f533a)}.bk-ex__label{display:flex;gap:.5rem;align-items:center;margin-top:.25rem;font-family:var(--sans);font-weight:650;font-size:1rem;line-height:1.3}.bk-ex__label:before{content:"";flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;font-size:.85rem;font-weight:800;color:#fff}.bk-ex__item.is-ok .bk-ex__label:before{content:"✓";background:var(--hijau)}.bk-ex__item.is-bad .bk-ex__label:before{content:"✕";background:#c2410c}.bk-ex__item.is-ok{outline:2px solid rgb(30 122 69 / .55);outline-offset:-2px}.bk-ex__item p:not(.bk-ex__label){font-size:.93rem;line-height:1.5;color:#071833b8}.paper{position:absolute;top:50%;left:50%;display:grid;align-content:start;gap:4%;width:84%;aspect-ratio:1.45;padding:5% 6%;border-radius:3px;background:#fbfaf5;box-shadow:0 6px 16px #00000059;transform:translate(-50%,-50%);container-type:inline-size;font-family:var(--sans);color:#1f2937}.paper b{justify-self:center;font-size:6.4cqw;line-height:1.2;letter-spacing:.12em;font-weight:800}.paper small{justify-self:center;margin-top:-2cqw;font-size:4.6cqw;line-height:1.2;color:#4b5563}.paper__meta{height:9cqw;background:linear-gradient(#9ca3af,#9ca3af) 0 0 / 38% 2px no-repeat,linear-gradient(#9ca3af,#9ca3af) 0 50% / 30% 2px no-repeat,linear-gradient(#9ca3af,#9ca3af) 0 100% / 34% 2px no-repeat,linear-gradient(#9ca3af,#9ca3af) 100% 0 / 32% 2px no-repeat,linear-gradient(#9ca3af,#9ca3af) 100% 50% / 36% 2px no-repeat,linear-gradient(#9ca3af,#9ca3af) 100% 100% / 28% 2px no-repeat}.paper__table{height:25cqw;border:1px solid #6b7280;background:repeating-linear-gradient(#6b7280 0 1px,transparent 1px 20%),repeating-linear-gradient(90deg,rgb(107 114 128 / .6) 0 1px,transparent 1px 12.5%)}.paper__sign{height:8cqw;background:linear-gradient(#9ca3af,#9ca3af) 8% 100% / 24% 2px no-repeat,linear-gradient(#9ca3af,#9ca3af) 92% 100% / 24% 2px no-repeat,radial-gradient(circle at 86% 40%,rgb(59 130 246 / .35) 0 22%,transparent 23%)}.bk-ex__photo--miring .paper{width:70%;transform:translate(-50%,-50%) perspective(380px) rotateX(24deg) rotate(-16deg)}.bk-ex__photo--gelap{filter:brightness(.38) saturate(.7)}.bk-ex__photo--terpotong .paper{width:96%;transform:translate(-22%,-34%)}.bk-ex__photo--buram .paper{filter:blur(2.6px)}.bk-ex__photo--silau .paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 38% 30% at 62% 38%,rgb(255 255 255 / .97),rgb(255 255 255 / .7) 45%,transparent 75%),linear-gradient(115deg,transparent 0 55%,rgb(17 24 39 / .45) 56% 100%)}.bk-ex__photo--terpotong:after{content:"";position:absolute;right:8%;bottom:-6%;width:18%;aspect-ratio:.55;border-radius:40% 40% 0 0;background:#d4a27a;transform:rotate(-18deg);box-shadow:inset -4px 0 #0000001f}.bk-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.75rem 1.5rem;margin:clamp(1.5rem,3vw,2rem) 0 0;padding:0;list-style:none;font-family:var(--sans);font-size:.95rem}.bk-rules li{padding-left:1rem;border-left:2px solid var(--hijau)}.bk-rules b{display:block;font-size:1rem}.bk-rules span{color:#071833b8}