.clc-sec{padding-top:32px}.clc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.sg a.clc-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:16px;background:var(--sg-surface);color:var(--sg-fg);text-decoration:none;transition:background-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.sg a.clc-card:hover{background:var(--sg-bg);box-shadow:var(--sg-shadow-md)}}.clc-std{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.02em;color:var(--sg-secondary-strong)}.clc-name{font-size:19px;line-height:26px;font-weight:600;margin:0}.clc-result{font-size:15px;line-height:22px;margin:0}.clc-input,.clc-result{color:var(--sg-fg-muted)}.clc-input{font-size:13px;line-height:19px;padding-top:4px;border-top:1px solid var(--sg-border);margin-top:4px}.clc-input b{font-weight:500;color:var(--sg-fg)}.clc-go{margin-top:auto;padding-top:12px;font-size:14px;font-weight:500;color:var(--sg-secondary-strong)}.clc-go:after{content:" →"}@media (max-width:520px){.sg a.clc-card{padding:20px}.clc-name{font-size:18px}}