.detail-page{min-height:100vh;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;padding-top:var(--page-top-offset)}.detail-page .main-content{padding:0}@media(min-width:768px){html.site-has-push-nav .detail-page .container{max-width:none;width:100%;margin-left:0;margin-right:0}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:14px;color:var(--color-text-muted);font-size:15px;flex:1}.back-link-text{color:var(--color-brand);text-decoration:none;font-size:13px}.back-link-text:hover{text-decoration:underline}.hero-section{position:relative;z-index:1;padding:20px 0 24px}.container{width:100%;max-width:1020px;margin-left:auto;margin-right:auto;padding:0 32px}.hero-layout{display:grid;grid-template-columns:180px 1fr;grid-template-rows:auto 1fr;column-gap:16px;row-gap:6px;align-items:start}.poster-col{grid-column:1;grid-row:1 / 3}.hero-aside{grid-column:2;grid-row:1}.info-col{grid-column:2;grid-row:2}@media(min-width:768px){.detail-page:not(.study-detail-page) .hero-layout{grid-template-rows:auto auto;grid-template-areas:"poster aside" "info   info"}.detail-page:not(.study-detail-page) .poster-col{grid-area:poster;align-self:start}.detail-page:not(.study-detail-page) .hero-aside{grid-area:aside;min-width:0}.detail-page:not(.study-detail-page) .info-col{grid-area:info}}.poster-col{width:auto}.poster-frame{border-radius:3x;overflow:hidden;box-shadow:0 4px 10px var(--color-shadow);aspect-ratio:2/3;background:var(--color-surface);border:none}.poster-img{width:100%;height:100%;object-fit:cover}.poster-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:14px;background:linear-gradient(135deg,var(--color-placeholder-from),var(--color-placeholder-to));color:var(--color-text-muted);text-align:center;font-size:13px;line-height:1.5}.info-col{min-width:0;display:flex;flex-direction:column;gap:6px}.overview-block{display:flex;flex-direction:column;gap:6px}.overview-expand-btn{align-self:flex-start;width:fit-content;padding:0;border:none;background:none;color:var(--color-brand);font-size:12px;line-height:1.4;cursor:pointer}.overview-expand-btn:hover{text-decoration:underline}.title-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}.main-title{font-size:20px;font-weight:600;line-height:1.25;margin:0;color:var(--color-text-strong)}.genres{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.overview{font-size:12px;line-height:1.35;color:var(--color-text-muted);margin:0;max-width:720px}@media(min-width:768px){.overview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;line-clamp:8;overflow:hidden}}.resource-wrap{position:relative;z-index:1}.related-wrap{padding:0 32px 48px;margin-top:32px}.related-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:12px}.detail-page .seo-section-title{margin:0 0 12px}.related-more-link{font-size:13px;color:var(--color-brand);text-decoration:none}.related-more-link:hover{text-decoration:underline}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.seo-content-wrap{position:relative;z-index:1;padding:0 32px 24px;margin-top:28px;max-width:1020px}.seo-section{margin-bottom:0}.seo-faq-item{margin-bottom:14px}.seo-faq-q{font-size:15px;font-weight:600;color:var(--color-text);margin:0 0 6px}.seo-faq-q:before{content:"Q :";margin-right:.35em;color:var(--color-text-strong);font-weight:700}.seo-faq-a{margin:0;font-size:13px;line-height:1.7;color:var(--color-text-tertiary)}.seo-faq-a:before{content:"A :";margin-right:.35em;color:var(--color-text-muted);font-weight:600}@media(max-width:767px){.detail-page{transition:padding-top var(--topbar-search-motion-duration, .38s) var(--topbar-search-motion-ease, cubic-bezier(.22, 1, .36, 1))}html:not(.topbar-mobile-search-expanded) .detail-page{transition-duration:var(--topbar-search-motion-duration-out, .26s);transition-timing-function:var(--topbar-search-motion-ease-out, cubic-bezier(.4, 0, .2, 1))}.hero-section{padding:12px 0 0}.study-detail-page .hero-section{padding:12px 0 16px}.hero-layout{grid-template-columns:120px 1fr;grid-template-rows:auto auto;grid-template-areas:"poster aside" "info   info";column-gap:16px;row-gap:6px}.poster-col{grid-area:poster;align-self:start;width:120px}.hero-aside{grid-area:aside;padding-right:0;display:flex;flex-direction:column;align-self:start;min-width:0;min-height:0}.info-col{grid-area:info}.overview-block{position:relative;flex:0 1 auto;min-width:0;min-height:0;overflow:hidden;gap:6px}.overview{text-align:left;line-height:1.7;max-width:none;overflow:hidden}.overview--clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--overview-lines, 3);line-clamp:var(--overview-lines, 3)}.overview-expand-btn{position:absolute;right:0;bottom:0;padding-left:16px;background:linear-gradient(to right,transparent,var(--color-bg) 16px)}.title-row{flex-shrink:0;margin-bottom:2px;min-width:0;width:100%}.main-title{font-size:14px;line-height:1.25;min-width:0;flex:1 1 auto;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.container{padding:0 12px}.resource-wrap{padding:10px 12px}.related-wrap{padding:0 12px 32px;margin-top:0}.seo-content-wrap{padding:10px 12px;margin-top:0}.detail-page .section-title{font-size:14px}.seo-faq-q{font-size:13px}.seo-faq-a{font-size:11px;line-height:1.6}.related-grid{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 12px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.related-grid a.card{flex:0 0 128px;width:128px;min-width:128px;scroll-snap-align:start}.overview-dialog-body{font-size:13px;line-height:1.7}}.overview-dialog-body{margin:0;font-size:14px;line-height:1.75;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}