/* 無料デザインサポートのブロック（membership-point-card.html と同じ見た目）。
同ページの適用済みルールをそのまま抜き出したもの。 */
body.has-app-mobile-header .m-card, body.has-app-mobile-header .mpd-section, body.has-app-mobile-header .m-section > .m-card, body.has-app-mobile-header .m-summary-card, body.has-app-mobile-header .m-form-card, body.has-app-mobile-header .m-stats-card, body.has-app-mobile-header .m-ticket-card, body.has-app-mobile-header .m-coupon-card { border-color: rgba(60, 60, 67, 0.1) !important; border-radius: 20px !important; box-shadow: rgba(15, 23, 42, 0.055) 0px 10px 28px !important; }
body.has-app-mobile-header h1, body.has-app-mobile-header h2, body.has-app-mobile-header h3 { letter-spacing: -0.025em; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: 400; }
.m-section { margin: 14px 14px 0px; }
.m-card { background: rgb(255, 255, 255); border-radius: 14px; padding: 16px; }
.m-btn-primary, .m-btn-outline { display: block; text-align: center; border-radius: 10px; padding: 12px; font-size: 0.86rem; font-weight: 400; text-decoration: none; }
.m-btn-primary { background: rgb(67, 97, 238); color: rgb(255, 255, 255); }
.m-design-card { min-height: 520px !important; padding: 56px 26px 34px !important; border-radius: 28px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; text-align: center !important; }
.m-design-badge { width: 74px !important; height: 74px !important; margin: 0px auto 30px !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: radial-gradient(circle at 30% 30%, rgb(255, 138, 0), rgb(0, 113, 227) 62%, rgb(52, 199, 89)) !important; color: transparent !important; font-size: 0px !important; }
.m-design-badge svg { display: none !important; }
.m-design-badge::before { content: "✦" !important; color: rgb(255, 255, 255) !important; font-size: 34px !important; line-height: 1 !important; }
.m-design-compact-title { margin: 0px 0px 26px !important; color: rgb(29, 29, 31) !important; font-size: 1.62rem !important; font-weight: 700 !important; letter-spacing: -0.045em !important; line-height: 1.18 !important; }
.m-design-compact-title::after { content: "ロゴ・文字情報だけでも、スタッフが印刷用データづくりをサポートします。仕上がり確認後に制作へ進められます。" !important; display: block !important; max-width: 300px !important; margin: 24px auto 0px !important; color: rgb(110, 110, 115) !important; font-size: 0.9rem !important; font-weight: 400 !important; letter-spacing: 0px !important; line-height: 1.8 !important; }
.m-design-compact-actions { margin-top: 34px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 16px !important; }
.m-design-compact-actions .m-btn-primary { width: 118px !important; min-height: 42px !important; padding: 0px !important; border-radius: 21px !important; background: rgb(0, 113, 227) !important; line-height: 42px !important; }
.m-design-compact-link { color: rgb(0, 102, 204) !important; font-size: 0.85rem !important; text-decoration: none !important; }
.m-design-card { padding: 18px 16px; text-align: center; }
.m-design-badge { display: flex; align-items: center; justify-content: center; gap: 6px; width: fit-content; margin: 0px auto; background: rgb(238, 242, 255); color: rgb(49, 87, 220); font-size: 0.72rem; font-weight: 400; border-radius: 999px; padding: 6px 13px; }
.m-design-badge svg { width: 16px; height: 16px; stroke-width: 2.5; }
.m-design-compact-title { margin: 12px 0px 8px; color: rgb(23, 32, 51); font-size: 0.94rem; font-weight: 400; line-height: 1.4; }
.m-design-compact-actions { display: flex; flex-direction: column; gap: 8px; }
.m-design-compact-link { font-size: 0.68rem; color: rgb(67, 97, 238); text-decoration: none; }
.m-design-compact-title, .m-design-card h2, .m-design-card h3, section:has(.m-design-badge) h2, section:has(.m-design-badge) h3 { font-size: clamp(20px, 5.2vw, 27px) !important; line-height: 1.18 !important; letter-spacing: -0.035em !important; }
/* 入稿ガイド内では他のカードと左右の幅を揃える */
html body .submission-shell > .m-section { margin: 0 !important; }
html body.submission-apple .m-page.m-page.m-page { padding-top: 14px !important; }
/* 入稿するカードと「お持ちでない方」カードを、無料デザインサポートと同じ高さにそろえる */
html body.submission-apple .guide-card { min-height: 520px !important; }
/* 入稿するカード／お持ちでない方カードを、無料デザインサポートと同じ作りにそろえる（丸いアイコン・中央揃え・丸型ボタン） */
html body.submission-apple .guide-card { align-content: center !important; justify-items: center !important; text-align: center !important; padding: 56px 26px 40px !important; }
html body.submission-apple .guide-badge { width: 74px; height: 74px; margin: 0 auto 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ff8a00, #0071e3 62%, #34c759); color: #fff; font-size: 34px; line-height: 1; }
html body.submission-apple .guide-badge-upload::before { content: "↑"; font-weight: 300; }
html body.submission-apple .guide-badge-request::before { content: "✦"; }
html body.submission-apple .guide-card h2 { margin: 0 0 24px !important; color: #1d1d1f !important; font-size: 1.62rem !important; font-weight: 700 !important; letter-spacing: -0.045em !important; line-height: 1.18 !important; text-align: center !important; }
html body.submission-apple .guide-card p { max-width: 300px; margin: 0 auto !important; color: #6e6e73 !important; font-size: 0.9rem !important; font-weight: 400 !important; line-height: 1.8 !important; text-align: center !important; }
html body.submission-apple .guide-card .guide-action { width: auto !important; min-width: 190px; min-height: 44px !important; margin-top: 34px !important; padding: 0 28px !important; border-radius: 22px !important; background: #0071e3 !important; color: #fff !important; font-size: 0.95rem !important; font-weight: 600 !important; box-shadow: none !important; }
html body.submission-apple .guide-card .guide-helper { margin-top: 26px !important; font-size: 0.8rem !important; }
html body.submission-apple .guide-card .guide-link { margin-top: 8px !important; color: #0066cc !important; font-size: 0.85rem !important; font-weight: 400 !important; }
/* 下の2枚のカードは丸いアイコンなし（上の「無料デザインサポート」だけにアイコンを置く） */
html body.submission-apple .guide-card { padding-top: 40px !important; }