.recursero-page .resource-card:has(.brand-myclassgame) .resource-tags li{padding:3px 7px;border-radius:3px;background:#f3e8b5;color:#4f4a2b}
.recursero-page .resource-preview{background:#fffdf7}
.recursero-page .resource-preview .preview-heading{background:#163e35;border-bottom:0}
.recursero-page .resource-preview .preview-heading h2{color:#fffdf7}
.recursero-page .resource-preview .preview-close{min-width:44px;min-height:44px;background:#fff8de;border-color:#fff8de;color:#163e35}
.recursero-page .resource-preview .preview-close:hover{background:#f2cc56;border-color:#f2cc56}
.recursero-page .resource-preview .preview-heading :focus-visible{outline-color:#f2cc56}
.recursero-page .resource-preview .preview-access{margin:14px 0 20px}
.recursero-page .resource-preview .preview-access .text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin:0;padding:9px 16px;border-radius:4px;background:#f2cc56;color:#163e35;text-decoration:none;border:1px solid #e0bc4d}
.recursero-page .resource-preview .preview-access .text-link:hover{background:#fbdf86}
.recursero-page .resource-preview .preview-access .ui-icon{filter:none}
.recursero-page .resource-preview .preview-facts{padding:18px 20px;border:0;border-radius:6px;background:#eaf1e9;color:#213e31}
.recursero-page .resource-preview .resource-note-form{margin-top:24px;padding:20px;border:0;border-radius:6px;background:#f8efcf}
.recursero-page .resource-preview .resource-note-form textarea{border-color:#b5c5b5;border-left:3px solid #55735b;background:#fffefb}
.recursero-page .resource-preview .note-save:disabled{background:#e4e9df;border-color:#bdc8ba;color:#51634f}
.recursero-page .resource-preview .note-delete{background:#fffdf7;border-color:#bcc9b8}
.recursero-page .resource-preview .note-status:empty{display:none}
.recursero-page .resource-preview .preview-facts{gap:10px 20px}
.recursero-page .preview-tutorials{margin-top:30px;padding:24px 20px;background:#eaf1e9;border-radius:6px}
.recursero-page .preview-tutorials h3{margin:0 0 20px;font:400 28px/1.2 var(--serif);color:#163e35}
.recursero-page .tutorial-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.recursero-page .tutorial-card+.tutorial-card{margin-top:26px}
.recursero-page .tutorial-player{position:relative;aspect-ratio:16/9;min-width:0;overflow:hidden;border-radius:5px;background:#163e35}
.recursero-page .tutorial-play{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#163e35;color:#163e35;cursor:pointer}
.recursero-page .tutorial-thumbnail{display:block;width:100%;height:100%;object-fit:cover;opacity:.82}
.recursero-page .tutorial-play-icon{position:absolute;left:50%;top:45%;display:grid;place-items:center;width:54px;height:54px;transform:translate(-50%,-50%);padding-left:3px;border-radius:50%;background:#f2cc56;font-size:22px;line-height:1;box-shadow:0 2px 12px #0004}
.recursero-page .tutorial-play-label{position:absolute;bottom:0;left:0;right:0;padding:18px 9px 9px;background:linear-gradient(transparent,#163e35e8);color:#fffdf7;font-size:12px;font-weight:700;text-align:left}
.recursero-page .tutorial-play:hover .tutorial-play-icon{background:#ffe595}
.recursero-page .tutorial-play:focus-visible{outline:3px solid #f2cc56;outline-offset:-4px}
.recursero-page .tutorial-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.recursero-page .tutorial-copy{min-width:0}
.recursero-page .tutorial-copy h4{margin:0 0 8px;font:400 24px/1.2 var(--serif)}
.recursero-page .tutorial-copy a{color:#163e35;text-decoration:none}
.recursero-page .tutorial-copy a:hover{text-decoration:underline}
.recursero-page .tutorial-copy p{margin:0;font-size:13px;line-height:1.6}
.recursero-page .tutorial-copy .tutorial-author{font-size:12px;font-weight:700}
.recursero-page .tutorial-copy .tutorial-description{margin:12px 0 6px}
.recursero-page .tutorial-external{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:700}
@media(max-width:760px){
  .recursero-page .resource-preview .preview-facts{padding:16px}
  .recursero-page .resource-preview .resource-note-form{padding:16px}
  .recursero-page .preview-tutorials{padding:18px 16px}
  .recursero-page .preview-tutorials h3{font-size:25px}
  .recursero-page .tutorial-card{grid-template-columns:1fr;gap:18px}
  .recursero-page .tutorial-copy h4{font-size:23px}
}