/* Settings page: one form, a row per setting (name left, control right). The page frame and fonts come from pages.css. */
.st-form{background:var(--white); border:1px solid var(--border-soft); border-radius:18px; overflow:hidden;}
.st-row{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,280px); gap:18px; align-items:center; padding:18px 22px;}
.st-row + .st-row{border-top:1px solid var(--border-soft);}
.st-txt{display:grid; gap:2px; min-width:0;}
.st-txt b{font:700 16px/1.3 'Sora','Inter',sans-serif; color:var(--navy);}
html[lang="ar"] .st-txt b,html[lang="ja"] .st-txt b{font-family:inherit;}
.st-txt span{font-size:13.5px; line-height:1.5; color:var(--navy-soft);}
.st-ctl{display:flex; gap:8px; align-items:center; margin:0; min-width:0;}
.st-select{appearance:none; -webkit-appearance:none; width:100%; height:44px; padding-block:0; padding-inline:14px 40px; border-radius:12px; cursor:pointer;
  border:1px solid var(--border-soft); color:var(--navy); font:600 15px 'Inter',sans-serif;
  background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a93a3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px;}
html[dir="rtl"] .st-select{background-position:left 14px center;}
html[lang="ar"] .st-select,html[lang="ja"] .st-select{font-family:inherit;}
.st-select:hover{border-color:color-mix(in srgb, var(--navy) 35%, transparent);}
.st-select:focus-visible,.st-seg button:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}
.st-select option{background:var(--white); color:var(--navy);}
.st-seg{display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:3px; width:100%; border-radius:999px; background:var(--paper); border:1px solid var(--border-soft);}
.st-seg button{display:inline-flex; align-items:center; justify-content:center; gap:8px; height:38px; border:0; border-radius:999px; background:transparent; color:var(--navy-soft); cursor:pointer; font:600 14px 'Inter',sans-serif; transition:background .15s, color .15s;}
html[lang="ar"] .st-seg button,html[lang="ja"] .st-seg button{font-family:inherit;}
.st-seg button svg{width:16px; height:16px;}
.st-seg button:hover{color:var(--navy);}
.st-seg button[aria-pressed="true"]{background:var(--navy); color:var(--white);}
@media (max-width:600px){ .st-row{grid-template-columns:1fr; gap:12px; padding:16px;} }
.st-btn{width:100%; justify-content:center; text-decoration:none;}