@media (max-width: 768px) { #mobile-app, #example-page { width: 100%; padding-inline: 16px; } #mobile-app { padding-top: 12px; padding-bottom: 82px; } .brand-block { padding-top: 24px; } .brand-block h1 { font-size: 24px; } .notice-card { margin-top: 24px; padding: 18px 16px; } .phone-lineup { height: auto; min-height: 0; padding: 0; } .phone-lineup img { width: 100%; max-width: 420px; } .report-section { padding: 18px 14px; } .example-header { width: 100%; } .recovery-card { right: 12px; bottom: 80px; width: calc(100% - 24px); } .recovery-float { right: 16px; bottom: 16px; } }
.result-window { min-width: 0; background: #f5f8fc; }.result-window-main { width: min(740px, 100%); min-height: 100vh; margin: 0 auto; padding: 20px; }.result-window-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }.result-window-header a { color: #2480ee; font-size: 34px; line-height: 1; text-decoration: none; }.result-window-header h1 { margin: 0; color: #27344a; font-size: 21px; }.result-window-card { padding: 22px; border-radius: 14px; background: #fff; box-shadow: 0 6px 23px rgb(35 69 122 / 11%); }.result-window-card .text-button { width: 100%; margin-top: 20px; }@media (max-width: 768px) { .result-window-main { padding: 14px; } .result-window-card { padding: 18px 14px; } }