@charset "UTF-8";
/* ==========================================================================
   gamdom.style - LP template (post type `lp`, e.g. /lp/guide/)

   SWELL's standalone landing-page template: no header, footer or sidebar,
   the page is a stack of full-wide blocks. It already inherits the site-wide
   layer (FAQ toggle, CTA arrow, list and heading rules), but none of the LP's
   own block styles had a design: section titles, emboss/crease boxes, the
   "big" step block, the balloon tab, the grid callouts and the review columns
   all rendered with SWELL defaults - square boxes, double borders, dashed
   rules and 900px phone screenshots stacked one under another.

   Audited 2026-09-13 at 1440 and 375 before writing (post 13, 13 sections):
     titles        centred, no accent, sizes 27px / 36px mixed; site-wide h2
                   text-indent (-17px) shifting centred titles left
     boxes         emboss (2px navy top, square) and crease (4px double navy
                   border + folded corner) used for the same kind of content
     wide boxes    a 1024px screenshot on top of a short paragraph, 1100px wide
     steps         dashed rules + arrow, phone image ~330x515 centred, every
                   step ~1100px tall
     tabs          two flat rectangles, navy / grey
     reviews       text straight on the dark photo, no container, a navy h3
                   dot that disappears on the dark background
     lists         navy number circles on a black band
     mobile        cards 8px from the screen edge, the safety lead right-
                   aligned and running off the edge

   Only presentation. Every block, text, image, link, colour attribute and
   the order of everything is untouched - this file adds no content and no
   markup. Colours are the page's own (#fbd528 yellow, the red button,
   swl-deep-02 blue) plus the site palette (--color_main, --gs-accent,
   --color_border). Selectors that depend on one block's shape carry a :has()
   guard so they cannot catch a differently built block.

   Loaded only on is_singular( 'lp' ) - see functions.php.
   ========================================================================== */

.lp-content {
	--lp-radius: var(--gs-radius-panel, 16px);
	--lp-card-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 16px 40px -24px rgba(0, 0, 0, .24);
	--lp-dark-card-bg: rgba(255, 255, 255, .06);
	--lp-dark-line: rgba(255, 255, 255, .14);
}

/* Empty paragraphs left in the content add a 2em gap each. */
.lp-content .post_content p:empty {
	display: none;
}

/* --------------------------------------------------------------------------
   1. SECTION TITLES
   One size for every section title (the "huge" preset is !important in
   SWELL, hence the flag), centred, with the site's green accent bar under
   it - the same bar the article h2 uses, centred for a landing page.
   -------------------------------------------------------------------------- */
.lp-content .post_content h2.is-style-section_ttl {
	font-size: 2em !important;
	line-height: 1.45;
	letter-spacing: .02em;
	text-indent: 0;
	margin: 0 0 48px;
	padding: 0 0 20px;
}

.lp-content .post_content h2.is-style-section_ttl::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 48px;
	height: 3px;
	border: 0;
	border-radius: 2px;
	background: var(--gs-accent);
	transform: translateX(-50%);
}

/* --------------------------------------------------------------------------
   2. HERO
   Logo and the three highlighted taglines centred against each other; the
   empty third column no longer wraps into a blank row.
   -------------------------------------------------------------------------- */
.lp-content .post_content > .swell-block-fullWide:first-child .swell-block-column {
	align-self: center;
}

.lp-content .post_content .swell-block-column:has(> p:only-child:empty) {
	display: none;
}

.lp-content .post_content > .swell-block-fullWide:first-child .swell-block-column > p {
	margin-bottom: .5em;
	line-height: 1.5;
}

.lp-content .post_content > .swell-block-fullWide:first-child .swl-bg-color {
	padding: .15em .55em;
	border-radius: 8px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .55);
}

