/* The shared stylesheet disables body scrolling for its custom scroll container. */
.accountApplication { margin: 0; overflow: auto; background: #f3f3ed; color: #333; font: 16px/1.6 'Open Sans', Arial, sans-serif; }
.applicationHeader { max-width: 980px; margin: auto; padding: 24px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.applicationHeader img { width: 230px; max-width: 100%; height: auto; }
.applicationHeader nav { display: flex; gap: 12px; }
.applicationHeader a, .applicationBack { color: #45632e; }
.applicationPanel { max-width: 640px; margin: 12px auto 64px; padding: 36px; background: #fff; border-top: 5px solid #79963e; box-sizing: border-box; }
.applicationPanel h1 { font-size: 30px; line-height: 1.25; margin: 24px 0 16px; color: #45632e; }
.applicationPanel h2 { font-size: 22px; }
.applicationPanel p { margin: 16px 0; }
.applicationField { margin: 20px 0; }
.applicationField label { display: block; font-weight: bold; margin-bottom: 6px; }
.applicationField input, .applicationField select { box-sizing: border-box; width: 100%; min-height: 44px; border: 1px solid #999; padding: 9px 12px; background: white; color: #333; font: inherit; }
.applicationField small { display: block; margin-top: 6px; }
.applicationSubmit { background: #496b2e; color: white; padding: 12px 24px; border: 0; font: inherit; cursor: pointer; }
.applicationNotice { background: #edf2e6; padding: 16px; border-left: 4px solid #79963e; }
.applicationError { background: #fff0ed; color: #8a291a; padding: 16px; border-left: 4px solid #a43a27; }
.accountApplication :focus { outline: 3px solid #42691f; outline-offset: 3px; }
@media (max-width: 680px) { .applicationPanel { margin: 8px 12px 32px; padding: 24px 18px; } .applicationHeader { padding: 18px; flex-wrap: wrap; } .applicationPanel h1 { font-size: 26px; } }