/* Separate purchase and management screens with two obvious destinations. */
.preview-hosting-nav{display:flex;gap:8px;border-bottom:1px solid #34414c;margin:0 0 30px;padding-bottom:16px;flex-wrap:wrap}
.preview-hosting-nav a{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid #3a4853;border-radius:9px 0 9px 0;color:#c0d1df;font-size:13px;font-weight:700;background:#121a21;transition:background-color .2s,border-color .2s}
.preview-hosting-nav a[aria-current=page]{background:#0092ff;border-color:#0092ff;color:#fff}
.preview-hosting-nav a:hover{border-color:#7ed4ff;color:white}
.preview-hosting-purchase,.preview-hosting-management{max-width:1100px;margin:0 auto}
.preview-hosting-management .hosting-my-servers{width:100%;height:auto;max-height:none}
.preview-hosting-management .hosting-owned{height:auto;max-height:none}
.preview-hosting-features{border:1px solid #303c45;background:#10161b;border-radius:12px 0 12px 0;margin-top:24px;padding:0 24px}
.preview-hosting-features>summary{padding:21px 0;cursor:pointer;font-weight:700;font-size:14px;color:#badef6}
.preview-hosting-features .preview-host-compare{margin:0;padding-bottom:22px}
.preview-hosting-features .preview-compare-heading{margin-top:18px}
.preview-hosting-features .preview-compare-heading h2{font-size:clamp(28px,4vw,48px)!important}
@media(max-width:600px){.preview-hosting-nav{gap:10px}.preview-hosting-nav a{flex:1;padding:13px 10px;font-size:12px}.preview-hosting-features{padding-inline:12px}}

.preview-hosting-management .hosting-owned{grid-template-rows:none;grid-auto-rows:auto;min-height:0;overflow:visible}
.preview-hosting-management .hosting-owned:has(>.empty){display:block}
.preview-hosting-management .hosting-owned .empty{min-height:100px;padding:28px}
.preview-hosting-management [data-hosting-history],.preview-hosting-management .hosting-history-section,.preview-hosting-management .hosting-history-content,.preview-hosting-management .hosting-history-list{height:auto;max-height:none;overflow:visible;flex:none}
.preview-hosting-management .hosting-history-content{padding-bottom:12px}

/* Up-front inclusion list: no collapsed content or comparison categories. */
.preview-included{padding:30px 34px 32px;margin:0 0 30px;background:linear-gradient(135deg,#112a3d,#101820 80%);border:1px solid #33546a;border-radius:20px 0 20px 0}
.public-hosting-page .preview-included h2{font-size:clamp(40px,5vw,64px);line-height:1;margin:0;color:#fff}
.preview-included>p{font-size:14px;color:#b7cddd;margin:12px 0 22px}
.preview-included ul{list-style:none;padding:0;margin:0 0 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 28px}
.preview-included li{display:flex;align-items:flex-start;gap:12px;color:#edf5fc;font-size:15px;line-height:1.5}
.preview-included li>span{color:#58bdff;font-size:23px;font-weight:700;line-height:1}
.preview-included>.button{min-height:42px;padding:12px 20px;font-size:13px}
.preview-hosting-addon{margin-top:28px}
@media(max-width:650px){.preview-included{padding:24px 20px}.preview-included ul{grid-template-columns:1fr;gap:15px}.preview-included li{font-size:14px}.public-hosting-page .preview-included h2{font-size:43px}.preview-included>.button{width:100%}}

/* A single introduction leads straight into the actual choices. */
.preview-included-line{font-size:14px;line-height:1.65;color:#b7cad8;padding:0 0 22px;margin:0;max-width:880px}
.preview-included-line strong{color:#edf7ff;font-weight:700}
.preview-hosting-purchase .hosting-plan{padding-top:0}
.preview-hosting-purchase .hosting-form-section:first-child{padding-top:24px}
.preview-hosting-purchase .hosting-choice{margin-top:14px}

/* Race Hosting stays above the compact server grid rather than below the history. */
.public-hosting-page .preview-hosting-management{max-width:1200px}
.public-hosting-page .preview-hosting-addon{margin:0 0 18px}
.public-hosting-page .preview-hosting-addon [data-race-hosting-access]{display:grid;grid-template-columns:190px minmax(0,1fr);margin:0}
.public-hosting-page .preview-hosting-addon .panel-title{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:16px!important;border:0!important;border-right:1px solid #333!important}
.public-hosting-page .preview-hosting-addon .panel-title h2{font-size:26px!important}
.public-hosting-page .preview-hosting-addon .panel-body{padding:16px 20px}
.public-hosting-page .preview-hosting-addon .race-host-access-row{gap:14px}
.public-hosting-page .preview-hosting-addon .race-host-access-identity h3{font-size:20px;margin:3px 0}
.public-hosting-page .preview-hosting-addon .race-host-access-identity .eyebrow{font-size:9px}
.public-hosting-page .preview-hosting-addon .race-host-access-footer{margin-top:8px;padding-top:8px;font-size:11px}
.public-hosting-page .preview-hosting-management .hosting-my-servers{height:auto!important;min-height:0;max-height:none}
.public-hosting-page .preview-hosting-management .hosting-my-servers>.panel-title{padding:14px 18px!important}
.public-hosting-page .preview-hosting-management .hosting-my-servers>.panel-body{padding:16px 18px}
.public-hosting-page .preview-hosting-management .hosting-owned-pages .hosting-owned{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none!important;grid-auto-rows:auto;align-items:start;height:auto!important;min-height:0!important;gap:12px;overflow:visible}
.public-hosting-page .preview-hosting-management .hosting-owned>.card{height:auto!important;min-height:0;max-height:none;padding:16px!important;overflow:visible;font-size:12px}
.public-hosting-page .preview-hosting-management .hosting-owned h3{font:700 16px/1.4 'Segoe UI',sans-serif!important;overflow-wrap:anywhere}
.public-hosting-page .preview-hosting-management .hosting-owned .section-title{gap:8px;align-items:start;margin-bottom:10px}
.public-hosting-page .preview-hosting-management .hosting-owned .actions{gap:7px;margin-top:12px;flex-wrap:wrap}
.public-hosting-page .preview-hosting-management .hosting-owned .actions>:is(button,a){min-height:34px;flex:1 1 auto;font-size:11px;padding:8px 10px;white-space:normal}
.public-hosting-page .preview-hosting-management .hosting-owned .form-help{font-size:11px;line-height:1.5;margin-top:8px}
.public-hosting-page .preview-hosting-management .hosting-owned .hosting-automatic-status{margin:8px 0}
.public-hosting-page .preview-hosting-management .hosting-history-section{margin-top:16px;padding-top:12px;height:auto!important;min-height:0;display:block!important}
.public-hosting-page .preview-hosting-management .hosting-history-section>summary{min-height:0;padding:5px 0;font-size:14px}
.public-hosting-page .preview-hosting-management .hosting-history-section:not([open]) .hosting-history-content{display:none!important}
.public-hosting-page .preview-hosting-management .hosting-history-section:not([open])::details-content{display:none!important}


.preview-tutorial-tools{justify-content:flex-end;margin:24px 0}.preview-tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.preview-tutorial-card{overflow:hidden;border-radius:18px}.preview-tutorial-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#0b1014}.preview-tutorial-video{aspect-ratio:16/9;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b2537,#10151b);color:#71c6ff}.preview-tutorial-video>span:first-child{font-size:38px}.preview-tutorial-copy{padding:24px}.preview-tutorial-copy h2{font-size:clamp(26px,3vw,38px);margin:0 0 14px}.preview-tutorial-description{white-space:pre-wrap;overflow-wrap:anywhere;color:#bdcbd6;line-height:1.6}.preview-tutorial-copy .actions{flex-wrap:wrap;margin-top:22px}.preview-tutorial-editor{max-width:760px;padding:28px;margin:20px auto 32px}.preview-tutorial-editor label{display:block;margin:18px 0}.preview-tutorial-editor input,.preview-tutorial-editor textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px}.preview-tutorial-empty{grid-column:1/-1;text-align:center;padding:60px 24px}.preview-tutorial-copy [data-tutorial-confirm]{border-top:1px solid #365064;margin-top:20px;padding-top:12px}.preview-tutorials [hidden]{display:none!important}@media(max-width:760px){.preview-tutorial-grid{grid-template-columns:1fr}.preview-tutorial-editor{padding:20px}.preview-tutorial-tools{justify-content:flex-start}}

.preview-tutorial-card video{display:block;width:100%;aspect-ratio:16/9;background:#080d12;object-fit:contain}.preview-tutorial-editor select{display:block;width:100%;margin-top:8px}.preview-tutorial-editor input[type=file]{padding:15px;border-style:dashed}.preview-tutorial-editor [data-tutorial-progress]{color:#75caff}

.public-hosting-page{--font-display:'NCK Display','Arial Narrow',sans-serif}
.public-hosting-page .preview-directory-banner{margin:0 0 25px}
.public-hosting-page h1{font:400 clamp(38px,5vw,64px)/1.1 var(--font-display);text-transform:uppercase;border:0;margin:0 0 8px;padding:0}
.public-hosting-page .preview-directory-banner p{color:#aab6c2;margin:0}
.public-hosting-page .hosting-plan{border-radius:12px 0 12px 0;overflow:hidden}
.public-hosting-page .hosting-plan>form{padding:0 24px 24px}
.public-hosting-page .preview-hosting-nav{margin-bottom:24px}
.public-hosting-page .preview-hosting-management .hosting-owned{height:auto!important;min-height:0!important}
@media(max-width:1000px){.public-hosting-page .preview-hosting-management .hosting-owned-pages .hosting-owned{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.public-hosting-page .preview-hosting-management .hosting-owned-pages .hosting-owned{grid-template-columns:1fr}.public-hosting-page .preview-hosting-addon [data-race-hosting-access]{display:block}.public-hosting-page .hosting-plan>form{padding:0 16px 16px}}