:root{--font-h1:40px;--font-h1-weight:700;--font-h1-line-height:1.2;--font-h2:28px;--font-h2-weight:600;--font-h2-line-height:1.3;--font-body-lg:18px;--font-body-lg-line-height:1.6;--font-body:16px;--font-body-line-height:1.7;--font-small:14px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}.scenario-detail-page{padding:var(--space-md)0;background:var(--bg-primary);flex:1}.scenario-detail-page__container{max-width:1200px;padding:0 var(--space-md);margin:0 auto}.scenario-detail-page__h1{font-size:var(--font-h1);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line-height);color:var(--text-primary);margin:0 0 var(--space-sm)}.scenario-detail-page__intro{font-size:var(--font-body-lg);font-weight:400;line-height:var(--font-body-lg-line-height);color:var(--text-secondary);max-width:720px;margin:0 0 var(--space-md);padding-bottom:var(--space-md);position:relative}.scenario-detail-page__intro:after{content:"";background:linear-gradient(90deg,#0000 0%,#94a3b826 10%,#94a3b840 30%,#38bdf84d 50%,#94a3b840 70%,#94a3b826 90%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 1px 2px #38bdf81a}.scenario-detail-page__section{margin-bottom:var(--space-xl);padding-top:var(--space-md);margin-top:var(--space-md);position:relative}.scenario-detail-page__section:before{content:"";background:linear-gradient(90deg,#0000 0%,#94a3b826 10%,#94a3b840 30%,#38bdf84d 50%,#94a3b840 70%,#94a3b826 90%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px 2px #38bdf81a}.scenario-detail-page__section:first-of-type:before{display:none}.scenario-detail-page__section:last-of-type{margin-bottom:var(--space-xl)}.scenario-detail-page__h2{font-size:var(--font-h2);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height);color:var(--text-primary);margin:0 0 var(--space-sm)}.scenario-detail-page__paragraph{font-size:var(--font-body);font-weight:400;line-height:var(--font-body-line-height);color:var(--text-secondary);max-width:720px;margin:0 0 var(--space-md)}.scenario-detail-page__bullet-list{font-size:var(--font-body);font-weight:400;line-height:var(--font-body-line-height);color:var(--text-secondary);margin:0 0 var(--space-xl);padding-left:var(--space-md);max-width:720px}.scenario-detail-page__bullet-list li{margin-bottom:var(--space-xs)}.scenario-detail-page__bullet-list li:last-child{margin-bottom:0}.scenario-detail-page__ordered-list{font-size:var(--font-body);font-weight:400;line-height:var(--font-body-line-height);color:var(--text-secondary);margin:0 0 var(--space-xl);padding-left:var(--space-md);max-width:720px}.scenario-detail-page__ordered-list li{margin-bottom:var(--space-xs)}.scenario-detail-page__ordered-list li:last-child{margin-bottom:0}.scenario-detail-page__grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.scenario-detail-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.scenario-detail-page__grid{grid-template-columns:repeat(3,1fr)}}.scenario-detail-page__empty{font-size:var(--font-body);color:var(--text-muted);text-align:center;padding:var(--space-lg)}.scenario-detail-page__faq-list{flex-direction:column;display:flex}.scenario-detail-page__faq-item{margin-bottom:var(--space-md)}.scenario-detail-page__faq-item:last-child{margin-bottom:0}.scenario-detail-page__faq-question{font-size:var(--font-body);color:var(--text-primary);margin:0 0 var(--space-xs);font-weight:500}.scenario-detail-page__faq-answer{font-size:var(--font-body);font-weight:400;line-height:var(--font-body-line-height);color:var(--text-secondary);margin:0 0 var(--space-md)}.scenario-detail-page__faq-item:last-child .scenario-detail-page__faq-answer{margin-bottom:0}.scenario-detail-page .palette-preview-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex;overflow:hidden}.scenario-detail-page .palette-preview-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.scenario-detail-page .palette-preview-card__preview{width:100%;height:140px;display:flex}.scenario-detail-page .palette-preview-card__color{transition:transform var(--transition-base);flex:1}.scenario-detail-page .palette-preview-card:hover .palette-preview-card__color{transform:scale(1.05)}.scenario-detail-page .palette-preview-card__content{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.scenario-detail-page .palette-preview-card__title{font-size:var(--font-body);color:var(--text-primary);margin:var(--space-sm)0 0;font-weight:500;line-height:1.4}.scenario-detail-page .palette-preview-card__description{font-size:var(--font-small);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}