.publish-walkthrough{width:min(860px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dce2e6;background:#f4f6f8;color:#1c1f24;box-shadow:0 24px 80px #0004;overflow:auto}.publish-walkthrough::backdrop{background:#15232f99;backdrop-filter:blur(8px)}.publish-walkthrough header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;padding:24px}.publish-walkthrough header small{font-size:10px;letter-spacing:.12em;color:#a5673f}.publish-walkthrough h2{font-size:22px;margin:6px 0 0}.publish-walkthrough button{cursor:pointer;min-height:44px;padding:10px 16px;border:1px solid #dce2e6;background:white;color:#243544}.publish-walkthrough [data-close]{font-size:24px}.walk-steps{display:flex;list-style:none;padding:0 24px;gap:16px;font-size:12px;color:#647582}.walk-steps li{flex:1;border-bottom:2px solid #dce2e6;padding:12px 0}.walk-steps .active{border-color:#a5673f;color:#243544;font-weight:700}.walk-screen{padding:8px 24px 24px;min-height:350px}.walk-screen>section{background:white;padding:24px;animation:panel-in .35s ease}.walk-screen h3{font-size:24px;line-height:1.2;margin:18px 0}.walk-screen p{font-size:15px;margin:14px 0}.walk-typed{min-height:130px}.walk-publish{background:#a5673f;color:white;padding:14px 18px;margin-top:24px;font-size:12px;font-weight:600;display:inline-block}.walk-screen .walk-site{padding:0}.walk-site-header{padding:20px;background:#243544;color:white;font-weight:700;display:flex;justify-content:space-between;gap:12px}.walk-site-header span{font-size:9px;font-weight:400}.walk-site-body{padding:24px}.publish-walkthrough footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;background:white}.sample-choice{display:block;padding:14px 0;border-bottom:1px solid #e1e6ea;font-size:15px}.sample-choice input{accent-color:#a5673f}
@media(prefers-reduced-motion:reduce){.walk-screen>section{animation:none}}
.publish-walkthrough.owner-sample .walk-steps,.publish-walkthrough.owner-sample footer{display:none}
.walk-site-body h3{margin:10px 0}.walk-screen p{line-height:1.55}.walk-owner-email{border-top:5px solid #8faec0}.walk-mail-brand{font-size:21px;font-weight:700;color:#243544;border-bottom:1px solid #dce2e6;padding:16px 0}.walk-owner-email .walk-publish{background:#243544;padding:10px 14px;margin-top:8px}.walk-site-body .walk-publish{margin-top:8px}
.publish-walkthrough footer button{min-height:32px;padding:6px 12px;font-size:11px;line-height:1.3;letter-spacing:.04em}.publish-walkthrough footer{gap:8px;padding:12px 20px}
@media(max-width:999px){.publish-walkthrough header{padding:18px}.publish-walkthrough h2{font-size:18px}.walk-screen{padding:8px 16px 16px;min-height:350px}.walk-screen>section,.walk-site-body{padding:18px}.walk-screen h3{font-size:21px}.walk-screen p{font-size:14px}.walk-steps{padding:0 16px;gap:10px;font-size:10px}.publish-walkthrough footer{padding:12px 16px}.walk-site-header{padding:16px}.walk-site-header span{display:none}}
.publish-walkthrough .flow-label{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;color:#a5673f}
.publish-walkthrough .flow-routing{margin:14px 0;color:#5b6570;font-size:12px;overflow-wrap:anywhere}
.publish-walkthrough footer button{min-height:44px}
@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.walk-owner-email button.walk-publish{color:#fff}
.sample-action-form input[type=text],.sample-action-form textarea{display:block;width:100%;font:inherit;padding:10px;margin-top:8px;border:1px solid #dce2e6;box-sizing:border-box;min-height:44px}
.sample-action-form textarea{min-height:90px;resize:vertical}
.sample-action-form button{margin-top:14px}
.sample-action-form [data-sample-status]{color:#243544}