/* FoodBiz Open Demo: safe, separate, accessible public orientation skin */
.demo-ribbon{background:linear-gradient(112deg,#082653,#104377);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;border-bottom:3px solid #f5b928}
.demo-ribbon strong{color:#f5d36a;font-size:15px}.demo-ribbon p{margin:2px 0 0;color:#ecf8ff;font-size:13px;line-height:1.5}
.demo-actions{display:flex;gap:8px;flex-wrap:wrap}
.demo-action{display:inline-flex;align-items:center;gap:5px;background:#fff;color:#082653;font-weight:750;padding:9px 14px;border-radius:12px;border:1px solid #bddce7;cursor:pointer;font-size:13px}
.demo-action.gold{background:#f5b928;border-color:#f5b928}.demo-action:hover{filter:brightness(.96)}
.demo-video-empty{border:2px dashed #bad2dc;background:#eff8fc;min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#184569;font-weight:700;text-align:center;line-height:2;margin-top:12px;border-radius:14px}
.demo-video-empty small{font-weight:400;color:#446275}
.demo-question{border:1px solid #cadfe7;border-radius:12px;margin:12px 0;padding:12px;color:#092b42;background:#fff}
.demo-question legend{font-weight:800;color:#092b42;padding:0 5px}.demo-question label{display:block;padding:5px 0;cursor:pointer;line-height:1.5}
.demo-quiz-result{margin-top:12px;background:#e8f9f3;color:#064c44;padding:13px;border-radius:10px;font-weight:650}
.demo-dialog-wrap{position:fixed;inset:0;z-index:99999;background:#00152d99;display:none;align-items:center;justify-content:center;padding:20px}
.demo-dialog-wrap.active{display:flex}.demo-dialog{max-height:90vh;overflow:auto;max-width:740px;width:100%;background:#fff;border-radius:24px;box-shadow:0 20px 55px #0004;padding:28px;color:#082653}
.demo-dialog h2{margin:0 0 5px;font-size:27px;color:#082653}.demo-dialog p{color:#365568;line-height:1.65}.demo-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:18px 0}
.demo-tile{text-align:left;border:1px solid #d5e5ed;background:#f6fbfd;color:#123c5c;border-radius:14px;padding:15px;cursor:pointer;display:block;line-height:1.55}
.demo-tile:hover{border-color:#19bdaf;background:#effffc}.demo-tile strong{display:block;font-size:15px}.demo-tile span{font-size:12px;color:#3b6275}
.demo-dialog-bottom{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.demo-disclaimer{background:#fff3d5;color:#553c0a;border:1px solid #efcd6b;border-radius:12px;padding:10px 13px;font-size:13px;line-height:1.6}
.demo-pill{display:inline-flex;background:#e6fbf7;color:#005d57;padding:4px 10px;border-radius:999px;font-weight:750;font-size:12px}
.side-bottom .save-state::before{content:'สาธิต · ';color:#19bdaf}
@media(max-width:720px){.demo-ribbon{padding:10px 12px;gap:8px}.demo-ribbon p{font-size:12px}.demo-actions{width:100%}.demo-action{flex:1;justify-content:center;padding:10px 6px}.demo-dialog{padding:20px;border-radius:17px}.demo-dialog h2{font-size:21px}.demo-dialog-grid{grid-template-columns:1fr}.demo-ribbon strong{font-size:13px}}
@media print{.demo-ribbon,.demo-dialog-wrap{display:none!important}}