[data-card-root]{--q-card-tone:var(--q-base);background:oklch(var(--q-surface-raised-l) var(--q-card-tone));border-radius:var(--q-card-radius);width:100%;padding:2rem;&:focus-visible{outline:var(--q-focus-ring);outline-offset:var(--q-focus-ring-offset)}& header{flex-flow:row;justify-content:space-between;align-items:baseline;width:100%;display:flex;& h1{font-size:1.1rem}&>*{flex-flow:column;display:flex}&>:first-child{align-items:flex-start}&>:last-child{align-items:flex-end}}& footer{flex-flow:row;justify-content:flex-end;margin-top:1rem;display:flex;& form{padding:0}}&>p,& section>p{margin:2rem 0}& dl{justify-content:space-between;gap:var(--q-spacing-x,.5rem);flex-flow:row;display:flex;&>div{font-family:var(--q-mono-family);flex-flow:column;align-items:center;display:flex;&:first-child{align-items:flex-start}&:last-child{align-items:flex-end}&>dt{color:oklch(var(--q-shade-600) var(--q-base));text-transform:uppercase}}}& strong{color:oklch(var(--q-shade-600) var(--q-primary));font-weight:var(--q-weight-bold)}& [data-separator-root]{background:var(--q-divider);margin:1.5rem 0}&[aria-checked=true]{--q-card-tone:var(--q-success);&>strong{color:oklch(var(--q-shade-500) var(--q-success))}}&.structured{flex-direction:column;padding:0;display:flex;overflow:hidden;&>header{padding:.875rem 1rem 0}&>footer{border-top:var(--q-panel-border-thickness) var(--q-panel-border-style) var(--q-divider);justify-content:space-between;align-items:center;gap:.5rem;margin-top:0;padding:.6rem 1rem}}&.clickable{cursor:pointer;transition:transform .15s;&:hover{transform:translateY(-1px)}&:active{transform:translateY(0)}}& .cover{aspect-ratio:16/9;background:oklch(var(--q-shade-300) var(--q-card-tone));justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;& img{object-fit:cover;width:100%;height:100%;display:block}}& .body{flex-direction:column;flex:1;gap:.35rem;padding:.875rem 1rem .75rem;display:flex}}