@layer components{.fp .contract{grid-template-columns:1fr 1fr;gap:0;display:grid}.fp .cpage{border-right:1px solid var(--line);background:#fdfcfa;padding:20px 18px;position:relative}.fp .cpage .ch{font-family:var(--serif);text-align:center;color:var(--ink-2);letter-spacing:.04em;margin-bottom:12px;font-size:11px;font-weight:800}.fp .cline{background:#e9e3d9;border-radius:3px;height:6px;margin-bottom:7px}.fp .cline.short{width:62%}.fp .cline.mid{width:84%}.fp .cl-hl{border-radius:5px;margin:0 -4px 7px;padding:2px 4px;position:relative}.fp .cl-hl .cline{opacity:.55;margin-bottom:0}.fp .cl-hl--red{background:var(--red-bg);outline:1.5px solid var(--red-bd)}.fp .cl-hl--amber{background:var(--amber-badge);outline:1.5px solid var(--amber-bd)}.fp .cl-hl--green{background:var(--green-bg);outline:1.5px solid var(--green-bd)}.fp .cfind{flex-direction:column;gap:9px;padding:16px;display:flex}.fp .cfind .f{color:var(--ink);align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;display:flex}.fp .cfind .f i{border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px}.fp .cfind .f b{font-weight:700}.fp .cfind .f .fs{color:var(--ink-3);font-size:10.5px;display:block}@media (max-width:520px){.fp .contract{grid-template-columns:1fr}.fp .cpage{border-right:none;border-bottom:1px solid var(--line)}}}
