.hl-layout{display:grid;grid-template-columns:340px minmax(280px,1fr);gap:20px;align-items:start}.hl-panel{display:flex;flex-direction:column;gap:16px}.hl-section{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.hl-section-title{font-size:13px;font-weight:700;color:var(--muted)}.hl .field.is-off{display:none}.hl-panel input[type=number]{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;text-align:end;font-variant-numeric:tabular-nums}.hl-panel input[type=number]:focus{outline:none;border-color:var(--accent)}.hl-seg{display:flex;gap:8px}.hl-seg-btn{flex:1;padding:9px 10px;border-radius:9px;font-size:13px;border:1px solid var(--line);background:var(--panel2);color:var(--muted)}.hl-seg-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.hl-hint{font-size:12px;line-height:1.5;color:var(--muted)}.hl-result{display:flex;flex-direction:column;gap:16px;min-width:0}.hl-hero{text-align:center;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.hl-hero.is-compliant{border-color:var(--ok)}.hl-hero.is-non-compliant{border-color:var(--err)}.hl-hero-label{font-size:13px;color:var(--muted);margin-block-end:6px}.hl-hero-value{font-size:38px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text);word-break:break-word;font-variant-numeric:tabular-nums}.hl-hero-sub{margin-block-start:8px;font-size:13px;color:var(--muted);line-height:1.5}.hl-hero.is-compliant .hl-hero-sub{color:var(--ok)}.hl-hero.is-non-compliant .hl-hero-sub{color:var(--err)}.hl-bar{margin-block-start:14px;block-size:10px;border-radius:999px;background:var(--err);overflow:hidden}.hl-bar-halal{block-size:100%;background:var(--ok);transition:inline-size .15s ease-out}.hl-checks{display:flex;flex-direction:column;gap:8px}.hl-check{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.hl-check.is-pass{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.hl-check.is-fail{border-color:color-mix(in srgb,var(--err) 55%,var(--line))}.hl-check-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.hl-check-name{font-size:13px;font-weight:600;color:var(--text)}.hl-check-basis{font-size:11px;color:var(--muted)}.hl-check-nums{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}.hl-check-ratio{font-size:15px;font-weight:700;color:var(--text)}.hl-check.is-fail .hl-check-ratio{color:var(--err)}.hl-check-limit{font-size:11px;color:var(--muted);white-space:nowrap}.hl-badge{flex:none;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;color:var(--muted);background:var(--panel);border:1px solid var(--line)}.hl-check.is-pass .hl-badge{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.hl-check.is-fail .hl-badge{color:var(--err);border-color:color-mix(in srgb,var(--err) 55%,var(--line))}.hl-card{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.hl-card-label{font-size:12px;color:var(--muted)}.hl-card-value{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text);word-break:break-word;font-variant-numeric:tabular-nums}.hl-note{font-size:12px;color:var(--muted);line-height:1.6;margin:0}@media(max-width:760px){.hl-layout{grid-template-columns:1fr}.hl-check{flex-wrap:wrap}}