/*
 * Speaker page content — what the editable page needs on top of the theme's
 * landing.css. Everything is scoped to this page; landing.css itself is not
 * changed, so the other landing templates that share it are unaffected.
 */

/* The hero paragraphs used inline styles. (0,2,1) outranks landing.css's
   `.bg-s-mnfg-s-c-2025 p` (0,1,1), as the inline styles did. */
.bg-s-mnfg-s-c-2025 p.iiotspk-hero-tagline { font-size: 26px; line-height: 36px; font-weight: 500; }
.bg-s-mnfg-s-c-2025 p.iiotspk-hero-subhead { font-size: 18px; line-height: 28px; }
.bg-s-mnfg-s-c-2025 p.iiotspk-hero-intro   { font-size: 16px; line-height: 28px; }

.commit-card p.iiotspk-commit-text { max-width: 70%; }

/* An uploaded badge or icon image sits where the built-in SVG did. */
.iiotspk-page .vendor-badge img { display: block; width: 100%; height: auto; }
.iiotspk-page .impact-icon img  { display: block; width: auto; max-height: 53px; }

/* Lists collapse by hiding whole items (see the page's inline rules), not by
   clipping a fixed height: nothing is cut in half, and hidden links cannot
   take keyboard focus. landing.css's own "hide after the 10th logo" and the
   200px floor are undone here so the page's settings decide. */
#trustedLogos.iiotspk-collapsible { min-height: 0; max-height: none; }
#trustedLogos.iiotspk-collapsible .logo-item:nth-child(n+11) { display: flex; opacity: 1; }
.iiotspk-page #testimonialsList { max-height: none; }

/* Links in FAQ answers, including pasted web addresses, look like links. */
.iiotspk-page .section-faq .who-attend .group p { overflow-wrap: anywhere; }
.iiotspk-page .section-faq .who-attend .group a { color: #bd400f; text-decoration: underline; text-underline-offset: 2px; }
.iiotspk-page .section-faq .who-attend .group a:hover { color: #e64d25; }

/* The embedded HubSpot form: a card whose edges line up with the event rows
   above it. Those rows sit inside .container-1200 plus the list's own
   clamp(16px, 3vw, 28px) inset (landing.css), so the card takes the same
   inset. HubSpot styles the fields themselves; the frame is drawn here, and
   HubSpot's own 500px cap on fieldsets is lifted so the fields use the card's
   full width. */
.iiotspk-page .section-hubspot-form { background-color: rgba(63, 63, 63, 0.02); }
/* Straight after an events list the two sections share a background, so the
   list's bottom padding is all the gap that is wanted; the form's own top
   padding would double it. */
.iiotspk-page .section-events + .section-hubspot-form { padding-top: 0; }
.iiotspk-page .iiotspk-form,
.iiotspk-page .iiotspk-form-note { margin-inline: clamp(16px, 3vw, 28px); }
.iiotspk-page .iiotspk-form {
	box-sizing: border-box;
	padding: clamp(20px, 4vw, 40px);
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 14px;
	box-shadow: 0 8px 28px rgba(16, 24, 40, 0.06);
	overflow: hidden;
}
.iiotspk-page .iiotspk-form .hbspt-form { margin: 0; }
.iiotspk-page .iiotspk-form .hs-form fieldset { max-width: none; }
.iiotspk-page .iiotspk-form .hs-form .hs-input:not([type="checkbox"]):not([type="radio"]) { width: 100%; box-sizing: border-box; }
.iiotspk-page .iiotspk-form .hs-form .hs-form-field { box-sizing: border-box; }
.iiotspk-page .iiotspk-form-note { font-size: 15px; opacity: 0.85; }
.iiotspk-page .iiotspk-form-note a { color: #bd400f; text-decoration: underline; text-underline-offset: 2px; }

/* Phones and small tablets: HubSpot's two- and three-column rows become one
   column (its own breakpoint is 400px, too narrow), and the card's rounded
   frame gives way to the plain page edge. */
@media (max-width: 640px) {
	.iiotspk-page .iiotspk-form .hs-form fieldset.form-columns-2 .hs-form-field,
	.iiotspk-page .iiotspk-form .hs-form fieldset.form-columns-3 .hs-form-field {
		width: 100%;
		float: none;
	}
	.iiotspk-page .iiotspk-form .hs-form fieldset .input { margin-right: 0; }
	.iiotspk-page .iiotspk-form { border-radius: 10px; padding: 16px; }
}

/* `hidden` must win over the buttons' own display rule. */
.iiotspk-page [data-iiotspk-toggle][hidden] { display: none !important; }