/* ============================================================
   MEGA LAB PEPTIDES - RECONSTITUTING & STORAGE (was inline in megalab-reconstituting.php)
   Extracted in design-refresh-v2 Phase 4a (Ticket 7).
   ============================================================ */

.page-template-megalab-reconstituting .ct-main,
.page-template-megalab-reconstituting .entry-content,
.page-template-megalab-reconstituting-php .ct-main,
.page-template-megalab-reconstituting-php .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.mlb-recon-wrap { font-family:var(--f-display); color:var(--c-dark); background:var(--c-off); }
.mlb-recon-body {   padding-top: 64px; padding-bottom: 96px; display:grid; grid-template-columns:1fr 300px; gap:48px; align-items:start; }
.mlb-recon-section { margin-bottom:52px; }
.mlb-recon-section:last-child { margin-bottom:0; }
.mlb-recon-section-label { font-family:var(--f-mono); font-size: var(--t-eyebrow); font-weight:600; color:var(--eyebrow-c, var(--n-700)); margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--c-border); display:block; letter-spacing: var(--ls-eyebrow);}
.mlb-recon-section h2 { font-weight:700; color:var(--c-dark); margin:0 0 20px; }
.mlb-steps { display:flex; flex-direction:column; gap:0; }
.mlb-step { display:flex; gap:20px; position:relative; padding-bottom:28px; }
.mlb-step:last-child { padding-bottom:0; }
.mlb-step-left { display:flex; flex-direction:column; align-items:center; flex-shrink:0; }
.mlb-step-num { width:36px; height:36px; background:var(--c-primary); color:#fff; font-family:var(--f-mono); font-size:var(--t-label); font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; z-index:1; }
.mlb-step-line { width:1px; flex:1; background:var(--c-border); margin-top:4px; }
.mlb-step:last-child .mlb-step-line { display:none; }
.mlb-step-content { padding-top:6px; }
.mlb-step-content h3 { font-weight: 600; color:var(--c-dark); margin:0 0 6px; }
.mlb-step-content p { color:var(--n-700); margin:0; }
.mlb-storage-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mlb-storage-card { background:#fff; border:1px solid var(--c-border); padding:28px 24px; }
.mlb-storage-card.dark { background:var(--c-dark); border-color:var(--c-dark); }
.mlb-storage-card .sc-icon { font-size:1.5rem; margin-bottom:12px; display:block; color:var(--c-primary); }
.mlb-storage-card h3 { font-weight: 600; color:var(--c-dark); margin:0 0 6px; }
.mlb-storage-card.dark h3 { color:#fff; }
.mlb-storage-card .sc-temp { font-family:var(--f-mono); font-size:var(--t-lead); font-weight:700; color:var(--c-primary); display:block; margin-bottom:10px; }
.mlb-storage-card p { font-size: var(--t-small); color:var(--n-600); line-height: var(--lh-small); margin:0; }
.mlb-storage-card.dark p { color:rgba(255,255,255,0.6); }
.mlb-rules-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mlb-rules-card { background:#fff; border:1px solid var(--c-border); padding:24px; }
.mlb-rules-card h3 { font-weight: 600; margin:0 0 16px; padding-bottom:10px; border-bottom:2px solid; font-family:var(--f-mono); }
.mlb-rules-card.do h3 { color:var(--c-accent); border-color:var(--c-accent); }
.mlb-rules-card.dont h3 { color:var(--s-error); border-color:var(--s-error); }
.mlb-rules-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.mlb-rules-list li { font-size:var(--t-small); color:var(--n-700); line-height:1.5; display:flex; gap:10px; align-items:flex-start; }
.mlb-rules-list li .rule-icon { font-size: 13px; flex-shrink:0; margin-top:1px; }
.mlb-rules-card.do .rule-icon { color:var(--c-accent); }
.mlb-rules-card.dont .rule-icon { color:var(--s-error); }
.mlb-volumes-table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--c-border); font-size:var(--t-small); }
.mlb-volumes-table th { background:var(--c-dark); color:rgba(255,255,255,0.7); font-size:var(--t-label); font-weight:600; padding:12px 16px; text-align:left; font-family:var(--f-mono); }
.mlb-volumes-table td { padding:13px 16px; border-bottom:1px solid var(--c-border); color:var(--c-dark); }
.mlb-volumes-table tr:last-child td { border-bottom:none; }
.mlb-volumes-table tr:nth-child(even) td { background:var(--c-off); }
.mlb-volumes-table .td-mono { font-family:var(--f-mono); font-size:var(--t-small); color:var(--c-primary); font-weight:700; }
.mlb-recon-sidebar { display:flex; flex-direction:column; gap:20px; position:sticky; top:24px; }
.mlb-recon-sidebar-card { background:#fff; border:1px solid var(--c-border); padding:28px; }
.mlb-recon-sidebar-card h3 { font-size: var(--t-label); font-weight: 600; color:var(--n-800); margin:0 0 18px; font-family:var(--f-mono); }
.mlb-recon-sidebar-card p { font-size: var(--t-small); color:var(--n-600); line-height: var(--lh-small); margin:0 0 14px; }
.mlb-recon-sidebar-card a.sc-btn { display:block; padding:11px 20px; background:var(--c-primary); color:var(--c-dark); font-size:var(--t-body); font-weight:600; text-decoration:none; text-align:center; font-family:var(--f-display); transition:background 0.2s ease; }
.mlb-recon-sidebar-card a.sc-btn:hover { background:var(--c-primary-h); }
.mlb-recon-ref-row { display:flex; justify-content:space-between; font-size:var(--t-small); padding:9px 0; border-bottom:1px solid var(--c-border); gap:8px; }
.mlb-recon-ref-row:last-child { border-bottom:none; padding-bottom:0; }
.mlb-recon-ref-row .rr-label { color:var(--n-800); font-weight: 600;}
.mlb-recon-ref-row .rr-value { font-weight:700; color:var(--c-dark); text-align:right; font-family:var(--f-mono); font-size: var(--t-small); }
.mlb-recon-warning { background:rgba(245,158,11,0.07); border:1px solid rgba(245,158,11,0.25); border-left:4px solid var(--c-warn); padding:18px 20px; font-size: var(--t-small); color:var(--s-warn-text); line-height:1.65; }
.mlb-recon-warning strong { display:block; font-size: var(--t-label); margin-bottom:6px; font-family:var(--f-mono); }
@media(max-width:960px){ .mlb-recon-body {grid-template-columns:1fr;} .mlb-recon-sidebar{position:static;} }
@media(max-width:640px){ .mlb-recon-body {padding-top: 48px; padding-bottom: 72px;} .mlb-storage-grid,.mlb-rules-grid{grid-template-columns:1fr;} }