.recommendation-detail{max-width:900px;margin:0 auto;padding:0 2rem 4rem}.recommendation-nav{align-items:center;gap:1rem;display:flex}.recommendation-nav-top{border-bottom:1px solid var(--color-outline-variant);margin-bottom:2rem;padding:1.5rem 0}.recommendation-nav-back{color:var(--color-on-surface-variant);transition:color var(--animation-speed-faster)ease;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.recommendation-nav-back:hover{color:var(--color-primary)}.recommendation-nav-back .nav-arrow{transition:transform var(--animation-speed-faster)ease;font-size:1.2rem}.recommendation-nav-back:hover .nav-arrow{transform:translate(-3px)}.recommendation-hero{gap:2rem;margin-bottom:3rem;display:flex}.recommendation-detail-image{border-radius:var(--shape-corner-large);background:var(--color-surface-container);width:180px;height:240px;box-shadow:var(--shadow-lvl-2);flex-shrink:0;overflow:hidden}.recommendation-detail-image img{object-fit:cover;width:100%;height:100%}.recommendation-hero-content{flex-direction:column;flex:1;gap:1rem;display:flex}.recommendation-detail-header{flex-direction:column;gap:.5rem;display:flex}.recommendation-badges{flex-wrap:wrap;gap:.5rem;display:flex}.recommendation-detail-header h1{color:var(--color-on-surface);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.recommendation-detail-author{color:var(--color-on-surface-variant);margin:0;font-size:1rem;font-style:italic}.recommendation-detail-description{color:var(--color-on-surface);margin:0;font-size:1.1rem;line-height:1.6}.recommendation-quick-info{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.recommendation-external-link{transition:opacity var(--animation-speed-faster)ease;text-decoration:none}.recommendation-external-link:hover{opacity:.8}.recommendation-main-content{flex-direction:column;gap:2.5rem;display:flex}.recommendation-section{flex-direction:column;gap:1rem;display:flex}.recommendation-section .section-title{color:var(--color-on-surface);border-bottom:2px solid var(--color-primary);align-self:flex-start;margin:0;padding-bottom:.75rem;font-size:1.25rem;font-weight:600;display:inline-block}.recommendation-detail-content{color:var(--color-on-surface);font-size:1rem;line-height:1.8}.recommendation-detail-content p{margin:0 0 1rem}.recommendation-detail-content p:last-child{margin-bottom:0}.recommendation-detail-content strong{color:var(--color-primary);font-weight:600}.recommendation-detail-content em{font-style:italic}.recommendation-detail-content blockquote{border-left:4px solid var(--color-primary);background:var(--color-surface-container);border-radius:0 var(--shape-corner-medium)var(--shape-corner-medium)0;color:var(--color-on-surface-variant);margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.recommendation-nav-bottom{border-top:1px solid var(--color-outline-variant);justify-content:space-between;gap:2rem;margin-top:4rem;padding-top:2rem;display:flex}.recommendation-nav-link{background:var(--color-surface-container);border-radius:var(--shape-corner-medium);transition:all var(--animation-speed-faster)ease;flex-direction:column;gap:.25rem;max-width:45%;padding:1rem 1.5rem;text-decoration:none;display:flex}.recommendation-nav-link:hover{background:var(--color-surface-container-high);transform:translateY(-2px)}.recommendation-nav-prev{align-items:flex-start}.recommendation-nav-next{align-items:flex-end;margin-left:auto}.recommendation-nav-link .nav-label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.recommendation-nav-link .nav-title{color:var(--color-on-surface);font-size:.95rem;font-weight:500;line-height:1.3}.recommendation-nav-placeholder{flex:1}@media (max-width:768px){.recommendation-detail{padding:0 1rem 3rem}.recommendation-hero{text-align:center;flex-direction:column;align-items:center}.recommendation-detail-image{width:150px;height:200px}.recommendation-badges{justify-content:center}.recommendation-detail-header h1{font-size:1.5rem}.recommendation-quick-info{justify-content:center}.recommendation-nav-bottom{flex-direction:column;gap:1rem}.recommendation-nav-link{max-width:100%}.recommendation-nav-next{align-items:flex-start;margin-left:0}}
.recommendation-page{width:100%;padding:2rem}