/* --------------------------------------------------------------------------
   3. LOGO IMAGES
   The Gamdom logo is repeated full column width (900px) in the yellow band
   and the closing section. Sized as a logo, not a banner.
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-fullWide__inner > figure.wp-block-image.size-full img {
	width: 100%;
	max-width: 340px;
	margin-inline: auto;
}

/* --------------------------------------------------------------------------
   4. YELLOW FEATURE BAND - three icon + label columns become white cards
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-columns__inner:has(> .swell-block-column > .wp-block-image + p) {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	max-width: 840px;
	margin: 0 auto;
}

.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-columns__inner > .swell-block-column:has(> .wp-block-image + p) {
	width: auto;
	margin: 0;
	padding: 32px 20px 28px;
	background: #fff;
	border-radius: var(--lp-radius);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 18px 36px -22px rgba(0, 0, 0, .4);
}

.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-column:has(> .wp-block-image + p) > .wp-block-image {
	margin: 0 0 16px;
}

.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-column:has(> .wp-block-image + p) > .wp-block-image img {
	width: 112px !important;       /* one image carries an inline 150px width */
	height: auto;
	margin: 0 auto;
	/* the icon thumbnails are square crops with the band's yellow baked in;
	   on a white card only their green circle should show */
	clip-path: circle(47%);
}

.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-column:has(> .wp-block-image + p) > p {
	margin: 0;
	line-height: 1.6;
}

/* --------------------------------------------------------------------------
   5. NUMBER LISTS ON THE DARK BANDS
   Navy circles on black were close to invisible. Green accent circle with a
   navy numeral (both site colours), solid hairlines instead of dashes, and
   the list centred under its centred title.
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-fullWide[style*="rgba(0, 0, 0"] ul.is-style-num_circle {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.lp-content .post_content .swell-block-fullWide[style*="rgba(0, 0, 0"] ul.is-style-num_circle > li {
	margin: 0;
	padding: 14px 0 14px 52px;
	line-height: 1.5;
	border-bottom: 1px solid var(--lp-dark-line);
}

.lp-content .post_content .swell-block-fullWide[style*="rgba(0, 0, 0"] ul.is-style-num_circle > li:first-child {
	border-top: 1px solid var(--lp-dark-line);
}

.lp-content .post_content .swell-block-fullWide[style*="rgba(0, 0, 0"] ul.is-style-num_circle > li::before {
	box-sizing: border-box;
	top: 50%;
	left: 4px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	font-size: 15px;
	font-weight: 700;
	line-height: 32px;
	color: var(--color_main);
	background: var(--gs-accent);
	box-shadow: none;
	transform: none;
}

/* The closing band's micro-copy ("＼ 本人確認なしですぐに遊べる！ ／") is set
   to black inside a black overlay, so it could not be read. Same text, in
   the white the rest of that band already uses. */
.lp-content .post_content .swell-block-fullWide[style*="rgba(0, 0, 0"] .has-black-color {
	color: #fff !important;
}

/* --------------------------------------------------------------------------
   6. BUTTONS
   The same CTA shape as the rest of the site, sized for a landing page.
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-button.red_ .swell-block-button__link {
	min-width: 380px;
	justify-content: center;
	padding: 18px 40px;
	border-radius: var(--gs-radius-component, 12px);
	box-shadow: 0 16px 32px -16px rgba(247, 74, 74, .8);
	transition: transform .18s ease, box-shadow .18s ease;
}

.lp-content .post_content .swell-block-button.red_ .swell-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 20px 36px -16px rgba(247, 74, 74, .9);
}

.lp-content .post_content .swell-block-button.red_ {
	margin-top: 20px;
}

/* --------------------------------------------------------------------------
   7. ABOUT - image beside a text card
   The text column (the only column with custom padding) sat straight on
   the photo background.
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-columns__inner:has(> .swell-block-column[style*="--swl-clmn-pddng"]) {
	align-items: center;
}

.lp-content .post_content .swell-block-column[style*="--swl-clmn-pddng"] {
	padding: 40px 44px;
	background: #fff;
	border-radius: var(--lp-radius);
	box-shadow: var(--lp-card-shadow);
}

.lp-content .post_content .swell-block-column[style*="--swl-clmn-pddng"] > p:first-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 1.6;
	border-bottom: 1px solid var(--color_border);
}

.lp-content .post_content .swell-block-column[style*="--swl-clmn-pddng"] > p:last-child {
	font-size: .94em;
	line-height: 1.95;
}

.lp-content .post_content .swell-block-columns__inner:has(> .swell-block-column[style*="--swl-clmn-pddng"]) figure img {
	max-width: min(100%, 420px);
	margin-inline: auto;
}

/* --------------------------------------------------------------------------
   8. "WORRIES" CALLOUTS - the three green grid paragraphs
   -------------------------------------------------------------------------- */
