.more-page { width: min(100% - 40px, 1280px); margin: 0 auto; padding: 36px 15px 48px; }
.more-page__head { margin-bottom: 24px; }
.more-page__head h1 { font-size: 28px; font-weight: 700; }
.more-page__head p { margin-top: 8px; color: #6f7680; }
.more-auth { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px; border-radius: 12px; background: #fff1ed; }
.more-auth h2 { font-size: 18px; font-weight: 700; }
.more-auth p { margin-top: 6px; color: #6f7680; font-size: 14px; }
.more-auth nav { display: flex; flex-shrink: 0; gap: 10px; }
.more-auth a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border: 1px solid #dd4a2c; border-radius: 8px; color: #dd4a2c; background: #fff; font-weight: 600; }
.more-auth a:first-child { color: #fff; background: #dd4a2c; }
.more-section { margin-top: 32px; }
.more-section h2 { margin-bottom: 14px; font-size: 20px; font-weight: 700; }
.more-menu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.more-menu__item { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 100px; padding: 20px; border: 1px solid #e5e8ee; border-radius: 12px; background: #fff; }
.more-menu__item strong { display: block; font-size: 16px; font-weight: 600; }
.more-menu__item span { display: block; margin-top: 6px; color: #6f7680; font-size: 13px; line-height: 1.6; }
.more-menu__item svg { flex-shrink: 0; width: 20px; height: 20px; fill: none; stroke: #6f7680; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.more-menu__item:hover { border-color: #dd4a2c; background: #fffaf8; }
.more-menu__logout { width: 100%; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.more-page a:focus-visible,
.more-page button:focus-visible { outline: 2px solid #dd4a2c; outline-offset: 3px; }
@media (max-width: 1024px) { .more-page { padding: 24px 0 32px; } .more-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); } .more-auth { align-items: flex-start; flex-direction: column; } }
@media (max-width: 600px) { .more-page__head h1 { font-size: 24px; } .more-menu { grid-template-columns: 1fr; } .more-menu__item { min-height: 82px; padding: 16px; } .more-auth { padding: 20px; } }