.gmail-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 24px 0; }
.gmail-card { background: #f9f7f0; border: 1px solid #d9d7cb; border-radius: 18px; padding: 28px; }
.gmail-card h2 { margin: 10px 0 14px; }
.gmail-card p { line-height: 1.65; }
.gmail-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
.gmail-card code { display: inline-block; max-width: 100%; overflow-wrap: anywhere; background: #eeede4; padding: 5px 8px; border-radius: 5px; font-size: .85em; }
.gmail-steps li { padding: 7px 0; line-height: 1.7; }
.gmail-examples { list-style: none; padding: 0; }
.gmail-examples li { border-bottom: 1px solid #deddd3; padding: 14px 0; line-height: 1.5; }
.gmail-chat-link { display: inline-block; margin: 10px 0; }
#gmail-client-form { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 20px; }
#gmail-client-form label { width: 100%; font-weight: 600; }
#gmail-client-file { max-width: 100%; }
#gmail-feedback { min-height: 24px; }
#gmail-feedback.error { color: #963b2a; }
#account-email { overflow-wrap: anywhere; font-weight: 600; }
#gmail-setup summary { cursor: pointer; font-size: 1.1em; font-weight: 650; }
#copy-redirect { margin: 6px; }
@media (max-width: 760px) { .gmail-layout { grid-template-columns: 1fr; } .gmail-card { padding: 20px; } .page-nav { flex-wrap: wrap; } .gmail-steps { padding-left: 22px; } }