/* Sözlük terim linki (noktalı alt çizgi) ve açıklama kartı. Renkler temanın değişkenlerinden gelir. */
.prose a.peak-term { text-decoration-style: dotted; }
.prose a.peak-term.is-open { background: color-mix(in srgb, var(--c, #466A2C) 10%, transparent); }

.peak-tc { position: absolute; z-index: 60; width: 320px; max-width: calc(100vw - 32px); box-sizing: border-box; padding: 14px 16px; background: var(--white, #fff); color: var(--ink, #0B1220); border: var(--hair, 1px) solid var(--concrete, #D3D9E1); border-top: 3px solid var(--c, #466A2C); border-radius: var(--r, 4px); box-shadow: 0 8px 24px rgb(11 18 32 / 0.12); font-family: var(--font, system-ui, sans-serif); font-size: var(--fs-small, 0.9375rem); font-weight: 400; line-height: 1.5; text-align: left; }
.peak-tc[hidden] { display: none; }
.peak-tc::before { content: ""; position: absolute; top: -9px; left: var(--arrow, 18px); width: 12px; height: 12px; background: var(--c, #466A2C); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.peak-tc.is-above { border-top-width: 1px; border-bottom: 3px solid var(--c, #466A2C); }
.peak-tc.is-above::before { top: auto; bottom: -9px; clip-path: polygon(0 0, 100% 0, 50% 100%); }
.peak-tc__k { display: flex; align-items: center; gap: 6px; margin: 0 0 4px; color: var(--slate, #4A5568); font-size: var(--fs-xs, 0.8125rem); font-weight: 600; }
.peak-tc__k::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--c, #466A2C); }
.peak-tc__t { margin: 0 0 6px; font-family: var(--font-head, inherit); font-size: 1.0625rem; font-weight: 600; line-height: 1.25; }
.peak-tc__d { margin: 0 0 10px; }
.peak-tc__a { font-weight: 600; color: var(--copper-ink, #8A4826); text-decoration: none; }
.peak-tc__a:hover { text-decoration: underline; text-underline-offset: 3px; }
.peak-tc__x { display: none; position: absolute; top: 2px; right: 2px; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: var(--slate, #4A5568); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.peak-tc.is-touch .peak-tc__x { display: block; }
.peak-tc.is-touch .peak-tc__t { padding-right: 36px; }
@media (prefers-reduced-motion: no-preference) { .peak-tc { animation: peak-tc-in 120ms ease-out; } }
@keyframes peak-tc-in { from { opacity: 0; transform: translateY(-4px); } }