@font-face{font-family:Heebo;src:url(fonts/Heebo-400.woff2) format("woff2");font-weight:400}
@font-face{font-family:Heebo;src:url(fonts/Heebo-700.woff2) format("woff2");font-weight:700}
@font-face{font-family:Secular;src:url(fonts/Secular.woff2) format("woff2")}
*{box-sizing:border-box}
body{margin:0;font-family:Heebo,Arial,sans-serif;direction:rtl;color:#2b2540;background:#fff3f8}
:focus-visible{outline:3px solid #ff8a00;outline-offset:3px}
h1,h2,h3{font-family:Secular,Heebo,sans-serif;font-weight:400;margin:.1em 0 .3em}
.bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:#fff;border-bottom:3px dotted #8fd6cf}
.bar a,.bar button{font:inherit;border:2px solid #2b2540;background:#fff;border-radius:999px;padding:4px 12px;cursor:pointer;color:#2b2540;text-decoration:none;box-shadow:0 2px 0 #2b2540}
.bar a[aria-current]{background:#f7a8c4}
.bar .sp{flex:1}
.prog{height:6px;background:#eee}.prog div{height:100%;background:linear-gradient(90deg,#8fd6cf,#f7a8c4);width:0;transition:width .3s}
.stage{display:flex;justify-content:center;padding:16px}
.slide{position:relative;width:min(96vw,calc((100vh - 130px)*16/9));aspect-ratio:16/9;background:#fff;border-radius:28px;box-shadow:0 14px 40px rgba(120,60,120,.15);padding:3.2% 4.5%;overflow:hidden;font-size:clamp(13px,1.75vw,26px);line-height:1.45}
.slide:before{content:"";position:absolute;width:30%;aspect-ratio:1;border-radius:50%;background:#fde4ee;left:-8%;top:-14%;z-index:0}
.slide:after{content:"";position:absolute;width:20%;aspect-ratio:1;border-radius:50%;background:#dff5f2;right:-5%;bottom:-8%;z-index:0}
.slide>*{position:relative;z-index:1}
.slide[hidden]{display:none!important}
.slide h2{color:#2b8f86;font-size:1.9em}
.slide.title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.slide.title h1{font-size:2.8em;color:#b8336d}
.bigq{width:5em;height:5em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd1e2,#f7a8c4 60%,#e57fa7);color:#fff;font-family:Secular;font-size:1.6em;display:grid;place-items:center;font-size:3em;box-shadow:inset -8px -10px 0 rgba(0,0,0,.12),0 12px 20px rgba(184,51,109,.25)}
.sub{font-size:1.2em;color:#5a5370}
.credit{font-size:.8em;color:#5a5370}.credit img{border-radius:50%}
.qbig{font-size:1.25em;font-weight:700;background:#f7f3ff;border-radius:18px;padding:.5em .8em;margin:.4em 0}
.qbig.alt{background:#fffbe6}
mark{background:#ffe08a;border-radius:6px;padding:0 3px}
.five{display:grid;grid-template-columns:repeat(5,1fr);gap:.6em}
.st{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3em}
.st small{font-size:.72em;color:#5a5370}
.num{width:2.6em;height:2.6em;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:Secular;font-size:1.5em;box-shadow:inset -5px -6px 0 rgba(0,0,0,.13),inset 4px 5px 10px rgba(255,255,255,.45),0 6px 10px rgba(0,0,0,.12)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}
.dm{border:3px solid;border-radius:20px;padding:.6em;font-size:.85em}
.b-info{border-color:#8fd6cf}.b-infer{border-color:#f7a8c4}.b-eval{border-color:#c9b8f5}
.chip{display:inline-block;border-radius:999px;padding:0 .6em;color:#fff;font-size:.85em;font-weight:700}
.c-info{background:#1f7a72}.c-infer{background:#b8336d}.c-eval{background:#5b3fc0}
table{border-collapse:collapse;width:100%;font-size:.8em}th,td{border:1px solid #eadff1;padding:.25em .5em;text-align:right}th{background:#fde4ee}
.small{font-size:.8em;color:#5a5370}
.ans{background:#e1f7ef;border-radius:14px;padding:.3em .6em}
.exit li{margin:.5em 0;font-size:1.1em}
.frag{opacity:0;transform:translateY(8px);transition:.3s}.frag.on{opacity:1;transform:none}
.pn{position:absolute;bottom:2.5%;left:3%;font-size:.6em;color:#8a83a0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.print{background:#fff}
body.print .slide{width:100%;box-shadow:none;border:2px solid #f1e8f7;page-break-after:always;break-after:page;margin:0 0 10px;font-size:15px}
body.print .frag{opacity:1;transform:none}
body.print .stage{display:block;padding:0}
@page{size:297mm 167mm;margin:0}
@media print{.bar,.prog,.noprint{display:none!important}body.print .slide{width:297mm;height:167mm;border:0;border-radius:0;font-size:15.5px;aspect-ratio:auto}}
@media (max-width:700px){body:not(.print) .slide{aspect-ratio:auto;min-height:62vh;font-size:15px;padding:18px}.five{grid-template-columns:1fr;gap:.3em}.st{flex-direction:row;text-align:right}.st small{display:none}.three{grid-template-columns:1fr}.num{width:2em;height:2em;font-size:1.1em}}
