.poe-chapter{
  --navy:#1F3A5F;
  --blue:#1E88E5;
  --orange:#F57C00;
  --yellow:#FFB300;
  --ink:#1f2937;
  --muted:#64748b;
  --line:#dbe3ea;
  --soft:#f5f8fb;
  --warn:#fff7e6;
  --info:#eef6ff;
  --ok:#effaf3;
  --white:#fff;
}

.poe-chapter *{box-sizing:border-box}


.poe-chapter{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:#eef2f6;
  line-height:1.68;
}

.poe-chapter{max-width:980px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 32px rgba(31,58,95,.08)}

.poe-chapter header{
  padding:48px clamp(22px,5vw,64px) 38px;
  background:linear-gradient(135deg,var(--navy),#294f7d);
  color:#fff;
}

.poe-chapter .kicker{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#cfe5ff}

.poe-chapter h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;margin:.35rem 0 1rem}

.poe-chapter .subtitle{max-width:760px;font-size:1.08rem;color:#e8f1fb;margin:0}

.poe-chapter main{padding:38px clamp(22px,5vw,64px) 64px}

.poe-chapter nav.toc{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin-bottom:36px}

.poe-chapter nav.toc strong{color:var(--navy)}

.poe-chapter nav.toc ol{columns:2;column-gap:34px;margin:.7rem 0 0;padding-left:1.25rem}

.poe-chapter nav.toc li{break-inside:avoid;margin:.22rem 0}

.poe-chapter nav.toc a{color:var(--navy);text-decoration:none}

.poe-chapter nav.toc a:hover{text-decoration:underline}

.poe-chapter h2{color:var(--navy);font-size:1.62rem;line-height:1.25;margin:2.7rem 0 1rem;padding-top:.25rem}

.poe-chapter h3{color:var(--navy);font-size:1.22rem;margin:1.8rem 0 .55rem}

.poe-chapter p{margin:.78rem 0}

.poe-chapter ul{padding-left:1.35rem}

.poe-chapter li{margin:.32rem 0}

.poe-chapter .lead{font-size:1.08rem}

.poe-chapter .figure{margin:24px 0 30px;text-align:center}

.poe-chapter .figure img{display:block;max-width:100%;height:auto;margin:auto;border-radius:12px}

.poe-chapter .figure.photo img{max-height:430px;object-fit:contain;background:#fff}

.poe-chapter .figure figcaption{font-size:.9rem;color:var(--muted);margin-top:10px;line-height:1.45}

.poe-chapter .figure .source{display:block;font-size:.76rem;margin-top:4px}

.poe-chapter .figure .source a{color:var(--muted)}

.poe-chapter .callout{border-left:5px solid var(--blue);background:var(--info);padding:16px 18px;border-radius:0 12px 12px 0;margin:22px 0}

.poe-chapter .callout.warn{border-color:var(--orange);background:var(--warn)}

.poe-chapter .callout.ok{border-color:#22a55b;background:var(--ok)}

.poe-chapter .callout strong{color:var(--navy)}

.poe-chapter .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:stretch;margin:22px 0}

.poe-chapter .flow .node{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center;font-weight:700;color:var(--navy);display:flex;align-items:center;justify-content:center;min-height:72px}

.poe-chapter .flow .arrow{display:none}

.poe-chapter .dual{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}

.poe-chapter .card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}

.poe-chapter .card h3{margin-top:0}

.poe-chapter .diagram{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:22px;margin:24px 0}

.poe-chapter .diagram-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}

.poe-chapter .box{padding:12px 15px;border-radius:10px;background:#fff;border:1px solid #cfd9e3;font-weight:700;text-align:center}

.poe-chapter .box.pse{border-color:#8fc4fa;background:#eef6ff}

.poe-chapter .box.pd{border-color:#f6bc73;background:#fff7e6}

.poe-chapter .chev{font-size:1.35rem;color:var(--muted);font-weight:900}

.poe-chapter .formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#152d4b;color:#fff;padding:14px 18px;border-radius:12px;text-align:center;font-size:1.08rem;margin:16px 0}

.poe-chapter table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.94rem}

.poe-chapter th,.poe-chapter td{border:1px solid var(--line);padding:11px 12px;text-align:left;vertical-align:top}

.poe-chapter th{background:var(--navy);color:#fff}

.poe-chapter tr:nth-child(even) td{background:#f9fbfd}

.poe-chapter .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}

.poe-chapter .metric{border-radius:14px;padding:20px;background:var(--soft);border:1px solid var(--line)}

.poe-chapter .metric b{display:block;color:var(--navy);font-size:1.1rem;margin-bottom:4px}

.poe-chapter .references{font-size:.88rem;color:#475569;border-top:1px solid var(--line);margin-top:48px;padding-top:24px}

.poe-chapter .references a{color:var(--blue);word-break:break-word}

.poe-chapter footer{padding:24px clamp(22px,5vw,64px);background:#f3f6f9;color:#64748b;font-size:.82rem}

.poe-chapter .network-graphic{
  margin:24px 0 30px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#fbfdff,#f5f8fb);
  border-radius:18px;
  padding:22px;
}

.poe-chapter .network-title{
  text-align:center;
  font-weight:800;
  color:var(--navy);
  margin:0 0 18px;
}

.poe-chapter .network-lane{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  min-height:150px;
}

.poe-chapter .device-node{
  width:150px;
  min-width:150px;
  text-align:center;
  position:relative;
}

.poe-chapter .device-node img{
  width:118px;
  height:82px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:6px;
}

.poe-chapter .device-node .device-label{
  display:block;
  font-weight:800;
  color:var(--navy);
  line-height:1.25;
}

.poe-chapter .device-node .device-role{
  display:block;
  font-size:.78rem;
  color:var(--muted);
  margin-top:2px;
}

.poe-chapter .cable{
  flex:1 1 90px;
  min-width:56px;
  max-width:150px;
  height:4px;
  background:#40566f;
  position:relative;
  margin:0 4px 46px;
  border-radius:4px;
}

.poe-chapter .cable::after{
  content:"";
  position:absolute;
  right:-2px;
  top:-5px;
  border-left:10px solid #40566f;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
}

.poe-chapter .cable .cable-label{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:12px;
  white-space:nowrap;
  font-size:.74rem;
  color:var(--muted);
  font-weight:700;
}

.poe-chapter .cable.data-power{background:linear-gradient(90deg,var(--blue),var(--orange))}

.poe-chapter .cable.data-power::after{border-left-color:var(--orange)}

.poe-chapter .cable.power{background:var(--orange)}

.poe-chapter .cable.power::after{border-left-color:var(--orange)}

.poe-chapter .cable.data{background:var(--blue)}

.poe-chapter .cable.data::after{border-left-color:var(--blue)}

.poe-chapter .network-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.poe-chapter .network-panel{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:16px;
}

.poe-chapter .network-panel h4{
  text-align:center;
  margin:0 0 12px;
  color:var(--navy);
}

.poe-chapter .dual-feed{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.poe-chapter .source-node{
  display:flex;
  align-items:center;
  gap:10px;
}

.poe-chapter .source-icon{
  width:62px;
  height:62px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  display:grid;
  place-items:center;
  font-size:1.8rem;
}

.poe-chapter .source-text{
  font-weight:800;
  color:var(--navy);
}

.poe-chapter .multi-output{
  display:grid;
  grid-template-columns:150px minmax(80px,1fr) 150px;
  grid-template-rows:repeat(3,100px);
  align-items:center;
  gap:0;
  max-width:620px;
  margin:0 auto;
}

.poe-chapter .multi-output .root{grid-row:1/4;grid-column:1}

.poe-chapter .multi-output .branch{height:3px;background:#40566f;position:relative;margin-right:6px}

.poe-chapter .multi-output .branch::after{
  content:"";position:absolute;right:-2px;top:-5px;
  border-left:10px solid #40566f;border-top:6px solid transparent;border-bottom:6px solid transparent
}

.poe-chapter .multi-output .cam{grid-column:3}

.poe-chapter .photo-credit{
  text-align:center;
  font-size:.72rem;
  color:var(--muted);
  margin-top:8px;
}

@media(max-width:720px){
.poe-chapter nav.toc ol{columns:1}

.poe-chapter .network-split{grid-template-columns:1fr}

.poe-chapter .network-lane{flex-direction:column;gap:8px}

.poe-chapter .device-node{width:100%;min-width:0}

.poe-chapter .cable{width:4px;height:62px;min-width:4px;max-width:4px;min-height:62px;margin:0}

.poe-chapter .cable::after{right:-5px;top:auto;bottom:-2px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #40566f;border-bottom:0}

.poe-chapter .cable.data-power::after{border-left-color:transparent;border-top-color:var(--orange)}

.poe-chapter .cable.power::after{border-left-color:transparent;border-top-color:var(--orange)}

.poe-chapter .cable.data::after{border-left-color:transparent;border-top-color:var(--blue)}

.poe-chapter .cable .cable-label{left:14px;top:50%;transform:translateY(-50%);white-space:nowrap}

.poe-chapter .multi-output{grid-template-columns:1fr;grid-template-rows:auto;gap:10px}

.poe-chapter .multi-output .root,.poe-chapter .multi-output .cam{grid-column:1;grid-row:auto}

.poe-chapter .multi-output .branch{width:4px;height:38px;margin:auto}

.poe-chapter .multi-output .branch::after{right:-5px;top:auto;bottom:-2px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #40566f;border-bottom:0}

.poe-chapter .dual,.poe-chapter .grid3{grid-template-columns:1fr}

.poe-chapter .flow{grid-template-columns:1fr}

.poe-chapter .flow .node:not(:last-child)::after{content:"↓";display:block;color:var(--muted);font-size:1.2rem;margin-top:8px}

.poe-chapter header{padding-top:36px}

.poe-chapter main{padding-top:28px}

}

@media print{
.poe-chapter{background:#fff}

.poe-chapter{box-shadow:none;max-width:none}

.poe-chapter a{color:inherit;text-decoration:none}

}
/* Camera artwork v5: preserve proportions and provide accessible enlargement. */
.poe-chapter .camera-preview{display:block;border:0;padding:0;margin:0 auto 8px;background:transparent;cursor:zoom-in;max-width:100%;border-radius:12px}

.poe-chapter .camera-preview:focus-visible{outline:3px solid var(--blue);outline-offset:4px}

.poe-chapter .device-node .camera-complete{width:140px;max-width:100%;height:auto;aspect-ratio:1691/930;object-fit:contain;padding:3px;margin:0}

.poe-chapter .figure.photo .camera-preview{width:780px;margin:0 auto}

.poe-chapter .figure.photo .camera-complete{width:100%;height:auto;max-height:none;object-fit:contain}

.poe-chapter .camera-dialog{width:min(1100px,96vw);max-width:96vw;max-height:94vh;padding:18px;border:1px solid var(--line);border-radius:16px;color:var(--ink)}

.poe-chapter .camera-dialog::backdrop{background:rgba(15,23,42,.72)}

.poe-chapter .camera-dialog img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}

.poe-chapter .camera-dialog form{text-align:right;margin:0 0 8px}

.poe-chapter .camera-dialog button{font:inherit;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:var(--soft);cursor:pointer}

.poe-chapter .camera-dialog p{margin:10px 0 0;font-size:.9rem}

@media print{
.poe-chapter .camera-dialog{display:none}

.poe-chapter .camera-preview{cursor:default}
}
/* Revisão editorial e diagramas técnicos — v6 */
.poe-chapter .technical-figure{margin:28px 0 32px;border:1px solid var(--line);border-radius:16px;background:#f8fbfe;overflow:hidden}

.poe-chapter .technical-title{margin:0;padding:18px 20px 12px;font-size:1.1rem;text-align:center;line-height:1.35}

.poe-chapter .diagram-scroll{overflow-x:auto;overscroll-behavior-x:contain}

.poe-chapter .diagram-scroll>svg{display:block;width:100%;min-width:680px;height:auto}

.poe-chapter .technical-figure figcaption{font-size:.9rem;line-height:1.55;padding:16px 20px 10px;margin:0;background:#fff;color:#445971}

.poe-chapter .expand-diagram{display:block;margin:0;width:100%;border:0;border-top:1px solid #edf2f7;padding:11px 18px;font:inherit;font-size:.85rem;font-weight:650;color:var(--navy);background:#fff;cursor:zoom-in}

.poe-chapter .expand-diagram:hover{background:#eef6ff}

.poe-chapter .expand-diagram:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}

.poe-chapter .table-scroll{overflow-x:auto}

.poe-chapter .table-scroll table{min-width:600px}

.poe-chapter .citation{font-size:.78em;white-space:nowrap;color:#175b9d;text-decoration:none;vertical-align:super;font-weight:700}

.poe-chapter .small{font-size:.86rem;color:#52677d;line-height:1.55}

.poe-chapter .figure.photo>img{max-width:100%;width:auto;max-height:350px;height:auto;object-fit:contain}

.poe-chapter .camera-preview{display:block;max-width:100%;padding:0;margin:0 auto;border:0;background:#fff;cursor:zoom-in}

.poe-chapter .figure.photo .camera-preview{width:min(780px,100%)}

.poe-chapter .figure.photo .camera-complete{width:100%;height:auto;max-height:none}

.poe-chapter .reference-note{font-size:.85rem}

.poe-chapter .formula{overflow-wrap:anywhere;font-size:1rem}

.poe-chapter .media-dialog{width:min(1220px,96vw);max-width:96vw;max-height:94vh;padding:16px;border:1px solid var(--line);border-radius:16px;color:var(--ink)}

.poe-chapter .media-dialog::backdrop{background:rgba(15,23,42,.75)}

.poe-chapter .media-dialog form{text-align:right;margin:0 0 10px}

.poe-chapter .media-dialog form button{padding:8px 18px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--soft);cursor:pointer}

.poe-chapter .media-dialog .media-content{overflow:auto;max-height:80vh}

.poe-chapter .media-dialog img{display:block;width:100%;height:auto}

.poe-chapter .media-dialog svg{display:block;width:100%;min-width:680px;height:auto}

@media(max-width:720px){
.poe-chapter .technical-title{text-align:left}

.poe-chapter .technical-figure figcaption{padding:13px 16px 10px}

.poe-chapter .diagram-scroll{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.poe-chapter .flow{gap:8px}

.poe-chapter .flow .node{min-height:55px}

.poe-chapter .formula{font-size:.88rem}

.poe-chapter main{padding-left:20px;padding-right:20px}

.poe-chapter .media-dialog{padding:10px}
}

@media print{
.poe-chapter .technical-figure{break-inside:avoid}

.poe-chapter .diagram-scroll{overflow:visible}

.poe-chapter .diagram-scroll>svg{min-width:0}

.poe-chapter .expand-diagram,.poe-chapter .media-dialog{display:none}

.poe-chapter .table-scroll{overflow:visible}

.poe-chapter .table-scroll table{min-width:0}
}

.poe-chapter .model-comparison{min-width:790px;font-size:.86rem}

.poe-chapter .model-comparison caption{font-weight:750;color:var(--navy);text-align:left;padding:12px 0}

.poe-chapter .model-comparison tbody th{background:#edf4fa;color:var(--navy);min-width:145px}

.poe-chapter .label-example{margin:24px 0}

.poe-chapter .figure.photo img{max-width:100%}

.poe-chapter .references ul{padding-left:1.2rem}

/* Website typography and spacing; the supplied chapter content is unchanged. */
.poe-chapter{max-width:980px;margin:0 auto;min-height:0;box-shadow:none;background:#fff;font-family:inherit;font-size:18px;line-height:1.7;color:#26394f;--muted:#52677d}
.poe-chapter>header{padding:20px 0 36px;background:none;color:var(--navy)}
.poe-chapter .kicker{color:var(--orange-ink,#a84f00);font-size:13px;letter-spacing:.1em}
.poe-chapter h1{font-size:44px;line-height:1.17;font-weight:600;letter-spacing:-.015em;margin:12px 0 24px}
.poe-chapter .subtitle{font-size:21px;line-height:1.55;max-width:850px;color:#26394f}
.poe-chapter .chapter-content{padding:0 0 40px}
.poe-chapter h2{font-weight:600;font-size:29px;scroll-margin-top:24px}
.poe-chapter section[id]{scroll-margin-top:24px}
.poe-chapter h3{font-weight:600}
.poe-chapter a{color:#165997;text-underline-offset:3px}
.poe-chapter .references a,.poe-chapter .figure .source a{color:#165997}
.poe-chapter .toc a{color:var(--navy)}
.poe-chapter nav.toc a{display:inline-block}
.poe-chapter nav.toc{border-radius:6px;border-top:3px solid var(--blue);padding:24px 28px}
.poe-chapter nav.toc ol{font-size:16px;line-height:1.65}
.poe-chapter .technical-figure,.poe-chapter .card,.poe-chapter .metric{border-radius:6px}
.poe-chapter .diagram-scroll,.poe-chapter .table-scroll{max-width:100%;scrollbar-gutter:stable}
.poe-chapter .diagram-scroll:focus-visible,.poe-chapter .table-scroll:focus-visible{outline:3px solid #165997;outline-offset:3px}
.poe-chapter .technical-title{font-size:20px}
.poe-chapter .media-dialog{box-sizing:border-box}
.poe-chapter .media-dialog form button:focus-visible{outline:3px solid #165997;outline-offset:2px}
.poe-chapter>footer{padding:20px 24px;border-radius:4px;font-size:14px;color:#52677d}
.article-card-grid:has(>.article-card:only-child){grid-template-columns:1fr;max-width:980px}
@media(max-width:900px){.poe-chapter h1{font-size:34px}.poe-chapter .subtitle{font-size:19px}.poe-chapter h2{font-size:26px}.poe-chapter>header{padding-top:12px}}
@media(max-width:600px){.poe-chapter{font-size:18px}.poe-chapter nav.toc{padding:20px}.poe-chapter h1{font-size:32px}.poe-chapter .technical-title{font-size:18px}.poe-chapter .grid3,.poe-chapter .dual{gap:12px}}
@media(max-width:720px){.poe-chapter nav.toc a{display:block;min-height:44px;padding:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.poe-chapter{max-width:none}.poe-chapter .chapter-content{padding:0}.poe-chapter>header{padding:0 0 20px}}