.okamy-qa-public{ --qa-accent:var(--okamy-sec,var(--e-global-color-accent, #ff1654)); --qa-bd:#ececf0; max-width:860px; margin:0; color:#17171a; font-size:15px; line-height:1.5} .okamy-qa-public *{ box-sizing:border-box} .okamy-qa-h{ margin:0 0 14px; font-size:20px; font-weight:700; line-height:1.3} .okamy-qa-form{ margin:0 0 22px} .okamy-qa-label{ display:block; margin:0 0 8px; font-weight:600} .okamy-qa-field{ display:flex; gap:10px; align-items:flex-start} .okamy-qa-field textarea{ flex:1 1 auto; min-width:0; min-height:48px; margin:0; padding:12px 14px; border:1px solid #d6d6de; border-radius:12px; background:#fff; color:inherit; font:inherit; resize:vertical} .okamy-qa-field textarea:focus{ border-color:var(--qa-accent); outline:0; box-shadow:0 0 0 3px rgba(0, 0, 0, .05)} .okamy-qa-public .okamy-qa-send{ display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; height:48px; margin:0; padding:0 22px; border:0; border-radius:999px; background:#17171a; color:#fff; font:inherit; font-weight:700; text-decoration:none; cursor:pointer} .okamy-qa-public .okamy-qa-send:hover{ background:var(--qa-accent); color:#fff} .okamy-qa-public .okamy-qa-send[disabled]{ opacity:.55; cursor:default} .okamy-qa-note{ min-height:1.5em; margin:8px 0 0; color:#00a650; font-size:14px} .okamy-qa-note.is-error{ color:#d63638} .okamy-qa-login{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:0 0 22px; padding:14px 16px; border-radius:12px; background:#f5f5f7} .okamy-qa-items, .okamy-qa-mine{ display:flex; flex-direction:column} .okamy-qa-q{ padding:16px 0; border-top:1px solid var(--qa-bd)} .okamy-qa-q[hidden]{ display:none} .okamy-qa-qtext{ margin:0; font-weight:600} .okamy-qa-qmeta, .okamy-qa-ameta{ margin:2px 0 0; color:#8a8a94; font-size:13px} .okamy-qa-a{ margin:10px 0 0; padding:0 0 0 14px; border-left:3px solid var(--qa-bd)} .okamy-qa-atext{ margin:0; color:#3c3c46} .okamy-qa-wait{ display:inline-block; margin:8px 0 0; padding:3px 10px; border-radius:999px; background:#fcf0d0; color:#8a5a00; font-size:12px; font-weight:600} .okamy-qa-q.is-mine .okamy-qa-qmeta{ color:var(--qa-accent)} .okamy-qa-none{ margin:0; color:#8a8a94} .okamy-qa-public .okamy-qa-more{ margin:8px 0 0; padding:10px 18px; border:1px solid #d6d6de; border-radius:999px; background:#fff; color:#17171a; font:inherit; font-weight:600; cursor:pointer} .okamy-qa-public .okamy-qa-more:hover{ border-color:#17171a; background:#fff; color:#17171a} @media (max-width:600px){ .okamy-qa-field{ flex-direction:column; align-items:stretch}.okamy-qa-public .okamy-qa-send{ width:100%}}