.asl-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;background:#eaf5f2;color:#14334b;border-radius:1rem;min-height:9rem;text-align:center;max-width:100%;overflow-wrap:anywhere}
.asl-art>span{font-size:.85rem;font-weight:700;color:#086c73}.asl-art strong{font-size:clamp(1.25rem,3vw,2rem)}.asl-art small{font-size:.85rem}
.asl-art strong{display:flex;flex-wrap:wrap;justify-content:center;gap:.3em .55em}.asl-art-target{white-space:nowrap;overflow-wrap:normal}.is-list .asl-art{padding:.5rem;min-height:0}.is-list .asl-art strong{font-size:1.35rem;flex-direction:column;gap:.35em}.is-list .asl-art>span,.is-list .asl-art>small{display:none}
.asl-preview{max-width:64rem;margin:auto}.asl-preview-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.asl-preview li{margin-block:.75rem}.asl-preview summary{padding:1rem 0;min-height:44px;font-weight:700;cursor:pointer}
.asl-target{text-align:center;border:1px solid #b4d2d3;border-radius:1rem;background:#f0f7f4;padding:1.25rem;margin:1rem 0}.asl-target-kind{font-size:.9rem;color:#426274;margin:0}.asl-target-label{display:block;font-size:clamp(2.5rem,9vw,4.25rem);line-height:1.2;margin:.5rem 0;overflow-wrap:anywhere}.asl-target p{margin:.5rem 0}.asl-quantity{display:flex;justify-content:center;gap:.8rem;margin:1rem}.asl-quantity i{width:1.75rem;height:1.75rem;border:2px solid #14334b;background:#d9a83f;border-radius:50%}
.asl-model-note{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;padding:1rem;background:#f2f6f8;border-radius:.75rem}.asl-model-note>div{flex:1}.asl-model-note p{font-size:1rem;margin:.5rem 0}.asl-model-note svg{vertical-align:middle;margin-right:.5rem}.asl-model-note .btn{white-space:normal;text-align:left}
.asl-source-list{list-style:none;padding:0}.asl-source-list li{border-top:1px solid #c5d9df;padding:1rem 0}.asl-source-list a{display:inline-flex;gap:.5rem;align-items:center;min-height:44px}.asl-source-list small{display:block;margin-top:.5rem}.asl-reference-body{overflow-wrap:anywhere}.asl-library-note{margin:1rem 0;padding:1rem;border-left:3px solid #087178;background:#edf6f3}.asl-library-note p{margin:.4rem 0}
@media(max-width:700px){.asl-model-note{align-items:stretch;flex-direction:column}.asl-preview-head{align-items:stretch;flex-direction:column}.asl-preview .library-plan-actions{flex-wrap:wrap}.asl-model-note .btn{justify-content:center;text-align:center}}

/* Keep the activity title and its actions together, without card-list styling. */
.asl-preview-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}
.asl-preview-header h2{flex:1 1 300px;margin:0;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.25}
.asl-preview-actions{display:flex;align-items:center;gap:8px;max-width:100%}
.asl-preview-actions .library-plan-actions{border:0;margin:0;padding:0;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0}
.asl-preview-actions .btn{min-height:44px;margin:0;font-size:.875rem;line-height:1.3}
.asl-preview-actions .asl-print-button{width:44px;height:44px;min-width:44px;padding:10px;flex:none}
.asl-preview-header+.ep-asl-player{margin-top:0}
@media(max-width:700px){.asl-preview-header{gap:12px;margin-bottom:16px}.asl-preview-header h2{flex-basis:100%}.asl-preview-actions{width:100%}.asl-preview-actions .library-plan-actions{flex:1;flex-wrap:nowrap}.asl-preview-actions .library-plan-actions .btn{padding:8px}.asl-preview-actions .library-plan-actions .btn:first-child{min-width:0;white-space:normal;overflow-wrap:anywhere}}

.asl-action-short{display:none}
@media(max-width:480px){.asl-action-full{display:none}.asl-action-short{display:inline}.asl-preview-actions .library-plan-actions .btn{font-size:.8125rem;gap:4px;padding-inline:6px}}