.fno1-guide-card,.fno1-guide-dialog{box-sizing:border-box;color:#111;font:600 17px/1.55 "Noto Sans TC","Microsoft JhengHei","PingFang TC","Heiti TC",system-ui,sans-serif}
.fno1-guide-card *,.fno1-guide-dialog *{box-sizing:border-box}
.fno1-guide-card{max-width:560px;margin:14px auto;padding:20px;border:1px solid #dbcba9;border-radius:20px;background:#f8efd9}
.fno1-guide-card p{margin:0 0 14px}
.fno1-guide-card__eyebrow{font-size:15px;font-weight:700}
.fno1-guide-card h3{margin:0 0 8px;color:#111;font-size:25px;line-height:1.3;font-weight:800}
.fno1-guide-card img{display:block;width:300px;max-width:100%;height:auto;margin:12px auto;border:1px solid #e3d7b8;border-radius:13px}
.fno1-guide-card button,.fno1-guide-dialog button{min-height:48px;padding:11px 17px;border:0;border-radius:12px;background:#d8bc83;color:#111;font:inherit;font-weight:800;cursor:pointer}
.fno1-guide-card [data-fno1-guide-open]{display:block;margin:4px auto 0}
.fno1-guide-card__link,.fno1-guide-dialog__link{display:block;width:max-content;max-width:100%;margin:16px auto 0;color:#111;text-align:center;text-decoration:underline;text-underline-offset:4px;font-weight:800}
.fno1-guide-card button:focus-visible,.fno1-guide-dialog button:focus-visible,.fno1-guide-card a:focus-visible,.fno1-guide-dialog a:focus-visible{outline:3px solid #225d32;outline-offset:3px}
.fno1-guide-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);padding:0;border:1px solid #d9c99f;border-radius:16px;background:#f8efd9;box-shadow:0 20px 60px #49381860;overflow:auto}
.fno1-guide-dialog::backdrop{background:#3b301888}
.fno1-guide-dialog__inside{padding:18px}
.fno1-guide-dialog__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.fno1-guide-dialog h3{margin:0 0 12px;color:#111;font-size:21px;line-height:1.35;font-weight:800}
.fno1-guide-dialog__close{min-height:44px!important;padding:7px 12px!important;border:1px solid #c7b88f!important;background:#efe2c4!important;white-space:nowrap}
.fno1-guide-dialog__intro{margin:3px 0 12px;font-size:14px}
.fno1-guide-dialog__screen{min-height:142px;padding:16px;border-radius:15px;background:#eee5cf}
.fno1-guide-dialog__screen strong{display:block;margin-bottom:8px}
.fno1-guide-dialog__cards{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:8px 0 12px}
.fno1-guide-dialog__card{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 2px;border-bottom:1px solid #d4c4a5;font-size:13px;line-height:1.3}
.fno1-guide-dialog__card.is-held{border-bottom:2px solid #9f7e4c;border-radius:5px;background:#f5e5bf;font-weight:800}
.fno1-guide-dialog__dish{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#ead8af;font-size:23px;line-height:1}
.fno1-guide-dialog__card span:last-child{overflow-wrap:anywhere}
.fno1-guide-dialog__preview{display:flex;align-items:center;gap:12px;margin:7px 0 13px;padding:10px;border-radius:11px;background:#f8f0dc}
.fno1-guide-dialog__art{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border-radius:13px;background:#efe0bd;font-size:38px}
.fno1-guide-dialog__preview span:last-child{font-size:14px}
.fno1-guide-dialog__controls{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.fno1-guide-dialog__hint{margin:12px 0 0;font-size:15px}
@media(max-width:600px){.fno1-guide-card{margin:12px 0;padding:17px}}