.guide-meal-note{font-size:13px;color:var(--sub);line-height:1.7;margin:12px 0}
.guide-meal-cta{display:inline-flex;gap:16px;align-items:center;min-height:44px;padding:10px 18px;border-radius:9px;background:var(--brand-action);color:#fff;text-decoration:none;font-weight:700}
.guide-meal-cta:hover,.guide-meal-cta:focus-visible{background:var(--brand-action-hover)}
.guide-demo-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px;align-items:start;margin-top:20px}
.guide-demo-plate,.guide-demo-picker,.guide-demo-summary{padding:24px;min-width:0}
.guide-meal-example h3{margin:0;font-size:19px}.guide-demo-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.guide-meal-example button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--accent-dark);min-height:40px;padding:7px 12px}
.guide-meal-example button:disabled{opacity:.5;cursor:default}.guide-meal-example button:hover:not(:disabled){background:#f2f6ee}
.guide-demo-add{width:100%;margin-top:20px;border-style:dashed!important}
.guide-demo-row{padding:20px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px}
.guide-demo-row a,.guide-demo-pick a{font-weight:650;color:var(--accent-dark);text-underline-offset:3px}
.guide-meal-portion{display:block;font-size:12px;color:var(--sub);margin-top:6px}
.guide-demo-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}.guide-demo-controls button{padding:4px 10px}.guide-demo-controls input{width:58px;min-height:40px;border:1px solid var(--border);border-radius:6px;text-align:center;font:inherit}.guide-demo-controls>span{font-size:12px;color:var(--sub)}
.guide-demo-subtotal{padding-top:18px;text-align:right}.guide-demo-subtotal strong{color:var(--accent-dark);font-size:22px}
.guide-demo-pick{padding:16px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-demo-pick button{flex-shrink:0}
.guide-demo-summary{margin-top:20px}.guide-demo-nutrients{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.guide-demo-nutrient{padding:16px;background:#f7f8f5;border-radius:10px;display:flex;flex-direction:column;gap:6px}.guide-demo-nutrient>span{font-size:13px;color:var(--sub)}.guide-demo-nutrient strong{font-size:21px;font-variant-numeric:tabular-nums}.guide-demo-nutrient small{font-size:12px;font-weight:400;color:var(--sub)}.guide-demo-primary{background:#f2f6ee}.guide-demo-status{font-size:13px;color:var(--sub);min-height:1.5em;margin:10px 0}
.guide-meal-example [hidden]{display:none!important}
@media(max-width:900px){.guide-demo-layout{grid-template-columns:1fr}.guide-demo-row{flex-wrap:wrap}.guide-demo-controls{margin-left:auto}.guide-demo-nutrients{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.guide-demo-plate,.guide-demo-picker,.guide-demo-summary{padding:16px}.guide-demo-row{gap:12px}.guide-demo-nutrient{padding:12px}.guide-demo-nutrient strong{font-size:19px}.guide-demo-head h3{font-size:18px}}

.guide-meal-example{--text-secondary:#666A63;--text-muted:#8B8F87;--divider:#ECEDE9}.guide-demo-summary>.summary-layout{margin-top:18px}

/* Guide readability: keep secondary information readable without changing other pages. */
.guide-meal-example .guide-demo-row a,.guide-meal-example .guide-demo-pick a,
.guide-meal-example button,.guide-meal-example input{font-size:16px}
.guide-meal-example .guide-meal-portion{font-size:15px;line-height:1.65;color:#596153}
.guide-meal-example .guide-meal-note,.guide-meal-example .guide-demo-status,
.guide-meal-example .guide-demo-controls>span{font-size:14px;line-height:1.7;color:#596153}
.guide-meal-example .guide-demo-controls{flex-wrap:wrap}
.guide-meal-example .guide-demo-controls button{min-width:40px;min-height:44px}
.guide-meal-example .guide-demo-controls input{min-height:44px}
.guide-meal-example .guide-demo-summary .nutrition-label-main{font-size:15px!important}
.guide-meal-example .guide-demo-summary .nutrition-value-main{font-size:20px!important;line-height:1.5}
.guide-meal-example .guide-demo-summary .nutrition-value-main .unit{font-size:14px}
.guide-meal-example .guide-demo-summary .nutrition-reminder-name{font-size:15px}
.guide-meal-example .guide-demo-summary .nutrition-reminder-top strong{font-size:16px}
.guide-meal-example .guide-demo-summary .nutrition-reminder-top{flex-wrap:wrap}
.guide-meal-example .guide-demo-summary .nutrition-reminders-head p,
.guide-meal-example .guide-demo-summary .nutrition-reminder-item p,
.guide-meal-example .guide-demo-summary .nutrition-reminder-source,
.guide-meal-example .guide-demo-summary .summary-footnote,
.guide-meal-example .guide-demo-summary .summary-reminder-card p{font-size:14px!important;line-height:1.75;color:#596153}
.guide-meal-example .guide-demo-summary .nutrition-reminders-head h3{font-size:18px}
.guide-meal-example .guide-demo-summary .nutrition-card-main{flex-wrap:wrap}
.guide-reminder-demo .guide-reminder-demo-head p,
.guide-reminder-demo .guide-reminder-list span{font-size:14px;line-height:1.75;color:#596153}
.guide-reminder-demo .guide-reminder-list strong{font-size:15px}
@media(max-width:600px){.guide-meal-example .guide-demo-row{display:block}.guide-meal-example .guide-demo-controls{margin-top:12px;justify-content:flex-end}.guide-meal-example .guide-demo-pick{flex-wrap:wrap}}