.lg38-visual{min-height:210px;padding:30px;display:flex;align-items:center;justify-content:space-around;gap:15px;text-align:center;background:radial-gradient(circle at 20% 20%,#7e46aa,transparent 40%),linear-gradient(115deg,#201235,#512270 65%,#201235);color:#fff;border-radius:18px}
.lg38-visual>span{font-size:clamp(2rem,7vw,4rem)}.lg38-visual strong{display:block;font-size:clamp(1.4rem,4vw,2.4rem);color:#fff}.lg38-visual small{display:block;color:#f0dcff;margin-top:10px}
.lg38-toc,.lg38-check{border:1px solid #a47bcc;background:rgba(111,66,151,.12);border-radius:14px;padding:20px;margin:22px 0}
.lg38-toc ol{columns:2;column-gap:25px}.lg38-toc li{break-inside:avoid;margin:7px 0}
.lg38-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.lg38-grid section{padding:16px;border:1px solid #a47bcc;border-radius:13px;background:rgba(117,67,158,.11)}.lg38-grid h3{margin:8px 0}
.lg38-label{font-size:.72em;font-weight:700;letter-spacing:.07em}
.lg38-check label,#lg38-quiz label{display:block;padding:8px 3px;cursor:pointer}
#lg38-quiz fieldset{border:1px solid #a47bcc;border-radius:12px;padding:15px;margin:12px 0}#lg38-quiz legend{font-weight:700}
.lg38-button{border:1px solid #a47bcc;background:#592e80;color:#fff;border-radius:10px;padding:12px 16px;font:inherit;cursor:pointer;font-weight:700}.lg38-secondary{background:transparent;color:inherit}
.lg38-faq{border:1px solid #a47bcc;border-radius:12px;padding:14px;margin:10px 0}.lg38-faq summary{cursor:pointer;font-weight:700}
.lg38-check :is(input):focus-visible,#lg38-quiz :is(button,input):focus-visible,.lg38-faq summary:focus-visible{outline:3px solid #d7b1fa;outline-offset:3px}
@media(max-width:760px){.lg38-grid{grid-template-columns:1fr}.lg38-toc ol{columns:1}.lg38-visual{padding:22px 12px}}
@media(prefers-reduced-motion:reduce){.lg38-visual *{animation:none!important;transition:none!important}}