.lp-content .post_content p.is-style-bg_grid {
	max-width: 640px;
	margin: 0 auto 16px;
	padding: 22px 28px;
	line-height: 1.6;
	border-radius: var(--gs-radius-component, 12px);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 18px 36px -22px rgba(0, 0, 0, .7);
}

/* the arrow paragraph after the third callout */
.lp-content .post_content p.is-style-bg_grid + p.is-style-bg_grid + p.is-style-bg_grid + p {
	margin-top: 36px;
	line-height: 1;
}

/* --------------------------------------------------------------------------
   9. SECTION INTROS - an illustration beside a blue lead line
   (features and safety sections). Centred as one compact unit.
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > figure.size-medium:only-child) {
	max-width: 760px;
	margin: 0 auto 48px;
}

.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > figure.size-medium:only-child) > .swell-block-columns__inner {
	align-items: center;
}

.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > figure.size-medium:only-child) figure img {
	max-width: 220px;
	margin-inline: auto;
}

.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > figure.size-medium:only-child) .swell-block-column > p {
	margin: 0;
	line-height: 1.6;
}

/* safety lead: huge preset is !important in SWELL; matched to the other lead */
.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > figure.size-medium:only-child) .swell-block-column > p.has-huge-font-size {
	font-size: 1.45em !important;
}

/* the blank <br> paragraph above the safety lead */
.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > figure.size-medium:only-child) .swell-block-column > p:first-child:has(> strong:only-child > br:only-child):has(+ p) {
	display: none;
}

/* --------------------------------------------------------------------------
   10. CARDS - POINT / SAFETY / GAME
   emboss_box and crease boxes hold the same content (label, rule, title,
   image, text), so they share one card: white, hairline border, 16px
   radius, a navy top accent, even padding. The crease's double border and
   folded corner are removed so the page has one card language.
   -------------------------------------------------------------------------- */
.lp-content .post_content :is(.is-style-emboss_box, .is-style-crease) {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 32px 28px 30px;
	background: #fff;
	border: 1px solid var(--color_border);
	border-radius: var(--lp-radius);
	box-shadow: inset 0 3px 0 var(--color_main), var(--lp-card-shadow);
}

.lp-content .post_content .is-style-crease::before {
	display: none;
}

.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > :is(.is-style-emboss_box, .is-style-crease)) {
	margin-bottom: 24px;
}

/* WordPress wraps a group's blocks in .wp-block-group__inner-container, so
   the card's own parts sit one level below the card. */

/* label - POINT / SAFETY / GAME */
.lp-content .post_content :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container > p:first-child {
	font-size: 12px !important;
	letter-spacing: .16em;
	line-height: 1;
}

/* the rule under the label becomes the short green accent bar */
.lp-content .post_content :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container > hr.wp-block-separator {
	width: 32px;
	max-width: 32px;
	height: 3px;
	margin: 12px auto 16px !important;
	border: 0;
	border-radius: 2px;
	background: var(--gs-accent);
	opacity: 1;
}

/* title */
.lp-content .post_content :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container > hr + p {
	margin-bottom: 20px;
	line-height: 1.5;
}

.lp-content .post_content :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container > figure {
	margin: 0 0 20px;
}

.lp-content .post_content :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container > figure img {
	width: 100%;
	border-radius: var(--gs-radius-thumb, 8px);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .06);
}

