.knowledge-card{color:#111;border:4px solid #111;margin:20px 0 30px;transform:rotate(-.5deg);box-shadow:6px 6px #111}.knowledge-half{position:relative}.knowledge-half+.knowledge-half{border-top:4px solid #111}.knowledge-fact{background:#ffff51}.knowledge-quiz{background:#ef4cab}.knowledge-half button{text-align:left;width:100%;color:inherit;cursor:pointer;perspective:1000px;font:inherit;background:0 0;border:0;padding:0;display:block}.knowledge-flipper{transform-style:preserve-3d;transition:transform .38s;display:grid}.is-flipped .knowledge-flipper{transform:rotateY(180deg)}.knowledge-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;grid-area:1/1;justify-content:center;gap:12px;min-height:180px;padding:24px;display:flex}.knowledge-face strong{font-family:Arial,sans-serif;font-size:clamp(19px,2.3vw,30px);line-height:1.2}.knowledge-face small,.knowledge-face>span{font-family:monospace;font-size:12px;line-height:1.5}.knowledge-back{transform:rotateY(180deg)}.knowledge-half a{color:#111;padding:0 24px 18px;font-family:monospace;font-size:13px;text-decoration:underline;display:block}:is(.knowledge-half button:focus-visible,.knowledge-half a:focus-visible){outline-offset:-5px;outline:4px solid #2351ff}@media (prefers-reduced-motion:reduce){.knowledge-flipper{transition:none}}@media (max-width:400px){.knowledge-face{padding:18px}.knowledge-face strong{font-size:20px}}