/* Host HQ — one home for every workspace. Editorial serif headings, calm cards. */

body.twe-hq-site { background: var(--twe-cream); }
body.twe-hq-site .twe-hq-main { padding-bottom: 90px; }

/* Hero */
body.twe-hq-site .twe-hq-hero {
	position: relative;
	padding: 168px 0 74px;
	background:
		radial-gradient(circle at 82% 16%, rgba(216,181,110,.22), transparent 38%),
		linear-gradient(140deg, #080807 0%, #14100c 55%, #1d1710 100%);
	color: var(--twe-white);
}
body.twe-hq-site .twe-hq-hero-inner { max-width: 1080px; }
body.twe-hq-site .twe-hq-hero .twe-eyebrow { color: var(--twe-gold-light); }
body.twe-hq-site .twe-hq-hero h1 {
	max-width: 900px;
	margin: 20px 0 0;
	color: var(--twe-white) !important;
	font-family: var(--twe-serif);
	font-size: clamp(3.4rem, 7vw, 7rem);
	font-weight: 400;
	line-height: .9;
	letter-spacing: -.062em;
}
body.twe-hq-site .twe-hq-hero h1 em {
	display: block;
	color: var(--twe-gold-light) !important;
	font-style: italic;
	font-weight: 400;
}
body.twe-hq-site .twe-hq-hero p {
	max-width: 660px;
	margin: 26px 0 0;
	color: rgba(255,255,255,.76);
	font-size: 1.06rem;
	line-height: 1.7;
}
body.twe-hq-site .twe-hq-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }

/* Sticky group jump bar */
body.twe-hq-site .twe-hq-jump {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(250,247,240,.97);
	border-bottom: 1px solid var(--twe-line-light);
	backdrop-filter: blur(10px);
}
body.twe-hq-site .twe-hq-jump-inner {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	padding: 11px 0;
	scrollbar-width: none;
}
body.twe-hq-site .twe-hq-jump-inner::-webkit-scrollbar { display: none; }
body.twe-hq-site .twe-hq-jump a {
	flex: 0 0 auto;
	padding: 9px 15px;
	border-radius: 999px;
	color: var(--twe-ink);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .04em;
	white-space: nowrap;
}
body.twe-hq-site .twe-hq-jump a:hover,
body.twe-hq-site .twe-hq-jump a:focus-visible { background: rgba(200,164,91,.16); }

/* Groups */
body.twe-hq-site .twe-hq-group { padding: 62px 0 8px; }
body.twe-hq-site .twe-hq-group.is-admin {
	margin-top: 46px;
	padding-top: 58px;
	border-top: 1px solid var(--twe-line-light);
}
body.twe-hq-site .twe-hq-group-head { max-width: 700px; margin-bottom: 26px; }
body.twe-hq-site .twe-hq-group-head h2 {
	margin: 0;
	font-family: var(--twe-serif);
	font-size: clamp(2rem, 3.4vw, 3.1rem);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -.04em;
	color: var(--twe-ink);
}
body.twe-hq-site .twe-hq-group-head p {
	margin: 10px 0 0;
	color: var(--twe-muted);
	font-size: .98rem;
	font-weight: 500;
}

/* Cards */
body.twe-hq-site .twe-hq-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
	gap: 14px;
}
body.twe-hq-site .twe-hq-card {
	position: relative;
	display: block;
	padding: 24px 46px 24px 24px;
	border: 1px solid var(--twe-line-light);
	border-radius: 18px;
	background: var(--twe-white);
	box-shadow: 0 10px 30px rgba(24,22,17,.05);
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
body.twe-hq-site a.twe-hq-card:hover,
body.twe-hq-site a.twe-hq-card:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(200,164,91,.55);
	box-shadow: 0 20px 46px rgba(24,22,17,.11);
}
body.twe-hq-site .twe-hq-card h3 {
	margin: 0;
	font-family: var(--twe-serif);
	font-size: 1.32rem;
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: -.02em;
	color: var(--twe-ink);
}
body.twe-hq-site .twe-hq-card p {
	margin: 8px 0 0;
	color: var(--twe-muted);
	font-size: .87rem;
	font-weight: 500;
	line-height: 1.55;
}
body.twe-hq-site .twe-hq-card-go {
	position: absolute;
	top: 26px;
	right: 22px;
	color: var(--twe-gold-dark);
	font-size: 1.05rem;
	transition: transform .16s ease;
}
body.twe-hq-site a.twe-hq-card:hover .twe-hq-card-go { transform: translateX(3px); }