/* the 300px "medium" screenshots are not stretched past their own size */
.lp-content .post_content :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container > figure.size-medium img {
	max-width: 300px;
	margin-inline: auto;
}

/* body text */
.lp-content .post_content :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container > p:last-child {
	font-size: .94em;
	line-height: 1.85;
}

/* WIDE CARDS - slot battle, Usain Bolt and sports betting span the full row.
   On desktop the screenshot goes beside the text instead of above it. The
   :has() guard matches only the label / rule / title / image / text shape. */
@media (min-width: 960px) {
	.lp-content .post_content :is(.swell-block-fullWide__inner, .swell-block-column[style*="--clmn-w--pc:100%"]) > :is(.is-style-emboss_box, .is-style-crease):has(> .wp-block-group__inner-container > p:first-child + hr + p + figure + p:last-child) {
		padding: 40px;
	}

	.lp-content .post_content :is(.swell-block-fullWide__inner, .swell-block-column[style*="--clmn-w--pc:100%"]) > :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container:has(> p:first-child + hr + p + figure + p:last-child) {
		display: grid;
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
		grid-template-rows: 1fr auto auto auto auto 1fr;
		column-gap: 44px;
	}

	.lp-content .post_content :is(.swell-block-fullWide__inner, .swell-block-column[style*="--clmn-w--pc:100%"]) > :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container:has(> p:first-child + hr + p + figure + p:last-child) > * {
		grid-column: 2;
		text-align: left;
	}

	.lp-content .post_content :is(.swell-block-fullWide__inner, .swell-block-column[style*="--clmn-w--pc:100%"]) > :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container:has(> p:first-child + hr + p + figure + p:last-child) > p:first-child { grid-row: 2; }
	.lp-content .post_content :is(.swell-block-fullWide__inner, .swell-block-column[style*="--clmn-w--pc:100%"]) > :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container:has(> p:first-child + hr + p + figure + p:last-child) > hr { grid-row: 3; margin-left: 0 !important; }
	.lp-content .post_content :is(.swell-block-fullWide__inner, .swell-block-column[style*="--clmn-w--pc:100%"]) > :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container:has(> p:first-child + hr + p + figure + p:last-child) > hr + p { grid-row: 4; }
	.lp-content .post_content :is(.swell-block-fullWide__inner, .swell-block-column[style*="--clmn-w--pc:100%"]) > :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container:has(> p:first-child + hr + p + figure + p:last-child) > p:last-child { grid-row: 5; }

	.lp-content .post_content :is(.swell-block-fullWide__inner, .swell-block-column[style*="--clmn-w--pc:100%"]) > :is(.is-style-emboss_box, .is-style-crease) > .wp-block-group__inner-container:has(> p:first-child + hr + p + figure + p:last-child) > figure {
		grid-column: 1;
		grid-row: 1 / -1;
		align-self: center;
		margin: 0;
	}
}

/* --------------------------------------------------------------------------
   11. STEPS (SWELL "big" step - registration, deposit, withdrawal)
   Each step becomes a card. Desktop: phone screenshot on the left, STEP
   badge, title and caption on the right, so a step is ~450px tall instead
   of ~1100px. Mobile: stacked and centred. The badge is the site-wide step
   badge, filled with the step's own number colour (navy, or the yellow set
   on the deposit/withdrawal steps).
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item {
	padding: 28px 24px;
	background: #fff;
	border: 1px solid var(--color_border);
	border-radius: var(--lp-radius);
	box-shadow: var(--lp-card-shadow);
}

.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item + .swell-block-step__item {
	margin-top: 20px;
}

.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item::before {
	display: none;
}

.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__number {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 56px;
	height: 56px;
	margin: 0 auto 14px;
	border-radius: var(--gs-radius-component, 12px);
	background-color: currentColor;
}

.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__number .__label {
	width: auto;
	padding: 0;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1;
	color: #fff;
}

.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__number::after {
	width: auto;
	margin-top: 3px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
}

/* yellow badge (colour set on the block) - navy numeral for contrast */
.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__number[style*="color"] .__label,
.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__number[style*="color"]::after {
	color: var(--color_main);
}

