.hosted-main{max-width:1320px;padding-block:2rem 5rem}.hosted-hero{max-width:900px;margin:2.5rem 0}.hosted-hero h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.05;margin:.5rem 0 1.25rem}.hosted-hero p{line-height:1.65}.hosted-notice{border-left:3px solid #c8e780;padding:1rem 1.25rem;background:#c8e78012}.hosted-panel{border:1px solid #b5a9c244;border-radius:1.25rem;padding:1.25rem;margin:1.5rem 0;background:#25202a08;overflow:hidden}.hosted-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hosted-panel h2{font-size:1.5rem;margin:0}.hosted-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.hosted-actions a{padding:.7rem .2rem;text-underline-offset:4px}.hosted-actions .button{margin:0;min-height:44px}.hosted-panel [role=status]{font-size:.95rem;line-height:1.5;max-width:85ch}.hosted-frame-slot{height:clamp(440px,75vh,900px);background:#101216;border-radius:.8rem;overflow:hidden}.hosted-frame-slot iframe{width:100%;height:100%;border:0;display:block}.hosted-frame-slot:fullscreen{height:100vh;width:100vw;border-radius:0}.hosted-help{max-width:850px;padding:1rem 0;line-height:1.65}.hosted-help li{margin:.6rem 0}.hosted-main [hidden]{display:none!important}@media(max-width:600px){.hosted-panel{padding:.85rem}.hosted-actions{width:100%}.hosted-actions .button{flex:1 1 auto}.hosted-actions a{width:100%}.hosted-frame-slot{height:70svh;min-height:400px}.hosted-hero{margin:1.5rem 0}}@media(prefers-color-scheme:dark){.hosted-panel{background:#ffffff04}.hosted-notice{background:#c8e7800d}}