.wm-mobile-photo-guide { --wm-guide-red:#d62222; --wm-guide-green:#176038; max-width: 900px; margin: 0 auto; }
.wm-mobile-photo-guide__lead { margin-bottom: 24px; font-size: 1.12em; line-height: 1.75; }
.wm-mobile-photo-guide__notice { margin: 0 0 32px; padding: 18px 20px; display: grid; gap: 5px; border: 1px solid #d9c894; border-radius: 16px; background: #fff9e8; }
.wm-mobile-photo-guide__notice strong { font-size: 16px; }
.wm-mobile-photo-guide__notice span { color: #5f5744; line-height: 1.6; }
.wm-mobile-photo-guide__step { margin: 44px 0; padding-top: 28px; position: relative; border-top: 1px solid #dedbd4; }
.wm-mobile-photo-guide__step > div { padding-left: 54px; }
.wm-mobile-photo-guide__number { width: 40px; height: 40px; position: absolute; top: 26px; left: 0; display: grid; place-items: center; border-radius: 50%; background: #111; color: #fff; font-size: 17px; font-weight: 900; }
.wm-mobile-photo-guide__step h2 { margin-top: 0; }
.wm-mobile-photo-guide__step figure { max-width: 440px; margin: 24px auto 0; padding: 10px; border: 1px solid #dedbd4; border-radius: 22px; background: #f1eee7; box-shadow: 0 12px 34px rgba(17,17,17,.08); }
.wm-mobile-photo-guide__step img { width: 100%; height: auto; display: block; border-radius: 14px; }
.wm-mobile-photo-guide__step figcaption { padding: 11px 8px 4px; color: #62625f; font-size: 12px; line-height: 1.5; text-align: center; }
.wm-mobile-photo-guide__rules, .wm-mobile-photo-guide__avoid { margin: 38px 0; padding: 24px; border-radius: 18px; }
.wm-mobile-photo-guide__rules { border: 1px solid #bcd7c5; background: #f2faf4; }
.wm-mobile-photo-guide__avoid { border: 1px solid #e2b5b1; background: #fff3f2; }
.wm-mobile-photo-guide__rules h2, .wm-mobile-photo-guide__avoid h2 { margin-top: 0; }
.wm-mobile-photo-guide__checks li::marker { color: var(--wm-guide-green); }
.wm-mobile-photo-guide__avoid li::marker { color: var(--wm-guide-red); }
.wm-mobile-photo-guide__cta { margin: 36px 0 0; }
.wm-mobile-photo-guide__cta a { min-height: 52px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 28px; background: #111; color: #fff !important; font-weight: 850; text-decoration: none; }
.wm-mobile-photo-guide__cta a:hover, .wm-mobile-photo-guide__cta a:focus-visible { background: #333; color: #fff !important; }
@media (max-width: 640px) {
	.wm-mobile-photo-guide__lead { font-size: 1em; }
	.wm-mobile-photo-guide__step { margin: 34px 0; padding-top: 24px; }
	.wm-mobile-photo-guide__step > div { padding-left: 46px; }
	.wm-mobile-photo-guide__number { width: 34px; height: 34px; top: 22px; font-size: 14px; }
	.wm-mobile-photo-guide__step figure { margin-top: 18px; padding: 7px; border-radius: 17px; }
	.wm-mobile-photo-guide__rules, .wm-mobile-photo-guide__avoid { padding: 19px 17px; }
	.wm-mobile-photo-guide__cta a { width: 100%; text-align: center; }
}