.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__title {
	margin: 0 0 16px;
	padding-bottom: 16px;
	line-height: 1.5;
	border-bottom: 1px solid var(--color_border);
}

.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body {
	margin: 0;
}

.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > figure {
	margin: 0 0 16px;
}

.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > figure img {
	width: 100%;
	max-width: 220px;
	margin: 0 auto;
}

.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > p {
	margin: 0;
	line-height: 1.8;
}

.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > p + p {
	margin-top: 8px;
}

@media (min-width: 960px) {
	.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item {
		display: grid;
		grid-template-columns: 240px minmax(0, 1fr);
		grid-template-rows: 1fr auto auto auto auto 1fr;
		column-gap: 48px;
		padding: 36px 48px;
	}

	.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__number {
		grid-column: 2;
		grid-row: 2;
		margin: 0 0 16px;
	}

	.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__title {
		grid-column: 2;
		grid-row: 3;
		text-align: left;
	}

	.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__body {
		display: contents;
	}

	.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > figure {
		grid-column: 1;
		grid-row: 1 / -1;
		align-self: center;
		margin: 0;
	}

	.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > figure img {
		max-width: 100%;
	}

	.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > p {
		grid-column: 2;
		text-align: left;
	}

	.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > p:nth-of-type(1) { grid-row: 4; }
	.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > p:nth-of-type(2) { grid-row: 5; }
}

/* steps on the dark deposit / withdrawal band */
.lp-content .post_content .swell-block-tab .swell-block-step.is-style-big > .swell-block-step__item {
	background: var(--lp-dark-card-bg);
	border-color: var(--lp-dark-line);
	box-shadow: none;
}

.lp-content .post_content .swell-block-tab .swell-block-step.is-style-big > .swell-block-step__item > .swell-block-step__title {
	border-bottom-color: var(--lp-dark-line);
}

/* --------------------------------------------------------------------------
   12. TABS (入金方法 / 出金方法) - a segmented control
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-tab.is-style-balloon > .c-tabList {
	gap: 6px;
	max-width: 520px;
	--the-tab-margin: 0 auto 32px; /* SWELL applies this variable with !important */
	padding: 6px;
	background: var(--lp-dark-card-bg);
	border-radius: 14px;
	box-shadow: inset 0 0 0 1px var(--lp-dark-line);
}

.lp-content .post_content .swell-block-tab.is-style-balloon > .c-tabList .c-tabList__item {
	flex: 1 1 0;
	margin: 0;
	padding: 0;
}

.lp-content .post_content .swell-block-tab.is-style-balloon > .c-tabList .c-tabList__button {
	padding: 14px 12px;
	background: transparent;
	border-radius: 10px;
	box-shadow: none;
}

.lp-content .post_content .swell-block-tab.is-style-balloon > .c-tabList .c-tabList__button[aria-selected="true"] {
	background: var(--color_main);
	box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .8);
}

.lp-content .post_content .swell-block-tab.is-style-balloon > .c-tabList .c-tabList__button::before {
	display: none;
}

/* --------------------------------------------------------------------------
   13. PLAYER REVIEWS - illustration, heading, text in a dark glass card
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-column:has(> figure.size-thumbnail + h3) {
	padding: 32px 28px;
	background: var(--lp-dark-card-bg);
	border-radius: var(--lp-radius);
	box-shadow: inset 0 0 0 1px var(--lp-dark-line);
}

.lp-content .post_content .swell-block-column:has(> figure.size-thumbnail + h3) > figure {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 120px;
	height: 120px;
	margin: 0 auto 20px !important;
	overflow: hidden;
	background: #fff;
	border-radius: 50%;
}

.lp-content .post_content .swell-block-column:has(> figure.size-thumbnail + h3) > figure img {
	width: 112px;
	height: auto;
}

.lp-content .post_content .swell-block-column:has(> figure.size-thumbnail + h3) > h3 {
	max-width: none;
	margin: 0 0 14px !important;
	padding: 0 0 14px;
	font-size: 1.15em;
	line-height: 1.5;
	border-bottom: 1px solid var(--lp-dark-line);
}

.lp-content .post_content .swell-block-column:has(> figure.size-thumbnail + h3) > h3::before,
.lp-content .post_content .swell-block-column:has(> figure.size-thumbnail + h3) > h3::after {
	display: none;
}

.lp-content .post_content .swell-block-column:has(> figure.size-thumbnail + h3) > p {
	margin: 0;
	font-size: .94em;
	line-height: 1.85;
}

/* --------------------------------------------------------------------------
   14. FAQ - the site-wide accordion, on white so it reads over the photo
   -------------------------------------------------------------------------- */
