/* Loaded last: spacing follows the visible navigation, including bilingual labels. */
:root{--navigation-bottom-space:150px;--navigation-top:190px}
#notice{bottom:calc(var(--navigation-bottom-space) + 12px);max-height:40vh;overflow-y:auto}
.language-control select{font-size:16px}
.bottom-nav button{min-width:0}
.password-control{display:flex;align-items:center;gap:8px;min-width:0;width:100%}
.password-control input{flex:1;min-width:0}
.password-toggle{flex:0 0 auto;max-width:42%;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;line-height:1.4;cursor:pointer}
.form-feedback{padding:12px 14px;border:1px solid var(--line);border-radius:10px;line-height:1.6;overflow-wrap:anywhere;color:var(--text)}
.form-feedback-error{border-color:#e9a66e;background:#2a201b}
form[aria-busy="true"] button[type="submit"],form[aria-busy="true"] input[type="submit"]{cursor:wait}
@media(max-width:979px){
 main{padding-bottom:calc(var(--navigation-bottom-space) + 24px)}
 html{scroll-padding-bottom:calc(var(--navigation-bottom-space) + 24px)}
 .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(min-width:980px){
 :root{--navigation-bottom-space:0px}
 .bottom-nav{top:var(--navigation-top);bottom:auto;max-height:calc(100vh - var(--navigation-top) - 24px);overflow-y:auto}
}

.action-feedback{display:block;font-size:14px;line-height:1.5;font-weight:400;margin-top:4px;white-space:normal}
button[aria-busy="true"]{cursor:wait}

.confirmation-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:auto;overscroll-behavior:contain;border-radius:20px}
.confirmation-dialog .dialog-card{box-sizing:border-box;width:100%;min-width:0;padding:24px;overflow-wrap:anywhere}
.confirmation-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:24px}
.confirmation-actions button{min-width:0;min-height:48px;white-space:normal}
@media(max-width:480px){.confirmation-dialog .dialog-card{padding:20px}.confirmation-actions{grid-template-columns:1fr}}

.topic-language-separator{display:none}
[data-language="both"] .topic-language-separator{display:inline}