@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wdth,wght@75..100,400..700&family=Instrument+Serif:ital@0;1&display=swap');
.swsd-shell{--a:#d9ff00;--m:#9a9a9a;--b:#333;width:100%;max-width:980px;margin:0 auto;padding:34px 28px 50px;background:#000;color:#fff;font-family:"Instrument Sans",Arial,sans-serif;min-height:620px}.swsd-shell *{box-sizing:border-box}.swsd-top{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.swsd-logo{display:block;width:118px;height:auto;margin:0 0 32px}.swsd-kicker{margin:0 0 8px;color:var(--a);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.swsd-intro{max-width:660px;margin:0;font-size:20px;line-height:1.35;color:#fff}.swsd-intro em{font-family:"Instrument Serif",Georgia,serif;font-size:1.2em;font-style:normal}.swsd-badge{border:1px solid var(--a);color:var(--a);padding:7px 11px;border-radius:999px;font-size:13px;white-space:nowrap}.swsd-progress{height:2px;background:#222;margin:30px 0 42px}.swsd-progress>div{height:100%;background:var(--a);width:8.33%;transition:width .25s}.swsd-qno{color:var(--a);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.swsd-title{font-family:"Instrument Sans",Arial,sans-serif;font-stretch:75%;font-weight:500;letter-spacing:-.035em;font-size:clamp(42px,6vw,70px);line-height:.95;margin:0 0 14px;color:#fff;max-width:850px}.swsd-helper{color:var(--m);font-size:15px;margin:0 0 28px}.swsd-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.swsd-option,.swsd-back,.swsd-continue,.swsd-submit{font-family:"Instrument Sans",Arial,sans-serif}.swsd-option{min-height:66px;border:1px solid var(--b);border-radius:12px;background:#050505;color:#fff;padding:15px 17px;text-align:left;font-size:17px;cursor:pointer;transition:.15s}.swsd-option:hover,.swsd-option.is-selected{border-color:var(--a);background:var(--a);color:#000;font-weight:600}.swsd-continue,.swsd-submit{margin-top:20px;background:var(--a);color:#000;border:1px solid var(--a);padding:13px 20px;border-radius:10px;font-weight:600;cursor:pointer}.swsd-continue:hover,.swsd-submit:hover{background:#fff;border-color:#fff}.swsd-footer{margin-top:30px;padding-top:18px;border-top:1px solid #202020;display:flex;justify-content:space-between;align-items:center;gap:16px}.swsd-back{border:1px solid #3a3a3a;color:#fff;background:transparent;padding:10px 15px;border-radius:10px;cursor:pointer}.swsd-back:disabled{opacity:.25;cursor:default}.swsd-note{font-size:12px;color:#777}.swsd-complete-copy{font-family:"Instrument Serif",Georgia,serif;font-size:25px;line-height:1.25;max-width:720px}.swsd-callout{margin-top:24px;border:1px solid var(--a);background:#060700;border-radius:12px;padding:20px}.swsd-callout strong{color:var(--a)}.swsd-details{max-width:650px}.swsd-field{display:block;margin:0 0 16px}.swsd-field span{display:block;color:#fff;font-size:14px;margin:0 0 7px}.swsd-field input{display:block;width:100%;background:#080808;color:#fff;border:1px solid #3a3a3a;border-radius:10px;padding:13px 14px;font:inherit;font-size:16px}.swsd-field input:focus{outline:2px solid var(--a);outline-offset:2px;border-color:var(--a)}.swsd-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.swsd-error{color:#ffb7b7;font-size:14px;margin:14px 0 0}.swsd-submit:disabled{opacity:.55;cursor:wait}@media(max-width:680px){.swsd-shell{padding:24px 18px 38px;min-height:0}.swsd-top{flex-direction:column}.swsd-options{grid-template-columns:1fr}.swsd-logo{width:100px;margin-bottom:26px}.swsd-title{font-size:42px}}


/* =========================================================
   v1.3 - Standalone diagnostic page treatment
   Scoped only to the /diagnostic/ page.
   ========================================================= */

html:has(body.swsd-diagnostic-page),
body.swsd-diagnostic-page{
	background:#000 !important;
}

/* Hide normal website chrome on the private diagnostic page */
body.swsd-diagnostic-page > header,
body.swsd-diagnostic-page > footer,
body.swsd-diagnostic-page header.site-header,
body.swsd-diagnostic-page footer.site-footer,
body.swsd-diagnostic-page .site-header,
body.swsd-diagnostic-page .site-footer,
body.swsd-diagnostic-page #masthead,
body.swsd-diagnostic-page #colophon{
	display:none !important;
}

