.yeast-guide-container{padding:0 .75rem}.yeast-guide{max-width:600px;margin:0 auto;padding:.75rem .25rem 100px}.yeast-guide h1{text-align:center;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.5rem}.guide-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:1rem;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #8b45130f}.guide-section:after{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.guide-section h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.compact-list{color:var(--text-secondary);margin:0;padding-left:1.2rem;font-size:.9rem}.compact-list li{margin-bottom:.4rem}.compact-list li strong{color:var(--text-primary)}.yeast-types{flex-direction:column;gap:.75rem;display:flex}.yeast-type{background:var(--background);border:1px solid #8b45130f;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;transition:transform .2s,box-shadow .2s;display:flex}.yeast-type:hover{transform:translateY(-2px);box-shadow:0 6px 18px #8b451314}.yeast-icon{text-align:center;width:40px;font-size:1.5rem}.yeast-type strong{color:var(--text-primary);font-size:.95rem;display:block}.yeast-type p{color:var(--text-secondary);margin:0;font-size:.8rem}.conversion-table{background:var(--background);-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;overflow:auto hidden}.conversion-table .table-header,.conversion-table .table-row{min-width:340px}.table-header{background:var(--primary);color:#fff;text-align:center;z-index:1;grid-template-columns:repeat(4,1fr);font-size:.75rem;font-weight:600;display:grid;position:sticky;top:0}.table-header span{padding:.6rem .3rem}.table-row{text-align:center;border-bottom:1px solid var(--border);background:#fff9;grid-template-columns:repeat(4,1fr);font-size:.85rem;display:grid}.table-row:last-child{border-bottom:none}.table-row span{color:var(--text-primary);padding:.5rem .3rem}.table-row.highlight{background:#8b5a2b1f}.conversion-tip{text-align:center;color:#5d4037;background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);border-radius:10px;margin-top:.75rem;padding:.75rem;font-size:.85rem}.tips-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.tip-card{background:var(--background);text-align:center;border:1px solid #8b45130f;border-radius:12px;padding:.75rem;box-shadow:0 6px 16px #8b45130d}.tip-icon{margin-bottom:.5rem;font-size:1.5rem;display:block}.tip-card strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.8rem;display:block}.tip-card p{color:var(--text-secondary);margin:0;font-size:.75rem}.thickeners{flex-direction:column;gap:.5rem;display:flex}.thickener{background:var(--background);border:1px dashed #8b451333;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.thickener strong{color:var(--text-primary);font-size:.9rem}.thickener span{color:var(--primary);font-size:.85rem;font-weight:500}.thickener-note{color:var(--text-secondary);text-align:center;margin-top:.75rem;font-size:.8rem;font-style:italic}.warning-section{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border:1px solid #ffb74d}.warning-section h2{color:#e65100}.warning-list{margin:0;padding-left:1.25rem}.warning-list li{color:#5d4037;margin-bottom:.5rem;font-size:.9rem}.warning-list li:last-child{margin-bottom:0}@media (max-width:400px){.yeast-guide{padding:.5rem .25rem 90px}.guide-section{border-radius:14px;padding:1rem}.tips-grid{grid-template-columns:1fr}.table-header span,.table-row span{padding:.5rem .2rem;font-size:.75rem}.yeast-type{padding:.6rem}.yeast-icon{width:32px;font-size:1.3rem}.tip-card{padding:.65rem}.compact-list{font-size:.85rem}}@media (max-width:340px){.conversion-table .table-header,.conversion-table .table-row{min-width:300px}.yeast-guide h1{font-size:1.35rem}}