:root{--page:1180px;--gutter:28px;--page-end:64px}@media (width<=640px){:root{--gutter:16px}}body{background:var(--bg);min-height:100vh;font:16px/1.5 var(--font);flex-direction:column;display:flex}img,svg{max-width:100%;height:auto}.skip{position:absolute;left:-999px}.skip:focus{z-index:100;background:var(--card);padding:6px 10px;top:12px;left:12px}.masthead{background:var(--bg);border-bottom:1px solid var(--line)}.masthead-inner{max-width:var(--page);padding:12px var(--gutter);flex-wrap:wrap;align-items:center;gap:12px 28px;margin:0 auto;display:flex}.top-search{background:var(--soft);border-radius:999px;flex:280px;align-items:center;max-width:460px;height:44px;padding:0 18px 0 6px;display:flex}.top-search button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.top-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 0 0 2px;font-size:15px}.top-search input::placeholder{color:var(--muted)}.top-search:focus-within{outline:2.5px solid var(--ink);outline-offset:2px}.nav{gap:24px;margin-left:auto;font-size:15px;font-weight:600;display:flex}.nav a{text-decoration:none}.nav a:hover{-webkit-text-decoration:underline 3px var(--yel);text-decoration:underline 3px var(--yel);text-underline-offset:6px}main{width:100%;max-width:var(--page);padding:0 var(--gutter) var(--page-end);flex:1;margin:0 auto}h1,h2,h3{line-height:1.12}h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:10px 0 8px;font-size:clamp(28px,4.2vw,40px)}h2{margin:44px 0 16px;font-size:24px}.sec-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin:44px 0 16px;display:flex}.sec-h h2{margin:0}.more{-webkit-text-decoration:underline 3px var(--yel);text-decoration:underline 3px var(--yel);text-underline-offset:4px;font-size:14px;font-weight:700}.lead{color:var(--muted);max-width:66ch;margin:0 0 12px;font-size:17px}.small{font-size:13.5px}.box{background:var(--card);border:1px solid var(--line);border-radius:20px}.lift{transition:box-shadow .15s,transform .15s}.lift:hover{box-shadow:var(--lift);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.lift{transition:none}.lift:hover{transform:none}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;display:grid}.tag.halal{background:var(--leaf-soft);color:var(--leaf)}.tag.non-halal{background:var(--rose-soft);color:var(--rose)}.tag.sponsor{background:var(--chili);color:#fff}.tag.ad{background:var(--muted);color:var(--bg)}.btn{border:1px solid var(--line);white-space:nowrap;border-radius:14px;gap:8px;min-height:48px;padding:0 18px;font-size:15px}.btn .i{width:18px;height:18px}.av{width:var(--av-size,var(--av-px));height:var(--av-size,var(--av-px));object-fit:cover;background:var(--soft);border-radius:50%;flex:none;display:block}.av-initials{background:var(--av-bg);color:#fff;font-size:calc(var(--av-size,var(--av-px)) * .38);letter-spacing:-.02em;place-items:center;font-weight:800;line-height:1;display:grid}.oops{flex-wrap:wrap;align-items:center;gap:20px 40px;padding:56px 0 24px;display:flex}.oops>div{flex:320px;max-width:62ch}.oops h1{margin-top:0}.code{background:var(--yel);color:var(--on-yel);letter-spacing:-.05em;border-radius:36px 36px 36px 8px;padding:18px 30px 22px;font-size:clamp(56px,9vw,88px);font-weight:800;line-height:1}.footer{background:var(--soft);margin-top:24px}.footer-inner{max-width:var(--page);padding:28px var(--gutter) 36px;color:var(--muted);gap:10px;margin:0 auto;font-size:14px;display:grid}.footer-inner p{max-width:90ch;margin:0}.footer-inner b,.footer-inner a{color:var(--ink)}.footer-links{flex-wrap:wrap;gap:6px 18px;margin-top:4px;font-weight:700;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (width<=640px){.masthead-inner{gap:10px 16px;padding-block:10px 12px}.nav{order:2;gap:16px}.top-search{flex-basis:100%;order:3;max-width:none;height:42px}.nav .wide-only{display:none}h2{margin-top:32px;font-size:21px}.sec-h{margin-top:32px}.grid{gap:16px}}@media (pointer:coarse){.nav a,.footer-links a{padding-block:8px;display:inline-block}}