.recipe-page-container{box-sizing:border-box;width:100%;max-width:1050px;margin-left:auto;margin-right:auto;padding:1rem 12px 2.5rem}.recipe_main_layout{box-sizing:border-box;flex-direction:row;align-items:flex-start;gap:16px;width:100%;margin-bottom:2rem;display:flex}@media (width<=991px){.recipe_main_layout{flex-direction:column;gap:16px}}.recipe_card_col{box-sizing:border-box;flex-shrink:0;width:380px;min-width:300px}@media (width<=991px){.recipe_card_col{width:100%;min-width:0}}.recipe_tools_col{box-sizing:border-box;flex-direction:column;flex:auto;gap:16px;min-width:0;display:flex}.recipe-info-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;overflow:hidden}.recipe-info-card .card-header{background:var(--card-header-bg);border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:.65rem .85rem;display:flex}.recipe-id-label{color:var(--text-muted);font-size:11px;font-weight:700}.recipe-output-title{word-break:break-word;margin:0;font-size:16px;font-weight:700;line-height:1.3}.recipe-info-body{color:var(--text);padding:.85rem;font-size:13px;line-height:1.5}.recipe-head-meta{align-items:center;gap:12px;margin-bottom:.75rem;display:flex}.recipe-main-icon-cell{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.recipe-main-icon{object-fit:contain;border-radius:4px;width:48px;height:48px}.recipe-meta-text{flex:auto;min-width:0;font-size:12px;line-height:1.4}.recipe-cat-badge{color:var(--text-muted);display:block}.recipe-method-yellow{color:var(--color-item-yellow);font-size:13px;font-weight:700;display:block}.recipe-calc-shortcut{color:var(--accent);margin-top:4px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.recipe-calc-shortcut:hover{text-decoration:underline}.recipe-divider{border:none;border-top:1px solid var(--line);margin:.75rem 0}.recipe-section-label{color:var(--color-item-yellow);margin-bottom:.5rem;font-size:13px;font-weight:700}.recipe-materials-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.recipe-mat-row{align-items:center;gap:8px;font-size:13px;display:flex}.recipe-mat-icon-wrap{flex-shrink:0;width:32px;height:32px;display:inline-flex;position:relative}.recipe-mat-icon{object-fit:contain;border-radius:3px;width:32px;height:32px}.recipe-mat-badge{color:#fff;background:#000000d9;border-radius:2px;padding:0 3px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:-2px;right:-2px}.recipe-mat-name{flex:auto;min-width:0;font-weight:500;text-decoration:none}.recipe-mat-name:hover{text-decoration:underline}.recipe-notes-box{background:var(--bg);border:1px solid var(--line);color:var(--text-muted);border-radius:3px;margin-top:.5rem;padding:.65rem .75rem;font-size:11px;line-height:1.45}.recipe-notes-box strong{color:var(--text)}.snippet-card .card-body{flex-direction:column;gap:10px;display:flex}.snippet-row{flex-direction:column;gap:4px;display:flex}.snippet-row label{color:var(--text);font-size:12px;font-weight:700}.snippet-input-group{gap:6px;display:flex}.snippet-input{background:var(--surface-raised);border:1px solid var(--line);min-width:0;color:var(--text);border-radius:3px;flex:auto;padding:4px 8px;font-family:monospace;font-size:12px}.btn-snippet-copy{background:var(--surface-raised);border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:12px;transition:background .15s,border-color .15s}.btn-snippet-copy:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.calc-card .card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.calc-subtitle{display:block}.btn-crafting-calc-link{color:#fff;border:1px solid var(--line);background:var(--nav-bg);white-space:nowrap;border-radius:3px;padding:3px 8px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.btn-crafting-calc-link:hover{background:var(--primary);color:#fff;border-color:var(--primary);text-decoration:none}.calc-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:1rem;display:grid}.calc-control-group{flex-direction:column;gap:4px;display:flex}.calc-control-group label{color:var(--text-muted);font-size:12px;font-weight:600}.calc-input{background:var(--surface-raised);border:1px solid var(--line);color:var(--text);font-variant-numeric:tabular-nums;box-sizing:border-box;border-radius:3px;padding:5px 8px;font-size:13px}.calc-input:focus{outline:2px solid var(--accent);border-color:#0000}.calc-weight-display{height:32px;color:var(--text);align-items:center;font-size:13px;font-weight:700;display:flex}.calc-table-wrap{width:100%;margin-bottom:1rem;overflow-x:auto}.calc-table{border-collapse:collapse;width:100%;font-size:12px}.calc-table th,.calc-table td{border:1px solid var(--line);text-align:left;padding:6px 8px}.calc-table th{background:var(--surface-raised);color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.calc-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.calc-price-input{text-align:right;background:var(--surface-raised);border:1px solid var(--line);width:90px;color:var(--text);border-radius:3px;padding:3px 6px;font-size:12px}.btn-fill-price{background:var(--surface-raised);border:1px solid var(--line);cursor:pointer;color:var(--text-muted);border-radius:3px;margin-left:4px;padding:2px 5px;font-size:11px}.btn-fill-price:hover{background:var(--surface-2);color:var(--text)}.calc-summary-box{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:.75rem 1rem;display:flex}.calc-summary-item{flex-direction:column;gap:2px;display:flex}.calc-summary-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.calc-summary-val{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.calc-summary-val.profit-positive{color:var(--success)}.calc-summary-val.profit-negative{color:var(--spirit)}.recipe-bottom-sections{margin-top:1.5rem}.variants-container{flex-direction:column;gap:16px;display:flex}.variant-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1rem}.variant-title{color:var(--text);margin-top:0;margin-bottom:.5rem;font-size:14px;font-weight:700}.variant-grid{flex-wrap:wrap;gap:12px;display:flex}.used-in-table{border-collapse:collapse;width:100%;font-size:13px}.used-in-table th,.used-in-table td{border:1px solid var(--line);text-align:left;padding:8px 10px}.used-in-table th{background:var(--surface-raised);color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.used-in-table td.center{text-align:center}html[data-theme=light] .recipe-info-card .card-header{--text-muted:var(--on-navy-muted);--surface-2:var(--nav-bg);--grade-white:var(--on-navy-grade-white);--grade-green:var(--on-navy-grade-green);--grade-blue:var(--on-navy-grade-blue);--grade-yellow:var(--on-navy-grade-yellow);--grade-orange:var(--on-navy-grade-orange);--grade-purple:var(--on-navy-grade-purple)}html[data-theme=light] .recipe-info-card .card-header .recipe-id-label{color:var(--on-navy-muted)}html[data-theme=light] .recipe-bottom-sections .nav-tabs .nav-link,html[data-theme=light] .recipe-bottom-sections .nav-tabs .nav-link:hover,html[data-theme=light] .recipe-bottom-sections .nav-tabs .nav-link.active{color:var(--text)}html[data-theme=light] .recipe-bottom-sections .nav-tabs .nav-link.active{background:var(--surface)}