.other-auth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 22px 0; }
.other-auth-card { padding: 22px; background: #f7faff; border: 1px solid #dce5f5; border-radius: 12px; min-width: 0; }
.other-auth-route { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #1e40af; background: #e7efff; border-radius: 5px; padding: 4px 9px; margin-bottom: 12px; }
.shell .main-col .other-auth-card h3 { margin: 0 0 10px; color: #17294d; font-size: 18px; line-height: 1.5; }
.shell .main-col :is(.other-auth-card h3, .other-common-heading)::before { display: none !important; content: none !important; }
.shell .main-col :is(.other-auth-card, .other-check-note, .other-shared-row) p { margin: 0; color: #475569; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
.other-check-note { padding: 18px 22px; background: #edf3ff; border-left: 3px solid #1e40af; border-radius: 8px; color: #17294d; }
.shell .main-col .other-check-note p { margin-top: 7px; }
.shell .main-col .other-source { font-size: 13px; line-height: 1.8; color: #64748b; margin: 18px 0 0; }
.other-region-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 0; }
.other-region-links > :is(a, div) { min-width: 0; display: flex; flex-direction: column; gap: 6px; padding: 18px 20px; border: 1px solid #dce5f5; background: #f7faff; border-radius: 10px; text-decoration: none; }
.other-region-links b { color: #17294d; font-size: 16px; }
.other-region-links span { color: #475569; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.other-region-links > a:hover { border-color: #9bb6e5; background: #edf3ff; }
.shell .main-col .other-common-heading { font-size: 18px; color: #17294d; margin: 24px 0 14px; }
.other-shared-list { border: 1px solid #dce5f5; border-radius: 12px; overflow: hidden; }
.other-shared-row { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 20px; padding: 16px 20px; border-bottom: 1px solid #e5ecf7; }
.other-shared-row:nth-child(odd) { background: #f7faff; }
.other-shared-row:last-child { border-bottom: 0; }
.other-shared-row > b { font-size: 14px; line-height: 1.85; color: #17294d; }
@media (max-width: 640px) {
  .other-auth-grid, .other-region-links { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .other-auth-card, .other-check-note { padding: 18px; }
  .other-shared-row { grid-template-columns: minmax(0, 1fr); gap: 5px; padding: 16px 18px; }
}