[x-cloak] { display: none !important; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:focus-visible { outline: 2px solid #0f766e; outline-offset: 2px; border-radius: 4px; }
.prose-clair p { max-width: 68ch; }
.hl { cursor: pointer; border-radius: 2px; padding: 1px 0; transition: filter .12s; }
.hl:hover, .hl.on { filter: brightness(.9) saturate(1.4); }
.hl.on { outline: 2px solid #1c1917; outline-offset: 1px; }
.ring-track { stroke: #e7e5e4; } .ring-val { transition: stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1); }
@keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.rise { animation: rise .45s ease both; }
@media (prefers-reduced-motion: reduce) { .rise, .ring-val { animation: none; transition: none; } html { scroll-behavior: auto; } }