/* Approved Foundations direction, scoped to this component. */
.fd-section{padding:90px 0 105px;scroll-margin-top:110px}
.foundations{--fd-paper:#fdfdf9;--fd-line:rgba(60,63,51,.16);--fd-shadow:rgba(46,49,36,.09);--fd-blue:var(--text-link,#007fa5);--fd-ink:var(--text-heading,#242823);--fd-muted:var(--text-body,#70736c);max-width:1150px;margin:auto;color:var(--fd-ink)}
[data-theme=dark] .foundations{--fd-paper:#181d23;--fd-line:rgba(221,231,238,.16);--fd-shadow:rgba(0,0,0,.3)}
.fd-layout{display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:55px;align-items:center;min-height:575px}
.fd-intro h2{font:400 clamp(40px,4.5vw,58px)/1.05 var(--font-serif);letter-spacing:-.035em;max-width:12ch;margin:0}
.fd-intro>p{font-size:16px;line-height:1.7;color:var(--fd-muted);margin:24px 0 0;max-width:32ch}
.fd-comment{margin-top:38px;border-left:1px solid var(--fd-blue);padding-left:20px;max-width:30ch;min-height:110px}
.fd-comment p{margin:0;font:400 23px/1.28 var(--font-serif)}
.fd-comment .fd-kicker{font:500 12px/1.5 var(--font-sans,Inter,sans-serif);color:var(--fd-blue);margin-bottom:10px}
.foundations [hidden]{display:none!important}
.fd-scene{position:relative;height:560px;perspective:1400px;isolation:isolate}
.fd-sheet{position:absolute;left:0;top:150px;width:min(450px,calc(100% - 50px));height:242px;padding:26px 30px;text-align:left;border:1px solid var(--fd-line);border-radius:18px;background:var(--fd-paper);color:var(--fd-ink);box-shadow:0 15px 45px var(--fd-shadow);font:inherit;cursor:pointer;transform-origin:50% 70%;transition:transform 1s cubic-bezier(.23,1,.32,1),opacity .7s;overflow:hidden}
.fd-sheet-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--fd-muted);margin:0 0 19px}
.fd-sheet-label::after{content:'↗';color:var(--fd-blue);font-size:14px}
.fd-sheet-title,.fd-sheet-title p{font:400 32px/1.14 var(--font-serif);letter-spacing:-.02em;margin:0}
.fd-sheet-title .fd-emphasis{font-style:italic;color:var(--fd-blue)}
.fd-sheet-bottom{font-size:11px;line-height:1.5;color:var(--fd-muted);margin-top:22px}
.fd-source-item{display:flex;align-items:center;gap:14px;margin:15px 0}
.fd-source-item>i{font-size:26px;color:var(--fd-muted);opacity:.5}
.fd-source-item p{font-size:12px;line-height:1.4;color:var(--fd-muted);margin:4px 0 0}
.fd-source-item .fd-source-title{font-size:14px;font-weight:500;color:var(--fd-ink);margin:0}
.fd-sources .fd-sheet-bottom{margin-top:15px}
.fd-answer{z-index:3;transform:translate(10px,0) rotate(-5deg)}
.fd-challenge{z-index:2;transform:translate(-8px,20px) rotate(-9deg)}
.fd-sources{z-index:1;transform:translate(-27px,39px) rotate(-13deg)}
.foundations[data-step="1"] .fd-sources{transform:translate(-25px,-105px) rotate(-3deg);z-index:4}
.foundations[data-step="1"] .fd-challenge{transform:translate(28px,80px) rotate(-4deg);opacity:.2}
.foundations[data-step="1"] .fd-answer{transform:translate(60px,128px) rotate(-3deg);opacity:.3}
.foundations[data-step="2"] .fd-sources{transform:translate(-28px,-103px) rotate(-5deg);opacity:.2}
.foundations[data-step="2"] .fd-challenge{transform:translate(0,-5px) rotate(-2deg);z-index:4}
.foundations[data-step="2"] .fd-answer{transform:translate(55px,138px) rotate(1deg);opacity:.25}
.foundations[data-step="3"] .fd-sources{transform:translate(-30px,-132px) rotate(-5deg) scale(.94)}
.foundations[data-step="3"] .fd-challenge{transform:translate(14px,4px) rotate(-3deg) scale(.94)}
.foundations[data-step="3"] .fd-answer{transform:translate(55px,165px) rotate(-1deg) scale(.94)}
.fd-controls{display:flex;gap:3px;border:1px solid var(--fd-line);border-radius:999px;padding:5px;width:max-content;max-width:100%;margin:15px auto 0;background:rgba(255,255,255,.25)}
.fd-controls button{font:500 13px/1.3 var(--font-sans,Inter,sans-serif);border:0;background:transparent;border-radius:999px;padding:13px 22px;min-height:44px;color:var(--fd-muted);cursor:pointer}
.fd-controls button[aria-pressed=true]{background:var(--fd-paper);color:var(--fd-ink);box-shadow:0 2px 9px var(--fd-shadow)}
.fd-controls button:hover{color:var(--fd-ink)}
.foundations button:focus-visible{outline:2px solid var(--fd-blue);outline-offset:5px}
.fd-learn{display:table;margin:26px auto 0!important;font-size:14px}
[data-theme=dark] .fd-controls{background:rgba(255,255,255,.025)}
@media(max-width:1100px){.fd-layout{grid-template-columns:280px minmax(0,1fr);gap:35px}.fd-sheet{width:calc(100% - 35px);padding:24px}.fd-sheet-title,.fd-sheet-title p{font-size:28px}.foundations[data-step="3"] .fd-sources{transform:translate(-14px,-132px) rotate(-5deg) scale(.94)}.foundations[data-step="3"] .fd-answer{transform:translate(32px,165px) rotate(-1deg) scale(.94)}}
@media(max-width:760px){.fd-section{padding:65px 0 75px}.fd-layout{display:block;min-height:0}.fd-intro h2{font-size:44px;max-width:14ch}.fd-intro>p{font-size:15px;max-width:42ch;margin-top:22px}.fd-comment{margin-top:25px;min-height:92px;max-width:38ch;padding-left:16px}.fd-comment p{font-size:21px}.fd-comment .fd-kicker{font-size:12px;margin-bottom:7px}.fd-scene{height:565px;max-width:490px;margin:10px auto 0}.fd-sheet{width:calc(100% - 34px);height:255px;left:7px;top:130px;padding:22px}.fd-sheet-label{font-size:11px;margin-bottom:17px}.fd-sheet-title,.fd-sheet-title p{font-size:29px}.fd-sheet-bottom{font-size:11px;margin-top:20px}.fd-source-item p{font-size:11px}.fd-source-item .fd-source-title{font-size:13px}.fd-answer{transform:translate(8px,0) rotate(-3deg)}.fd-challenge{transform:translate(0,17px) rotate(-7deg)}.fd-sources{transform:translate(-7px,32px) rotate(-10deg)}.foundations[data-step="1"] .fd-sources{transform:translate(0,-95px) rotate(-2deg)}.foundations[data-step="1"] .fd-answer{transform:translate(20px,160px) rotate(2deg)}.foundations[data-step="1"] .fd-challenge{transform:translate(10px,102px) rotate(-2deg)}.foundations[data-step="2"] .fd-sources{transform:translate(0,-98px) rotate(-3deg)}.foundations[data-step="2"] .fd-challenge{transform:translate(8px,0) rotate(-1deg)}.foundations[data-step="2"] .fd-answer{transform:translate(20px,175px) rotate(2deg)}.foundations[data-step="3"] .fd-sources{transform:translate(-3px,-102px) rotate(-4deg) scale(.94)}.foundations[data-step="3"] .fd-challenge{transform:translate(8px,53px) rotate(-2deg) scale(.94)}.foundations[data-step="3"] .fd-answer{transform:translate(20px,211px) rotate(0) scale(.94)}.fd-controls{width:100%;gap:0;margin-top:5px}.fd-controls button{flex:1;font-size:12px;padding:12px 6px}.fd-learn{font-size:13px}}
@media(prefers-reduced-motion:reduce){.fd-sheet{transition:none}}
/* Extra room for translated copy without truncation on small screens. */
@media(max-width:760px){.fd-scene{height:630px}.fd-sheet{height:280px}.fd-sheet-title,.fd-sheet-title p{font-size:27px}}