.lp-content .post_content .swell-block-faq__item {
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

/* --------------------------------------------------------------------------
   15. TABLET + MOBILE
   -------------------------------------------------------------------------- */
@media (max-width: 959px) {
	.lp-content .post_content h2.is-style-section_ttl {
		font-size: 1.6em !important;
		margin-bottom: 36px;
		padding-bottom: 16px;
	}

	.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > figure.size-medium:only-child) .swell-block-column > p {
		text-align: center;
	}

	.lp-content .post_content .swell-block-column[style*="--swl-clmn-pddng"] {
		padding: 28px 24px;
	}
}

@media (max-width: 599px) {
	/* 2vw (7.5px) side padding put cards almost on the screen edge */
	:root {
		--swl-pad_lp: 8px;
		--swl-pad_lp_post: 8px;
	}

	.lp-content .post_content h2.is-style-section_ttl {
		font-size: 1.4em !important;
	}

	/* yellow band: one row per feature, icon beside its label */
	.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-columns__inner:has(> .swell-block-column > .wp-block-image + p) {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-columns__inner > .swell-block-column:has(> .wp-block-image + p) {
		display: flex;
		align-items: center;
		gap: 18px;
		padding: 14px 20px;
	}

	.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-column:has(> .wp-block-image + p) > .wp-block-image {
		flex: 0 0 auto;
		margin: 0;
	}

	.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-column:has(> .wp-block-image + p) > .wp-block-image img {
		width: 64px !important;
	}

	.lp-content .post_content .swell-block-fullWide[style*="#fbd528"] .swell-block-column:has(> .wp-block-image + p) > p {
		text-align: left;
	}

	.lp-content .post_content .swell-block-fullWide__inner > figure.wp-block-image.size-full img {
		max-width: 240px;
	}

	.lp-content .post_content .swell-block-button.red_ .swell-block-button__link {
		min-width: 0;
		width: 100%;
		padding: 16px 20px;
	}

	.lp-content .post_content p.is-style-bg_grid {
		padding: 18px 20px;
	}

	.lp-content .post_content .swell-block-fullWide[style*="rgba(0, 0, 0"] ul.is-style-num_circle > li {
		padding-left: 46px;
	}

	.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > figure.size-medium:only-child) figure img {
		max-width: 180px;
	}

	.lp-content .post_content .swell-block-columns:has(> .swell-block-columns__inner > .swell-block-column > figure.size-medium:only-child) .swell-block-column > p.has-huge-font-size {
		font-size: 1.25em !important;
	}

	.lp-content .post_content :is(.is-style-emboss_box, .is-style-crease) {
		padding: 28px 20px 24px;
	}

	.lp-content .post_content .swell-block-step.is-style-big > .swell-block-step__item {
		padding: 24px 20px;
	}

	.lp-content .post_content .swell-block-step.is-style-big .swell-block-step__body > figure img {
		max-width: 190px;
	}

	.lp-content .post_content .swell-block-column:has(> figure.size-thumbnail + h3) {
		padding: 28px 20px 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lp-content .post_content .swell-block-button.red_ .swell-block-button__link {
		transition: none;
	}

	.lp-content .post_content .swell-block-button.red_ .swell-block-button__link:hover {
		transform: none;
	}
}