.pr-page { --pr-bg:#fff; --pr-soft:#f1f6f5; --pr-ink:#172b38; --pr-muted:#566b78; --pr-line:#cbd9df; --pr-accent:#087c69; --pr-warn:#9b470d; letter-spacing:0; }
.pr-page[data-theme=dark] { --pr-bg:#1a2629; --pr-soft:#26373b; --pr-ink:#edf2f3; --pr-muted:#bfced2; --pr-line:#526970; --pr-accent:#7addc0; --pr-warn:#ffc17e; }
.modern-subpage #content.pr-page { background:var(--pr-bg); color:var(--pr-ink); --modern-text:var(--pr-ink); --modern-muted:var(--pr-muted); --modern-line:var(--pr-line); }
.pr-page *, .pr-page *::before, .pr-page *::after { box-sizing:border-box; min-width:0; letter-spacing:0; }
.pr-page [hidden] { display:none!important; }
.modern-subpage #content.pr-page h1 { color:var(--pr-ink); font-size:32px; line-height:1.35; margin:12px 0; }
.modern-subpage #content.pr-page h2 { color:var(--pr-ink); font-size:21px; line-height:1.45; margin:0 0 14px; }
.modern-subpage #content.pr-page h3 { color:var(--pr-ink); font-size:17px; line-height:1.5; margin:12px 0; }
.modern-subpage #content.pr-page p { color:var(--pr-muted); font-size:15px; line-height:1.8; margin:10px 0 16px; overflow-wrap:anywhere; }
.pr-page a { color:var(--pr-accent); }
.pr-breadcrumb { font-size:12px; color:var(--pr-muted); }
.pr-page .pr-heading { margin-bottom:22px; }
.pr-workspace { margin:0; padding:0; }
.pr-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; border-block:1px solid var(--pr-line); padding:14px 0; margin-bottom:20px; }
.pr-page label { font-size:14px; font-weight:600; color:var(--pr-ink); margin:0; }
.pr-toolbar label, .pr-checks label, .pr-row-open { display:flex; align-items:center; gap:7px; }
.pr-page button { display:inline-flex; justify-content:center; align-items:center; gap:6px; width:auto; max-width:100%; height:auto; min-height:44px; padding:9px 12px; border:1px solid var(--pr-line); border-radius:5px; background:var(--pr-bg); color:var(--pr-ink); font-family:inherit; font-size:14px; line-height:1.5; white-space:normal; word-break:keep-all; box-shadow:none; text-shadow:none; transition:border-color .15s; }
.pr-page button:hover { background:var(--pr-soft); border-color:var(--pr-accent); color:var(--pr-ink); }
.pr-page button:disabled { cursor:not-allowed; opacity:.45; }
.pr-page button.pr-primary, .pr-segments button[aria-pressed=true] { background:var(--pr-accent); color:var(--pr-bg); border-color:var(--pr-accent); }
.pr-segments { display:flex; gap:4px; }
.modern-subpage #content.pr-page input[type=text], .modern-subpage #content.pr-page select { width:100%; min-width:0; height:44px; min-height:44px; padding:9px 10px!important; border:1px solid var(--pr-line); border-radius:4px; background-color:var(--pr-bg); color:var(--pr-ink); box-shadow:none; font-size:16px; line-height:1.4!important; }
.modern-subpage #content.pr-page select { appearance:auto; background-image:none; }
.modern-subpage #content.pr-page input[type=checkbox] { appearance:auto; position:static; display:inline-block; opacity:1; width:18px; height:18px; min-width:18px; margin:0; padding:0; accent-color:var(--pr-accent); }
.modern-subpage #content.pr-page .pr-toolbar select { width:64px; }
.modern-subpage #content.pr-page :is(input,select,button,summary):focus-visible { outline:3px solid var(--pr-accent); outline-offset:2px; }
.pr-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:'input output' 'input diagram'; gap:20px; align-items:start; }
.pr-input { grid-area:input; }
.pr-results { grid-area:output; }
.pr-diagram { grid-area:diagram; }
.pr-page .pr-input, .pr-page .pr-results, .pr-page .pr-diagram { margin:0; }
.pr-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.pr-section-head h2 { margin-bottom:0!important; }
.pr-section-head > span { font-size:12px; color:var(--pr-muted); }
.modern-subpage #content.pr-page .pr-hint { font-size:12px; line-height:1.7; }
.pr-row { padding:14px 0; border-bottom:1px solid var(--pr-line); }
.pr-row-main { display:grid; grid-template-columns:28px minmax(0,1fr) 76px 40px; gap:7px; align-items:center; }
.pr-row-main > label { font-size:13px; }
.pr-page .pr-icon { width:40px; min-height:44px; padding:8px; }
.pr-row-meta { display:flex; flex-wrap:wrap; align-items:start; gap:10px 20px; padding:9px 0 0 35px; }
.pr-row-open { font-size:12px!important; min-height:32px; }
.pr-page .pr-spec { flex:1 1 120px; border:0; padding:0; margin:0; }
.pr-spec summary { font-size:12px; color:var(--pr-muted); min-height:32px; }
.pr-spec-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:10px 0; }
.pr-spec-grid label { font-size:12px; }
.pr-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:14px 0; }
.pr-voltage { margin:18px 0; padding:12px; border:1px solid var(--pr-line); border-radius:5px; }
.pr-voltage legend { padding:0 5px; }
.pr-voltage legend label { display:flex; align-items:center; gap:7px; }
.pr-voltage > label { display:block; font-size:12px; margin-bottom:6px; }
.pr-input-line { display:flex; align-items:center; gap:7px; margin-top:6px; }
.pr-input-line input { flex:1; width:0!important; }
.pr-input-line select { flex:0 0 85px; width:85px!important; }
.pr-checks { display:flex; flex-wrap:wrap; gap:12px; padding:6px 0; }
.pr-checks label { font-size:12px; }
.pr-page details { margin:0; padding:12px 0; border-bottom:1px solid var(--pr-line); }
.pr-page summary { color:var(--pr-ink); font-size:15px; font-weight:600; line-height:1.6; cursor:pointer; }
.pr-page .pr-examples { margin-top:16px; }
.pr-example-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:12px; }
.pr-example-grid button { font-size:12px; padding:9px 5px; }
.pr-page #pr-primary { display:block; font-size:30px; line-height:1.5; color:var(--pr-accent); font-weight:700; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.pr-values { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; margin:0; }
.pr-values > div { border-bottom:1px solid var(--pr-line); padding:10px 0; }
.pr-values dt { font-size:12px; color:var(--pr-muted); }
.pr-values dd { font-size:14px; color:var(--pr-ink); margin:3px 0 0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.pr-comparison-values { border-left:3px solid #a55c17; padding:10px 12px; margin:16px 0; font-size:14px; }
.pr-comparison-values p { margin:5px 0!important; font-size:14px!important; }
.pr-circuit-scroll { max-height:480px; overflow:auto; border:1px solid var(--pr-line); border-radius:5px; background:var(--pr-soft); scrollbar-width:thin; overscroll-behavior:contain; }
.pr-page figure { margin:0 0 16px; }
.pr-page svg { display:block; min-width:0; width:100%; height:auto; color:var(--pr-ink); }
.pr-circuit-actions { display:flex; justify-content:flex-end; gap:6px; margin:6px 0; }
.pr-page .pr-circuit-zoom svg { min-width:520px; }
.pr-circuit-scroll:focus-visible { outline:3px solid var(--pr-accent); outline-offset:2px; }
.pr-page svg text { fill:currentColor; font-family:inherit; font-size:15px; }
.pr-page figcaption { color:var(--pr-muted); font-size:12px; line-height:1.65; padding:7px 0; }
.pr-page .pr-warning, .pr-page [role=alert]:not([hidden]) { color:var(--pr-warn)!important; border-left:3px solid var(--pr-warn); padding:9px 12px; background:var(--pr-soft); font-size:14px!important; }
.modern-subpage #content.pr-page [aria-invalid=true] { border:2px solid var(--pr-warn); }
.pr-page #pr-power { margin:24px 0 0; padding:20px 0 0; border-top:1px solid var(--pr-line); }
.pr-table-scroll { overflow:auto; max-width:100%; border:1px solid var(--pr-line); border-radius:5px; scrollbar-width:thin; }
.pr-page table { width:100%; min-width:650px; margin:0; border-collapse:collapse; color:var(--pr-ink); }
.pr-page th, .pr-page td { padding:10px; border-bottom:1px solid var(--pr-line); font-size:13px; line-height:1.6; text-align:left; white-space:nowrap; color:var(--pr-ink); }
.pr-page thead th { background:var(--pr-soft); font-weight:600; }
.pr-page td.pr-over { color:var(--pr-warn); font-weight:700; }
.pr-page caption { text-align:left; padding:12px; color:var(--pr-ink); }
.pr-page .pr-advanced, .pr-page .pr-faq, .pr-page .pr-related { margin:28px 0 0; padding:24px 0 0; border-top:1px solid var(--pr-line); }
.pr-advanced > details { padding:18px 0; }
.pr-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:end; margin:16px 0; }
.pr-fields > label { display:flex; flex-direction:column; gap:6px; }
.pr-advanced [role=status] { color:var(--pr-accent); overflow-wrap:anywhere; font-size:18px; line-height:1.7; }
.pr-tree-node { border-left:2px solid var(--pr-line); padding:10px 0 4px 10px; margin:10px 0; }
.pr-tree-head { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.pr-tree-head > span { font-size:12px; }
.pr-tree-head select { flex:1; width:100px!important; }
.pr-tree-leaf { display:grid; grid-template-columns:minmax(0,1fr) 68px 36px; gap:6px; }
.pr-tree-leaf > span { grid-column:1/-1; font-size:12px; }
.pr-tree-head .pr-icon, .pr-tree-leaf .pr-icon { width:36px; }
.pr-tree-controls { display:flex; flex-wrap:wrap; gap:7px; margin:8px 0; }
.pr-tree-controls button { font-size:12px; }
.pr-page #pr-mixed-steps { font-size:14px; line-height:1.8; padding-left:24px; color:var(--pr-muted); overflow-wrap:anywhere; }
.pr-page .pr-guides { margin:28px 0 0; }
.pr-guides > section { margin:0; border-top:1px solid var(--pr-line); padding:24px 0; }
.pr-related > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pr-related a { display:flex; flex-direction:column; gap:6px; border:1px solid var(--pr-line); border-radius:6px; padding:16px; text-decoration:none; }
.pr-related strong { color:var(--pr-ink); font-size:15px; }
.pr-related span { color:var(--pr-muted); font-size:13px; line-height:1.7; }
@media(max-width:1150px) { .pr-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:'input' 'output' 'diagram'; } }
@media(max-width:600px) {
  .modern-subpage #content.pr-page { padding:18px; }
  .modern-subpage #content.pr-page h1 { font-size:27px; }
  .modern-subpage #content.pr-page h2 { font-size:20px; }
  .pr-toolbar { gap:10px; }
  .pr-row-main { grid-template-columns:24px minmax(0,1fr) 72px 40px; gap:6px; }
  .pr-row-meta { padding-left:30px; }
  .pr-values { gap:0 10px; }
  .pr-page #pr-primary { font-size:27px; }
  .pr-fields, .pr-related > div { grid-template-columns:minmax(0,1fr); }
  .pr-example-grid { grid-template-columns:minmax(0,1fr); }
  .pr-example-grid button { font-size:13px; }
  .pr-tree-node { padding-left:6px; }
  .pr-tree-controls button { padding:8px; }
  .pr-page svg text { font-size:22px; }
}