/* Balun & Broadband Transformer Designer page (balun-designer.html); everything else is tokens.css/style.css.
   Schematic: LC Filter Designer .schem styles from style.css (theme colors); this file adds terminals, core bars and sizes. */
.bl .fcard label{display:block;margin:var(--s2) 0 var(--s1);font-size:var(--fs-sm)}
.bl .seg.r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:var(--radius);margin:0}
.bl .seg.r2>label{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);margin:0;min-width:0}
.bl .seg legend{font-size:var(--fs-sm);padding:0;margin:var(--s2) 0 var(--s1)}
.bl #bt-sidew{align-self:end}
.bl select.field{width:100%;min-width:0}
.cgrid{display:grid;grid-template-columns:minmax(380px,1fr) minmax(0,1.3fr);gap:var(--s4);align-items:start}
.bl .pane>*+*,.bl .rcol>*+*{margin-top:var(--s3)}
.bl .fcard,.bl .cream,.bl .ro{min-width:0}
.bl .ro{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.bl .ro dd{font-size:var(--fs-md);overflow-wrap:anywhere}.bl .ro dd small{display:block;font-size:var(--fs-xs);color:var(--color-muted);text-shadow:none}
.bl .ro .mt-warn{outline:1.5px solid var(--color-warn)}
.bl .plain{font-size:var(--fs-md);margin:0}
.bl .err{color:var(--color-warn);border:var(--border-w) solid var(--color-warn);border-radius:var(--radius);padding:var(--s2) var(--s3);font-size:var(--fs-sm)}
.bl .field[aria-invalid="true"]{border-color:var(--color-warn);border-width:2px}
.bl .ferr{font-size:var(--fs-xs);color:var(--color-warn);margin:var(--s1) 0 0}
.bl.bnores .bres{display:none!important}
/* checks table: label, status pill, explanation */
.bchk{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.bchk th,.bchk td{text-align:left;vertical-align:top;padding:8px 6px;border-bottom:1px solid var(--color-rule)}
.bchk th{white-space:nowrap;font-weight:700}.bchk .st{white-space:nowrap}
.okpill{font:var(--fs-xs) var(--font-mono);border:1px solid var(--color-ink);color:var(--color-ink);border-radius:999px;padding:1px 8px;white-space:nowrap}
.okpill.warn{border-color:var(--color-warn);color:var(--color-warn)}.okpill.bad{border-color:var(--color-warn);color:var(--color-warn);border-style:dashed}.okpill.info{border-color:var(--color-muted);color:var(--color-muted)}
.bflags,.bnotes{margin:var(--s3) 0 0;padding-left:1.2em;font-size:var(--fs-sm)}.bflags li,.bnotes li{margin:0 0 var(--s2)}
.bflags code{font-size:var(--fs-xs);color:var(--color-muted)}
.bflags .lv-warn b{color:var(--color-warn)}.bflags .lv-caution b{color:var(--color-accent)}.bflags .lv-info b{color:var(--color-muted)}
/* schematic */
.cream{background:var(--color-surface);border:1px solid var(--color-edge);border-radius:var(--radius);padding:var(--s2)}
.bsch{width:var(--sw,560px);max-width:100%;height:auto;display:block;margin:0 auto}
.schem .term{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:2}
.schem .core{stroke:var(--color-muted);stroke-width:2}
.schem .tn{fill:var(--color-muted);font-size:11px}
.bl .bsch text{font-size:13px}
.bwire{margin-top:var(--s3);width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.bwire th,.bwire td{text-align:left;vertical-align:top;padding:6px;border-bottom:1px solid var(--color-rule)}
.bwire thead th{font-size:var(--fs-xs);color:var(--color-muted);font-weight:400}.bwire tbody th{font-weight:700;width:45%}
.btn.sm{padding:4px 10px;font-size:var(--fs-sm)}
.bcand tr.sel td{color:var(--color-accent)}
.tw.stack .bcand tr{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media(min-width:1001px){.bl .wide .bcand{display:table;width:100%}.bl .wide .bcand thead{display:table-header-group}.bl .wide .bcand tbody{display:table-row-group}.bl .wide .bcand tr{display:table-row}
  .bl .wide .bcand td{display:table-cell;text-align:left;padding:4px 8px;border-bottom:1px solid var(--color-rule);font-size:var(--fs-sm)}.bl .wide .bcand td::before{content:none}
  .bl .wide .bcand th{text-align:left;font-size:var(--fs-xs);color:var(--color-muted);padding:4px 8px;font-weight:400}}
@media(max-width:1000px){.cgrid{grid-template-columns:minmax(0,1fr)}.bl .ro{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* modes and steps */
.bl[data-mode="beginner"] .xonly,.bl[data-mode="expert"] .bonly,.bl[data-mode="expert"] .steps{display:none}
.bl[data-mode="beginner"][data-step="1"] :is(#bl-ports,#bl-core,.bres),.bl[data-mode="beginner"][data-step="2"] :is(#bl-type,#bl-core,.bres),
.bl[data-mode="beginner"][data-step="3"] :is(#bl-type,#bl-ports,.bres),.bl[data-mode="beginner"][data-step="4"] :is(#bl-type,#bl-ports,#bl-core){display:none}
.bl[data-mode="beginner"] .cgrid{display:flex;flex-direction:column;gap:0}.bl[data-mode="beginner"] .pane,.bl[data-mode="beginner"] .rcol{display:contents}
.bl[data-mode="beginner"] :is(#bl-type,#bl-ports,#bl-core){max-width:640px}
.bl[data-mode="beginner"] .cgrid>*>*+*{margin-top:var(--s3)}
.bl[data-mode="expert"] #bl-candc{grid-column:1/-1}
.bl .wnav{display:flex;justify-content:space-between;gap:var(--s2);margin-top:var(--s3)}
.bl [hidden]{display:none!important}
/* phones: the site-wide no-lane rule and page bottom padding (style.css, feedback-panel.css) apply; these only lay the page out */
@media(max-width:600px){
  .bl .ro{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cream .sw{overflow-x:auto}.cream .bsch{min-width:min(var(--sw,560px),calc(var(--sw,560px) * .8))}
  .bl .wnav .btn{flex:1;min-width:0}.bl .wnav{flex-wrap:wrap}
  .bchk,.bchk tbody{display:block}.bchk tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s2);border-bottom:1px solid var(--color-rule);padding:8px 0}
  .bchk th,.bchk td{border:0;padding:0}.bchk th{white-space:normal}.bchk td.tx{grid-column:1/-1;margin-top:4px}
  .tw.stack .bcand tr{grid-template-columns:repeat(2,minmax(0,1fr))}.tw.stack .bcand td{min-width:0}
}
@media(max-width:360px){.bl .steps{gap:4px}.bl .steps button{padding:6px 4px}}
.bl[data-mode="beginner"] .pane>*,.bl[data-mode="beginner"] .rcol>*{min-width:0;max-width:100%}

/* Power v1 uses the existing cards and shared feedback-panel bottom padding, no extra lane. */
.bl .power-rating,.bl .bp-verdict{font-weight:700;color:inherit}
.bl .bp-verdict-dont{color:var(--color-warn)}
.bl .bp-verdict-detail{margin-top:var(--s2)}
.bp-table{table-layout:fixed;width:100%;font-size:var(--fs-xs);margin:var(--s3) 0}
.bp-table caption{text-align:left;font-weight:700;margin-bottom:var(--s1)}
.bp-table th,.bp-table td{vertical-align:top;text-align:left;overflow-wrap:anywhere;white-space:normal;padding:6px 4px}
.bp-table th:first-child{width:44%}.bp-table th{font-weight:700}
.bl #bl-powerc h3{font-size:var(--fs-md);margin:var(--s3) 0 var(--s1)}