.elementor-1509 .elementor-element.elementor-element-82089ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1509 .elementor-element.elementor-element-6eeeeec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1509 .elementor-element.elementor-element-e8afa98 .elementor-button{background-color:#000000;font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-1509 .elementor-element.elementor-element-e8afa98 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1509 .elementor-element.elementor-element-e8afa98 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1509 .elementor-element.elementor-element-cad194b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1509 .elementor-element.elementor-element-66b531c .elementor-button{background-color:#000000;font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-1509 .elementor-element.elementor-element-66b531c .elementor-button-content-wrapper{flex-direction:row;}.elementor-1509 .elementor-element.elementor-element-66b531c .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-1509 .elementor-element.elementor-element-00ad2e4{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1509 .elementor-element.elementor-element-00ad2e4.e-con{--align-self:center;}.elementor-1509 .elementor-element.elementor-element-4992aaf{--display:flex;}.elementor-1509 .elementor-element.elementor-element-21dc1b8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1509 .elementor-element.elementor-element-21dc1b8.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-1509 .elementor-element.elementor-element-e8afa98 .elementor-button{border-radius:27px 27px 27px 27px;padding:30px 30px 30px 30px;}.elementor-1509 .elementor-element.elementor-element-66b531c .elementor-button{border-radius:27px 27px 27px 27px;padding:30px 30px 30px 30px;}}@media(min-width:768px){.elementor-1509 .elementor-element.elementor-element-6eeeeec{--width:50%;}.elementor-1509 .elementor-element.elementor-element-cad194b{--width:50%;}.elementor-1509 .elementor-element.elementor-element-00ad2e4{--content-width:699px;}.elementor-1509 .elementor-element.elementor-element-4992aaf{--content-width:1043px;}}@media(max-width:767px){.elementor-1509 .elementor-element.elementor-element-6eeeeec{--width:500px;}.elementor-1509 .elementor-element.elementor-element-00ad2e4{--content-width:500px;}.elementor-1509 .elementor-element.elementor-element-4992aaf{--content-width:500px;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1509 .elementor-element.elementor-element-21dc1b8{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;}.elementor-1509 .elementor-element.elementor-element-21dc1b8.elementor-element{--align-self:center;}}/* Start custom CSS for html, class: .elementor-element-21dc1b8 *//* ═══════════════════════════════════════════════════
   Octotester Pro Manual — Stylesheet
   Fixes applied:
   1. Fig 1 insertion image scales on mobile
   2. Case design info-box scales on mobile (flex→column)
   3. Power On/Off rows wrap cleanly inside border
   4. Transistor diagram stays inside border (overflow:hidden)
   5. Transistor pin identification stays inside border
   ═══════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{
  background:#fff;color:#000;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.75;
}

/* ── PAGE ─────────────────────────────────────────── */
.page{max-width:2000px;margin:0 auto;page-break-after:always;border-bottom:4px solid #000;}
.page:last-child{border-bottom:none;}

/* ── HEADER / FOOTER ──────────────────────────────── */
.page-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3.5px solid #000;padding-bottom:14px;margin-bottom:36px;}
.doc-title{font-family:'Courier New',monospace;font-size:13px;letter-spacing:.13em;text-transform:uppercase;}
.page-num{font-family:'Courier New',monospace;font-size:13px;color:#888;white-space:nowrap;}
.section-tag{display:inline-block;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.18em;border:2px solid #000;padding:4px 10px;text-transform:uppercase;margin-top:6px;}
.page-footer{display:flex;justify-content:space-between;align-items:center;margin-top:44px;padding-top:14px;border-top:2px solid #000;}
.footer-text{font-family:'Courier New',monospace;font-size:12px;color:#888;letter-spacing:.1em;}

/* ── DIVIDER ──────────────────────────────────────── */
.section-divider{display:flex;align-items:center;gap:14px;margin:0 0 28px;}
.divider-label{font-family:'Courier New',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;}
.divider-line{flex:1;height:2px;background:#000;}

/* ── SAFETY BOX ───────────────────────────────────── */
.safety-container{border:3.5px solid #000;padding:26px 30px;margin-bottom:44px;position:relative;}
.safety-container::before{content:'';position:absolute;top:-2px;left:-2px;width:8px;height:calc(100% + 4px);background:#000;}
.safety-header{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #000;}
.warning-icon{width:54px;height:54px;flex-shrink:0;}
.safety-label{font-family:'Courier New',monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:4px;}
.safety-title{font-size:22px;font-weight:700;line-height:1.2;}
.safety-lead{font-size:18px;margin-bottom:16px;line-height:1.8;}
.hazard-list{list-style:none;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;}
.hazard-list li{display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:1.7;}
.hazard-list li::before{content:'■';flex-shrink:0;margin-top:5px;font-size:10px;}
.procedure-grid{display:grid;grid-template-columns:1fr 1fr;border:2px solid #000;margin-bottom:20px;}
.procedure-title{grid-column:1/-1;background:#000;color:#fff;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;}
.procedure-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:2px solid #ccc;border-right:2px solid #ccc;}
.procedure-item:nth-child(even){border-right:none;}
.procedure-item:last-child,.procedure-item:nth-last-child(2):nth-child(odd){border-bottom:none;}
.procedure-item span{font-size:16px;line-height:1.7;}
.safety-footer{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:2px solid #000;}
.consequence-line{font-size:17px;font-weight:700;}
.qualified-line{font-size:16px;color:#444;}
.zero-energy-badge{display:inline-flex;align-items:center;gap:12px;background:#000;color:#fff;font-family:'Courier New',monospace;font-size:14px;font-weight:700;letter-spacing:.1em;padding:10px 20px;margin-top:6px;align-self:flex-start;}

/* ── INFO BOX ─────────────────────────────────────── */
.info-box{border:2px solid #000;margin-bottom:26px;}
.info-box-header{background:#000;color:#fff;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:8px 16px;display:flex;align-items:center;gap:12px;}
.info-box-body{padding:18px 22px;}
.info-box-body p{font-size:17px;line-height:1.8;margin-bottom:12px;}
.info-box-body p:last-child{margin-bottom:0;}

/* ── CAUTION STRIP ────────────────────────────────── */
.caution-strip{display:flex;align-items:flex-start;gap:14px;border:2px solid #000;padding:14px 20px;margin-bottom:24px;background:#f8f8f8;}
.caution-strip p{font-size:16px;line-height:1.75;}

/* ── STEPS ────────────────────────────────────────── */
.step-list{list-style:none;display:flex;flex-direction:column;gap:0;margin-bottom:24px;}
.step-item{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid #ddd;}
.step-item:last-child{border-bottom:none;}
.step-num{width:38px;height:38px;border:3px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Courier New',monospace;font-size:16px;font-weight:700;flex-shrink:0;margin-top:2px;}
.step-text{font-size:17px;line-height:1.8;}

/* ── BATTERY ──────────────────────────────────────── */
.battery-orient{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px;}
.bat-card{border:3px solid #000;}
.bat-card-hdr{background:#000;color:#fff;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;display:flex;justify-content:space-between;}
.bat-card-hdr.wrong{background:#888;}
.bat-card-body{padding:16px;}
.bat-card-body p{font-size:16px;line-height:1.7;margin-top:10px;}

/* ── COMPLIANCE TABLE ─────────────────────────────── */
.compliance-table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:16px;}
.compliance-table th{background:#000;color:#fff;text-align:left;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;}
.compliance-table td{padding:12px 14px;border-bottom:1px solid #ddd;vertical-align:top;line-height:1.75;}
.compliance-table tr:last-child td{border-bottom:none;}
.compliance-table td:first-child{font-weight:700;white-space:nowrap;width:180px;border-right:1px solid #ddd;}

/* ── BUTTON DIAGRAM ───────────────────────────────── */
.button-diagram{border:2px solid #ccc;padding:26px;margin-bottom:24px;display:flex;flex-direction:column;gap:24px;}

/* FIX 3: power-on/off rows — each row is its own flex row that wraps */
.btn-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;width:100%;}
.btn-label-group{display:flex;flex-direction:column;gap:10px;flex-shrink:0;min-width:200px;}
.btn-label{font-family:'Courier New',monospace;font-size:15px;letter-spacing:.15em;text-transform:uppercase;color:#888;margin-bottom:4px;}
.btn-and-arrow{display:flex;align-items:center;}
.btn-box{border:3px solid #000;padding:10px 22px;font-family:'Courier New',monospace;font-size:16px;font-weight:700;white-space:nowrap;background:#000;color:#fff;position:relative;}
.btn-arrow{width:44px;height:3px;background:#000;position:relative;flex-shrink:0;}
.btn-arrow::after{content:'';position:absolute;right:-1px;top:-7px;border-left:11px solid #000;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.btn-desc{font-size:17px;line-height:1.8;flex:1;min-width:180px;}

/* ── TRACE GRID ───────────────────────────────────── */
.trace-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;}
.trace-card{border:2px solid #ccc;display:flex;flex-direction:column;}
.trace-card-header{background:#000;color:#fff;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;}
.trace-card-header .good{color:#ccc;font-size:11px;}
.trace-card-header .fault{color:#bbb;font-size:11px;}
.trace-img{width:100%;display:block;border-bottom:1px solid #ddd;background:#f9f9f9;object-fit:contain;}
.trace-caption{padding:14px 16px;font-size:15px;line-height:1.75;}

/* ── FIG 1 INSERTION POINT BLOCK ─────────────────── */
/* FIX 1 & 2: wrapping container for image + info-box */
.fig1-wrap{display:flex;align-items:flex-start;gap:40px;margin-bottom:36px;flex-wrap:wrap;}
.fig1-img-block{flex:0 0 auto;text-align:center;max-width:100%;}
.fig1-img-border{border:2px solid #ccc;background:#f9f9f9;padding:20px;display:inline-block;max-width:100%;}
.fig1-img{width:440px;max-width:100%;display:block;}
.fig1-caption{font-family:'Courier New',monospace;font-size:13px;color:#888;letter-spacing:.12em;text-transform:uppercase;margin-top:10px;text-align:center;}
.fig1-info{flex:1;min-width:220px;}

/* ── TRANSISTOR SECTION ───────────────────────────── */
/* FIX 4 & 5: transistor containers */
.transistor-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;max-width:100%;overflow:hidden;}
.transistor-img-block{border:2px solid #ccc;background:#f9f9f9;padding:16px;overflow:hidden;min-width:0;}
.transistor-img{width:100%;max-width:100%;display:block;object-fit:contain;}
.transistor-pin-block{border:2px solid #000;overflow:hidden;min-width:0;}
.transistor-pin-header{background:#000;color:#fff;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:8px 14px;}
.transistor-pin-body{padding:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.transistor-pin-img{width:100%;max-width:100%;display:block;object-fit:contain;}

/* ── MENU ─────────────────────────────────────────── */
.menu-wrap{border:2px solid #ccc;padding:32px;}
.menu-diagram-title{font-family:'Courier New',monospace;font-size:13px;letter-spacing:.2em;color:#888;text-transform:uppercase;margin-bottom:28px;}
.menu-top-bar{display:flex;align-items:stretch;border:2px solid #000;margin-bottom:36px;font-size:18px;}
.menu-top-bar .tb-cell{padding:12px 16px;flex:1;text-align:center;border-right:2px solid #000;}
.menu-top-bar .tb-cell:last-child{border-right:none;}
.menu-top-bar .tb-cell.active{background:#000;color:#fff;font-weight:700;}
.flow{display:flex;flex-direction:column;align-items:flex-start;padding-left:0;}
.flow-step{display:flex;flex-direction:column;align-items:flex-start;}
.flow-connector{width:2px;background:#000;height:32px;margin-left:60px;}
.flow-arrow-down{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid #000;margin-left:50px;margin-bottom:8px;}
.flow-node{font-size:18px;display:flex;align-items:center;gap:0;white-space:nowrap;margin-bottom:4px;}
.flow-node-arrow{display:inline-block;margin:0 10px;font-size:18px;line-height:1;}
.flow-options{font-size:16px;line-height:2.1;display:inline-block;}

/* ═══════════════════════════════════════════════════
   MOBILE OVERRIDES  ≤ 700px
   ═══════════════════════════════════════════════════ */
@media (max-width:700px){

  /* PAGE */
  
  /* HEADER */
  .page-header{flex-wrap:wrap;gap:6px;}
  .doc-title{font-size:11px;}
  .section-tag{font-size:10px;padding:3px 8px;}
  .page-num{font-size:11px;}

  /* SAFETY */
  .safety-title{font-size:17px;}
  .safety-lead{font-size:15px;}
  .hazard-list li{font-size:14px;}
  .procedure-grid{grid-template-columns:1fr;}
  .procedure-item{border-right:none !important;}
  .procedure-item:nth-last-child(2):nth-child(odd){border-bottom:2px solid #ccc !important;}

  /* BATTERY */
  .battery-orient{grid-template-columns:1fr;}

  /* TRACE */
  .trace-grid{grid-template-columns:1fr;}

  /* COMPLIANCE TABLE */
  .compliance-table{font-size:14px;}
  .compliance-table th,.compliance-table td{padding:8px 10px;}
  .compliance-table td:first-child{width:auto;white-space:normal;}

  /* MENU */
  .menu-top-bar{font-size:13px;flex-wrap:wrap;}
  .menu-top-bar .tb-cell{padding:8px 10px;flex:none;width:100%;border-right:none;border-bottom:2px solid #000;}
  .menu-top-bar .tb-cell:last-child{border-bottom:none;}
  .flow-node{font-size:14px;white-space:normal;}
  .flow-options{font-size:13px;line-height:1.9;}
  .menu-wrap{padding:16px 12px;}
  .menu-diagram-title{font-size:11px;}

  /* FIX 3: button diagram — stack vertically, desc below button */
  .button-diagram{padding:14px;}
  .btn-row{flex-direction:column;gap:8px;}
  .btn-label-group{min-width:0;width:100%;}
  .btn-desc{font-size:15px;min-width:0;width:100%;padding-top:4px;}
  .btn-arrow{display:none;} /* hide arrow on mobile — button is above desc */

  /* FIX 1: Fig 1 insertion image — full width, no fixed px */
  .fig1-wrap{flex-direction:column;gap:20px;}
  .fig1-img-block{width:100%;max-width:100%;}
  .fig1-img-border{width:100%;padding:12px;}
  .fig1-img{width:100%;max-width:100%;}

  /* FIX 2: Case design info-box — stacks below image naturally via flex-direction:column */
  .fig1-info{width:100%;min-width:0;}

  /* FIX 4 & 5: transistor — stack to single column, prevent overflow */
  .transistor-wrap{grid-template-columns:1fr;width:100%;max-width:100%;overflow:hidden;}
  .transistor-img-block{overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;}
  .transistor-img{width:100%;max-width:100%;height:auto;display:block;}
  .transistor-pin-block{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;}
  .divider-label{font-family:'Courier New',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;}
  
  .transistor-pin-body{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;box-sizing:border-box;}
  .transistor-pin-img{width:100%;max-width:100%;height:auto;display:block;}

  /* GENERAL */
  .step-text{font-size:15px;}
  .info-box-body p{font-size:15px;}
  .caution-strip p{font-size:14px;}
  .page-footer{flex-direction:column;gap:4px;align-items:flex-start;}
  .footer-text{font-size:11px;}
  .zero-energy-badge{font-size:12px;padding:8px 14px;}
}

/* ── PRINT ────────────────────────────────────────── */
@media print{
  .page{padding:36px 48px;page-break-after:always;border-bottom:none;}
  body{font-size:16px;}
}/* End custom CSS */