#content.pc-page {
  --pc-paper: #fff;
  --pc-tint: #edf6f3;
  --pc-ink: #172c33;
  --pc-muted: #43606b;
  --pc-line: #c8dcd7;
  --pc-accent: #076b62;
  --pc-button: #086b61;
  --pc-button-hover: #06564f;
  color: var(--pc-ink);
  background: var(--pc-paper);
  overflow-wrap: anywhere;
  word-break: keep-all;
}

.pc-body[data-pc-theme="dark"] #content.pc-page {
  --pc-paper: #15232a;
  --pc-tint: #1d3339;
  --pc-ink: #edf6f4;
  --pc-muted: #bdd2d3;
  --pc-line: #466369;
  --pc-accent: #92dfd0;
  --pc-button: #09675f;
  --pc-button-hover: #075850;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .pc-body:not([data-pc-theme]) #content.pc-page {
    --pc-paper: #15232a;
    --pc-tint: #1d3339;
    --pc-ink: #edf6f4;
    --pc-muted: #bdd2d3;
    --pc-line: #466369;
    --pc-accent: #92dfd0;
    --pc-button: #09675f;
    --pc-button-hover: #075850;
        color-scheme: dark;
  }
}

#content.pc-page [hidden] { display: none !important; }
#content.pc-page :is(h1, h2, h3, h4, strong, dt, label) { color: var(--pc-ink); }
#content.pc-page :is(p, li, dd) { line-height: 1.66; }
#content.pc-page a { color: var(--pc-accent); text-decoration: underline; text-underline-offset: .18em; }
#content.pc-page p { margin: 0 0 .85rem; }
#content.pc-page :is(h2, h3, h4) { margin: 0 0 .75rem; line-height: 1.35; }
#content.pc-page h2 { font-size: clamp(1.2rem, 3vw, 1.55rem); }
#content.pc-page h3 { font-size: 1.15rem; }
#content.pc-page h4 { font-size: 1rem; }
#content.pc-page .pc-header h1 { line-height: 1.22; font-size: clamp(1.85rem, 4.4vw, 2.75rem); word-break: keep-all; }
#content.pc-page .pc-header h1 span { display: block; margin-top: .35rem; font-size: .67em; }
#content.pc-page .pc-header > p:not(.pc-kicker) { color: var(--pc-muted); font-size: 1.06rem; margin: .85rem 0; }
#content.pc-page :is(h2, h3) { font-weight: 700; }
@media (max-width: 760px) {
  .pc-body #sidebar .modern-sidebar-toggle { position: static; }
}
#content.pc-page :is(.pc-kicker, .pc-small, figcaption) { color: var(--pc-muted); font-size: .89rem; }
#content.pc-page .pc-kicker { color: var(--pc-accent); font-weight: 700; }
#content.pc-page .pc-panel {
  margin: 1.15rem 0;
  padding: clamp(.8rem, 3vw, 1.5rem);
  border: 1px solid var(--pc-line);
  border-radius: .95rem;
  background: var(--pc-paper);
  scroll-margin-top: 2rem;
}
#content.pc-page .pc-subpanel { padding: .9rem; margin: .9rem 0; border: 1px solid var(--pc-line); border-radius: .7rem; }
#content.pc-page .pc-note { border-inline-start: 4px solid var(--pc-accent); padding: .7rem .85rem; background: var(--pc-tint); }
#content.pc-page .pc-actions, #content.pc-page .pc-chips { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; }
#content.pc-page .pc-actions { margin: .75rem 0; }
#content.pc-page .pc-chips { padding: 0; margin: .85rem 0; list-style: none; }
#content.pc-page .pc-chips li { padding: .2rem .6rem; border-radius: 1rem; background: var(--pc-tint); font-size: .9rem; font-weight: 700; }
#content.pc-page button {
  min-height: 44px;
  max-width: 100%;
  padding: .5em .85em;
  background: var(--pc-button);
  border: 1px solid transparent;
  border-radius: .5rem;
  box-shadow: none;
  color: #fff;
  font: inherit;
  font-weight: 700;
  white-space: normal;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1.3;
}
#content.pc-page button:not(:disabled):hover { background: var(--pc-button-hover); }
#content.pc-page button.pc-secondary { background: var(--pc-paper); color: var(--pc-ink); border-color: var(--pc-line); }
#content.pc-page button.pc-secondary:not(:disabled):hover,
#content.pc-page button.pc-secondary[aria-pressed="true"] { background: var(--pc-tint); border-color: var(--pc-accent); }
#content.pc-page button:disabled { opacity: .62; cursor: not-allowed; }
#content.pc-page :focus-visible { outline: 3px solid var(--pc-accent); outline-offset: 3px; }
#content.pc-page progress { display: block; width: 100%; height: .8rem; margin: .35rem 0 .75rem; accent-color: var(--pc-accent); }
#content.pc-page .pc-options { display: grid; gap: .4rem; margin: .6rem 0; }
#content.pc-page .pc-options label {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .45rem .65rem;
  min-height: 44px;
  margin: 0;
  border: 1px solid var(--pc-line);
  border-radius: .5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
