@layer components{.cl-face-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.cl-face-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;padding:12px 16px 12px 12px;border-radius:20px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);text-decoration:none;transition:transform .25s var(--ease),border-color .2s}.cl-face-card:hover{transform:translateY(-2px);border-color:var(--line-2)}.cl-face-card .face-frame{width:92px}.cl-face-card b{display:block;font-family:var(--font-serif);font-weight:550;font-size:20px;line-height:1.2}.cl-face-card small{display:block;color:var(--ink-2);font-size:14px;font-weight:600;line-height:1.4;margin-top:2px}.way .face-frame{display:flex;align-items:center;justify-content:center;height:108px;aspect-ratio:auto;margin-bottom:10px;border-radius:14px;padding:8px}.way .face-frame .face-svg{width:auto;height:100%}@media (max-width:640px){.cl-face-cards{grid-template-columns:minmax(0,1fr)}.cl-face-card{grid-template-columns:76px minmax(0,1fr)}.cl-face-card .face-frame{width:76px}}}