#h02 .chapter-stage{grid-template-columns:1fr 1fr;align-items:start}#h02 .variable-panel{position:relative;z-index:50;margin-top:25vh;background:linear-gradient(135deg,#ffffffdd,#e2edf4db);border:1px solid #ffffff;border-radius:18px;box-shadow:0 18px 60px #395e6d17;backdrop-filter:blur(9px);padding:30px 32px}.panel-kicker{font-size:15px;letter-spacing:.08em;color:#537282;margin:0 0 18px}.variable{display:flex;gap:18px;align-items:center;padding:17px 0;border-top:1px solid #b5c6cf55}.variable svg{width:31px;height:31px;flex-shrink:0;mix-blend-mode:multiply}.variable h3{font-size:19px;margin:0 0 4px;font-weight:600}.variable p{font-size:13px;margin:0;color:#627c89;line-height:1.5}.variable-track{margin-left:auto;display:block;width:80px;height:3px;background:#a5bac766;border-radius:4px}.variable-track i{display:block;width:var(--amount);height:3px;border-radius:4px;background:#78a9c5;box-shadow:0 0 8px #88cfff77}.program-chain{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;padding:18px 0 0;border-top:1px solid #a8beca;font-size:14px}.program-chain b{font-weight:400;color:#80a4b8}.ui-note{display:block;text-align:right;font-size:11px;margin-top:14px;color:#8496a0}#h02+.shared-seam{background:#f3f5f4}#h03 .copy{position:relative;z-index:50;transform:translateY(-15vh);max-width:640px}#h03 .chapter-stage{padding-top:4vh;align-items:start}#h03 h2{font-size:clamp(34px,3.2vw,51px)}#h03 .lead{font-size:24px}#h03 .scene-placeholder{margin-top:32vh;opacity:.5}@media(max-width:1100px){#h02 .variable-panel{padding:24px 22px}.variable{gap:12px}.variable-track{width:45px}.variable p{max-width:160px}}@media(max-width:700px){#h02 .chapter-stage{display:flex}#h02 .variable-panel{margin-top:20px;width:100%;padding:24px 20px}.variable-track{width:40px}.program-chain{font-size:13px}#h03 .copy{transform:none}#h03 .chapter-stage{padding-top:60px}#h03 .scene-placeholder{margin-top:30px}}
#h02 .h02-intro{position:absolute;left:6vw;top:36px;z-index:50;max-width:490px}#h02 .chapter-stage{margin-top:220px;min-height:calc(100svh - 88px);padding-top:40px;padding-bottom:35px;align-items:center}#h02 .variable-panel{margin-top:0;padding:24px 30px}.variable{padding:13px 0}.food-stage{margin:0}.food-stage svg{width:100%;height:auto;display:block;aspect-ratio:520/170;mask-image:radial-gradient(ellipse,#000 45%,transparent 75%)}.food-stage figcaption{font-size:24px;line-height:1.6;color:#315464;padding:30px 8px}.variable svg{filter:contrast(1.2);mix-blend-mode:multiply}@media(max-width:700px){#h02 .h02-intro{position:relative;left:auto;top:auto;padding:45px 24px 0;max-width:none}#h02 .chapter-stage{margin-top:0;padding-top:20px}.food-stage figcaption{font-size:20px}#h02 .variable-panel{padding:22px 20px}}
#h02.bu02-refined{display:flow-root}

/* Mother-master arrangement: food center, compact panel right, variables below left. */
@media(min-width:701px){
#h02 .chapter-stage{display:block;padding:0 6vw;min-height:calc(100svh - 88px)}
#h02 .food-stage{position:absolute;left:21%;top:18%;width:56%;}
#h02 .food-stage figcaption{font-size:20px;text-align:center;padding:16px 0;color:#38566d}
#h02 .variable-panel{position:absolute;right:4%;top:17%;width:24%;padding:20px;border-radius:10px;background:linear-gradient(130deg,#dce8f0cf,#b6ccdfb3);box-shadow:0 12px 35px #2b4c6c12}
#h02 .variable{padding:12px 0;gap:0}#h02 .variable>svg{display:none}#h02 .variable>div{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}
#h02 .variable h3{font-size:15px;white-space:nowrap;margin:0}#h02 .variable p{font-size:12px;max-width:120px;text-align:right}
#h02 .panel-kicker{font-size:16px;margin-bottom:12px;color:#163044}
.variable-icons{position:absolute;left:6%;bottom:13%;display:flex;gap:26px;z-index:50}
}
.variable-icon-group{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:50px;color:#102c40}
.variable-icon-group svg{width:34px;height:34px;mix-blend-mode:multiply}
.variable-icon-group span{font-size:14px;line-height:1.4}
@media(max-width:700px){.variable-icons{display:flex;justify-content:space-between;gap:8px;width:100%;padding:22px 0}.variable-icon-group{min-width:0}.variable-icon-group svg{width:28px;height:28px}.variable-icon-group span{font-size:13px}}
@media(min-width:701px){
#h02 .h02-intro{position:sticky;top:125px;left:auto;margin-left:6vw;width:29%;max-width:420px;height:0;transform:none;padding:0;overflow:visible}
#h02 .h02-intro h2{font-size:clamp(30px,3vw,46px)}
#h02 .h02-intro .lead{font-size:clamp(22px,2.2vw,32px)}
#h02 .chapter-stage{margin-top:0}
#h02 .food-stage{left:31%;top:29%;width:44%}
#h02 .variable-panel{top:25%}
}