/* Notes open beside the work, like tools taken out of the laboratory. */
.home-body .hero-subline{gap:12px}
.fde-trigger{max-width:100%;min-height:44px;text-align:left}
.fde-trigger .fde-help{flex:0 0 auto;width:1.25em;height:1.25em;border:0;border-radius:0;background:none;font:20px/1 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
.fde-note{max-height:calc(100dvh - 32px);overscroll-behavior:contain}
.fde-note:popover-open{animation:note-unfold .18s cubic-bezier(.2,.8,.2,1) both}
@keyframes note-unfold{from{opacity:0;transform:translateX(-12px) scale(.97)}to{opacity:1;transform:none}}
/* One short explanation, without pass decorations or a separate AI card. */
.fde-simple{width:370px;padding:24px;background:var(--cream);border:1px solid #fff7e9;border-radius:18px;box-shadow:0 4px 0 #c39563,0 18px 50px #16217d44}
.fde-simple .fde-note-header{gap:20px;margin-bottom:18px}
.fde-simple h2{font-size:25px;line-height:1.15;max-width:245px;margin:0;letter-spacing:-.035em}
.fde-simple>p{font-size:17px;line-height:1.5;margin:0}
.fde-simple .fde-ai-copy{font-size:15px;line-height:1.5;margin-top:15px;color:#5b607c}
.fde-simple .fde-note-source{font-size:12px;padding-top:14px;margin-top:18px}
.school-preview-window{background:#f4e8c8}
.school-preview-image{display:block;overflow:hidden;border-bottom:1px solid #bd9a7255}
.school-preview-image img{display:block;width:100%;height:auto;transition:filter .2s}
.school-preview-image:hover img{filter:brightness(1.04)}
.school-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 30px}
.school-preview-footer p{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin:0}
.school-preview-footer p span{font-size:15px;font-weight:400;color:#697162;letter-spacing:0}
.home-body .school-preview-footer .button{margin-top:0;flex-shrink:0}
@media(max-width:760px){
 .fde-trigger{font-size:clamp(13.5px,3.8vw,16px);gap:8px;padding:11px}
 .fde-simple{padding:21px;border-radius:17px}
 .fde-simple .fde-note-header{gap:14px}
 .fde-simple .fde-close{width:44px;height:44px}
 .fde-simple h2{font-size:23px}
 .fde-simple>p{font-size:16px}
 .fde-simple .fde-ai-copy{font-size:14px}
 .school-preview-footer{padding:22px;align-items:stretch;flex-direction:column;gap:19px}
 .school-preview-footer p{font-size:20px}.school-preview-footer p span{font-size:14px}
 .school-preview-footer .button{justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.fde-note:popover-open{animation:none}.school-preview-image img{transition:none}}
.motion-off .fde-note:popover-open{animation:none}

.school-preview-image img{max-height:calc(88dvh - 210px);object-fit:contain}
@media(max-width:760px){.school-preview-image img{max-height:none}}

/* A direct invitation to the standalone game. */
.game-window{background:var(--cream)}
.game-window-art{display:block;position:relative;overflow:hidden;aspect-ratio:16/7;background:#f5cee3}
.game-window-art img{display:block;width:100%;height:100%;object-fit:cover}
.game-window-art>span{position:absolute;inset:0;display:grid;place-items:center;margin:auto;width:72px;height:72px;border-radius:50%;background:var(--cream);color:var(--blue);border:1px solid #fff;box-shadow:0 4px 0 #ac88b1;font-size:26px;transition:transform .18s}
.game-window-art:hover>span{transform:scale(1.08)}
.game-window-copy{padding:28px 34px 32px}
.home-body .game-window-copy h3{font-size:clamp(35px,5vw,58px);letter-spacing:-.05em;line-height:1.1;margin:0 0 14px}
.game-window-copy p{font-size:18px;line-height:1.45;max-width:560px;margin:0 0 22px}
.game-window-copy small{display:block;margin-top:18px;font-size:12px;color:#686b85}
@media(max-width:760px){.game-window-copy{padding:24px}.game-window-copy p{font-size:16px}.game-window-art{aspect-ratio:16/9}.game-window-art>span{width:55px;height:55px;font-size:20px}}