.hpd-wrap{flex-wrap:wrap;align-items:center;gap:24px;margin:20px 0;display:flex}.hpd-plate{background:conic-gradient(#2ecc71 0deg 180deg,#f1c40f 180deg 270deg,#e67e22 270deg 360deg);border-radius:50%;flex-shrink:0;width:160px;height:160px;box-shadow:inset 0 0 0 6px #0000000a}.hpd-legend{flex-direction:column;flex:1;gap:10px;min-width:180px;display:flex}.hpd-legend-item{color:#333;align-items:center;gap:10px;font-size:.88rem;display:flex}.hpd-dot{border-radius:4px;flex-shrink:0;width:14px;height:14px}.hpd-dot.veg{background:#2ecc71}.hpd-dot.grain{background:#f1c40f}.hpd-dot.protein{background:#e67e22}.hpd-legend-share{margin-right:4px;font-weight:800}@media (max-width:480px){.hpd-wrap{justify-content:center}.hpd-plate{width:130px;height:130px}}
.ght-row{gap:10px;margin:20px 0 6px;display:flex}@media (max-width:640px){.ght-row{flex-direction:column}}.ght-step{text-align:center;background:#00000005;border:1px solid #0000000f;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 14px;display:flex;position:relative}.ght-step:after{content:"→";color:#bbb;font-size:1.1rem;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}@media (max-width:640px){.ght-step:after{content:"↓";inset:auto auto -20px 50%;transform:translate(-50%)}}.ght-step:last-child:after{content:""}.ght-week{text-transform:uppercase;letter-spacing:.03em;color:#888;font-size:.72rem;font-weight:800}.ght-icon{font-size:1.6rem}.ght-title{color:#222;font-size:.86rem;font-weight:700;line-height:1.3}
.dmc-wrap{margin:50px 0 8px}.dmc-track{background:linear-gradient(90deg,#fdebd0,#aed6f1);border-radius:999px;height:6px;position:relative}.dmc-point{top:50%;left:var(--pos);width:0;height:0;position:absolute}.dmc-point.anchor-end{left:auto;right:calc(100% - var(--pos))}.dmc-badge{background:#fff;border:3px solid #f39c12;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000000d}.dmc-label{white-space:nowrap;text-align:left;position:absolute;top:26px;left:0}.dmc-point.anchor-end .dmc-label{text-align:right;left:auto;right:0}.dmc-meal{color:#222;font-size:.82rem;font-weight:700;display:block}.dmc-time{color:#888;font-size:.74rem;display:block}.dmc-note{color:#888;margin-top:64px;font-size:.82rem;font-style:italic}@media (max-width:640px){.dmc-wrap{margin:20px 0 8px}.dmc-track{background:0 0;height:auto;min-height:210px}.dmc-track:before{content:"";background:linear-gradient(#fdebd0,#aed6f1);border-radius:999px;width:3px;position:absolute;top:2px;bottom:2px;left:6px}.dmc-point,.dmc-point.anchor-end{top:var(--pos);align-items:center;gap:12px;width:100%;height:auto;display:flex;left:0;right:0;transform:translateY(-50%)}.dmc-badge{flex-shrink:0;position:static;transform:none}.dmc-label,.dmc-point.anchor-end .dmc-label{text-align:left;position:static;top:auto;left:auto;right:auto}.dmc-note{margin-top:18px}}