/* PCGlance header options. Every rule is scoped to the preview header. */
.hc-head { position:relative; z-index:20; font-family:var(--pcg-ui); }
.hc-head * { box-sizing:border-box; }
.hc-wrap { max-width:1200px; margin-inline:auto; padding-inline:24px; }
.hc-inner { display:flex; align-items:center; column-gap:32px; padding-block:20px; }
.hc-head .hc-logo { display:flex; flex:none; align-items:center; min-height:44px; line-height:0; }
.hc-head .hc-logo img { display:block; width:128px; height:auto; }
.hc-navigation { display:flex; align-items:center; gap:20px; margin-right:auto; }
.hc-primary,.hc-aux { display:flex; align-items:center; gap:22px; }
.pcg .hc-head a,.pcg .hc-head a:visited,.pcg .hc-head a:hover,.pcg .hc-head a:focus,.pcg .hc-head a:active { text-decoration:none; }
.pcg .hc-head .hc-primary a,.pcg .hc-head .hc-aux a,.hc-head summary { color:#fff; font:650 14px/1.4 var(--pcg-ui); white-space:nowrap; }
.hc-primary a,.hc-aux a { display:flex; align-items:center; min-height:44px; padding-block:12px; border-radius:7px; }
.pcg .hc-head .hc-primary a:hover,.pcg .hc-head .hc-aux a:hover { color:#d3e6ff; }
.hc-utilities { display:flex; align-items:center; gap:24px; }
.hc-aux { gap:22px; }
.hc-head details { position:static; margin:0; }
.hc-head summary { display:flex; justify-content:center; align-items:center; min-height:44px; padding:12px 14px; border-radius:8px; list-style:none; cursor:pointer; user-select:none; }
.hc-head summary::-webkit-details-marker { display:none; }
.hc-head .hc-topics summary { background:rgba(255,255,255,.12); }
.hc-head .hc-topics[open] summary,.hc-head .hc-topics summary:hover { background:rgba(255,255,255,.22); }
.hc-short-label { display:none; }
.hc-head .hc-search summary { width:44px; padding:12px; background:rgba(255,255,255,.12); }
.hc-head svg { display:block; width:20px; height:20px; flex:none; }
.hc-head :is(a,button,input,summary):focus-visible { outline:0; box-shadow:0 0 0 4px #9bc8ff; border-radius:8px; }
.hc-head .hc-logo:focus-visible { box-shadow:0 0 0 4px #9bc8ff; }
.hc-panel { position:absolute; left:max(24px,calc((100vw - 1152px)/2)); right:max(24px,calc((100vw - 1152px)/2)); top:100%; background:#fff; color:#132033; padding:28px; border-radius:0 0 16px 16px; box-shadow:0 18px 44px #12315c26; }
.hc-panel-title { font-size:17px; line-height:1.5; font-weight:750; margin:0 0 20px; }
.hc-topic-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px 20px; }
.pcg .hc-head .hc-topic-grid a { display:flex; align-items:center; gap:12px; color:#132033; font-size:14px; line-height:1.45; font-weight:650; padding:10px 12px; border-radius:10px; background:#f2f7fe; }
.hc-head .hc-topic-grid img { display:block; width:40px; height:40px; flex:none; object-fit:contain; }
.pcg .hc-head .hc-topic-grid a:hover { background:#e7f0fd; color:#0d5dce; }
.hc-panel-foot { display:flex; gap:24px; margin:22px 0 0; }
.pcg .hc-head .hc-panel-foot a { color:#36516f; font-size:13px; font-weight:650; padding-block:8px; }
.hc-search-panel { position:absolute; right:max(24px,calc((100vw - 1152px)/2)); top:calc(100% + 8px); width:460px; padding:16px; background:#fff; border-radius:12px; box-shadow:0 18px 44px #12315c26; }
.hc-head .hc-form { display:flex; align-items:center; gap:10px; background:#fff; padding:5px 5px 5px 16px; margin:0; border-radius:9px; min-width:0; }
.hc-head .hc-form svg { color:#5f7290; width:18px; height:18px; }
.pcg .hc-head .hc-form input[type=search] { flex:1; width:100%; min-width:0; border:0; padding:7px 0; background:transparent; color:#18304f; font:500 14px/1.5 var(--pcg-ui); border-radius:4px; }
.pcg .hc-head .hc-form input::placeholder { color:#667a93; opacity:1; }
.pcg .hc-head .hc-form button { background:#1265d2; color:#fff; border:0; font:700 13px/1.5 var(--pcg-ui); padding:10px 17px; border-radius:6px; cursor:pointer; }
.pcg .hc-head .hc-form button:hover { background:#0d4eab; }
.hc-b { background:#0e5dc9; }
.hc-b .hc-inner { display:grid; grid-template-columns:180px minmax(240px,500px) auto; justify-content:space-between; gap:36px; padding-block:22px; }
.hc-b .hc-logo img { width:144px; }
.hc-b .hc-aux { justify-content:flex-end; gap:26px; }
.hc-b .hc-topics { display:none; }
.hc-ribbon { background:#eef5ff; }
.hc-ribbon .hc-wrap { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-block:5px; }
.pcg .hc-head .hc-ribbon a { font:650 12.5px/1.4 var(--pcg-ui); color:#173a69; padding:13px 0; white-space:nowrap; border-radius:6px; }
.pcg .hc-head .hc-ribbon a:hover { color:#0e63cf; }
.hc-c { background:#fff; }
.hc-c .hc-inner { column-gap:36px; padding-block:18px; }
.hc-c .hc-logo { background:#1265d2; padding:8px 13px; border-radius:9px; }
.hc-c .hc-logo img { width:116px; }
.hc-c .hc-primary { gap:22px; }
.hc-c .hc-navigation { gap:20px; }
.pcg .hc-c .hc-primary a,.pcg .hc-c .hc-aux a,.hc-c summary { color:#153454; }
.pcg .hc-c .hc-primary a:hover,.pcg .hc-c .hc-aux a:hover { color:#1265d2; }
.hc-c .hc-topics summary,.hc-c .hc-search summary { background:#edf4fd; }
.hc-c .hc-topics[open] summary,.hc-c .hc-topics summary:hover,.hc-c .hc-search summary:hover { background:#dfecfc; }
.hc-c .hc-aux { gap:18px; }
.hc-c .hc-utilities { gap:18px; }
@media(max-width:1199px) {
  .hc-inner { gap:24px; }
  .hc-primary { gap:18px; }
  .hc-navigation { gap:16px; }
  .hc-utilities { gap:16px; }
  .hc-head:not(.hc-b) .hc-aux { display:none; }
  .hc-b .hc-inner { grid-template-columns:152px minmax(0,1fr) auto; gap:28px; }
  .hc-b .hc-aux,.hc-b .hc-ribbon { display:none; }
  .hc-b .hc-topics { display:block; }
  .hc-topic-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1000px) {
  .hc-inner { justify-content:space-between; gap:16px; }
  .hc-head .hc-primary { display:none; }
  .hc-navigation { margin-left:auto; margin-right:0; }
  .hc-head:not(.hc-b) .hc-utilities { order:1; }
  .hc-head:not(.hc-b) .hc-navigation { order:2; margin-left:0; }
  .hc-head:not(.hc-b) .hc-logo { margin-right:auto; }
  .hc-short-label { display:inline; }
  .hc-wide-label { display:none; }
  .hc-head .hc-topics summary { padding-inline:18px; }
}
@media(max-width:700px) {
  .hc-wrap { padding-inline:16px; }
  .hc-inner { padding-block:14px; gap:12px; }
  .hc-head .hc-logo img { width:112px; }
  .hc-panel { left:16px; right:16px; padding:22px 18px; border-radius:0 0 14px 14px; max-height:calc(100dvh - 88px); overflow:auto; overscroll-behavior:contain; }
  .hc-panel-title { font-size:16px; margin-bottom:18px; }
  .hc-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .pcg .hc-head .hc-topic-grid a { flex-direction:column; justify-content:flex-start; text-align:center; gap:8px; padding:12px 8px; font-size:12.5px; }
  .hc-head .hc-topic-grid img { width:36px; height:36px; }
  .hc-panel-foot { gap:24px; margin-top:18px; }
  .hc-search-panel { left:16px; right:16px; width:auto; padding:12px; }
  .hc-head .hc-form { padding-left:12px; gap:8px; }
  .hc-head .hc-form svg { display:none; }
  .pcg .hc-head .hc-form input[type=search] { font-size:16px; }
  .pcg .hc-head .hc-form button { padding-inline:14px; }
  .hc-b .hc-inner { grid-template-columns:minmax(0,1fr) auto; gap:16px; padding-block:16px; }
  .hc-b .hc-form { grid-column:1/-1; grid-row:2; }
  .pcg-home .hc-b .hc-form { display:none; }
  .hc-b .hc-topics { grid-column:2; grid-row:1; }
  .hc-b .hc-logo img { width:124px; }
  .hc-c .hc-inner { padding-block:12px; gap:10px; }
  .hc-c .hc-logo { padding:7px 10px; border-radius:8px; }
  .hc-c .hc-logo img { width:104px; }
}
@media(prefers-reduced-motion:no-preference) {
  .hc-head :is(a,summary,button) { transition:background-color .16s,color .16s,box-shadow .16s; }
}