@layer ui{
.lore{display:grid;gap:.6rem;max-width:900px}
details{background:var(--k2);border:1px solid #ffffff1a;border-radius:1.2rem;padding:0 1.4rem;transition:.2s}
details[open]{border-color:var(--o)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font:800 clamp(1.6rem,3vw,2.4rem) var(--d);letter-spacing:-.045em;padding-block:1.1rem}
summary::-webkit-details-marker{display:none}summary::after{content:"+";font:400 2rem var(--m);color:var(--o);transition:rotate .25s}details[open] summary::after{rotate:45deg}
details p{padding-bottom:1.3rem;color:#d9cbbd;max-width:62ch}
details::details-content{block-size:0;overflow:clip;transition:block-size .3s,content-visibility .3s allow-discrete}details[open]::details-content{block-size:auto}
}