.solution-output{position:relative}.solution-title{font-size:1.5em;margin:0 0 20px;padding-bottom:15px;font-family:Noto Sans,sans-serif}.solution-summary{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;text-align:center}.solution-stat{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px;align-items:center}.solution-stat .solution-stat-icon svg{width:22px;height:22px;opacity:.85}.solution-stat-label{font-size:.8em;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.solution-stat-value{font-size:1.1em;font-family:Noto Sans,sans-serif;line-height:1.4}.solution-effort,.solution-reasoning,.solution-resources{margin-top:20px}.solution-effort h3,.solution-reasoning h3,.solution-resources h3,.step-container h3{font-size:1em;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;gap:8px}.solution-effort h3 svg,.solution-reasoning h3 svg,.solution-resources h3 svg,.step-container h3 svg{width:18px;height:18px}.solution-effort p,.solution-reasoning p,.solution-resources p{line-height:1.7;font-size:1em;margin:0}.solution-card-header{margin-bottom:12px}.solution-card-title{font-size:1.15em;margin-bottom:6px}.solution-card-title a{text-decoration:none;transition:color .2s}.solution-card-title a:hover{color:#6afcff}.solution-problem-hint{font-size:.85em;margin:0;font-style:italic}.solution-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.solution-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75em;letter-spacing:.5px;font-family:Noto Sans,sans-serif}.solution-badge svg{width:14px;height:14px}.solution-badge-difficulty{background:#6afcff26;color:#6afcff}.solution-badge-time{background:#ffd70026;color:gold}.solution-badge-steps{background:#8a8aee26;color:#8a8aee}.solution-preview-text{font-size:.95em;line-height:1.6}.solution-full-header{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.solution-full-title{font-size:1.8em;font-weight:700;margin:0 0 15px;line-height:1.3}.solution-full-problem{font-size:1em;line-height:1.6}.solution-problem-label{color:#6afcff;font-weight:600;margin-right:8px}.solution-full-summary{display:flex;gap:30px;margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#6afcff14,#6464c814);border-radius:12px;flex-wrap:wrap}.solution-full-stat{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:180px}.solution-full-stat .solution-stat-icon{display:inline-flex;align-items:center;justify-content:center;opacity:.85}.solution-full-stat .solution-stat-icon svg{width:22px;height:22px}.solution-full-stat .solution-stat-label{font-size:.75em;text-transform:uppercase;letter-spacing:1px;font-weight:600;display:block;margin-bottom:4px}.solution-full-stat .solution-stat-value{font-size:1em;display:block}.solution-effort-section,.solution-steps-section,.solution-reasoning-section,.solution-resources-section{margin-bottom:25px;padding:20px;background:#6464c80f;border-radius:12px}.solution-effort-section h3,.solution-steps-section h3,.solution-reasoning-section h3,.solution-resources-section h3{font-size:1.1em;margin:0 0 15px;font-family:Noto Sans,sans-serif;display:inline-flex;align-items:center;gap:10px}.solution-effort-section h3 svg,.solution-steps-section h3 svg,.solution-reasoning-section h3 svg,.solution-resources-section h3 svg{width:20px;height:20px}.solution-effort-section p,.solution-reasoning-section p,.solution-resources-section p{line-height:1.7;margin:0}.solution-resources{margin-bottom:25px}.solution-steps-list{display:flex;flex-direction:column;gap:12px}.solution-step-item{display:flex;gap:15px;align-items:flex-start;padding:15px;background:#ffffff08;border-radius:8px;border-left:3px solid #6afcff}.solution-step-number{flex-shrink:0;width:28px;height:28px;background:linear-gradient(135deg,#6afcff,#4ad4ff);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85em}.solution-step-text{line-height:1.6;flex:1}@media screen and (max-width:768px){.solution-title{font-size:1.3em}.solution-summary{flex-direction:column;gap:15px;padding:15px}.solution-stat-value{font-size:1em}.solution-effort,.solution-reasoning,.solution-resources{padding:15px}.solution-full-title{font-size:1.4em}.solution-full-summary{flex-direction:column;gap:15px}.solution-step-item{padding:12px}.solution-step-number{width:24px;height:24px;font-size:.8em}}
