.lead-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lead-modal-panel{background:var(--off-white,#faf8f5);border:1px solid var(--border-color,#8b735533);border-radius:24px;width:100%;max-width:600px;position:relative;box-shadow:0 25px 80px #0003}.lead-modal-close{background:var(--cream,#f5f0e8);cursor:pointer;width:40px;height:40px;color:var(--dark-text,#2c2c2c);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.lead-modal-close:hover{background:var(--primary-color,#8b7355);color:#fff;transform:rotate(90deg)}.lead-modal-header{text-align:center;border-bottom:1px solid var(--border-color,#8b735526);padding:28px 32px 16px}.lead-modal-icon{background:var(--primary-color,#8b7355);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 12px;display:flex}.lead-modal-header h2{font-family:var(--font-heading,"Playfair Display", serif);color:var(--dark-text,#2c2c2c);margin:0 0 6px;font-size:1.3rem}.lead-modal-header p{color:var(--light-text,#666);margin:0;font-size:.85rem}.lead-modal-form{padding:20px 32px 24px}.lead-modal-field{margin-bottom:12px}.lead-modal-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--dark-text,#2c2c2c);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.lead-modal-field label span{color:var(--rose,#c9a9a6)}.lead-modal-field input,.lead-modal-field textarea,.lead-modal-field select{border:1.5px solid var(--border-color,#8b735533);width:100%;font-family:var(--font-body,"Inter", sans-serif);color:var(--dark-text,#2c2c2c);background:#fff;border-radius:12px;outline:none;padding:10px 14px;font-size:.9rem;transition:all .2s}.lead-modal-field input::placeholder,.lead-modal-field textarea::placeholder{color:var(--light-text,#999)}.lead-modal-field input:focus,.lead-modal-field textarea:focus,.lead-modal-field select:focus{border-color:var(--primary-color,#8b7355);box-shadow:0 0 0 3px #8b73551a}.lead-modal-field input[aria-invalid=true],.lead-modal-field textarea[aria-invalid=true]{border-color:var(--rose,#c9a9a6);background:#c9a9a60d}.lead-modal-error{color:var(--rose,#c9a9a6);margin-top:4px;font-size:.8rem;font-weight:500;display:block}.lead-modal-honeypot{opacity:0;pointer-events:none;position:absolute;left:-9999px}.lead-modal-submit{background:var(--primary-color,#8b7355);color:#fff;width:100%;font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.lead-modal-submit:hover:not(:disabled){background:var(--dark-text,#2c2c2c);transform:translateY(-2px);box-shadow:0 8px 20px #8b735540}.lead-modal-submit:disabled{opacity:.7;cursor:not-allowed}.lead-modal-submit .spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lead-modal-footer{text-align:center;color:var(--light-text,#666);margin:12px 0 0;font-size:.75rem}.lead-modal-footer a{color:var(--primary-color,#8b7355);text-underline-offset:2px;font-weight:600;text-decoration:underline}.lead-modal-footer a:hover{color:var(--dark-text,#2c2c2c)}.lead-modal-success{text-align:center;padding:32px}.lead-modal-success .success-icon{color:var(--sage,#8f9e8b);margin-bottom:14px}.lead-modal-success h3{font-family:var(--font-heading,"Playfair Display", serif);color:var(--dark-text,#2c2c2c);margin:0 0 8px;font-size:1.3rem}.lead-modal-success p{color:var(--light-text,#666);margin:0 0 20px;font-size:.9rem;line-height:1.5}.lead-modal-btn-secondary{background:var(--cream,#f5f0e8);color:var(--dark-text,#2c2c2c);font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s}.lead-modal-btn-secondary:hover{background:var(--primary-color,#8b7355);color:#fff}.lead-modal-panel::-webkit-scrollbar{width:6px}.lead-modal-panel::-webkit-scrollbar-track{background:0 0}.lead-modal-panel::-webkit-scrollbar-thumb{background:var(--border-color,#8b73554d);border-radius:10px}.lead-modal-panel::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#8b7355)}@media (width<=520px){.lead-modal-backdrop{align-items:flex-end;padding:0}.lead-modal-panel{border-bottom:none;border-radius:24px 24px 0 0;max-width:100%;max-height:92vh;overflow-y:auto}.lead-modal-header{padding:32px 24px 20px}.lead-modal-form{padding:20px 24px 28px}.lead-modal-success{padding:40px 24px}.lead-modal-field input,.lead-modal-field textarea{padding:10px 14px;font-size:16px}}@media (width<=358px){.lead-modal-panel{border-radius:20px 20px 0 0}.lead-modal-header{padding:24px 16px 16px}.lead-modal-form{padding:16px 16px 24px}.lead-modal-success{padding:32px 16px}.lead-modal-field input,.lead-modal-field textarea{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.lead-modal-backdrop,.lead-modal-panel,.lead-modal-submit .spin{transition:none!important;animation:none!important}}.page-cta{padding:80px 0;position:relative;overflow:hidden}.page-cta-content{text-align:center;max-width:640px;margin:0 auto}.page-cta-icon{background:var(--primary-color,#8b7355);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 24px;display:flex}.page-cta h2{font-family:var(--font-heading,"Playfair Display", serif);color:var(--dark-text,#2c2c2c);margin:0 0 12px;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.2}.page-cta p{color:var(--light-text,#666);margin:0 0 28px;font-size:1rem;line-height:1.6}.page-cta-btn{background:var(--primary-color,#8b7355);color:#fff;font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 32px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #8b735540}.page-cta-btn:hover{background:var(--dark-text,#2c2c2c);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.page-cta--dark{background:var(--dark-text,#2c2c2c)}.page-cta--dark .page-cta h2,.page-cta--dark h2{color:#fff}.page-cta--dark p{color:#ffffffb3}.page-cta--dark .page-cta-btn{color:var(--dark-text,#2c2c2c);background:#fff}.page-cta--dark .page-cta-btn:hover{background:var(--cream,#f5f0e8)}.page-cta--gradient{background:linear-gradient(135deg, var(--primary-color,#8b7355) 0%, #6b5a45 100%)}.page-cta--gradient h2,.page-cta--gradient p{color:#fff}.page-cta--gradient .page-cta-btn{color:var(--primary-color,#8b7355);background:#fff}.page-cta--gradient .page-cta-btn:hover{background:var(--cream,#f5f0e8)}.page-cta--gradient .page-cta-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3}.page-cta--minimal{border-top:1px solid var(--border-color,#8b735526);border-bottom:1px solid var(--border-color,#8b735526);padding:60px 0}.page-cta--minimal .page-cta-btn{color:var(--primary-color,#8b7355);border:2px solid var(--primary-color,#8b7355);box-shadow:none;background:0 0}.page-cta--minimal .page-cta-btn:hover{background:var(--primary-color,#8b7355);color:#fff}@media (width<=520px){.page-cta{padding:56px 0}.page-cta-btn{justify-content:center;width:100%;padding:14px 24px}}@media (width<=358px){.page-cta{padding:44px 0}.page-cta h2{font-size:1.5rem}.page-cta p{font-size:.9rem}.page-cta-btn{padding:12px 20px;font-size:.85rem}}.ancient-beauty-hub{background:linear-gradient(160deg,#f8f4ec 0%,#f0ebe0 40%,#e8e2d5 70%,#f5f0e8 100%);min-height:100vh;position:relative}.ancient-beauty-hub:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#d4a8530a 0%,#0000 50%),radial-gradient(at 80% 20%,#b48c5008 0%,#0000 40%);position:fixed;inset:0}.preparation-stepper{background:linear-gradient(#fff 0%,#fdfcfa 100%);border:1px solid #8b735514;border-radius:20px;padding:40px;position:relative;box-shadow:0 8px 32px #2c18100f,0 2px 8px #d4a85308}.preparation-stepper:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--civ-color,#d4a853) 50%, transparent 100%);opacity:.4;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:40px;right:40px}.stepper-header{border-bottom:1px solid #8b735514;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:24px;display:flex}.stepper-title-block{flex-direction:column;gap:4px;display:flex}.stepper-header h3{color:#2c1810;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.stepper-subtitle{color:#a09080;margin:0;font-size:13px;font-weight:400}.step-indicators{align-items:center;gap:0;display:flex;position:relative}.step-indicator{color:#b5a898;cursor:pointer;z-index:2;background:#fdfcfa;border:2px solid #e8e0d4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.step-indicator:not(:last-child):after{content:"";background:#e8e0d4;width:24px;height:2px;margin-left:2px;transition:background .35s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.step-indicator:hover:not(.active){color:#8b7355;background:#d4a8530f;border-color:#d4c4a8;transform:translateY(-2px)}.step-indicator.active{transform:scale(1.08);box-shadow:0 6px 20px #00000040;color:#fff!important;background:#1a0f0a!important;border-color:#0000!important}.step-indicator.completed{color:#10b981;background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#10b981}.step-indicator.completed:not(:last-child):after{background:#10b981}.overall-progress{background:linear-gradient(135deg,#faf8f4 0%,#f5f0e8 100%);border:1px solid #8b73550f;border-radius:16px;margin-bottom:32px;padding:20px 24px}.progress-text{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.progress-label{color:#4a3c32;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.progress-badge{color:#8b7355;background:#fff;border:1px solid #8b73551f;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.reset-progress-btn{color:#8b7355;cursor:pointer;background:#fff;border:1px solid #8b735526;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .25s;display:flex}.reset-progress-btn:hover{color:#6b5d4f;background:#8b73550f;border-color:#a09080}.progress-bar-container{background:#8b73551a;border-radius:10px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 100%);border-radius:0 10px 10px 0;width:20px;height:100%;position:absolute;top:0;right:0}.stepper-content{min-height:200px;margin-bottom:28px}.step-card{will-change:transform;background:linear-gradient(135deg,#fff 0%,#fdfcfa 100%);border:1px solid #8b735514;border-radius:18px;padding:32px;position:relative;box-shadow:0 4px 16px #2c18100a,0 1px 3px #2c181005}.step-card:before{content:"";background:linear-gradient(90deg, var(--civ-color,#d4a853) 0%, var(--civ-color,#d4a853) 60%, transparent 100%);opacity:.5;border-radius:0 0 3px 3px;width:80px;height:3px;position:absolute;top:0;left:32px}.step-header{border-bottom:1px solid #8b735514;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.step-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #0000000f}.step-meta{flex-direction:column;flex:1;gap:6px;display:flex}.step-meta h4{color:#2c1810;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700;line-height:1.3}.step-duration{color:#8b7355;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.complete-step-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:8px;margin-top:4px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.complete-step-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px #0000001a}.ingredient-checklist{margin-bottom:28px}.checklist-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.checklist-header h5{color:#2c1810;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.checklist-header .checklist-count{color:#8b7355;background:#8b735514;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.checklist-items{flex-direction:column;gap:8px;display:flex}.checklist-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#faf8f4 0%,#fff 100%);border:1.5px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .25s;display:flex}.checklist-item:hover{background:linear-gradient(135deg,#f5f0e8 0%,#faf8f4 100%);border-color:#d4a85333;transform:translate(3px)}.checklist-item.checked-state{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#10b98140}.checklist-item.checked-state:hover{background:linear-gradient(135deg,#dcfce7 0%,#f0fdf4 100%)}.custom-checkbox{cursor:pointer;border:2px solid #d4c4a8;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .25s;display:flex}.checklist-item:hover .custom-checkbox{border-color:#c4a86b}.checklist-item.checked-state .custom-checkbox{background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98140}.checklist-item span{color:#4a3c32;flex:1;font-size:15px;font-weight:500;transition:all .25s}.checklist-item.checked-state span{color:#a09080;text-decoration:line-through}.checklist-check-icon{color:#fff;transform:scale(.9)}.all-ready-message{color:#15803d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #10b98126;border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.step-timer{margin-bottom:28px}.timer-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.timer-header h5{color:#2c1810;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.timer-display-card{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #3b82f626;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 4px 16px #2563eb0f,inset 0 1px #ffffff80}.timer-time{color:#1d4ed8;letter-spacing:-1.5px;text-shadow:0 2px 8px #2563eb1f;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:44px;font-weight:800;line-height:1}.timer-controls{gap:10px;display:flex}.timer-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.timer-btn.start{min-width:100px}.timer-btn.start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.timer-btn.pause{background:#f59e0b;min-width:100px}.timer-btn.pause:hover{background:#d97706;transform:translateY(-2px)}.timer-btn.reset{background:#94a3b8;padding:10px 16px}.timer-btn.reset:hover{background:#64748b;transform:translateY(-2px)}.step-tips{margin-bottom:28px}.tips-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.tips-header h5{color:#2c1810;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.tips-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tip-card{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border:1px solid #fbbf241f;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.tip-card:hover{border-color:#fbbf2440;transform:translate(3px);box-shadow:0 4px 12px #fbbf240f}.tip-card svg{flex-shrink:0;margin-top:2px}.tip-card span{color:#4a3c32;font-size:14px;font-weight:500;line-height:1.6}.instruction-container{background:linear-gradient(135deg,#faf8f4 0%,#f5f0e8 100%);border:1px solid #8b73551a;border-radius:16px;margin-top:0;overflow:hidden}.instruction-header{background:#8b73550f;border-bottom:1px solid #8b735514;align-items:center;gap:10px;padding:16px 24px;display:flex}.instruction-header h5{color:#6b5d4f;text-transform:uppercase;letter-spacing:.8px;margin:0;font-size:13px;font-weight:700}.instruction-container .step-body{padding:24px}.step-body p{color:#4a3f35;margin:0;font-size:16px;font-weight:400;line-height:1.8}.stepper-controls{justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:8px;display:flex}.stepper-btn{color:#4a3c32;cursor:pointer;background:#fff;border:1.5px solid #e8e0d4;border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #2c18100a}.stepper-btn:hover:not(:disabled){background:linear-gradient(135deg,#fff 0%,#faf8f4 100%);border-color:#d4c4a8;transform:translateY(-2px);box-shadow:0 6px 16px #2c181014}.stepper-btn:active:not(:disabled){transform:translateY(0)}.stepper-btn.next{border:none;box-shadow:0 4px 16px #1a0f0a40;color:#fff!important;background:#1a0f0a!important}.stepper-btn.next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #1a0f0a59}.stepper-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.step-counter{color:#a09080;background:#8b73550f;border-radius:50px;padding:8px 18px;font-size:14px;font-weight:600}.stepper-progress{background:#8b73551a;border-radius:10px;height:5px;overflow:hidden}.progress-bar{border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.ancient-hero{color:#2c1810;background:linear-gradient(160deg,#f8f4ec 0%,#f0ebe0 30%,#e8e2d5 60%,#f5f0e8 100%);padding:120px 0 80px;position:relative;overflow:hidden}.ancient-hero:before{content:"";pointer-events:none;background:radial-gradient(#d4a8531f 0%,#b48c500f 40%,#0000 70%);width:70%;height:80%;animation:8s ease-in-out infinite alternate heroGlow;position:absolute;top:-30%;left:-20%}.ancient-hero:after{content:"";pointer-events:none;background:radial-gradient(#8b735514 0%,#0000 60%);width:60%;height:70%;position:absolute;bottom:-20%;right:-10%}@keyframes heroGlow{0%{opacity:.6;transform:translate(0)scale(1)}to{opacity:1;transform:translate(30px,-20px)scale(1.1)}}.ancient-hero-content{z-index:2;text-align:center;background:linear-gradient(135deg,#fffdfa 0%,#f8f4ec 100%);border:1px solid #d4a85326;border-radius:24px;max-width:820px;margin:0 auto;padding:48px 40px;position:relative;box-shadow:0 20px 60px #00000040,0 4px 12px #d4a85314}.ancient-badge{letter-spacing:1.5px;text-transform:uppercase;color:#a07830;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d4a8531a;border:1px solid #d4a85340;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:10px 24px;font-size:13px;display:inline-flex;box-shadow:0 2px 8px #d4a8530f}.ancient-hero h1{background:linear-gradient(135deg,#1a0f0a 0%,#4a2c1a 30%,#8b6914 60%,#d4a853 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000000f);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(40px,7vw,72px);font-weight:800;line-height:1.05}.hero-subtitle{color:#8b7355;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:clamp(18px,3vw,26px);font-weight:400}.hero-description{color:#6b5d4f;max-width:560px;margin:0 auto 32px;font-size:17px;line-height:1.8}.hero-gradient{background:linear-gradient(#0000,#faf8f4);height:180px;position:absolute;bottom:0;left:0;right:0}.quick-fix-container{margin-top:24px}.quick-fix-button{color:#1a0f0a;background:linear-gradient(135deg,#d4a853 0%,#c49440 100%);border:none;border-radius:50px;align-items:center;gap:12px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 32px #d4a8534d}.quick-fix-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4a85366}.quick-fix-button svg:first-child{color:#1a0f0a}.quick-fix-hero-badge{color:#1a0f0a;background:linear-gradient(135deg,#d4a853 0%,#c49440 100%);border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.quick-fix-search{background:#fff;border:2px solid #e8e0d0;border-radius:50px;align-items:center;gap:12px;max-width:600px;margin:24px auto 0;padding:14px 20px;transition:border-color .3s,box-shadow .3s;display:flex}.quick-fix-search:focus-within{border-color:#d4a853;box-shadow:0 0 0 4px #d4a85326}.quick-fix-search svg{color:#8b7355;flex-shrink:0}.quick-fix-search input{color:#1a0f0a;background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:15px}.quick-fix-search input::placeholder{color:#b8a88a}.quick-fix-step-label{color:#8b7355;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:15px;display:flex}.step-badge{color:#1a0f0a;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#d4a853,#c49440);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.quick-fix-reset{color:#8b7355;cursor:pointer;background:0 0;border:1.5px solid #d6cbb8;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-size:13px;transition:all .2s;display:inline-flex}.quick-fix-reset:hover{color:#d4a853;border-color:#d4a853}.quick-fix-results-header{color:#8b7355;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;display:flex}.quick-fix-empty{text-align:center;color:#8b7355;padding:40px 20px;font-size:15px}.ancient-loading{color:#8b7355;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.categories-hub-section{padding:100px 0}.hub-header{text-align:center;margin-bottom:70px}.hub-label{letter-spacing:2px;text-transform:uppercase;color:#8b7355;background:linear-gradient(135deg,#d4a8531a 0%,#c494401a 100%);border:1px solid #d4a85333;border-radius:50px;margin-bottom:20px;padding:8px 20px;font-size:12px;font-weight:600;display:inline-block}.hub-header h2{color:#2c1810;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:700}.hub-subtitle{color:#8b7355;font-size:18px}.categories-masonry{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;max-width:1400px;margin:0 auto;padding:0 24px;display:grid}.category-hub-card{will-change:transform;background:linear-gradient(135deg,#fff 0%,#fdfcfa 100%);border:1px solid #d4a85314;border-radius:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #2c181014,0 1px 3px #2c18100a}.category-link{color:inherit;z-index:2;padding:32px;text-decoration:none;display:block;position:relative}.card-glow{opacity:0;pointer-events:none;background:linear-gradient(135deg,#d4a8531f 0%,#0000 55%);transition:opacity .4s;position:absolute;inset:0}.category-hub-card:hover{border-color:#d4a85333;transform:translateY(-4px);box-shadow:0 12px 32px #2c18101f,0 4px 8px #d4a85314}.category-hub-card:hover .card-glow{opacity:1}.card-content{align-items:flex-start;gap:20px;display:flex}.category-emoji{filter:drop-shadow(0 4px 12px #0000001f);font-size:52px;line-height:1;transition:transform .4s cubic-bezier(.4,0,.2,1)}.category-hub-card:hover .category-emoji{transform:scale(1.15)rotate(-8deg)}.category-info{flex:1}.category-info h3{color:#2c1810;margin-bottom:8px;font-size:22px;font-weight:700}.category-hook{color:#6b5d4f;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.category-meta{border-top:1px solid #8b73551f;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.topic-count{color:#a09080;font-size:13px;font-weight:500}.explore-arrow{color:#8b7355;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.category-hub-card:hover .explore-arrow{color:#c49440;gap:12px}.card-shine{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff80 0%,#0000 60%);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:scale(.5)}.category-hub-card:hover .card-shine{opacity:.6;transform:scale(1)}.ancient-features{background:linear-gradient(#0000 0%,#d4a8530a 100%);padding:80px 0 100px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1000px;margin:0 auto;padding:0 24px;display:grid}.feature-item{text-align:center;will-change:transform;background:linear-gradient(135deg,#fff 0%,#fdfcfa 100%);border:1px solid #8b73550f;border-radius:18px;padding:40px 32px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;box-shadow:0 4px 16px #2c18100f,0 1px 3px #2c181008}.feature-item:hover{border-color:#d4a8531a;transform:translateY(-4px);box-shadow:0 12px 32px #2c181014,0 4px 8px #d4a8530d}.feature-icon{color:#a07830;background:linear-gradient(135deg,#d4a85333 0%,#c4944026 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:inline-flex;box-shadow:0 4px 12px #d4a85326}.feature-item h3{color:#2c1810;margin-bottom:12px;font-size:20px;font-weight:700}.feature-item p{color:#6b5d4f;font-size:15px;line-height:1.6}.ancient-portal{background:linear-gradient(160deg,#f8f4ec 0%,#f0ebe0 40%,#e8e2d5 70%,#f5f0e8 100%);min-height:100vh;position:relative}.breadcrumb-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa6;border-bottom:1px solid #2c18100f;padding:20px 0;box-shadow:0 2px 8px #2c181008}.breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb a{color:#8b7355;border-radius:6px;padding:4px 8px;text-decoration:none;transition:all .2s}.breadcrumb a:hover{color:#2c1810;background:#d4a8531a}.breadcrumb a.active{color:#2c1810;background:#d4a85326;font-weight:600}.breadcrumb-separator{color:#c4b498}.portal-header{text-align:center;background:linear-gradient(#d4a8530d 0%,#0000 100%);padding:60px 0 50px}.portal-header.remedy-selection{background:linear-gradient(#1a0f0a08 0%,#0000 100%)}.portal-icon-large{margin-bottom:20px;font-size:72px;line-height:1}.portal-category-label{letter-spacing:1.5px;text-transform:uppercase;color:#8b7355;background:#d4a85326;border-radius:50px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.portal-breadcrumb-context{color:#8b7355;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;font-size:14px;display:flex}.parent-category{align-items:center;gap:6px;font-weight:500;display:flex}.current-topic,.current-issue{color:#2c1810;font-weight:600}.portal-header h1{color:#2c1810;margin-bottom:12px;font-size:clamp(32px,5vw,48px);font-weight:700}.portal-hook{color:#6b5d4f;max-width:600px;margin:0 auto 12px;font-size:18px;line-height:1.5}.portal-subtitle{color:#8b7355;font-size:16px}.portal-content{padding:40px 0 100px}.topics-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.topic-card{will-change:transform;background:linear-gradient(135deg,#fff 0%,#fdfcfa 100%);border:1px solid #d4a8530f;border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #2c181012,0 1px 3px #2c18100a}.topic-link{color:inherit;z-index:2;align-items:flex-start;gap:20px;padding:28px;text-decoration:none;display:flex;position:relative}.topic-icon-wrapper{color:#a08050;background:linear-gradient(135deg,#d4a8532e 0%,#c494401f 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 2px 8px #d4a8531a}.topic-content{flex:1}.topic-content h3{color:#2c1810;margin-bottom:8px;font-size:20px;font-weight:700}.topic-description{color:#6b5d4f;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.topic-meta{justify-content:space-between;align-items:center;display:flex}.issue-badge{color:#8b7355;background:#d4a8531a;border:1px solid #d4a8531a;border-radius:50px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.topic-arrow{color:#8b7355;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.topic-card:hover{border-color:#d4a85326;transform:translateY(-4px);box-shadow:0 12px 32px #2c18101a,0 4px 8px #d4a8530f}.topic-card:hover .topic-arrow{color:#c49440;gap:12px}.topic-accent{opacity:0;background:linear-gradient(#d4a853,#c49440,#a07830);width:4px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.topic-card:hover .topic-accent{opacity:1}.issues-hub{max-width:900px;margin:0 auto;padding:0 24px}.issues-header{color:#6b5d4f;background:linear-gradient(135deg,#d4a8531f 0%,#c4944014 100%);border:1px solid #d4a8531a;border-radius:14px;align-items:center;gap:12px;margin-bottom:32px;padding:16px 20px;font-size:15px;display:flex}.issues-header svg{color:#c49440}.issues-grid{gap:16px;display:grid}.issue-card{will-change:transform;background:linear-gradient(135deg,#fff 0%,#fdfcfa 100%);border:1px solid #d4a8530f;border-radius:14px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px #2c18100f}.issue-link{color:inherit;align-items:center;gap:20px;padding:24px 28px;text-decoration:none;display:flex}.issue-number{color:#d4a853;text-shadow:0 2px 4px #d4a85333;flex-shrink:0;width:48px;font-size:26px;font-weight:800}.issue-content{flex:1}.issue-content h3{color:#2c1810;margin-bottom:4px;font-size:18px;font-weight:600}.issue-remedy-count{color:#8b7355;font-size:13px}.issue-arrow{color:#c4b498;transition:all .3s}.issue-card:hover{border-color:#d4a8531f;transform:translate(4px);box-shadow:0 8px 24px #2c181014}.issue-card:hover .issue-arrow{color:#c49440;transform:translate(6px)}.civilization-selector{max-width:1200px;margin:0 auto;padding:0 24px}.selector-header{color:#6b5d4f;background:linear-gradient(135deg,#1a0f0a0a 0%,#2c18100f 100%);border:1px solid #8b735514;border-radius:14px;align-items:center;gap:12px;margin-bottom:32px;padding:16px 20px;font-size:15px;display:flex}.selector-header svg{color:#8b7355}.civilization-grid-enhanced{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.civilization-card-enhanced{will-change:transform;background:linear-gradient(135deg,#fff 0%,#fdfcfa 100%);border:1px solid #8b735514;border-radius:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;overflow:hidden;box-shadow:0 4px 16px #2c181012,0 1px 3px #2c18100a}.civ-link-enhanced{color:inherit;text-decoration:none;display:block}.civ-header{background:linear-gradient(135deg,#d4a85308 0%,#0000 100%);border-bottom:1px solid #8b735514;align-items:center;gap:16px;padding:20px 24px;display:flex}.civ-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:44px;line-height:1}.civ-info h3{color:#2c1810;margin-bottom:4px;font-size:18px;font-weight:700}.civ-philosophy{color:#8b7355;font-size:13px;font-style:italic;line-height:1.4}.civ-body{padding:20px 24px}.remedy-title{color:#2c1810;margin-bottom:12px;font-size:16px;font-weight:600}.remedy-meta{margin-bottom:12px}.remedy-badge{color:#8b7355;background:#d4a8531f;border:1px solid #d4a8531a;border-radius:50px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.remedy-preview{color:#6b5d4f;margin-bottom:16px;font-size:14px;line-height:1.5}.civ-arrow{color:#d4a853;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.civilization-card-enhanced:hover .civ-arrow{color:#c49440;gap:14px}.civilization-card-enhanced:hover{border-color:#d4a85333;transform:translateY(-4px);box-shadow:0 12px 32px #2c18101a,0 4px 8px #d4a8530f}.portal-footer{text-align:center;padding:40px 0}.back-button{color:#2c1810;cursor:pointer;background:#fff;border:1px solid #8b735533;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.back-button:hover{background:#f5f0e8;border-color:#8b735566}.ancient-remedy-detail{background:linear-gradient(160deg,#f8f4ec 0%,#f0ebe0 40%,#e8e2d5 70%,#f5f0e8 100%);min-height:100vh;position:relative}.remedy-hero{color:#f5f0e8;background:linear-gradient(135deg,#2c1810 0%,#4a2c1a 100%);padding:80px 0 60px}.remedy-hero-content{text-align:center;max-width:800px;margin:0 auto}.remedy-civilization{background:#f5f0e81a;border:1px solid #f5f0e84d;border-radius:50px;margin-bottom:24px;padding:8px 20px;font-size:14px;display:inline-block}.remedy-hero h1{margin-bottom:16px;font-size:42px;font-weight:700}.remedy-description{color:#d4c4a8;font-size:20px;line-height:1.5}.remedy-content{padding:60px 0 80px}.remedy-layout{grid-template-columns:1fr 320px;gap:48px;max-width:1200px;margin:0 auto;display:grid}.remedy-main{flex-direction:column;gap:40px;display:flex}.remedy-section{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #2c181014}.section-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-header svg{color:#8b7355}.section-header h2{color:#2c1810;font-size:24px;font-weight:700}.remedy-section p{color:#4a3c32;font-size:16px;line-height:1.7}.ingredients-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ingredient-item{color:#2c1810;background:#f5f0e8;border-left:4px solid #d4c4a8;border-radius:8px;padding:14px 16px;font-size:15px;font-weight:500}.steps-list{padding-left:20px}.steps-list li{color:#4a3c32;margin-bottom:12px;font-size:16px;line-height:1.8}.remedy-section p{color:#4a3c32;margin-bottom:12px;font-size:16px;line-height:1.7}.remedy-sidebar{flex-direction:column;gap:24px;display:flex}.sidebar-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #2c181014}.sidebar-card svg{color:#8b7355;margin-bottom:16px}.sidebar-card h3{color:#2c1810;margin-bottom:12px;font-size:20px;font-weight:700}.sidebar-card p{color:#6b5d4f;margin-bottom:20px;font-size:14px}.shop-button{color:#f5f0e8;cursor:pointer;background:#2c1810;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.shop-button:hover{background:#4a2c1a}.other-civilizations{flex-direction:column;gap:12px;display:flex}.civ-link{color:#2c1810;background:#f5f0e8;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.civ-link:hover{background:#e8e0d0}.remedy-footer{text-align:center;padding:40px 0}.ancient-error{background:linear-gradient(135deg,#f5f0e8 0%,#e8e0d0 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.ancient-error h2{color:#2c1810;margin-bottom:24px;font-size:32px}.back-link{color:#2c1810;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.breadcrumb-container.sticky{z-index:100;position:sticky;top:0}.remedy-hero-enhanced{color:#f5f0e8;background:linear-gradient(160deg,#0a0503 0%,#140b07 20%,#1e120a 40%,#2a1810 60%,#1a0f0a 80%,#0d0805 100%);padding:110px 0 90px;position:relative;overflow:hidden}.remedy-hero-enhanced:before{content:"";pointer-events:none;background:radial-gradient(at 30% 40%,#d4a8532e 0%,#b4823214 35%,#0000 65%);width:80%;height:90%;animation:10s ease-in-out infinite alternate heroGlow1;position:absolute;top:-40%;left:-30%}.remedy-hero-enhanced:after{content:"";pointer-events:none;background:radial-gradient(at 70% 60%,#643c1e26 0%,#3c1e0f14 40%,#0000 70%);width:70%;height:80%;animation:12s ease-in-out infinite alternate heroGlow2;position:absolute;bottom:-30%;right:-20%}@keyframes heroGlow1{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.15)}}@keyframes heroGlow2{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,20px)scale(1.1)}}.remedy-hero-content{text-align:center;z-index:2;max-width:780px;margin:0 auto;padding:0 24px;position:relative}.civ-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e8c880;background:#d4a85314;border:1.5px solid #d4a85366;border-radius:50px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 24px;display:inline-flex;position:relative;box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff0d}.civ-emoji{filter:drop-shadow(0 2px 6px #0006);font-size:24px;line-height:1}.civ-name{letter-spacing:1.5px;text-transform:uppercase;color:#e8c880;font-size:13px;font-weight:700}.remedy-hero-enhanced h1{letter-spacing:-.5px;background:linear-gradient(135deg,#fff8f0 0%,#f0d8a0 30%,#d4a853 60%,#c49440 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px #d4a85333);-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:clamp(36px,6vw,58px);font-weight:800;line-height:1.1}.remedy-philosophy{color:#c8a880;opacity:.9;max-width:560px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:clamp(15px,2vw,18px);font-style:italic;line-height:1.6;position:relative}.remedy-philosophy:before{content:"“";color:#d4a85340;font-family:Georgia,serif;font-size:40px;position:absolute;top:-10px;left:-22px}.problem-breakdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000040;border:1px solid #f5f0e81a;border-radius:50px;align-items:center;gap:16px;padding:12px 28px;display:inline-flex;box-shadow:0 4px 20px #0003}.problem-tag,.solution-tag{letter-spacing:.3px;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.problem-tag{color:#fca5a5}.problem-tag svg{color:#f87171}.solution-tag{color:#86efac}.solution-tag svg{color:#4ade80}.breakdown-arrow{color:#d4a85366}.quick-stats-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000040;border:1px solid #f5f0e80f;border-radius:50px;align-items:center;gap:8px;margin-top:32px;padding:10px 12px;display:inline-flex}.stat-item{color:#c4b498;border-right:1px solid #f5f0e814;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;display:flex}.stat-item:last-child{border-right:none}.stat-item svg{color:#d4a853;opacity:.8}.difficulty-icon{font-size:16px;line-height:1}.quick-actions-bar{z-index:99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border-bottom:1px solid #2c18100f;padding:16px 0;position:sticky;top:57px;box-shadow:0 2px 12px #2c18100a}.actions-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#d4a853 0%,#c49440 50%,#a07830 100%);box-shadow:0 4px 16px #d4a8534d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4a85366}.action-btn.secondary{color:#6b5d4f;background:#f5f0e8cc;border:1px solid #8b73551f}.action-btn.secondary:hover{color:#4a3c32;background:#f0ebe0;border-color:#d4a85340;transform:translateY(-1px)}.remedy-content-enhanced{background:linear-gradient(135deg,#faf8f4 0%,#f0ece4 100%);padding:60px 0 100px}.remedy-layout-enhanced{grid-template-columns:1fr 380px;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.remedy-main-enhanced{flex-direction:column;gap:32px;display:flex}.remedy-sidebar-enhanced{flex-direction:column;gap:24px;display:flex}.remedy-section-enhanced{will-change:transform;background:linear-gradient(135deg,#fff 0%,#fdfcfa 100%);border:1px solid #8b73550f;border-radius:18px;padding:32px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #2c18100f,0 1px 4px #2c181008}.remedy-section-enhanced:hover{box-shadow:0 8px 32px #2c181014,0 2px 8px #d4a8530a}.remedy-section-enhanced:before{content:"";background:linear-gradient(90deg, var(--civ-color,#d4a853) 0%, transparent 100%);opacity:.3;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:32px;right:32px}.section-header-enhanced{align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #0000000f}.section-header-enhanced h2{color:#2c1810;font-size:22px;font-weight:700}.section-content{color:#4a3c32;font-size:16px;line-height:1.7}.ingredients-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.ingredient-card{color:#2c1810;background:linear-gradient(135deg,#faf8f4 0%,#f5f0e8 100%);border:1px solid #8b735514;border-left:3px solid #d4a853;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #2c18100a}.ingredient-card:hover{background:linear-gradient(135deg,#f8f4ec 0%,#f0ebe0 100%);border-left-color:#c49440;transform:translateY(-2px);box-shadow:0 6px 16px #2c181014}.ingredient-card svg{color:#a08050;flex-shrink:0}.ingredient-substitutions{background:#d4a8530d;border-left:3px solid #d4a853;border-radius:12px;margin-top:20px;padding:16px}.ingredient-substitutions h4{color:#2c1810;margin-bottom:8px;font-size:15px;font-weight:600}.ingredient-substitutions p{color:#6b5d4f;margin:0;font-size:14px;line-height:1.5}.instruction-steps{flex-direction:column;gap:24px;display:flex}.instruction-step{gap:20px;display:flex}.step-number{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.step-content{flex:1}.step-content h4{color:#2c1810;margin-bottom:8px;font-size:16px;font-weight:600}.step-content p{color:#6b5d4f;font-size:15px;line-height:1.6}.safety-section{border-left:4px solid #f59e0b}.safety-content p{color:#6b5d4f;margin-bottom:16px;font-size:15px}.safety-list{margin:0;padding:0;list-style:none}.safety-list li{color:#6b5d4f;align-items:flex-start;gap:10px;margin-bottom:10px;padding-left:0;font-size:14px;display:flex}.safety-list li:before{content:"•";color:#f59e0b;font-weight:700}.modern-section{background:linear-gradient(90deg,#eff6ff,#fff);border-left:4px solid #3b82f6}.modern-text{color:#4a3c32;margin-bottom:16px;font-size:15px;line-height:1.7}.modern-badge{color:#2563eb;background:#dbeafe;border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.storage-section{border-left:4px solid #3b82f6}.storage-tips{flex-direction:column;gap:12px;display:flex}.storage-tip{color:#4a3c32;align-items:center;gap:12px;font-size:14px;line-height:1.5;display:flex}.troubleshooting-section{border-left:4px solid #d97706}.science-section{border-left:4px solid #3b82f6}.science-content{color:#374151;background:#f8faff;border:1px solid #dbeafe;border-radius:10px;padding:16px 20px;font-size:15px;line-height:1.8}.results-section{border-left:4px solid #16a34a}.results-timeline{flex-direction:column;gap:10px;display:flex}.results-timeline-item{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.results-timeline-item p{color:#166534;margin:0;font-size:14px;line-height:1.6}.variations-section{border-left:4px solid #9333ea}.related-remedy-item{background:#faf8f4;border:1px solid #e8e0d0;border-radius:8px;flex-direction:column;gap:3px;margin-bottom:8px;padding:10px 12px;display:flex}.related-type-badge{color:#8b7355;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.related-issue-label{color:#b8a88a;font-size:12px}.sb-card-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sb-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 6px #0000000f}.sb-card-title{color:#2c1810;margin:0 0 2px;font-size:15px;font-weight:700;line-height:1.3}.sb-card-subtitle{color:#8b7355;font-size:11px;font-weight:500}.sb-items-list{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.sb-item{background:#faf8f4;border:1px solid #8b73551a;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .2s,transform .2s;display:flex}.sb-item:hover{border-color:#8b735540;transform:translate(2px)}.sb-item-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.sb-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sb-item-label{text-transform:uppercase;letter-spacing:.6px;color:#8b7355;font-size:10px;font-weight:700}.sb-item-value{color:#2c1810;font-size:13px;line-height:1.55}.sb-card-note{color:#6b5d4f;background:#8b73550d;border-radius:8px;align-items:flex-start;gap:7px;padding:9px 12px;font-size:12px;line-height:1.5;display:flex}.sb-history-card{border-top:3px solid var(--civ-color,#d4a853)}.sb-variations-card{border-top:3px solid #9333ea}.sb-trouble-card{border-top:3px solid #d97706}.sb-modern-card{border-top:3px solid #2563eb}.toc-card{z-index:10;border-top:3px solid var(--civ-color,#d4a853);position:sticky;top:80px}.toc-header{border-bottom:1px solid #8b73551a;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.toc-nav{flex-direction:column;gap:2px;display:flex}.toc-item{cursor:pointer;text-align:left;color:#6b5d4f;background:0 0;border:none;border-left:3px solid #0000;border-radius:0 8px 8px 0;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;line-height:1.3;transition:all .18s;display:flex}.toc-item:hover{color:#2c1810;background:#8b73550f;padding-left:14px}.toc-item--active{background:#8b735512;padding-left:14px;font-weight:700}.toc-item-icon{color:#8b7355;background:#8b735514;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .18s;display:flex}.toc-item-label{flex:1}.toc-active-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.troubleshooting-content h4{color:#2c1810;margin-bottom:16px;font-size:16px;font-weight:600}.troubleshooting-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.troubleshooting-list li{color:#4a3c32;padding-left:0;font-size:14px;line-height:1.6}.troubleshooting-list li strong{color:#2c1810}.sidebar-card-enhanced{will-change:transform;background:linear-gradient(135deg,#fff 0%,#fdfcfa 100%);border:1px solid #8b73550f;border-radius:18px;padding:24px;transition:box-shadow .3s;box-shadow:0 4px 16px #2c18100f,0 1px 3px #2c181008}.sidebar-card-enhanced:hover{box-shadow:0 8px 28px #2c181014,0 2px 6px #d4a8530a}.sidebar-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex;box-shadow:0 2px 8px #0000000f}.sidebar-card-enhanced h3{color:#2c1810;margin-bottom:8px;font-size:18px;font-weight:700}.sidebar-text{color:#6b5d4f;margin-bottom:16px;font-size:14px;line-height:1.6}.routine-tips{flex-direction:column;gap:10px;display:flex}.tip-item{color:#6b5d4f;align-items:center;gap:10px;font-size:13px;display:flex}.tip-item svg{color:#22c55e;flex-shrink:0}.highlights-card{background:linear-gradient(135deg,#fef9e8 0%,#fff 100%);border:1px solid #d4a85326;box-shadow:0 4px 16px #d4a8530f,0 1px 3px #2c181008}.ingredient-highlights-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.highlight-item{background:#fff;border:1px solid #8b73551a;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.highlight-item:hover{border-color:#d4a8534d;transform:translate(2px)}.highlight-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.highlight-content{flex-direction:column;flex:1;gap:2px;display:flex}.highlight-name{color:#2c1810;font-size:13px;font-weight:600}.highlight-benefit{color:#8b7355;font-size:11px;font-weight:500}.highlights-note{color:#6b5d4f;background:#fbbf2414;border-radius:8px;align-items:flex-start;gap:8px;padding:12px;font-size:11px;line-height:1.4;display:flex}.shop-card{background:linear-gradient(135deg,#fefce8 0%,#fff 100%);border:1px solid #d4a85333}.shop-ingredients-preview{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.shop-ingredient-item{color:#4a3c32;align-items:center;gap:8px;font-size:13px;display:flex}.shop-ingredient-more{color:#8b7355;padding-left:20px;font-size:12px;font-weight:500}.shop-button-enhanced{color:#1a0f0a;cursor:pointer;background:linear-gradient(135deg,#d4a853 0%,#c49440 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.shop-button-enhanced:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4a8534d}.related-remedies{flex-direction:column;gap:8px;display:flex}.related-remedy-link{color:#2c1810;background:#f8f6f3;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.related-remedy-link:hover{background:#e8e4df}.related-civ{font-weight:600}.pdf-card{background:linear-gradient(135deg,#fef9e8 0%,#fff 100%);border:1px solid #d4a85333}.pdf-button{color:#f5f0e8;cursor:pointer;background:#2c1810;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.pdf-button:hover{background:#4a2c1a}.remedy-footer-enhanced{background:linear-gradient(135deg,#faf8f4 0%,#f0ece4 100%);padding:40px 0 60px}.back-button-enhanced{color:#2c1810;cursor:pointer;background:#fff;border:1px solid #8b735533;border-radius:50px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.back-button-enhanced:hover{background:#f5f0e8;border-color:#8b735566}.remedy-info-card{will-change:transform;background:linear-gradient(135deg,#fff 0%,#fdfcfa 100%);border:1px solid #d4a85326;border-radius:20px;margin-bottom:32px;padding:40px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #2c181014,0 2px 8px #d4a8530a}.remedy-info-card:hover{box-shadow:0 12px 40px #2c18101a,0 4px 12px #d4a8530f}.remedy-info-card:before{content:"";background:linear-gradient(90deg,#d4a853,#c49440,#a07830);width:100%;height:4px;position:absolute;top:0;left:0}.remedy-info-card:after{content:"";pointer-events:none;background:radial-gradient(#d4a8530f 0%,#0000 60%);width:60%;height:100%;position:absolute;top:-50%;right:-20%}.info-card-header{z-index:1;align-items:center;gap:16px;margin-bottom:32px;display:flex;position:relative}.info-card-header h3{color:#2c1810;letter-spacing:1px;font-size:24px;font-weight:700}.info-card-header svg{color:#c49440;filter:drop-shadow(0 2px 4px #d4a85333)}.info-card-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.info-item.full{grid-column:1/-1}.info-item label{text-transform:uppercase;letter-spacing:1.8px;color:#a07830;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.info-item p{color:#4a3c32;margin:0;font-size:16px;line-height:1.6}.difficulty-badge{border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #0000000a}.time-badge{color:#8b7355;background:linear-gradient(135deg,#d4a8531f 0%,#c4944014 100%);border:1px solid #d4a85326;border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.info-tag{color:#8b7355;background:linear-gradient(135deg,#d4a8531a 0%,#c4944014 100%);border:1px solid #d4a85333;border-radius:50px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.info-tag:hover{color:#6b5d4f;background:linear-gradient(135deg,#d4a8532e 0%,#c494401f 100%);border-color:#d4a8534d;transform:translateY(-1px)}.medical-disclaimer-box{background:linear-gradient(135deg,#fffbf0 0%,#fff8e8 100%);border:1px solid #f59e0b33;border-radius:18px;margin-bottom:32px;padding:32px;box-shadow:0 4px 12px #f59e0b0a}.disclaimer-header{color:#b45309;align-items:center;gap:12px;margin-bottom:20px;display:flex}.disclaimer-header h4{margin:0;font-size:18px;font-weight:700}.disclaimer-body p{color:#7f1d1d;margin-bottom:12px;font-size:14px;line-height:1.6}.disclaimer-footer{border-top:1px solid #991b1b1a;margin-top:16px;padding-top:16px;font-weight:600}.cultural-significance{background:#8b73550d;border-left:3px solid #d4c4a8;border-radius:12px;margin-top:24px;padding:24px}.cultural-significance h4{color:#2c1810;margin-bottom:8px;font-size:16px;font-weight:700}.sources-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.sources-list li{color:#8b7355;align-items:center;gap:10px;font-size:14px;font-style:italic;display:flex}.sources-list svg{color:#d4a853}@media (width<=480px){.ancient-hero{padding:55px 0 35px}.ancient-hero-content{border-radius:16px;padding:20px 16px}.ancient-badge{gap:6px;margin-bottom:16px;padding:6px 14px;font-size:11px}.ancient-hero h1{margin-bottom:10px;font-size:28px}.hero-subtitle{letter-spacing:1px;margin-bottom:10px;font-size:14px}.hero-description{margin-bottom:16px;font-size:14px;line-height:1.55}.hero-gradient{height:80px}.quick-fix-container{margin-top:14px}.quick-fix-button{gap:8px;padding:10px 18px;font-size:13px}.categories-hub-section{padding:40px 0}.hub-header{margin-bottom:28px}.hub-label{margin-bottom:10px;padding:5px 12px;font-size:10px}.hub-header h2{margin-bottom:8px;font-size:clamp(22px,6vw,28px)}.hub-subtitle{font-size:14px}.categories-masonry{grid-template-columns:1fr;gap:14px;padding:0 12px}.category-link{padding:18px}.card-content{gap:12px}.category-emoji{font-size:36px}.category-info h3{font-size:17px}.category-hook{margin-bottom:10px;font-size:13px}.category-meta{margin-top:10px;padding-top:10px}.ancient-features{padding:40px 0 50px}.features-grid{grid-template-columns:1fr;gap:16px;padding:0 12px}.feature-item{padding:24px 20px}.feature-icon{width:52px;height:52px;margin-bottom:14px}.feature-item h3{margin-bottom:6px;font-size:16px}.feature-item p{font-size:13px}.breadcrumb-container{padding:10px 0}.breadcrumb{gap:4px;font-size:12px}.breadcrumb a{padding:2px 4px}.breadcrumb-separator{font-size:10px}.portal-header{padding:30px 0 24px}.portal-icon-large{margin-bottom:10px;font-size:48px}.portal-category-label{margin-bottom:8px;padding:4px 10px;font-size:10px}.portal-breadcrumb-context{gap:6px;margin-bottom:10px;font-size:12px}.portal-header h1{margin-bottom:8px;font-size:clamp(22px,6vw,28px)}.portal-hook{margin-bottom:8px;font-size:14px}.portal-subtitle{font-size:13px}.portal-content{padding:20px 0 40px}.topics-grid{grid-template-columns:1fr;gap:12px;padding:0 12px}.topic-link{gap:12px;padding:16px}.topic-icon-wrapper{border-radius:10px;width:42px;height:42px}.topic-content h3{margin-bottom:4px;font-size:15px}.topic-description{margin-bottom:8px;font-size:12px}.issue-badge{padding:4px 8px;font-size:11px}.issues-hub{padding:0 12px}.issues-header{border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.issue-link{gap:12px;padding:14px 16px}.issue-number{width:32px;font-size:20px}.issue-content h3{font-size:15px}.issue-remedy-count{font-size:12px}.civilization-selector{padding:0 12px}.selector-header{border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.civilization-grid-enhanced{grid-template-columns:1fr;gap:12px}.civ-header{gap:10px;padding:12px 14px}.civ-icon{font-size:32px}.civ-info h3{font-size:15px}.civ-philosophy{font-size:11px}.civ-body{padding:12px 14px}.remedy-title{margin-bottom:6px;font-size:14px}.remedy-preview{margin-bottom:10px;font-size:12px}.civ-arrow{font-size:12px}.portal-footer{padding:20px 0}.back-button{padding:8px 16px;font-size:12px}.remedy-hero{padding:50px 0 30px}.remedy-hero h1{margin-bottom:8px;font-size:24px}.remedy-description{font-size:14px}.remedy-civilization{margin-bottom:12px;padding:5px 12px;font-size:12px}.remedy-content{padding:30px 0 40px}.remedy-layout{grid-template-columns:1fr;gap:24px;padding:0 12px}.remedy-main{gap:20px}.remedy-section{border-radius:12px;padding:20px}.section-header{margin-bottom:14px}.section-header h2{font-size:17px}.remedy-section p{font-size:14px;line-height:1.6}.ingredients-list{gap:8px}.ingredient-item{padding:10px 12px;font-size:13px}.steps-list{padding-left:14px}.steps-list li{margin-bottom:8px;font-size:14px;line-height:1.6}.sidebar-card{border-radius:12px;padding:18px}.sidebar-card h3{font-size:15px}.sidebar-card p{margin-bottom:10px;font-size:12px}.shop-button{padding:8px 16px;font-size:12px}.other-civilizations{gap:6px}.civ-link{padding:8px 12px;font-size:12px}.remedy-footer{padding:20px 0}.ancient-error h2{margin-bottom:14px;font-size:22px}.remedy-hero-enhanced{padding:60px 0 40px}.remedy-hero-enhanced h1{margin-bottom:10px;font-size:clamp(24px,7vw,32px)}.civ-badge{gap:6px;margin-bottom:14px;padding:6px 14px}.civ-emoji{font-size:18px}.civ-name{letter-spacing:1px;font-size:11px}.remedy-philosophy{margin-bottom:18px;font-size:13px}.remedy-philosophy:before{font-size:24px;top:-6px;left:-12px}.problem-breakdown{gap:8px;padding:8px 16px}.problem-tag,.solution-tag{gap:4px;font-size:11px}.quick-stats-bar{border-radius:40px;flex-direction:column;gap:6px;margin-top:16px;padding:8px 12px}.stat-item{gap:4px;padding:4px 10px;font-size:11px}.quick-actions-bar{padding:10px 0;top:0}.actions-wrapper{gap:8px;padding:0 12px}.action-btn{gap:4px;padding:8px 14px;font-size:12px}.remedy-content-enhanced{padding:30px 0 40px}.remedy-layout-enhanced{grid-template-columns:1fr;gap:24px;padding:0 12px}.remedy-main-enhanced{gap:20px}.remedy-section-enhanced{border-radius:12px;padding:18px}.remedy-section-enhanced:before{left:18px;right:18px}.section-header-enhanced{gap:10px;margin-bottom:12px}.section-icon{border-radius:10px;width:36px;height:36px}.section-header-enhanced h2{font-size:16px}.section-content{font-size:14px;line-height:1.6}.ingredients-grid{grid-template-columns:1fr;gap:6px}.ingredient-card{gap:8px;padding:10px 12px;font-size:13px}.ingredient-substitutions{border-radius:8px;margin-top:12px;padding:10px 12px}.ingredient-substitutions h4{font-size:13px}.ingredient-substitutions p{font-size:12px}.instruction-steps{gap:14px}.instruction-step{gap:10px}.step-number{width:30px;height:30px;font-size:13px}.step-content h4{margin-bottom:4px;font-size:14px}.step-content p{font-size:13px}.safety-content p{margin-bottom:10px;font-size:13px}.safety-list li{gap:6px;margin-bottom:6px;font-size:12px}.modern-text{margin-bottom:10px;font-size:13px}.modern-badge{padding:5px 10px;font-size:11px}.storage-tip{gap:8px;font-size:12px}.troubleshooting-content h4{margin-bottom:10px;font-size:14px}.troubleshooting-list li{font-size:12px;line-height:1.5}.remedy-sidebar-enhanced{gap:14px}.sidebar-card-enhanced{border-radius:12px;padding:14px}.sidebar-icon{border-radius:8px;width:32px;height:32px;margin-bottom:8px}.sidebar-card-enhanced h3{margin-bottom:4px;font-size:14px}.sidebar-text{margin-bottom:10px;font-size:12px;line-height:1.5}.routine-tips{gap:6px}.tip-item{gap:6px;font-size:11px}.ingredient-highlights-list{gap:6px;margin-bottom:10px}.highlight-item{gap:8px;padding:6px 8px}.highlight-icon{border-radius:6px;width:24px;height:24px}.highlight-name{font-size:11px}.highlight-benefit{font-size:10px}.highlights-note{padding:8px;font-size:10px}.shop-ingredients-preview{gap:4px;margin-bottom:10px}.shop-ingredient-item{gap:4px;font-size:11px}.shop-ingredient-more{padding-left:16px;font-size:10px}.shop-button-enhanced{padding:8px 16px;font-size:12px}.related-remedies{gap:4px}.related-remedy-link{border-radius:8px;padding:8px 10px;font-size:12px}.pdf-button{border-radius:8px;padding:10px;font-size:12px}.remedy-info-card{border-radius:14px;margin-bottom:20px;padding:20px}.info-card-header{gap:10px;margin-bottom:16px}.info-card-header h3{letter-spacing:.5px;font-size:16px}.info-card-grid{grid-template-columns:1fr;gap:14px}.info-item label{letter-spacing:1px;margin-bottom:6px;font-size:10px}.info-item p{font-size:13px;line-height:1.5}.difficulty-badge,.time-badge{gap:4px;padding:5px 10px;font-size:12px}.tag-cloud{gap:5px}.info-tag{padding:4px 8px;font-size:11px}.medical-disclaimer-box{border-radius:12px;margin-bottom:20px;padding:16px}.disclaimer-header{gap:8px;margin-bottom:10px}.disclaimer-header h4{font-size:14px}.disclaimer-body p{margin-bottom:8px;font-size:12px;line-height:1.5}.disclaimer-footer{margin-top:8px;padding-top:8px;font-size:12px}.cultural-significance{border-radius:8px;margin-top:14px;padding:14px}.cultural-significance h4{margin-bottom:6px;font-size:13px}.sources-list{gap:6px}.sources-list li{gap:6px;font-size:12px}.remedy-footer-enhanced{padding:24px 0 30px}.back-button-enhanced{gap:6px;padding:10px 18px;font-size:13px}.preparation-stepper{border-radius:14px;padding:16px 14px}.stepper-header{gap:8px;margin-bottom:16px;padding-bottom:12px}.stepper-header h3{font-size:16px}.stepper-subtitle{font-size:11px}.overall-progress{border-radius:10px;margin-bottom:16px;padding:10px 12px}.progress-label{font-size:12px}.progress-badge{padding:2px 6px;font-size:10px}.reset-progress-btn{padding:5px 8px;font-size:10px}.step-card{border-radius:12px;padding:14px}.step-header{gap:10px;margin-bottom:12px;padding-bottom:12px}.step-icon{border-radius:10px;width:36px;height:36px}.step-meta h4{font-size:15px}.step-duration{font-size:11px}.complete-step-btn{gap:4px;padding:5px 10px;font-size:11px}.ingredient-checklist{margin-bottom:16px}.checklist-header h5{font-size:13px}.checklist-item{border-radius:8px;gap:8px;padding:8px 10px}.custom-checkbox{width:18px;height:18px}.checklist-text{font-size:12px}.step-timer{margin-bottom:16px}.timer-display-card{border-radius:10px;padding:12px 14px}.timer-time{font-size:28px}.timer-btn{gap:4px;padding:6px 10px;font-size:11px}.step-tips{margin-bottom:16px}.tips-header h5{font-size:13px}.tip-card{border-radius:8px;gap:8px;padding:8px 10px}.tip-text{font-size:12px}.instruction-container{border-radius:10px;padding:14px}.instruction-header h5{font-size:13px}.stepper-controls{gap:8px;padding-top:4px}.stepper-btn{gap:4px;padding:8px 10px;font-size:12px}.step-counter{font-size:11px}}@media (width<=768px){.ancient-hero{padding:55px 0 35px}.ancient-hero-content{padding:24px 16px}.info-card-grid{grid-template-columns:1fr}.ancient-hero h1{font-size:28px}.hero-subtitle{font-size:14px}.categories-grid,.remedy-layout{grid-template-columns:1fr}.portal-header h1{font-size:26px}.selection-grid,.civilization-grid,.remedy-layout-enhanced{grid-template-columns:1fr}.quick-actions-bar{position:relative;top:0}.actions-wrapper{flex-direction:column;width:100%}.action-btn{justify-content:center;width:100%}.quick-stats-bar{flex-direction:column;gap:8px;padding:8px 12px}.preparation-stepper{padding:16px 14px}.stepper-header{flex-direction:column;align-items:flex-start;gap:12px}.step-indicators{gap:0}.step-indicator{width:34px;height:34px;font-size:11px}.step-indicator:not(:last-child):after{width:12px}.step-card{padding:14px}.step-header{flex-wrap:wrap;gap:10px}.step-icon{width:36px;height:36px}.complete-step-btn{margin-left:auto}.timer-display-card{flex-direction:column;align-items:center;gap:12px}.timer-time{font-size:28px}.timer-controls{justify-content:center;width:100%}.timer-btn{flex:1}.stepper-controls{flex-wrap:wrap;gap:8px}.stepper-btn{flex:1;justify-content:center;padding:8px 10px;font-size:12px}.step-counter{text-align:center;order:-1;width:100%}}@media (width<=358px){.ancient-hero{padding:48px 0 28px}.ancient-hero-content{border-radius:12px;padding:14px 10px}.ancient-badge{gap:4px;margin-bottom:10px;padding:4px 8px;font-size:9px}.ancient-hero h1{margin-bottom:6px;font-size:22px}.hero-subtitle{letter-spacing:.5px;margin-bottom:6px;font-size:12px}.hero-description{margin-bottom:10px;font-size:12px;line-height:1.45}.hero-gradient{height:50px}.quick-fix-container{margin-top:8px}.quick-fix-button{border-radius:40px;gap:4px;padding:7px 12px;font-size:11px}.categories-hub-section{padding:24px 0}.hub-header{margin-bottom:16px}.hub-label{margin-bottom:6px;padding:3px 8px;font-size:9px}.hub-header h2{margin-bottom:4px;font-size:20px}.hub-subtitle{font-size:12px}.categories-masonry{gap:8px;padding:0 8px}.category-link{padding:12px}.card-content{gap:8px}.category-emoji{font-size:28px}.category-info h3{margin-bottom:2px;font-size:14px}.category-hook{margin-bottom:6px;font-size:11px}.category-meta{margin-top:6px;padding-top:6px}.topic-count{font-size:10px}.explore-arrow{gap:3px;font-size:10px}.ancient-features{padding:24px 0 32px}.features-grid{gap:8px;padding:0 8px}.feature-item{border-radius:12px;padding:16px 12px}.feature-icon{width:40px;height:40px;margin-bottom:8px}.feature-icon svg{width:20px;height:20px}.feature-item h3{margin-bottom:3px;font-size:13px}.feature-item p{font-size:11px;line-height:1.45}.breadcrumb-container{padding:6px 0}.breadcrumb{gap:2px;font-size:10px}.breadcrumb a{border-radius:4px;padding:1px 2px}.breadcrumb-separator{font-size:8px}.portal-header{padding:18px 0 14px}.portal-icon-large{margin-bottom:6px;font-size:36px}.portal-category-label{margin-bottom:4px;padding:3px 8px;font-size:9px}.portal-breadcrumb-context{gap:4px;margin-bottom:6px;font-size:10px}.portal-header h1{margin-bottom:4px;font-size:20px}.portal-hook{margin-bottom:4px;font-size:12px}.portal-subtitle{font-size:11px}.portal-content{padding:12px 0 24px}.topics-grid{gap:6px;padding:0 8px}.topic-link{gap:8px;padding:10px}.topic-icon-wrapper{border-radius:8px;width:32px;height:32px}.topic-icon-wrapper svg{width:16px;height:16px}.topic-content h3{margin-bottom:2px;font-size:12px}.topic-description{margin-bottom:4px;font-size:10px;line-height:1.35}.issue-badge{gap:3px;padding:2px 6px;font-size:9px}.topic-arrow{gap:3px;font-size:10px}.issues-hub{padding:0 8px}.issues-header{border-radius:8px;gap:6px;margin-bottom:8px;padding:6px 8px;font-size:10px}.issues-header svg{width:14px;height:14px}.issues-grid{gap:6px}.issue-link{gap:6px;padding:8px 10px}.issue-number{width:24px;font-size:16px}.issue-content h3{font-size:12px}.issue-remedy-count{font-size:10px}.issue-arrow svg{width:14px;height:14px}.civilization-selector{padding:0 8px}.selector-header{border-radius:8px;gap:6px;margin-bottom:8px;padding:6px 8px;font-size:10px}.civilization-grid-enhanced{gap:6px}.civ-header{gap:6px;padding:8px 10px}.civ-icon{font-size:24px}.civ-info h3{margin-bottom:1px;font-size:12px}.civ-philosophy{font-size:9px}.civ-body{padding:8px 10px}.remedy-title{margin-bottom:3px;font-size:11px}.remedy-badge{gap:3px;padding:2px 6px;font-size:9px}.remedy-preview{margin-bottom:6px;font-size:10px}.civ-arrow{gap:4px;font-size:10px}.portal-footer{padding:12px 0}.back-button{border-radius:40px;gap:4px;padding:6px 10px;font-size:10px}.back-button svg{width:14px;height:14px}.remedy-hero{padding:40px 0 22px}.remedy-hero h1{margin-bottom:4px;font-size:18px}.remedy-description{font-size:11px;line-height:1.45}.remedy-civilization{border-radius:40px;margin-bottom:6px;padding:3px 8px;font-size:9px}.remedy-content{padding:18px 0 24px}.remedy-layout{gap:14px;padding:0 8px}.remedy-main{gap:12px}.remedy-section{border-radius:10px;padding:12px}.section-header{gap:6px;margin-bottom:8px}.section-header svg{width:16px;height:16px}.section-header h2{font-size:13px}.remedy-section p{margin-bottom:6px;font-size:11px;line-height:1.45}.ingredients-list{gap:4px}.ingredient-item{border-left-width:3px;border-radius:6px;padding:6px 8px;font-size:10px}.steps-list{padding-left:10px}.steps-list li{margin-bottom:4px;font-size:11px;line-height:1.45}.sidebar-card{border-radius:8px;gap:8px;padding:10px}.sidebar-card svg{width:16px;height:16px;margin-bottom:6px}.sidebar-card h3{margin-bottom:4px;font-size:12px}.sidebar-card p{margin-bottom:6px;font-size:10px}.shop-button{border-radius:40px;gap:4px;padding:5px 10px;font-size:10px}.other-civilizations{gap:3px}.civ-link{border-radius:6px;padding:5px 8px;font-size:10px}.remedy-footer{padding:10px 0}.ancient-error h2{margin-bottom:8px;font-size:18px}.back-link{gap:4px;font-size:12px}.remedy-hero-enhanced{padding:48px 0 28px}.remedy-hero-enhanced h1{margin-bottom:6px;font-size:22px}.civ-badge{border-radius:40px;gap:4px;margin-bottom:8px;padding:4px 10px}.civ-emoji{font-size:14px}.civ-name{letter-spacing:.8px;font-size:9px}.remedy-philosophy{margin-bottom:10px;font-size:10px;line-height:1.45}.remedy-philosophy:before{font-size:18px;top:-4px;left:-8px}.problem-breakdown{border-radius:40px;gap:4px;padding:5px 10px}.problem-tag,.solution-tag{gap:3px;font-size:9px}.quick-stats-bar{border-radius:40px;gap:3px;margin-top:8px;padding:5px 8px}.stat-item{gap:2px;padding:2px 6px;font-size:9px}.stat-item svg{width:12px;height:12px}.quick-actions-bar{padding:6px 0}.actions-wrapper{gap:4px;padding:0 8px}.action-btn{border-radius:40px;gap:3px;padding:5px 8px;font-size:10px}.remedy-content-enhanced{padding:18px 0 24px}.remedy-layout-enhanced{gap:14px;padding:0 8px}.remedy-main-enhanced{gap:12px}.remedy-section-enhanced{border-radius:10px;padding:10px}.remedy-section-enhanced:before{height:2px;left:10px;right:10px}.section-header-enhanced{gap:6px;margin-bottom:6px}.section-icon{border-radius:6px;width:26px;height:26px}.section-icon svg{width:14px;height:14px}.section-header-enhanced h2{font-size:13px}.section-content{font-size:11px;line-height:1.45}.ingredients-grid{gap:3px}.ingredient-card{border-radius:6px;gap:4px;padding:6px 8px;font-size:10px}.ingredient-card svg{width:12px;height:12px}.ingredient-substitutions{border-left-width:2px;border-radius:6px;margin-top:6px;padding:6px 8px}.ingredient-substitutions h4{margin-bottom:3px;font-size:10px}.ingredient-substitutions p{font-size:10px}.instruction-steps{gap:8px}.instruction-step{gap:6px}.step-number{width:22px;height:22px;font-size:10px}.step-content h4{margin-bottom:2px;font-size:11px}.step-content p{font-size:10px}.safety-content p{margin-bottom:6px;font-size:11px}.safety-list li{gap:4px;margin-bottom:3px;font-size:10px}.safety-list li svg{width:12px;height:12px}.modern-text{margin-bottom:6px;font-size:11px}.modern-badge{gap:3px;padding:3px 6px;font-size:9px}.storage-tips{gap:6px}.storage-tip{gap:4px;font-size:10px}.storage-tip svg{width:12px;height:12px}.troubleshooting-content h4{margin-bottom:6px;font-size:11px}.troubleshooting-list{gap:4px}.troubleshooting-list li{font-size:10px;line-height:1.4}.troubleshooting-list li strong{font-size:10px}.remedy-sidebar-enhanced{gap:6px}.sidebar-card-enhanced{border-radius:8px;padding:8px}.sidebar-icon{border-radius:6px;width:24px;height:24px;margin-bottom:4px}.sidebar-icon svg{width:14px;height:14px}.sidebar-card-enhanced h3{margin-bottom:2px;font-size:11px}.sidebar-text{margin-bottom:4px;font-size:10px;line-height:1.4}.routine-tips{gap:3px}.tip-item{gap:3px;font-size:9px}.tip-item svg{width:10px;height:10px}.ingredient-highlights-list{gap:3px;margin-bottom:4px}.highlight-item{border-radius:5px;gap:4px;padding:4px 5px}.highlight-icon{border-radius:4px;width:18px;height:18px}.highlight-icon svg{width:10px;height:10px}.highlight-name{font-size:9px}.highlight-benefit{font-size:8px}.highlights-note{border-radius:5px;gap:4px;padding:4px;font-size:8px}.shop-ingredients-preview{gap:2px;margin-bottom:4px}.shop-ingredient-item{gap:3px;font-size:9px}.shop-ingredient-item svg{width:10px;height:10px}.shop-ingredient-more{padding-left:12px;font-size:8px}.shop-button-enhanced{border-radius:40px;gap:3px;padding:5px 10px;font-size:10px}.related-remedies{gap:2px}.related-remedy-link{border-radius:5px;padding:5px 6px;font-size:10px}.pdf-button{border-radius:6px;gap:4px;padding:6px;font-size:10px}.pdf-button svg{width:14px;height:14px}.remedy-info-card{border-radius:10px;margin-bottom:10px;padding:10px}.info-card-header{gap:6px;margin-bottom:8px}.info-card-header h3{letter-spacing:.3px;font-size:12px}.info-card-header svg{width:16px;height:16px}.info-card-grid{gap:8px}.info-item label{letter-spacing:.5px;margin-bottom:3px;font-size:8px}.info-item p{font-size:10px;line-height:1.4}.difficulty-badge,.time-badge{border-radius:40px;gap:2px;padding:3px 6px;font-size:9px}.tag-cloud{gap:3px}.info-tag{border-radius:40px;padding:2px 5px;font-size:9px}.medical-disclaimer-box{border-radius:8px;margin-bottom:10px;padding:8px}.disclaimer-header{gap:4px;margin-bottom:4px}.disclaimer-header svg{width:16px;height:16px}.disclaimer-header h4{font-size:10px}.disclaimer-body p{margin-bottom:4px;font-size:9px;line-height:1.4}.disclaimer-footer{margin-top:4px;padding-top:4px;font-size:9px}.cultural-significance{border-radius:6px;margin-top:8px;padding:8px}.cultural-significance h4{margin-bottom:3px;font-size:10px}.sources-list{gap:3px}.sources-list li{gap:3px;font-size:9px}.sources-list li svg{width:10px;height:10px}.remedy-footer-enhanced{padding:12px 0 16px}.back-button-enhanced{border-radius:40px;gap:4px;padding:6px 10px;font-size:10px}.back-button-enhanced svg{width:14px;height:14px}.preparation-stepper{border-radius:10px;padding:10px}.stepper-header{gap:4px;margin-bottom:8px;padding-bottom:6px}.stepper-header h3{font-size:12px}.stepper-subtitle{font-size:9px}.step-indicators{gap:0}.step-indicator{width:28px;height:28px;font-size:9px}.step-indicator:not(:last-child):after{width:8px}.overall-progress{border-radius:8px;margin-bottom:8px;padding:6px 8px}.progress-label{font-size:10px}.progress-badge{padding:1px 4px;font-size:8px}.reset-progress-btn{border-radius:5px;gap:3px;padding:3px 5px;font-size:8px}.step-card{border-radius:8px;padding:8px}.step-header{gap:6px;margin-bottom:6px;padding-bottom:6px}.step-icon{border-radius:6px;width:28px;height:28px}.step-icon svg{width:14px;height:14px}.step-meta h4{font-size:12px}.step-duration{gap:3px;font-size:9px}.complete-step-btn{border-radius:6px;gap:3px;padding:3px 6px;font-size:9px}.ingredient-checklist{margin-bottom:8px}.checklist-header{gap:6px;margin-bottom:6px}.checklist-header h5{font-size:10px}.checklist-header .checklist-count{padding:1px 5px;font-size:8px}.checklist-items{gap:3px}.checklist-item{border-radius:5px;gap:4px;padding:4px 5px}.custom-checkbox{border-width:1.5px;width:14px;height:14px}.checklist-text{font-size:10px}.all-ready-message{border-radius:5px;gap:4px;padding:4px 5px}.all-ready-message span{font-size:10px}.step-timer{margin-bottom:8px}.timer-display-card{border-radius:8px;gap:6px;padding:6px 8px}.timer-time{font-size:22px}.timer-btn{border-radius:5px;gap:2px;padding:3px 5px;font-size:9px}.timer-btn svg{width:12px;height:12px}.step-tips{margin-bottom:8px}.tips-header{gap:4px;margin-bottom:4px}.tips-header h5{font-size:10px}.tips-list{gap:4px}.tip-card{border-radius:5px;gap:4px;padding:4px 5px}.tip-card svg{width:12px;height:12px}.tip-text{font-size:9px}.instruction-container{border-radius:6px;padding:6px}.instruction-header{gap:4px;margin-bottom:6px}.instruction-header h5{font-size:10px}.instruction-text{font-size:10px;line-height:1.4}.instruction-text strong{font-size:10px}.stepper-controls{gap:4px;padding-top:2px}.stepper-btn{border-radius:6px;gap:2px;padding:5px 6px;font-size:9px}.step-counter{font-size:9px}}@media print{.breadcrumb-container,.quick-actions-bar,.remedy-sidebar-enhanced,.remedy-footer-enhanced{display:none!important}.ancient-remedy-detail{background:#fff!important}.remedy-hero-enhanced{padding:20px 0;color:#000!important;background:#fff!important}.remedy-hero-enhanced h1,.remedy-hero-enhanced p{color:#000!important}.remedy-content-enhanced{padding:20px 0;background:#fff!important}.remedy-layout-enhanced{grid-template-columns:1fr!important;gap:20px!important}.remedy-section-enhanced{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.medical-disclaimer-box{background:#fff!important;border:2px solid #000!important}.ingredient-availability,.ingredient-substitutions{display:none}.preparation-stepper{box-shadow:none!important;border:1px solid #ccc!important;padding:20px!important}.stepper-header,.overall-progress,.stepper-controls,.stepper-progress,.custom-checkbox{display:none!important}.checklist-item{padding-left:0!important}.timer-display-card{background:#fff!important;border:1px solid #ccc!important}.timer-controls,.complete-step-btn{display:none!important}}