/* interfaceful — mobile-only stylesheet. Loaded ONLY when viewport <= 900px (see <link media>). Desktop never downloads this file. */
.nav { flex-wrap: wrap; }
.nav-links { display: none; order: 3; flex-basis: 100%; flex-direction: column; gap: 0; padding: 8px 0 12px; border-top: 1px solid var(--line); margin: 12px 0 0; }
.nav.open .nav-links { display: flex; }
.nav-links a { display: block; padding: 14px 4px; font-size: 16px; border-bottom: 1px solid var(--line); }
.nav-links a:last-child { border-bottom: none; }
.nav-links a.nav-login { display: flex; align-items: center; gap: 8px; border: 0; border-radius: 0; padding: 14px 4px; color: var(--ink); }
.nav-burger { display: flex; width: 44px; height: 44px; margin-left: auto; margin-right: 10px; background: transparent; border: 1px solid var(--line-2); border-radius: 6px; cursor: pointer; padding: 0; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.nav-burger span { display: block; width: 18px; height: 2px; background: var(--ink); border-radius: 1px; transition: transform .25s, opacity .25s; }
.nav.open .nav-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav.open .nav-burger span:nth-child(2) { opacity: 0; }
.nav.open .nav-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.nav-cta { padding: 12px 24px; line-height: 1.2; white-space: nowrap; }
@media (max-width: 480px){ .nav-cta { padding: 12px 16px; font-size: 13.5px; } .nav-cta .arr { display: none; } .nav-burger { margin-right: 8px; } }

/* ===== touch + iOS: 16px fields (no zoom on focus), 40px+ tap targets ===== */
.ed-input, .auth-input, .lc-overlay .lc-input, .chat-form textarea { font-size: 16px; }
.rm { width: 38px; height: 38px; font-size: 19px; }
.msg-meta .rm { width: 32px; height: 32px; font-size: 15px; }
.pw-eye { width: 40px; height: 40px; right: 4px; }
.pw-wrap > input { padding-right: 50px; }
.btn-sm { padding: 11px 16px; }
.lnk { padding: 10px 14px; font-size: 13px; }
.seg button { padding: 10px 16px; }
.adm-tab { padding: 10px 15px; }
.vote { width: 54px; padding: 10px 0; }
.file .dl { padding: 10px 14px; }
.footer .fcol { gap: 4px; }
.footer .fcol a { padding: 6px 0; }
.footer .frow { flex-wrap: wrap; row-gap: 10px; }
.sec-head.row .tool { width: 100%; }
.cm[data-view] { min-height: 44px; }