/* Notebook cards: distinct from the video catalogue, familiar controls. */
.vm-shell .va-grade{border-radius:6px 22px 22px 6px;border-left:8px solid currentColor;background-image:repeating-linear-gradient(0deg,transparent,transparent 25px,#ffffff70 26px);box-shadow:4px 5px 0 #153e4810;padding-left:25px;position:relative}
.vm-shell .va-grade::before{content:"";position:absolute;left:8px;top:20px;bottom:20px;width:5px;background:radial-gradient(circle,#fff 2px,transparent 3px) center top/5px 22px repeat-y;opacity:.9}
.vm-shell .va-grade::after{border-radius:2px;transform:rotate(-9deg);opacity:.08}
.vm-shell .va-grade-symbol{font-size:38px;right:22px;top:40px;opacity:.55;transform:rotate(-9deg)}
.vm-shell .va-grade-number{font-family:Georgia,serif;font-style:italic}.vm-shell .va-grade:hover{transform:translateY(-4px) rotate(-1deg)}
.vm-sheet-icon{display:grid;place-items:center;font-size:70px;color:#ae8339;background:linear-gradient(125deg,#fff4d9,#f1f9f6);height:140px;border-bottom:1px dashed #d1ddda}
.vm-material{display:flex;flex-direction:column}.vm-material .va-video-copy{display:flex;flex-direction:column;flex:1;gap:12px}.vm-material .va-video-copy h3,.vm-material .va-video-copy p{margin:0}.vm-material small{color:#617b82}.vm-material .va-button{margin-top:auto;text-align:center;color:#fff;text-decoration:none}.vm-material .va-eyebrow{font-size:11px}
.vm-admin .va-editor input[type=file]{padding:12px;background:#f3f9f8;border:1px dashed #90b8b5;width:100%;box-sizing:border-box}.vm-admin small{line-height:1.5}.vm-shell .va-heading h1{max-width:950px}
@media(prefers-reduced-motion:reduce){.vm-shell .va-grade:hover{transform:none}}
.vm-shell .va-grade{border-left-color:var(--va-accent)}
.vm-shell .va-grade:nth-child(n)::before{left:8px;right:auto;top:20px;bottom:20px;width:5px;height:auto;border:0;border-radius:0;transform:none;background:radial-gradient(circle,#fff 2px,transparent 3px) center top/5px 22px repeat-y;opacity:.9}
.vm-shell .va-results{flex-wrap:wrap}.vm-shell .va-results>span{white-space:nowrap}