/* Is this site licensed? (M515): one box and its answer, in the site's tokens. */
.lck-page { padding: 56px 20px 72px; }
.lck { max-width: 620px; margin: 0 auto; }
.lck h1 { font: 800 34px/1.15 var(--font-display, inherit); color: var(--ink); margin: 0 0 10px; letter-spacing: -.01em; }
.lck-lede { color: var(--muted); font-size: 16px; margin: 0 0 24px; }
.lck-find { display: flex; gap: 10px; }
.lck-find input { flex: 1; min-width: 0; height: 48px; border-radius: 12px; border: 1px solid var(--border); background: var(--card, var(--bg)); color: var(--ink); padding: 0 16px; font: 500 16px var(--font-mono, ui-monospace, monospace); }
.lck-find button { height: 48px; padding: 0 22px; border-radius: 12px; border: 0; background: var(--blue); color: #fff; font: 700 15px var(--font-body, inherit); cursor: pointer; }
.lck-res { margin-top: 22px; padding: 20px 22px; border: 1px solid var(--border); border-radius: 16px; background: var(--card, var(--bg)); display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; }
.lck-ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; }
.lck-res--ok .lck-ic { background: color-mix(in oklab, #16a34a 16%, transparent); color: #16a34a; }
.lck-res--no .lck-ic { background: color-mix(in oklab, var(--muted) 16%, transparent); color: var(--muted); }
.lck-res b { display: block; font: 800 18px var(--font-display, inherit); color: var(--ink); margin-bottom: 4px; }
.lck-res p { margin: 0; color: var(--muted); font-size: 14.5px; line-height: 1.55; }
.lck-res dl { margin: 12px 0 0; display: grid; grid-template-columns: 120px 1fr; gap: 6px 12px; font-size: 14px; }
.lck-res dt { color: var(--muted); }
.lck-res dd { margin: 0; color: var(--ink); }
.lck-note { display: block; margin-top: 16px; color: var(--muted); font-size: 13px; }
.lck-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 600px) { .lck-find { flex-direction: column; } .lck h1 { font-size: 28px; } }