/* Public demo controls stay outside the unchanged Phase 3 guest styles. */
.hero-description,.how-grid p,.theme-caption p,.closing p,.section-heading>p{font-size:16px}
.eyebrow,.hero-points,.review-note,.site-footer,.button.small{font-size:14px}
.subtle-link,.site-footer a,.site-header nav>a{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
.brand{min-height:44px}.hero .subtle-link{display:flex;justify-content:center}
.preview-availability{font-size:14px;color:#56675b;margin:16px 0;line-height:1.6}
.preview-launch{display:block;position:relative;text-decoration:none;border-radius:18px;overflow:hidden;min-height:44px}
.preview-launch:focus-visible{outline:3px solid #a76a48;outline-offset:5px}
.preview-launch iframe{pointer-events:none}.preview-launch-label{display:block;text-align:center;background:#2d4a3c;color:white;padding:12px;font:600 16px/1.5 system-ui}
.demo-dialog{width:min(440px,calc(100% - 20px));max-width:440px;padding:0;overflow:hidden;max-height:calc(100dvh - 20px)}
.demo-dialog-bar,.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#f4f6f1;color:#243e34;border-bottom:1px solid #dce2dc;font:14px/1.4 system-ui}
.demo-dialog-bar button,.demo-toolbar a{min-height:44px;padding:10px 8px;font:600 14px/1.4 system-ui;color:inherit}
.demo-dialog-bar button{border:1px solid #ccd5cc;border-radius:8px;background:white;cursor:pointer}
.demo-dialog iframe{display:block;border:0;width:100%;height:min(750px,calc(100dvh - 100px))}
.demo-toolbar{position:relative;z-index:20}.demo-toolbar a{text-decoration:underline;text-underline-offset:3px}
.trial-intro{max-width:1180px;margin:35px auto 0;padding:0 22px}.trial-intro h1{font-size:clamp(32px,5vw,48px)}
.trial-intro p{max-width:680px;font-size:16px}.trial-label{font-size:14px;background:#f7f3e9;border:1px solid #dfd5bd;border-radius:10px;padding:12px 16px}
.trial-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:35px;max-width:1180px;margin:30px auto;padding:0 22px 70px}
.trial-form fieldset{border:1px solid #dce2dc;border-radius:15px;padding:22px;margin:0 0 22px;min-width:0}
.trial-form legend{font:24px/1.3 Georgia,serif;padding:0 8px}.trial-form label{display:block;font-size:16px;margin:0 0 18px}
.trial-form input,.trial-form textarea{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid #b9c7bb;border-radius:8px;padding:12px;font:16px/1.5 system-ui;min-height:48px}
.trial-form textarea{resize:vertical}.trial-form input[type=file]{padding:12px 6px;font-size:14px}.trial-form small{display:block;font-size:14px;color:#56675b}
.trial-event{border-top:1px solid #e3e6dd;padding-top:18px;margin-top:18px}.trial-event h3{font-size:22px}
.trial-preview{position:sticky;top:16px;align-self:start}.trial-preview h2{font-size:26px;margin-bottom:14px}
.trial-preview iframe{width:100%;height:760px;max-height:calc(100dvh - 100px);border:1px solid #ccd5cc;border-radius:18px;background:#fff}
.trial-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.trial-actions button{min-height:48px}
.trial-error{color:#843d31;font-size:16px;min-height:24px}.trial-top-preview{display:none}
.trial-preview-return{display:inline-flex;align-items:center;min-height:44px;font-size:16px;margin-bottom:12px}
@media(max-width:430px){.trial-preview{margin-left:-22px;margin-right:-22px}.trial-preview h2,.trial-preview-return{margin-left:18px}.trial-preview iframe{border-radius:0;border-left:0;border-right:0;display:block}}
@media(max-width:360px){.site-header .brand{font-size:18px}.brand-mark svg{width:24px;height:24px}.site-header{padding:0 12px}.site-header .button.small{gap:5px;padding:9px 8px}}
@media(max-width:760px){.trial-grid{grid-template-columns:1fr}.trial-preview{position:static}.trial-preview iframe{height:740px;max-height:none}.trial-top-preview{display:inline-flex}.trial-form fieldset{padding:18px 14px}.trial-intro{margin-top:25px}.demo-toolbar{font-size:14px}.demo-toolbar a{white-space:nowrap}.button.small{padding:9px 10px}.brand{font-size:20px}.brand small{display:none}}
