.fox-learning[hidden]{display:none!important}.fox-learning{position:fixed;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;background:rgba(5,6,12,.82);backdrop-filter:blur(12px);padding:20px;overflow:auto;color:#f6f3ff;font-family:inherit}.fox-learning-card{position:relative;width:min(900px,100%);max-height:90dvh;overflow:auto;background:linear-gradient(140deg,#282137,#121522);border:1px solid #675044;border-radius:26px;padding:30px;box-sizing:border-box;box-shadow:0 24px 90px #0008}.fox-learning-close{position:absolute;right:16px;top:16px;border:0;border-radius:50%;background:#ffffff12;color:white;width:36px;height:36px;font-size:25px;cursor:pointer}.fox-learning-eyebrow{color:#ffb75c;font-size:11px;letter-spacing:1.5px;margin:0 45px 12px 0}.fox-learning-card h2{font-size:30px;margin:0 0 10px}.fox-learning-intro{font-size:14px;color:#b7b8ca;line-height:1.6;margin-bottom:24px}.fox-learning-layout{display:grid;grid-template-columns:230px 1fr;gap:24px}.fox-learning-menu{display:flex;flex-direction:column;gap:8px}.fox-learning-menu button{background:#ffffff05;border:1px solid #ffffff10;border-radius:12px;padding:12px;text-align:left;color:#b7b8ca;font:inherit;font-size:13px;cursor:pointer}.fox-learning-menu button.selected{background:#ffac4920;border-color:#ffa74c;color:#fff}.fox-learning-body h3{font-size:22px;margin:0 0 10px}.fox-learning-body p,.fox-learning-body li{font-size:14px;line-height:1.65;color:#c6c6d4}.fox-learning-body ol{padding-left:22px}.fox-learning-body li{padding-left:5px;margin:12px 0}.fox-learning-example{padding:16px;background:#0a0d1680;border-radius:14px;border:1px solid #ffffff0e}.fox-learning-example b{font-size:12px;color:#ffbc76}.fox-learning-example p{margin:7px 0 0}.fox-learning-tip{padding-left:12px;border-left:2px solid #ffad51}.fox-learning-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.fox-learning-primary,.fox-learning-secondary{padding:13px 16px;border-radius:12px;cursor:pointer;font:inherit;font-size:13px}.fox-learning-primary{border:0;background:linear-gradient(100deg,#ffca65,#ff7927);color:#201209}.fox-learning-secondary{background:#ffffff07;border:1px solid #ffffff18;color:#e3dfef}.fox-learning-next{background:none;border:0;color:#ffba68;font:inherit;font-size:13px;padding:15px 0 0;cursor:pointer}.learning-launch{display:flex;align-items:center;gap:12px;background:#ffffff05;border:1px solid #ffffff12;border-radius:16px;padding:16px;margin:18px 0;text-align:left;color:inherit;cursor:pointer;width:100%;box-sizing:border-box}.learning-launch>span{font-size:25px}.learning-launch b{display:block;font-size:14px}.learning-launch small{display:block;color:#aeb0c5;font-size:12px;margin-top:5px}.learning-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.learning-shortcuts button,.learning-nav{background:transparent;color:#ffbd77;border:0;font:inherit;font-size:12px;padding:5px 0;cursor:pointer}.learning-shortcuts button{border:1px solid #ffffff16;padding:7px 10px;border-radius:9px}.learning-nav{font-size:14px}.testing-section{margin:24px 0;padding-top:20px;border-top:1px solid #ffffff15}.testing-section>summary{cursor:pointer;color:#ffb563;font-weight:700}.testing-section>p{font-size:13px;color:#aeb0c5;line-height:1.6}.testing-section .template-grid,.testing-section .grid{margin-top:16px}.testing-section button:disabled{opacity:.75}.catalog-card button:disabled{cursor:default}
@media(max-width:650px){.fox-learning{padding:10px}.fox-learning-card{padding:22px 18px;max-height:94dvh;border-radius:20px}.fox-learning-card h2{font-size:25px}.fox-learning-layout{grid-template-columns:1fr;gap:18px}.fox-learning-menu{flex-direction:row;overflow:auto;padding-bottom:4px}.fox-learning-menu button{flex-shrink:0;font-size:12px}.fox-learning-body h3{font-size:20px}.fox-learning-actions button{width:100%}}