.fitfoodie .ff-fact-board{position:relative;padding:var(--ff-section-space,88px) 0 0;margin:0;border:0;isolation:isolate;z-index:2}
.fitfoodie .ff-fact-board::after{content:"";position:absolute;bottom:0;left:calc(50% - var(--ff-page-width,100vw)/2);width:var(--ff-page-width,100vw);height:var(--ff-section-line-width,2px);background:var(--ff-section-line,rgba(30,22,96,.12));pointer-events:none;z-index:-1}
.fitfoodie .ff-fact-board-intro{text-align:center;margin:0 auto 32px;max-width:760px;padding:0 20px}
.fitfoodie .ff-fact-board-intro h2{margin:0 0 24px;font-family:var(--ff-display,'Headland One',Georgia,serif);font-size:clamp(42px,3.75vw,60px);font-weight:400;line-height:1.15}
.fitfoodie .ff-fact-board-intro p{margin:0;line-height:1.7}
.fitfoodie .ff-fact-board-track{padding:28px 24px 0;outline-offset:6px}
.fitfoodie .ff-fact-board-notes{display:flex;justify-content:center;align-items:flex-start;max-width:1020px;margin:0 auto -34px;gap:0;padding:0 0 16px}
/* Empty stack slots must not intercept touches intended for the next note. */
.fitfoodie .ff-fact-board .ff-food-fact-slot{flex:0 1 330px;min-width:0;margin:0;padding:0;isolation:auto;pointer-events:none}
.fitfoodie .ff-fact-board .ff-food-fact-slot:nth-child(1){margin-top:16px}
.fitfoodie .ff-fact-board .ff-food-fact-slot:nth-child(2){margin:54px 0 0 42px;z-index:2}
.fitfoodie .ff-fact-board .ff-food-fact-slot:nth-child(3){margin:4px 0 0 -46px}
.fitfoodie .ff-board-note{pointer-events:auto;--ff-note-offset-scale:.55;font-size:16px;line-height:1.7}
/* One light source at upper right. Counter-rotate the shadow artwork so every
   note casts toward lower left; the small height differences survive dragging. */
.fitfoodie .ff-board-note-1{--ff-shadow-opacity:.34;--ff-shadow-x:0px;--ff-shadow-y:0px;--ff-shadow-scale:1;--ff-shadow-gust:.07}
.fitfoodie .ff-board-note-2{--ff-shadow-opacity:.44;--ff-shadow-x:-2px;--ff-shadow-y:3px;--ff-shadow-scale:1.025;--ff-shadow-gust:.10}
.fitfoodie .ff-board-note-3{--ff-shadow-opacity:.39;--ff-shadow-x:-1px;--ff-shadow-y:1px;--ff-shadow-scale:1.01;--ff-shadow-gust:.085}
.fitfoodie .ff-board-note::before{transform-origin:center;opacity:var(--ff-shadow-opacity,.4);transform:rotate(calc(-1 * var(--ff-note-angle,-2deg))) translate(var(--ff-shadow-x,0px),var(--ff-shadow-y,0px)) scale(var(--ff-shadow-scale,1))}
.fitfoodie .ff-board-note.is-dragging::before{opacity:.5;transform:rotate(calc(-1 * var(--ff-note-angle,-2deg))) translate(-4px,6px) scale(1.035)}
.fitfoodie .ff-board-note.is-breezy::after{animation-name:ff-board-breeze-shadow}
@keyframes ff-board-breeze-shadow{
 0%,50%,100%{opacity:0;transform:rotate(calc(-1 * var(--ff-note-angle,-2deg))) translate(0,0) scale(1)}
 24%{opacity:var(--ff-shadow-gust,.09);transform:rotate(calc(-1 * var(--ff-note-angle,-2deg))) translate(-4px,4px) scale(1.12)}
 72%{opacity:calc(var(--ff-shadow-gust,.09) * .6);transform:rotate(calc(-1 * var(--ff-note-angle,-2deg))) translate(-2px,2px) scale(1)}
}
.fitfoodie .ff-board-note .ff-food-fact-paper{padding:32px 28px;min-height:300px}
.fitfoodie .ff-board-note .ff-food-fact-heading{font-size:23px}
.fitfoodie .ff-board-note .ff-food-fact-text{font-size:16px;line-height:1.7}
.fitfoodie .ff-fact-board+.ff-ingredient-search{position:relative;z-index:1;padding-top:112px}
@media(max-width:767px){
 /* Constrain the document viewport only. The stack and zero-height drag layers
    remain overflow-visible so Safari can paint the full paper and shadows. */
 html:has(> body.fitfoodie.home){overflow-x:hidden;overscroll-behavior-x:none}

 .fitfoodie .ff-fact-board{padding-top:64px}
 .fitfoodie .ff-fact-board-intro{padding:0;margin-bottom:18px}
 .fitfoodie .ff-fact-board-intro h2{margin-bottom:20px;font-size:42px}
 .fitfoodie .ff-fact-board-track{overflow:visible;padding:24px 0 28px;margin:0 0 -42px}
 .fitfoodie .ff-fact-board-notes{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:360px;justify-items:center;align-items:start;gap:0;margin:0 auto;padding:0 0 10px}
 .fitfoodie .ff-fact-board .ff-food-fact-slot{grid-area:1/1;width:min(280px,calc(100vw - 112px));max-width:100%;margin:0}
 .fitfoodie .ff-fact-board .ff-food-fact-slot:nth-child(1){margin:0 32px 0 0;z-index:3}
 .fitfoodie .ff-fact-board .ff-food-fact-slot:nth-child(2){margin:88px 0 0 32px;z-index:2}
 .fitfoodie .ff-fact-board .ff-food-fact-slot:nth-child(3){margin:154px 10px 0 0;z-index:1}
 .fitfoodie .ff-board-note.is-draggable{touch-action:none}
 .fitfoodie .ff-board-note .ff-food-fact-paper{padding:28px 24px;min-height:280px}
 .fitfoodie .ff-fact-board+.ff-ingredient-search{padding-top:96px}
}
@media print{.fitfoodie .ff-fact-board-track{overflow:visible;margin:0}.fitfoodie .ff-fact-board-notes{width:auto;flex-wrap:wrap;margin:0;gap:20px}}