/* A destination the platform does not provide yet renders inert, not broken. */
body.twe-hq-site .twe-hq-card.is-missing {
	background: rgba(24,22,17,.03);
	border-style: dashed;
	box-shadow: none;
}
body.twe-hq-site .twe-hq-card.is-missing h3,
body.twe-hq-site .twe-hq-card.is-missing p { opacity: .62; }
body.twe-hq-site .twe-hq-card-flag {
	display: inline-block;
	margin-top: 13px;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(200,164,91,.18);
	color: var(--twe-gold-dark);
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* Signed-out gate */
body.twe-hq-site .twe-hq-gate {
	max-width: 640px;
	margin: 60px auto;
	padding: 44px;
	border: 1px solid var(--twe-line-light);
	border-radius: 22px;
	background: var(--twe-white);
	text-align: center;
}
body.twe-hq-site .twe-hq-gate h2 {
	margin: 0 0 12px;
	font-family: var(--twe-serif);
	font-size: 2.1rem;
	font-weight: 400;
	letter-spacing: -.03em;
}
body.twe-hq-site .twe-hq-gate p { margin: 0; color: var(--twe-muted); line-height: 1.7; }

@media (max-width: 820px) {
	body.twe-hq-site .twe-hq-hero { padding: 126px 0 54px; }
	body.twe-hq-site .twe-hq-group { padding-top: 44px; }
	body.twe-hq-site .twe-hq-grid { grid-template-columns: 1fr; }
}

/* My Host Profile */
body.twe-profile-site .twe-profile-link-row { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:26px; }
body.twe-profile-site .twe-profile-link {
	flex:1 1 320px; min-width:0; padding:14px 16px;
	border:1px solid var(--twe-line-light); border-radius:12px; background:var(--twe-white);
	font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.86rem; color:var(--twe-ink);
}
body.twe-profile-site .twe-profile-link.is-small { margin-top:12px; font-size:.74rem; padding:10px 12px; }
body.twe-profile-site .twe-profile-qr-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; }
body.twe-profile-site .twe-profile-qr {
	padding:22px; border:1px solid var(--twe-line-light); border-radius:18px;
	background:var(--twe-white); text-align:center;
}
body.twe-profile-site .twe-profile-qr img { display:block; width:100%; max-width:200px; height:auto; margin:0 auto 14px; border-radius:10px; }
body.twe-profile-site .twe-profile-qr h3 { margin:0; font-family:var(--twe-serif); font-size:1.2rem; font-weight:400; }
body.twe-profile-site .twe-profile-qr p { margin:7px 0 0; color:var(--twe-muted); font-size:.84rem; font-weight:500; line-height:1.5; }
body.twe-profile-site .twe-profile-note { margin-top:16px; color:var(--twe-muted); font-size:.82rem; font-weight:500; }
body.twe-profile-site .twe-profile-stat {
	padding:22px; border:1px solid var(--twe-line-light); border-radius:18px; background:var(--twe-white);
}
body.twe-profile-site .twe-profile-stat strong { display:block; font-family:var(--twe-serif); font-size:2.6rem; font-weight:400; line-height:1; color:var(--twe-ink); }
body.twe-profile-site .twe-profile-stat span { display:block; margin-top:8px; color:var(--twe-muted); font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.twe-profile-site .twe-profile-notices { display:grid; gap:10px; }
body.twe-profile-site .twe-profile-notice {
	display:grid; gap:3px; padding:16px 18px;
	border:1px solid var(--twe-line-light); border-left:3px solid var(--twe-gold); border-radius:14px; background:var(--twe-white);
}
body.twe-profile-site .twe-profile-notice strong { font-size:1rem; color:var(--twe-ink); }
body.twe-profile-site .twe-profile-notice span { color:var(--twe-muted); font-size:.86rem; font-weight:500; }
body.twe-profile-site .twe-profile-notice small { color:var(--twe-gold-dark); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:640px){ body.twe-profile-site .twe-profile-link-row .twe-btn { width:100%; text-align:center; } }


/* v1.22.70 — BlitzBooking connection lives inside Host HQ, never theme chrome. */
.twe-hq-workspace{padding:52px 0 78px;background:#f7f3f8}
.twe-hq-workspace-panel{max-width:1040px;margin:0 auto;background:#fff;border:1px solid rgba(49,20,64,.12);border-radius:28px;padding:34px;box-shadow:0 18px 55px rgba(35,11,48,.08)}
.twe-hq-workspace-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}
.twe-hq-back{font-weight:800;color:#4b245a;text-decoration:none}
.twe-hq-back:hover{text-decoration:underline}
.twe-hq-connection-state{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#f2edf4;color:#4b245a;font-size:.82rem;font-weight:850;letter-spacing:.02em}
.twe-hq-connection-state:before{content:"";width:8px;height:8px;border-radius:50%;background:#c39836}
.twe-hq-connection-state.is-connected{background:#eef8f1;color:#176b3a}
.twe-hq-connection-state.is-connected:before{background:#2a8a51}
.twe-hq-blitz-panel h2{font-family:var(--twe-heading-font, Georgia, serif);font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;margin:.35rem 0 12px;color:#1f1029}
.twe-hq-workspace-lead{max-width:820px;font-size:1.05rem;line-height:1.75;color:#5f5365;margin:0 0 30px}
.twe-hq-connection-grid{display:grid;gap:20px;margin:24px 0 26px}
.twe-hq-field{display:grid;gap:8px}.twe-hq-field>span{font-size:.9rem;font-weight:850;color:#281632}
.twe-hq-field input{width:100%;min-height:52px;border:1px solid #d9cfde;border-radius:12px;padding:0 15px;background:#fbf9fc;color:#281632;font:inherit;box-sizing:border-box}
.twe-hq-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.twe-hq-status-card,.twe-hq-danger-zone{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:20px;padding:22px 24px}
.twe-hq-status-card{background:#f6f0f8;border:1px solid #e1d4e5;margin:6px 0 20px}
.twe-hq-status-card strong,.twe-hq-danger-zone strong{display:block;color:#281632;font-size:1rem;margin-bottom:4px}
.twe-hq-status-card p,.twe-hq-danger-zone p{margin:0;color:#66596a;line-height:1.6}
.twe-hq-danger-zone{border-top:1px solid #ece5ee;border-radius:0;padding:24px 0 0;margin-top:8px}
@media(max-width:700px){.twe-hq-workspace{padding:28px 0 50px}.twe-hq-workspace-panel{padding:24px 18px;border-radius:20px}.twe-hq-workspace-topline,.twe-hq-status-card,.twe-hq-danger-zone{align-items:flex-start;flex-direction:column}.twe-hq-key-row{grid-template-columns:1fr}.twe-hq-key-row .twe-btn,.twe-hq-status-card .twe-btn,.twe-hq-danger-zone .twe-btn{width:100%}}