.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.learning-grid article,.tool-panel,.recipe-practical{padding:26px;border:1px solid #e9e4dc;border-radius:14px;background:#fffaf5}.learning-grid h2{font-size:1.4rem;margin-top:0}.learning-grid a{color:inherit}.tool-panel{margin:24px 0}.tool-inputs{display:flex;flex-wrap:wrap;gap:16px}.tool-inputs label,.stage-timer label{display:grid;gap:8px}.tool-inputs input,.tool-inputs select,.stage-timer input{padding:12px;border:1px solid #cfc7bd;border-radius:8px;max-width:100%}.tool-result{font-size:1.5rem;font-weight:700}.stage-timer{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.stage-timer output{font-variant-numeric:tabular-nums;font-size:2rem}.recipe-practical{margin:24px 0}.quantity-tool{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.quantity-tool button{border:1px solid #d8d0c7;border-radius:6px;background:white;padding:8px 14px;cursor:pointer}.quantity-tool button[aria-pressed=true]{background:#fc6b25;color:white;border-color:#fc6b25}.view-learn main article{max-width:850px}.view-learn main h2{margin-top:32px}.view-learn main p{line-height:1.75}@media(max-width:800px){.learning-grid{grid-template-columns:1fr}.tool-inputs{display:grid;grid-template-columns:1fr 1fr}.learning-grid article,.recipe-practical{padding:20px}}@media print{.quantity-tool,.stage-timer{display:none}}
.tool-inputs>*{min-width:0}.tool-inputs input,.tool-inputs select{width:100%;box-sizing:border-box;min-width:0}@media(max-width:800px){.tool-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}