/* Make all common theme/page-builder wrappers black */
body.swsd-diagnostic-page main,
body.swsd-diagnostic-page #page,
body.swsd-diagnostic-page #content,
body.swsd-diagnostic-page #primary,
body.swsd-diagnostic-page .site,
body.swsd-diagnostic-page .site-content,
body.swsd-diagnostic-page .site-main,
body.swsd-diagnostic-page .content-area,
body.swsd-diagnostic-page article,
body.swsd-diagnostic-page .entry-content,
body.swsd-diagnostic-page .page-content,
body.swsd-diagnostic-page .modules,
body.swsd-diagnostic-page .flexible-content,
body.swsd-diagnostic-page [class*="module"],
body.swsd-diagnostic-page [class*="container"]{
	background-color:#000 !important;
}

/* Remove inherited page spacing that leaves beige edges */
body.swsd-diagnostic-page main,
body.swsd-diagnostic-page #content,
body.swsd-diagnostic-page #primary,
body.swsd-diagnostic-page .site-content,
body.swsd-diagnostic-page .site-main,
body.swsd-diagnostic-page .content-area,
body.swsd-diagnostic-page article,
body.swsd-diagnostic-page .entry-content,
body.swsd-diagnostic-page .page-content{
	margin-top:0 !important;
	padding-top:0 !important;
}

/* Centre the diagnostic as an experience */
body.swsd-diagnostic-page .swsd-shell{
	width:min(1040px, calc(100% - 48px)) !important;
	max-width:1040px !important;
	margin:0 auto !important;
	padding:56px 40px 64px !important;
	min-height:100vh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:left !important;
	background:#000 !important;
}

/* Keep the content itself visually focused */
body.swsd-diagnostic-page .swsd-top,
body.swsd-diagnostic-page .swsd-progress,
body.swsd-diagnostic-page #swsd-question-area,
body.swsd-diagnostic-page .swsd-footer{
	width:100%;
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
}

@media(max-width:680px){
	body.swsd-diagnostic-page .swsd-shell{
		width:100% !important;
		padding:28px 18px 40px !important;
		min-height:100svh;
	}
}


/* v1.4 - Force true horizontal centring despite theme wrappers */
body.swsd-diagnostic-page{
	overflow-x:hidden;
}

body.swsd-diagnostic-page .swsd-shell{
	position:relative !important;
	left:50% !important;
	transform:translateX(-50%) !important;
	margin-left:0 !important;
	margin-right:0 !important;
	width:min(1040px, calc(100vw - 48px)) !important;
	max-width:1040px !important;
}

@media(max-width:680px){
	body.swsd-diagnostic-page .swsd-shell{
		width:calc(100vw - 24px) !important;
	}
}


/* v1.5 - Remove residual theme header / beige spacer on diagnostic page */
body.swsd-diagnostic-page,
body.swsd-diagnostic-page #page,
body.swsd-diagnostic-page .site,
body.swsd-diagnostic-page .site-wrapper,
body.swsd-diagnostic-page .page-wrapper,
body.swsd-diagnostic-page .wrapper,
body.swsd-diagnostic-page main,
body.swsd-diagnostic-page #content,
body.swsd-diagnostic-page .site-content{
	background:#000 !important;
	margin-top:0 !important;
	padding-top:0 !important;
}

/* Common theme header placeholders/spacers */
body.swsd-diagnostic-page .header-spacer,
body.swsd-diagnostic-page .header-placeholder,
body.swsd-diagnostic-page .site-header-spacer,
body.swsd-diagnostic-page .masthead-spacer,
body.swsd-diagnostic-page .nav-spacer,
body.swsd-diagnostic-page .header-wrapper,
body.swsd-diagnostic-page .site-header-wrapper,
body.swsd-diagnostic-page .main-header-wrapper,
body.swsd-diagnostic-page .page-header,
body.swsd-diagnostic-page .site-header,
body.swsd-diagnostic-page #masthead{
	display:none !important;
	height:0 !important;
	min-height:0 !important;
	margin:0 !important;
	padding:0 !important;
}

/* Ensure the first visible content starts immediately */
body.swsd-diagnostic-page .swsd-shell{
	margin-top:0 !important;
}

/* WordPress admin bar is intentionally left visible for logged-in admins.
   It is not shown to public visitors. */
