.class-detail-card{background-color:var(--color-white);border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #0000000d;margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;transition:transform .3s ease}.class-detail-card:hover{transform:translateY(-5px)}@media(min-width:768px){.class-detail-card{flex-direction:row;align-items:stretch}.class-detail-card:nth-child(2n){flex-direction:row-reverse}}.detail-image{flex:1;min-height:300px;position:relative}.detail-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.class-detail-card:hover .detail-image img{transform:scale(1.05)}.detail-content{flex:1;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;justify-content:center}.detail-content h2{font-family:var(--font-serif);font-size:2.2rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);letter-spacing:.1em;position:relative;padding-left:1rem;border-left:4px solid var(--color-accent);line-height:1.2}.tag{display:inline-block;background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent);padding:4px 16px;border-radius:50px;font-size:.9rem;margin-bottom:var(--spacing-md);font-weight:500;letter-spacing:.05em;align-self:flex-start}.description{margin-bottom:var(--spacing-lg);line-height:2;text-align:justify;font-feature-settings:"palt"}.class-info dl{display:grid;grid-template-columns:100px 1fr;gap:var(--spacing-sm) 0}.class-info dt{font-family:var(--font-serif);font-weight:700;color:var(--color-primary);display:flex;align-items:center}.class-info dd{margin-bottom:var(--spacing-sm);padding-bottom:4px;padding-top:13px}.class-info dd:last-child{margin-bottom:0;border-bottom:none}