Five layers. Four threads. One defensible system.
Each layer rests on the one beneath it. Four threads run vertically through all of them. Hover a layer — or a thread — to see what it covers.
css/* Make the guide submission box white & legible */ .sqs-block-form .field-element, .form-wrapper input, .form-wrapper textarea, .form-wrapper select, .newsletter-form-field-element, .newsletter-form-wrapper input { background-color: #ffffff !important; color: #0C1A2C !important; border: 1px solid #d7dee8 !important; border-radius: 6px !important; } /* Keep the typed-prompt text visible on white */ .form-wrapper input::placeholder, .newsletter-form-field-element::placeholder { color: #6b7280 !important; } /* Keep field labels readable on the dark page */ .form-wrapper .title, .newsletter-form-header-title { color: #ffffff !important; }/* === Close the top gap above the House of AI Trust widget === */ .page-section:has(.hoat-wrap) { min-height: 0 !important; /* drops any oversized section min-height */ } .page-section:has(.hoat-wrap) .content-wrapper { padding-top: 2rem !important; /* tighten the top padding */ padding-bottom: 2rem !important; }
Each layer rests on the one beneath it. Four threads run vertically through all of them. Hover a layer — or a thread — to see what it covers.