.oxn-ph{--oxn-main:#00304A;--oxn-second:#348DCC;--oxn-third:#F3A82F;--oxn-second-dark:#226c9e;--oxn-line:color-mix(in srgb,var(--oxn-main) 16%,#fff);max-width:1100px;margin:0 auto;color:var(--oxn-main);font-size:15px;line-height:1.45}
.oxn-ph *{box-sizing:border-box}
.oxn-ph [hidden]{display:none!important}
.oxn-ph-top{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 0 18px;text-align:center}
.oxn-ph .oxn-ph-top .oxn-ph-q{display:block!important;width:100%!important;max-width:680px!important;height:auto!important;margin:0 auto!important;padding:20px 26px!important;border:3px solid var(--oxn-line)!important;border-radius:16px!important;background:#fff!important;color:var(--oxn-main)!important;font:inherit!important;font-size:22px!important;font-weight:700!important;letter-spacing:.05em!important;text-align:center!important;box-shadow:0 6px 22px rgba(0,0,0,.18)!important}
.oxn-ph .oxn-ph-top .oxn-ph-q:focus{outline:0;border-color:var(--oxn-second);box-shadow:0 0 0 3px color-mix(in srgb,var(--oxn-second) 25%,transparent)}
.oxn-ph-key{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;color:var(--ph-text,#fff);font-weight:700}
.oxn-ph-key span{color:var(--ph-text,#fff)}
.oxn-ph-ico{display:inline-grid;flex:none;place-items:center;width:28px;height:28px;margin-left:8px;border-radius:50%;background:var(--ph-icon-bg,var(--oxn-third));color:var(--ph-icon-fg,var(--oxn-main));vertical-align:middle}
.oxn-ph-key .oxn-ph-ico{margin-left:0}
.oxn-ph-list{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--oxn-line);border-radius:14px;background:#fff}
.oxn-ph-list th{padding:12px 14px;background:var(--oxn-main);color:#fff;font-size:13px;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase}
.oxn-ph-list td{padding:11px 14px;border-top:1px solid var(--oxn-line);vertical-align:middle}
.oxn-ph-list tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--oxn-main) 3%,#fff)}
.oxn-ph-list tbody tr:hover td{background:color-mix(in srgb,var(--oxn-second) 9%,#fff)}
.oxn-ph-name{font-weight:700}
.oxn-ph-none{padding:16px;text-align:center;font-weight:600}
@media (max-width:760px){
.oxn-ph-list,.oxn-ph-list tbody,.oxn-ph-list tr,.oxn-ph-list td{display:block;width:100%}
.oxn-ph-list{border:0;background:transparent}
.oxn-ph-list thead{display:none}
.oxn-ph-list tr{margin:0 0 12px;border:1px solid var(--oxn-line);border-left:5px solid var(--oxn-third);border-radius:12px;background:#fff;overflow:hidden}
.oxn-ph-list td{display:flex;gap:10px;justify-content:space-between;padding:8px 14px;border:0;background:transparent!important;text-align:right}
.oxn-ph-list td::before{content:attr(data-label);flex:none;color:var(--oxn-second-dark);font-size:12px;font-weight:700;text-transform:uppercase;text-align:left}
.oxn-ph-list td:empty{display:none}
}
.oxn-ph-info{margin:0 0 12px;padding:8px 14px;border-left:4px solid var(--oxn-third);border-radius:8px;background:color-mix(in srgb,var(--oxn-third) 16%,#fff);font-weight:600}.oxn-ph-info a{color:var(--oxn-second-dark)}
@media (max-width:600px){.oxn-ph .oxn-ph-top .oxn-ph-q{padding:16px 18px!important;font-size:18px!important}}
.oxn-ph .oxn-ph-q::placeholder{color:color-mix(in srgb,var(--oxn-main) 55%,#fff);opacity:1}