#content.pc-page .pc-options label:has(input:checked) { border-color: var(--pc-accent); background: var(--pc-tint); }
#content.pc-page .pc-options input { accent-color: var(--pc-button); width: 1.05rem; height: 1.05rem; flex: none; margin: 0; }
#content.pc-page :is(input:not([type="radio"], [type="checkbox"]), select, textarea) {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: .45em .6em;
  border: 1px solid var(--pc-line);
  border-radius: .5rem;
  background: var(--pc-paper);
  color: var(--pc-ink);
  font: inherit;
  box-shadow: none;
}
#content.pc-page :is(textarea, input)::placeholder { color: var(--pc-muted); }
#content.pc-page textarea { resize: vertical; }
#content.pc-page .pc-bars { display: grid; gap: .55rem; margin: 1rem 0; }
#content.pc-page .pc-bar-row { border: 1px solid var(--pc-line); padding: .6rem .75rem; border-radius: .55rem; }
#content.pc-page .pc-bar-label { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: .2rem .65rem; }
#content.pc-page .pc-bar-label span { font-size: .9rem; color: var(--pc-muted); }
#pc-export-summary { white-space: pre-line; }
#content.pc-page details { border-block-start: 1px solid var(--pc-line); padding: .25rem 0 .4rem; }
#content.pc-page summary { color: var(--pc-ink); min-height: 44px; padding-block: .4rem; cursor: pointer; font-weight: 700; }
#content.pc-page .pc-editorial section + section { margin-top: 1.2rem; }
#content.pc-page .pc-editorial dd { margin: 0 0 .5rem; }
#content.pc-page .pc-related { display: flex; flex-wrap: wrap; gap: .35rem 1.8rem; }

@media (max-width: 460px) {
  #content.pc-page .pc-survey-actions button { flex: 1 1 42%; }
}

@media (prefers-reduced-motion: reduce) {
  #content.pc-page * { transition: none !important; scroll-behavior: auto !important; }
}

@media print {
  .pc-body * { visibility: hidden !important; }
  .pc-body #pc-export:not([hidden]) #pc-export-card,
  .pc-body #pc-export:not([hidden]) #pc-export-card * { visibility: visible !important; }
  .pc-body #pc-export-card {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    padding: 1rem;
    color: #111;
    background: #fff;
    --pc-ink: #111;
    --pc-muted: #333;
    --pc-line: #bbb;
    --pc-accent: #245e58;
    --pc-tint: #e9efee;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  .pc-body :is(.modern-site-header, #sidebar, #copyright, .site-title-ad, .site-footer, .global-site-footer, .pc-no-print) { display: none !important; }
  .pc-body #content.pc-page > :not(#pc-result), .pc-body #pc-result > :not(#pc-export),
  .pc-body #pc-export > :not(#pc-export-card) { display: none !important; }
}


#content.pc-page .pc-table { width: 100%; max-width: 100%; border-collapse: collapse; margin: .6rem 0 1rem; font-size: .87rem; }
#content.pc-page .pc-table :is(th, td) { text-align: start; border: 1px solid var(--pc-line); padding: .35rem; color: var(--pc-ink); }
#content.pc-page .pc-table :is(caption, thead) { font-weight: 700; }
#content.pc-page .pc-table thead { background: var(--pc-tint); }
#content.pc-page .pc-check { display: inline-flex; gap: .45rem; align-items: center; min-height: 44px; }
#content.pc-page .pc-check input { accent-color: var(--pc-accent); }
#content.pc-page .pc-copy-notice { position: fixed; z-index: 1001; bottom: 4.6rem; right: 1rem; width: min(24rem, calc(100% - 2rem)); background: var(--pc-paper); border: 1px solid var(--pc-line); padding: .75rem; border-radius: .6rem; box-shadow: 0 6px 30px #0003; }

@media (max-width: 460px) {
  #content.pc-page .pc-table :is(th, td) { padding: .2rem; }
}

