/* C8.60: isolated read-only visitor preview. No auth, database or storage writes. */
.preview-brand{display:inline-block;min-width:0}.preview-brand img{width:228px;max-width:49vw;height:auto}
.preview-main{max-width:1160px}.preview-ribbon{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;background:#f1f5ed;border:1px solid #a1b7a0;border-radius:15px;padding:14px 17px;margin-bottom:29px;line-height:1.45;color:#355339}.preview-ribbon strong{font-size:.78rem;letter-spacing:.08em}.preview-ribbon span{font-size:.86rem}
.preview-panel{display:none}.preview-panel.active{display:block}.preview-static-card{cursor:default;box-shadow:none}.preview-static-card:hover{transform:none}.preview-tool-names{padding:16px 20px;line-height:1.8;color:#6c624f}
.preview-box{background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:clamp(17px,3vw,26px);margin:19px 0}.preview-box h3{margin:0 0 13px}.preview-box p{line-height:1.65}
.preview-pill-row{display:flex;gap:8px;flex-wrap:wrap}.preview-pill-row span{background:#e9f0e5;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:750;color:#345138}
.preview-recipe-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px}.preview-recipe-layout .preview-box{margin-bottom:0}.preview-box ul{padding-left:22px;line-height:1.8}.preview-steps{padding-left:24px}.preview-steps li{margin:0 0 18px;padding-left:5px;line-height:1.6}.preview-steps li strong{display:block;margin-bottom:5px}.preview-steps li small{display:block;border-left:3px solid #dbbc73;padding-left:10px;margin-top:6px;color:#5d6554;font-size:.86rem}.preview-subhead{margin-top:25px!important}
.preview-change-grid,.preview-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.preview-change-grid button,.preview-option-grid button{background:#fff;border:1px solid #d7cbb7;border-radius:14px;padding:15px;text-align:left;color:#322b20;min-height:68px;line-height:1.4}.preview-change-grid button:hover,.preview-option-grid button:hover{border-color:#ac802d}.preview-change-grid button[aria-pressed="true"],.preview-option-grid button[aria-pressed="true"]{background:#fff2d2;border:2px solid #b98b35;padding:14px;font-weight:750}
.preview-learning-note{background:#f5f1e9;color:#504939;border-radius:12px;padding:13px 16px;line-height:1.6}.preview-levers{margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.preview-levers>summary{cursor:pointer;font-weight:800}.preview-lever-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.preview-lever-map>div{background:#fff;border:1px solid #e6dece;border-radius:12px;padding:12px}.preview-lever-map strong{display:block;margin-bottom:5px;font-size:.85rem}.preview-lever-map p{font-size:.83rem;margin:6px 0 0;color:#685f52}
.preview-return-actions,.preview-original-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:center}.preview-return-actions a{text-decoration:none}.preview-original-actions{justify-content:space-between}.preview-original-progress{color:#896b36;font-weight:800;font-size:.83rem;margin-bottom:16px}.preview-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.preview-recipe-layout,.preview-lever-map{grid-template-columns:1fr}.preview-change-grid{grid-template-columns:1fr}.preview-ribbon{gap:4px}.preview-original-actions>*{flex:1}.preview-exit{font-size:.82rem}.preview-brand img{max-width:45vw}}
@media(max-width:520px){.preview-option-grid{grid-template-columns:1fr}.preview-return-actions>*{width:100%;text-align:center}.preview-main .guest-first-feature{grid-column:auto}}