.spinner-detail-dialog { width:min(1000px,calc(100% - 28px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #dbe7f2; border-radius:20px; color:#203d62; background:white; box-shadow:0 24px 80px #102c5340; overflow:auto; }
.spinner-detail-dialog::backdrop { background:#0b274bb3; }
.spinner-detail-header { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 22px; background:#fff; border-bottom:1px solid #dbe7f2; }
.spinner-detail-header p { margin:0; font-weight:750; }
.spinner-detail-close { min-width:44px; min-height:44px; border:1px solid #b5cadd; border-radius:9px; background:#fff; color:#203d62; cursor:pointer; font:inherit; }
.spinner-detail-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:26px; padding:24px; }
.spinner-detail-media { margin:0; min-width:0; text-align:center; }
.spinner-detail-media img { display:block; width:100%; height:auto; max-height:65dvh; object-fit:contain; background:#f5f8fb; }
.spinner-detail-media a { display:inline-block; margin-top:12px; padding:8px; color:#1267c7; }
.spinner-detail-info { min-width:0; }
.spinner-detail-info h2 { margin:0 0 24px; line-height:1.2; font-size:clamp(24px,4vw,32px); }
.spinner-detail-info dt { margin:18px 0 6px; font-weight:750; }
.spinner-detail-info dd { margin:0; line-height:1.6; }
.spinner-detail-info p { font-size:14px; line-height:1.6; }
.spinner-detail-actions { display:grid; gap:12px; margin-top:24px; }
.spinner-detail-actions button,.spinner-detail-actions a { display:block; padding:14px 18px; min-height:48px; border:1px solid #267d74; border-radius:10px; background:#edf9f6; color:#17685f; font:inherit; font-weight:750; text-align:center; cursor:pointer; text-decoration:none; }
.spinner-detail-actions button[hidden] { display:none; }
.spinner-detail-dialog :focus-visible { outline:3px solid #1267c7; outline-offset:3px; }
@media(max-width:700px) { .spinner-detail-layout { grid-template-columns:1fr; padding:16px; gap:20px; } .spinner-detail-media img { max-height:48dvh; } .spinner-detail-header { padding:10px 16px; } }