.ref-native{width:100%}.ref-subjects{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.ref-subjects button{border:1px solid #d8e1de;background:#fffdfa;border-radius:99px;padding:12px 17px;font-weight:800;color:#473c37;cursor:pointer}.ref-subjects .active{background:#4b3e38;color:#fff}.ref-shell{display:grid;grid-template-columns:210px 1fr;border-radius:24px;overflow:hidden;background:#edf3f1;min-height:510px}.ref-shell aside{padding:24px;background:#c77f68;color:#fff}.ref-shell aside h3{font:28px Georgia,serif;margin:8px 0 22px}.ref-shell aside button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #ffffff44;background:none;color:#fff;padding:13px 2px;font-weight:800;cursor:pointer}.ref-shell aside button.active{background:#ffffff18;padding-left:10px;border-radius:10px}.ref-shell section{padding:24px}.ref-shell section>h3{font:31px Georgia,serif;margin:6px 0 18px}.ref-learning-list{display:grid;gap:11px}.ref-learning{width:100%;display:grid;grid-template-columns:90px 1fr 32px;gap:14px;align-items:center;text-align:left;background:#fffdfa;border:1px solid #e1c2b6;border-radius:18px;padding:14px;cursor:pointer;color:#473c37}.ref-learning:hover{transform:translateY(-1px);box-shadow:0 8px 20px #20364212}.ref-code{min-height:82px;border:2px solid #d8876d;border-radius:14px;display:grid;place-items:center}.ref-code b{font-size:18px;color:#b86f58}.ref-code small{background:#f1e8df;padding:3px 6px;border-radius:6px}.ref-learning strong{display:block;font:18px Georgia,serif}.ref-learning em{display:block;font-style:normal;color:#60747a;margin-top:6px;line-height:1.35}.ref-learning i{font-style:normal;font-size:22px}.ref-modal-demo{position:fixed;inset:0;z-index:2147483646;background:#20364266;display:grid;place-items:center;padding:24px}.ref-modal-card{position:relative;width:min(900px,94vw);max-height:90vh;overflow:auto;background:#fffdfa;border-radius:28px;padding:32px;box-shadow:0 30px 90px #20364244}.ref-close{position:absolute;right:20px;top:20px;width:44px;height:44px;border:1px solid #d7dfdc;border-radius:50%;background:#fff;font-size:24px}.ref-detail-head{display:grid;grid-template-columns:110px 1fr;gap:22px;margin:20px 0 26px}.ref-detail-head>span{border:2px solid #d8876d;border-radius:18px;display:grid;place-items:center;min-height:110px}.ref-detail-head>span b{font-size:24px;color:#b86f58}.ref-detail-head h2{font:34px Georgia,serif;margin:0 0 10px}.ref-detail-head p{color:#60747a;font-size:17px}.ref-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ref-detail-grid article{padding:20px;border-radius:18px;background:#eef4f2}.ref-detail-grid .pedago{background:#f8ebe5}.ref-detail-grid small{font-weight:900;letter-spacing:.08em;color:#b86f58}.ref-detail-grid h3{font:23px Georgia,serif}.ref-detail-grid p{line-height:1.55;color:#5d7076}.ref-use{border:0;border-radius:99px;background:#203642;color:#fff;padding:11px 15px;font-weight:800}.ref-source{display:flex;gap:16px;margin-top:16px;padding:15px;border-top:1px solid #e1e5e3;color:#66777b;font-size:12px}@media(max-width:700px){.ref-shell{grid-template-columns:1fr}.ref-shell aside{padding:18px}.ref-shell aside button{display:inline-block;width:auto;margin-right:7px}.ref-detail-grid{grid-template-columns:1fr}.ref-detail-head{grid-template-columns:80px 1fr}.ref-learning{grid-template-columns:70px 1fr 24px}}
.demo-unlinked{background:#f1f2f1;filter:grayscale(1)}.subject-row{display:flex;flex-wrap:wrap;gap:8px}.learning-list{max-height:580px;overflow:auto}.card-actions button{cursor:pointer;font-size:22px}.ykda-grid[hidden],.agenda-month-demo[hidden]{display:none!important}

.card-actions .sequence-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.card-actions .sequence-icon{color:#fff}

.demo-card-title{border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer}.card-actions .favorite{background:#fff;color:var(--terra);border:1px solid #d7e1da;font-size:24px;width:42px;height:42px}.card-actions .sequence-icon{background:var(--terra);color:#fff;width:42px;height:42px}.demo-unlinked{filter:none;color:#6e7475}.demo-unlinked .card-body{opacity:.65}

[data-demo] .subject-row button:disabled{background:#e3e7e5!important;color:#8b9491!important;box-shadow:none!important;cursor:default!important;opacity:.7}
[data-demo] .card-actions .favorite,[data-demo] .card-actions .sequence-icon{display:grid!important;place-items:center!important;box-sizing:border-box!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;line-height:1!important;flex:none;position:static!important}
[data-demo] .card-actions .favorite svg,[data-demo] .card-actions .sequence-icon svg{display:block!important;position:static!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;transform:none!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-demo] .card-actions .favorite[aria-pressed=true] svg{fill:currentColor}