.page-header{padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(74,124,89,.08),rgba(74,124,89,.04));border-radius:12px;margin-bottom:2rem}.hero-image-section{margin-bottom:3rem;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid rgba(74,124,89,.2);background:linear-gradient(135deg,rgba(74,124,89,.06),rgba(74,124,89,.03));width:min(100%,var(--max-width));margin-left:auto;margin-right:auto}html[data-theme=dark] .hero-image-section{box-shadow:0 8px 32px rgba(0,0,0,.4);border-color:hsla(36,46%,86%,.12);background:linear-gradient(135deg,rgba(50,65,50,.4),rgba(30,45,35,.2))}.hero-image{width:100%;height:auto;display:block;object-fit:cover;border-radius:12px;transition:transform .3s ease;aspect-ratio:3/1}.hero-image-section:hover .hero-image{transform:scale(1.02)}html[data-theme=dark] .page-header{background:linear-gradient(135deg,rgba(135,160,125,.1),rgba(70,85,65,.1))}.page-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text)}.page-header p{font-size:1.1rem;color:var(--text-muted);margin:0}.crafting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.crafting-card{padding:2rem;border:1px solid rgba(74,124,89,.2);border-radius:8px;background:linear-gradient(135deg,rgba(74,124,89,.06),rgba(74,124,89,.03));transition:all .3s ease}html[data-theme=dark] .crafting-card{border-color:hsla(36,46%,86%,.12);background:linear-gradient(135deg,rgba(60,70,55,.4),rgba(40,50,40,.2))}.crafting-card:hover{border-color:rgba(74,124,89,.4);background:linear-gradient(135deg,rgba(74,124,89,.12),rgba(74,124,89,.06))}html[data-theme=dark] .crafting-card:hover{border-color:hsla(36,46%,86%,.25);background:linear-gradient(135deg,rgba(80,95,75,.5),rgba(50,60,50,.3))}.crafting-card h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text)}.crafting-card p{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.example-list{list-style:none;padding:0;margin:0}.example-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-muted);font-size:.95rem}.example-list li:before{content:"▸";position:absolute;left:0;color:var(--green-strong)}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem}.tier-card{padding:2rem;border:1px solid rgba(74,124,89,.2);border-radius:8px;background:linear-gradient(135deg,rgba(74,124,89,.06),rgba(74,124,89,.03))}html[data-theme=dark] .tier-card{border-color:hsla(36,46%,86%,.12);background:linear-gradient(135deg,rgba(50,65,50,.4),rgba(30,45,35,.2))}.tier-header{margin-bottom:1rem;border-bottom:2px solid rgba(74,124,89,.3);padding-bottom:.75rem}html[data-theme=dark] .tier-header{border-bottom-color:rgba(135,160,125,.3)}.tier-header h3{margin:0;color:var(--green);font-size:1.2rem}html[data-theme=dark] .tier-header h3{color:#87a07d}.tier-card p{color:var(--text-muted);margin:1rem 0;line-height:1.6}.materials-section{margin-top:1.5rem}.materials-section strong{display:block;color:var(--text);margin-bottom:.75rem}.materials-section ul{list-style:none;padding:0;margin:0}.materials-section li{padding:.4rem 0 .4rem 1.5rem;position:relative;color:var(--text-muted);font-size:.9rem}.materials-section li:before{content:"◆";position:absolute;left:0;color:var(--green-strong);font-size:.8rem}.set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.set-card{padding:2rem;border:1px solid rgba(74,124,89,.2);border-radius:8px;background:linear-gradient(135deg,rgba(74,124,89,.05),rgba(74,124,89,.02))}html[data-theme=dark] .set-card{border-color:hsla(36,46%,86%,.12);background:linear-gradient(135deg,rgba(70,55,40,.3),rgba(50,40,25,.15))}.set-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1.5rem;gap:1rem}.set-header h3{margin:0;color:var(--text);font-size:1.2rem}.tier-badge{background:rgba(74,124,89,.12);color:var(--green);padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;white-space:nowrap}html[data-theme=dark] .tier-badge{background:rgba(135,160,125,.2);color:#87a07d}.set-info p{margin:.75rem 0;color:var(--text-muted);line-height:1.5}.set-info strong{color:var(--text)}.process-steps{display:grid;gap:2rem;margin-bottom:2rem}.process-step{display:flex;gap:2rem;align-items:flex-start;padding:1.5rem;background:linear-gradient(135deg,rgba(74,124,89,.06),rgba(74,124,89,.03));border-radius:8px;border-left:4px solid var(--green)}html[data-theme=dark] .process-step{background:linear-gradient(135deg,rgba(50,65,50,.2),rgba(30,45,35,.1));border-left-color:#87a07d}.step-number{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:rgba(74,124,89,.15);border-radius:50%;font-size:1.3rem;font-weight:700;color:var(--green)}html[data-theme=dark] .step-number{background:rgba(135,160,125,.2);color:#87a07d}.step-content h3{margin:0 0 .5rem;color:var(--text);font-size:1.1rem}.step-content p{margin:0;color:var(--text-muted);line-height:1.6}.info-panel{padding:2.5rem;border:1px solid rgba(74,124,89,.2);border-radius:8px;background:linear-gradient(135deg,rgba(74,124,89,.05),rgba(74,124,89,.02))}html[data-theme=dark] .info-panel{border-color:hsla(36,46%,86%,.12);background:linear-gradient(135deg,rgba(70,75,60,.3),rgba(50,55,45,.15))}.info-panel h2{margin-top:0;margin-bottom:1.5rem;color:var(--text)}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{padding:.75rem 0 .75rem 2rem;position:relative;color:var(--text-muted);line-height:1.6}.tips-list li:before{content:"✓";position:absolute;left:0;color:var(--green-strong);font-weight:700}.related-links{display:flex;flex-direction:column;gap:1rem}.related-links a{display:inline-block;padding:.75rem 1.5rem;background:rgba(74,124,89,.1);border:1px solid rgba(74,124,89,.25);border-radius:6px;color:var(--green);text-decoration:none;transition:all .3s ease}html[data-theme=dark] .related-links a{background:rgba(135,160,125,.15);border-color:rgba(135,160,125,.3);color:#87a07d}.related-links a:hover{background:rgba(74,124,89,.2);border-color:rgba(74,124,89,.4);color:var(--green-strong)}html[data-theme=dark] .related-links a:hover{background:rgba(135,160,125,.25);border-color:rgba(135,160,125,.5);color:#a0c095}@media (max-width:768px){.page-header{padding:2rem 1rem}.page-header h1{font-size:2rem}.hero-image-section{margin-bottom:2rem;border-radius:8px}.hero-image{border-radius:8px}.crafting-grid,.set-grid,.tier-grid{grid-template-columns:1fr}.process-step{flex-direction:column;gap:1rem}.step-number{width:2.5rem;height:2.5rem;font-size:1.1rem}}