/* Only section 2. The approved hero is outside this stylesheet's scope. */
#dietary[data-identity-build] #identity-panel{min-height:0;padding:22px 0 0;position:relative}
#dietary[data-identity-build] #identity-title{font-size:26px;line-height:1.25}
#dietary[data-identity-build] #identity-description{font-size:16px;line-height:1.6;margin:9px 0 0;min-height:26px}
#dietary[data-identity-build] .id-build-board{margin-top:24px;padding:22px 24px;border:1px solid #ffffff38;border-radius:22px;background:#fffaf0;color:#253422;box-shadow:0 18px 42px -28px #3f301c50;max-width:520px}
.id-build-input{position:relative;display:flex;align-items:center;gap:14px;padding:10px 0 16px;opacity:.72;transition:opacity .45s}
.id-build-input+ .id-build-input{margin-top:8px}
.id-build-input>div,.id-build-result>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.id-build-input b,.id-build-result b{font-size:17px;font-weight:600}
.id-build-input div>span,.id-build-result div>span{font-size:13px;line-height:1.5;color:#626b5d}
.id-build-input>i{position:absolute;inset-inline:46px 0;bottom:0;height:2px;background:#557a4718;overflow:hidden}
.id-build-input>i:after{content:'';display:block;height:100%;background:#557a47;transform:scaleX(var(--part-progress,0));transform-origin:left}
.id-build-input.is-active,.id-build-input.is-complete{opacity:1}
.id-build-check{width:32px;height:32px;flex:none;border:1px solid #557a4750;border-radius:50%;display:grid;place-items:center;background:transparent;transition:background .35s}
.id-build-check svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.id-build-check path{stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .4s}
.is-complete .id-build-check{background:#557a47;border-color:#557a47}.is-complete .id-build-check path{stroke-dashoffset:0}
.id-build-input.is-active:not(.is-complete) .id-build-check{box-shadow:inset 0 0 0 8px #fffaf0;background:#e1603e}
.id-build-join{height:28px;margin:12px 0 0;color:#557a47}
.id-build-join svg{display:block;width:100%;height:28px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--join-progress,0))}
.id-build-result{display:flex;align-items:center;gap:14px;border:1px solid #557a4738;border-radius:14px;padding:17px 15px;background:#edf2e8;opacity:var(--id-opacity,.72);transition:background .45s,border-color .45s}
.id-card-mark{width:42px;height:32px;flex:none;fill:none;stroke:#557a47;stroke-width:1.6;stroke-linecap:round}
.id-result-seal{margin-inline-start:auto;color:#557a47;font-size:23px;opacity:var(--seal-opacity,0);transform:scale(var(--seal-scale,.7))}
#dietary[data-identity-build] .id-build-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;max-width:520px;color:white}
.id-build-position{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.08em;opacity:.8}
.id-build-play{font:500 13px Chillax,sans-serif;background:transparent;color:inherit;padding:8px 0 8px 12px;min-height:36px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffffff60}
#dietary[data-identity-build] .et-copy>.text-link{margin-top:22px}
#dietary[data-identity-build] .et-profile-tabs button{position:relative}
#dietary[data-identity-build] .et-profile-tabs button:after{content:'';position:absolute;bottom:4px;inset-inline:18px;height:2px;background:currentColor;transform:scaleX(var(--identity-progress,0));transform-origin:left;opacity:.55}
#dietary[data-identity-build] .et-id-art{position:sticky;top:110px;align-self:start}
.id-focus-layer{position:absolute;pointer-events:none;z-index:3;border-radius:30px;overflow:hidden}
/* Home and how-it-works keep everything except the on-screen highlight border. */
#dietary[data-identity-build] .id-focus-layer{display:none}
.id-screen-focus{position:absolute;border:2px solid #557a47;border-radius:12px;box-shadow:0 0 0 3px #ffffff80;background:#557a4710;opacity:0;transition:top .55s cubic-bezier(.3,0,.2,1),left .55s cubic-bezier(.3,0,.2,1),width .55s cubic-bezier(.3,0,.2,1),height .55s cubic-bezier(.3,0,.2,1),opacity .35s;will-change:auto}
.id-screen-focus[data-focus-kind=card]{border-color:#557a4790;background:transparent;box-shadow:none}
[dir=rtl] .id-build-play{font-family:Tajawal,sans-serif;font-size:15px}
[dir=rtl] .id-build-input>i:after,[dir=rtl] #dietary[data-identity-build] .et-profile-tabs button:after{transform-origin:right}
@media(max-width:1100px){#dietary[data-identity-build] .id-build-board{padding:20px}.id-build-input b,.id-build-result b{font-size:16px}#dietary[data-identity-build] .et-profile-tabs button{padding-inline:11px;font-size:14px}}
@media(max-width:860px){#dietary[data-identity-build] .et-id-art{position:relative;top:auto}#dietary[data-identity-build] .et-copy{max-width:620px}#dietary[data-identity-build] .id-build-board,#dietary[data-identity-build] .id-build-controls{max-width:none}}
@media(max-width:600px){#dietary[data-identity-build] .et-identity{padding-top:45px}#dietary[data-identity-build] #identity-title{font-size:24px}#dietary[data-identity-build] .id-build-board{padding:18px;margin-top:20px}#dietary[data-identity-build] .et-profile-tabs{gap:0}#dietary[data-identity-build] .et-profile-tabs button{font-size:13px;padding-inline:10px}.id-build-input{gap:12px}.id-build-result{gap:11px;padding:15px 12px}.id-build-input b,.id-build-result b{font-size:16px}.id-build-input div>span,.id-build-result div>span{font-size:12px}.id-card-mark{width:32px}.id-build-check{width:28px;height:28px}.id-screen-focus{border-width:1.5px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){#dietary[data-identity-build] *{transition:none!important;animation:none!important}.id-focus-layer{display:none}}
.motion-paused #dietary[data-identity-build] *{transition:none!important}