#content.pc-page .pc-meter-svg { display: block; width: 100%; height: .6rem; margin-top: .45rem; border-radius: 1rem; overflow: hidden; }
#content.pc-page .pc-track { fill: var(--pc-tint); }
#content.pc-page .pc-preserve { white-space: pre-wrap; }
#content.pc-page .pc-field { margin: .6rem 0; display: block; }
#content.pc-page .pc-history-list { padding: 0; list-style: none; }

#content.pc-page .pc-card-grid, #content.pc-page .pc-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
#content.pc-page .pc-card-grid details { border: 1px solid var(--pc-line); border-radius: .6rem; padding: .55rem .75rem; }
#content.pc-page .pc-card-grid summary span { display: block; font-weight: 400; color: var(--pc-muted); }
#content.pc-page .pc-card-grid details[open] { grid-column: 1 / -1; }
#content.pc-page .pc-fields label { min-width: 0; }
@media (max-width: 540px) {
  #content.pc-page .pc-card-grid, #content.pc-page .pc-fields { grid-template-columns: 1fr; }
}

#content.pc-page .pc-season-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; margin:.8rem 0; }
#content.pc-page .pc-season-tile { border:1px solid var(--pc-line); border-radius:.55rem; padding:.45rem; font-size:.86rem; }
#content.pc-page .pc-mini { display:flex; gap:3px; margin-top:.25rem; }
#content.pc-page .pc-mini span { height:16px; flex:1; border:1px solid #0002; border-radius:3px; }
#content.pc-page .pc-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.45rem; border-radius:.75rem; padding:.65rem; margin:.7rem 0; background:#f0efec; color:#172c33; }
#content.pc-page .pc-pair[data-background="dark"] { background:#25282d; color:#fafafa; }
#content.pc-page .pc-pair > div { display:grid; gap:.4rem; min-width:0; }
#content.pc-page .pc-pair .pc-pair-color { min-height:118px; border:1px solid #7775; border-radius:.45rem; }
#content.pc-page .pc-pair strong { color:inherit; }
#content.pc-page .pc-pair code { font-size:.87rem; }
#content.pc-page .pc-response { display:grid; gap:.42rem; }
#content.pc-page .pc-response button { text-align:left; }
#content.pc-page .pc-response button[aria-pressed="true"] { border:2px solid var(--pc-accent); background:var(--pc-tint); }
#content.pc-page dialog { color:var(--pc-ink); background:var(--pc-paper); border:1px solid var(--pc-line); border-radius:.75rem; width:min(calc(100vw - 1rem), 900px); max-height:calc(100dvh - 1rem); padding:1rem; }
#content.pc-page dialog::backdrop { background:#15232abb; }
#content.pc-page dialog .pc-pair-color { min-height:min(42vh,300px); }
#content.pc-page .pc-swatches { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr)); gap:.4rem; margin:.6rem 0; }
#content.pc-page button.pc-swatch { display:flex; flex-direction:column; justify-content:center; align-items:start; min-height:64px; font-size:.86rem; text-align:left; border:1px solid #78787888; box-shadow:none; background:var(--chip); color:var(--chip-text); }
#content.pc-page button.pc-swatch:hover { background:var(--chip); text-decoration:underline; }
#content.pc-page .pc-compare-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
#content.pc-page .pc-axis { display:grid; gap:.35rem; margin:.55rem 0; border:1px solid var(--pc-line); border-radius:.55rem; padding:.65rem; }
#content.pc-page .pc-axis-chart { position:relative; background:var(--pc-tint); height:.6rem; border-radius:.45rem; }
#content.pc-page .pc-axis-chart:before { position:absolute; left:50%; height:100%; width:1px; background:var(--pc-muted); content:""; }
#content.pc-page .pc-axis-chart span { position:absolute; width:12px; height:12px; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:var(--pc-accent); }
#content.pc-page .pc-axis-labels { display:flex; justify-content:space-between; font-size:.82rem; }
#content.pc-page .pc-combo-preview { display:flex; margin:.55rem 0; gap:.4rem; flex-wrap:wrap; }
#content.pc-page .pc-combo-preview button { flex:1 1 6rem; }
#content.pc-page .pc-contrast-example { padding:.6rem; border:1px solid var(--pc-line); }
#content.pc-page .pc-contrast-warning { font-weight:700; }
#content.pc-page .pc-link-row { display:flex; flex-wrap:wrap; gap:.65rem; margin:.75rem 0; }
@media(max-width:500px) {
  #content.pc-page .pc-season-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #content.pc-page .pc-compare-pair { grid-template-columns:1fr; }
  #content.pc-page .pc-compare-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; }
  #content.pc-page .pc-compare-controls button { font-size:.9rem; padding:.4rem .3rem; }
  #content.pc-page .pc-pair .pc-pair-color { min-height:92px; }
}