/* Monochrome electrical field guide. Diagrams are illustrative; costs are observed. */
:root {
  --paper:var(--surface); --paper-deep:var(--surface); --white:inherit;
  --ink:inherit; --ink-soft:var(--ink-3); --line:inherit;
  --orange:var(--ink); --orange-light:var(--hairline); --teal:var(--ink);
  --dark:var(--ink); --dark-muted:var(--line);
  --sans:'Manrope',Arial,sans-serif;
  --mono:'JetBrains Mono',monospace;
}
body {background:var(--paper)}
.site-header {background:var(--surface);border-color:var(--line)}
.wordmark-note {font-family:var(--sans);font-size:10px;letter-spacing:.1em}
.site-header nav a[aria-current] {box-shadow:inset 0 -1px var(--ink)}
.eyebrow,.chapter-number,.status-label,.evidence-label,.collection-status,.baseline-task small,.baseline-table-head,.baseline-setup,.baseline-status,.route-number {font-family:var(--sans)}
.eyebrow,.chapter-number {font-weight:400;letter-spacing:.1em}
.reframed-hero {grid-template-columns:1.05fr 1fr;gap:60px;padding-top:72px;padding-bottom:72px;align-items:center}
.reframed-hero h1 {font:500 clamp(66px,6.3vw,88px)/1.01 var(--sans);letter-spacing:-.075em;margin-block:27px 29px}
.reframed-hero h1 em {font-family:var(--sans);font-weight:400;letter-spacing:-.06em}
.reframed-hero .hero-deck {font-size:21px;letter-spacing:-.02em;max-width:470px}
.reframed-hero .hero-intro {font-size:14px;max-width:450px}
.text-link {font-family:var(--sans);font-size:10px;letter-spacing:.06em}
.power-figure {width:100%;margin:0;align-self:center;min-width:0}
.power-figure-top {display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-block:1px solid var(--ink);font:9px/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.power-drawing {padding-top:12px;background-image:radial-gradient(var(--line) .65px,transparent .65px);background-size:15px 15px}
.power-drawing svg {display:block;width:100%;height:auto}
.power-drawing .wire {fill:none;stroke:var(--ink);stroke-width:1.5}
.power-drawing .construction {stroke:var(--line);stroke-width:1;fill:none;stroke-dasharray:3 5}
.power-drawing .diagram-label {font:11px var(--sans);letter-spacing:1px;fill:var(--ink)}
.power-drawing .diagram-small {font:9px var(--sans);letter-spacing:.7px;fill:var(--ink-3)}
.power-drawing .meter-price {font:71px var(--sans);font-weight:400;letter-spacing:-5px;fill:var(--white)}
.power-drawing .meter-label {font:9px var(--sans);letter-spacing:1.2px;fill:var(--white)}
.power-task {display:flex;justify-content:space-between;gap:20px;padding:19px 0 15px;border-block:1px solid var(--ink)}
.power-task strong {display:block;font:500 18px/1.35 var(--sans);letter-spacing:-.025em}
.power-task small {display:block;font:9px/1.7 var(--sans);color:var(--ink-soft);margin-top:6px}
.power-task>span {font:10px/1.6 var(--sans);text-align:right;white-space:nowrap;padding-top:2px}
.power-figure figcaption {font-size:10px;line-height:1.8;margin-top:14px;max-width:440px}
.electric-symbols {position:absolute;width:0;height:0;overflow:hidden}
.electric-icon {display:block;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:square;stroke-linejoin:miter;width:64px;height:64px;flex-shrink:0}
.essay-route {border-block:1px solid var(--ink)}
.essay-route>a {position:relative;padding-block:30px}
.essay-route .route-number {font:42px var(--sans);letter-spacing:-.08em;position:relative;padding-right:12px}
.essay-route .route-number:after {content:'';position:absolute;width:6px;height:6px;border:1px solid var(--ink);border-radius:50%;right:-1px;top:calc(50% - 3px);background:var(--paper)}
.essay-route .route-number:before {content:'';position:absolute;width:23px;border-top:1px solid var(--ink);right:-23px;top:50%}
.essay-route strong {font:500 23px/1.3 var(--sans);letter-spacing:-.04em}
.essay-route small,.essay-route em {font-family:var(--sans);font-size:9px;letter-spacing:.03em}
.chapter-index {display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.chapter-index .electric-icon {width:86px;height:86px}
.chapter-heading h2,.closing-layout h2 {font-family:var(--sans);font-weight:500;letter-spacing:-.055em}
.chapter-heading h2 {font-size:56px}
.modifier-title {font-family:var(--sans);font-weight:500;letter-spacing:-.055em}
.baseline-guide-heading h3 {font-family:var(--sans);font-size:31px;font-weight:500;letter-spacing:-.045em}
.collection-status {font-size:10px}
.collection-status>i {border-radius:0;background:var(--ink);width:7px;height:7px}
.baseline-row>summary {position:relative;padding-left:21px}
.baseline-row>summary:before {content:'';position:absolute;left:0;top:calc(50% - 3px);width:6px;height:6px;background:var(--paper);border:1px solid var(--ink);border-radius:50%}
.baseline-row>summary:after {content:'';position:absolute;left:3px;height:calc(100% - 8px);top:calc(50% + 5px);border-left:1px solid var(--line);pointer-events:none}
.baseline-row:last-of-type>summary:after,.baseline-row[open]>summary:after {display:none}
.baseline-task strong {font-weight:400;letter-spacing:-.025em}
.baseline-task small {font-size:9px;letter-spacing:.025em}
.baseline-cost {font:37px/1.15 var(--sans);letter-spacing:-.075em;color:var(--ink)}
.baseline-time {font:12px var(--sans)}
.baseline-detail {background:var(--surface);border-left:1px solid var(--ink)}
.measurement-slots>div {border-left:1px solid var(--ink)}
.pending-task {background:transparent;border:1px solid var(--line);position:relative;padding-top:28px}
.pending-task:before {content:'';display:block;width:34px;height:13px;border-bottom:1px solid var(--ink);margin-bottom:18px;background:linear-gradient(150deg,transparent 47%,var(--ink) 49%,var(--ink) 53%,transparent 55%) 10px 0/20px 13px no-repeat}
.status-label {font-size:8px;letter-spacing:.05em}
.status-label.pending {background:var(--surface);color:var(--ink-3);border-color:var(--line)}
.status-label.available {color:var(--ink);border-color:var(--ink)}
.status-label.partial {color:var(--white);border-color:var(--line-strong)}
.guide-bridge {font-family:var(--sans);font-size:27px;letter-spacing:-.035em}
.guide-bridge em {font-family:var(--sans)}
.modifier-index {border-color:var(--line)}
.modifier-index a {grid-template-columns:30px 1fr 48px;gap:6px 14px;padding:26px 23px;border-color:var(--line);align-items:center}
.modifier-index a>span {font:16px var(--sans);align-self:start;padding-top:2px}
.modifier-index strong {font-weight:400;letter-spacing:-.02em}
.modifier-index small {grid-column:2;font-family:var(--sans);font-size:9px}
.modifier-index .electric-icon {grid-column:3;grid-row:1/3;width:48px;height:48px}
.modifier-index a:hover {background:var(--hairline)}
.model-layout {position:relative}
.model-figure {padding:25px;border:1px solid var(--ink);background:var(--white)}
.model-figure .figure-toolbar h3 {font-size:16px}
.comparison-list .model-track {height:14px;background:var(--surface)}
.model-fill.openai,.legend-mark.openai {background:var(--ink)}
.model-fill.claude,.legend-mark.claude {background:var(--ink);border:1px solid var(--ink)}
.model-figure .legend-mark {height:9px;width:21px}
.segmented {border-color:var(--line-strong);border-radius:0}
.segmented button {font-family:var(--sans);font-size:10px;border-radius:0}
.segmented button[aria-pressed=true] {background:var(--ink);color:var(--white)}
.model-observation .observation-number {font-family:var(--sans);font-size:100px;letter-spacing:-.09em}
.model-task-list {border-color:var(--line)}
.memory-section {background:var(--ink);color:var(--surface);position:relative}
.memory-section .chapter-number,.memory-section .chapter-index {color:var(--surface)}
.memory-section .evidence-label,.memory-reading-kicker {color:var(--surface)}
.memory-section .electric-icon {stroke:var(--surface)}
.memo-paper {background:var(--white);box-shadow:none;border:1px solid var(--white);padding-top:22px}
.memo-paper:before {content:'';display:block;width:48px;height:14px;border:1px solid var(--ink);border-radius:9px;margin-bottom:25px;background:linear-gradient(90deg,var(--ink) 0 50%,var(--white) 50%)}
.memo-paper h3 {font-family:var(--sans);font-weight:400;font-size:28px;letter-spacing:-.045em}
.memo-overline,.memo-footer {font-family:var(--sans)}
.memo-timing {border-top:1px solid var(--ink-3);padding-top:20px}
.memo-timing strong {font-family:var(--sans);font-size:36px;letter-spacing:-.07em}
.dark-segmented {border-color:var(--line-strong)}
.dark-segmented button {color:var(--line)}
.dark-segmented button[aria-pressed=true] {background:var(--surface);color:var(--ink)}
.memo-dot-key {background:var(--white)}
.memo-dot-row {--dot-color:var(--white)}
.memo-dot-row[data-memory-setting=off] {--dot-color:var(--white)}
.memo-dot-row[data-memory-setting=off] .memo-run>i {border-radius:0;border:1px solid var(--white);background:var(--ink);width:9px;height:9px}
.memo-run-label {color:var(--surface)}
.memory-figure>h3 {font-family:var(--sans);font-weight:400;letter-spacing:-.04em}
.memory-figure:before {content:'';display:block;height:9px;width:100%;border-top:1px solid var(--ink-3);border-bottom:1px solid var(--ink-3);margin-bottom:24px;background:none}
.memory-takeaway em {color:var(--surface);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.environment-grid {border-color:var(--ink);background:transparent}
.environment-grid article {position:relative}
.environment-grid article+article {border-color:var(--line)}
.environment-number {font-family:var(--sans)}
.environment-grid h4 {font-family:var(--sans);font-weight:400;letter-spacing:-.05em}
.environment-grid article:before {content:'';position:absolute;right:28px;top:30px;width:25px;height:25px;border:1px solid var(--ink);border-radius:50%;background:linear-gradient(var(--ink),var(--ink)) 8px 7px/1px 7px no-repeat,linear-gradient(var(--ink),var(--ink)) 15px 7px/1px 7px no-repeat}
.environment-grid article>strong {font-family:var(--sans);color:var(--ink-3)}
.future-heading h3,.scenario-intro h3,.benchmark-heading h3 {font-family:var(--sans);font-weight:400;letter-spacing:-.05em}
.experiment-index {font:18px var(--sans);padding-top:3px}
.experiment-design span {background:transparent;border:1px solid var(--line)}
.payment-chapter {border-top:1px solid var(--ink)}
.payment-distinction {grid-template-columns:1fr 70px 1fr;background:transparent;border-block:1px solid var(--ink);padding:35px 0;gap:30px}
.payment-distinction>div {position:relative;padding-left:90px}
.payment-distinction>div>.electric-icon {position:absolute;left:0;top:7px;width:64px;height:64px}
.payment-distinction>span {font-size:0;border-top:1px solid var(--ink);height:0;position:relative}
.payment-distinction>span:before,.payment-distinction>span:after {content:'';position:absolute;width:6px;height:6px;border:1px solid var(--ink);background:var(--paper);border-radius:50%;top:-4px}
.payment-distinction>span:before {left:0}
.payment-distinction>span:after {right:0}
.payment-distinction h3 {font-family:var(--sans);font-weight:400;font-size:29px;letter-spacing:-.05em}
.payment-distinction p {font-size:12px}
.cost-evidence {border:1px solid var(--ink);padding-top:28px}
.evidence-heading h3 {font-family:var(--sans);font-weight:400;letter-spacing:-.045em}
.cost-evidence-item>strong {font-family:var(--sans);font-size:51px;letter-spacing:-.075em}
.cost-evidence-item:nth-child(2) .evidence-meter>span {background:var(--ink-2);border:1px solid var(--ink)}
.plan-figure {background:var(--white);border:1px solid var(--ink);box-shadow:none}
.plan-figure:before {content:'RATE COMPARISON / ILLUSTRATIVE SCENARIO';display:block;font:9px var(--sans);letter-spacing:.12em;border-bottom:1px solid var(--ink);padding-bottom:16px;margin-bottom:25px}
.plan-results {border-block:1px solid var(--ink)}
.plan-results strong {font-family:var(--sans);letter-spacing:-.07em}
.scenario-assumptions {background:var(--surface);border-color:var(--ink)}
.legend-mark.enterprise {border-color:var(--ink-3)}
.legend-mark.teams {background:var(--ink)}
.plan-tooltip {box-shadow:3px 3px 0 var(--ink);border:1px solid var(--ink);background:var(--white)}
.closing-section {background:var(--surface);border-block:1px solid var(--ink)}
.closing-layout {gap:70px}
.closing-copy>p {color:var(--ink-2)}
.closing-circuit {width:220px;height:72px;margin-top:35px;display:flex;align-items:center}
.closing-circuit .electric-icon {width:64px;height:64px}
.closing-circuit>span {width:80px;border-top:1px solid var(--ink);position:relative}
.closing-circuit>span:after {content:'';width:7px;height:7px;border:1px solid var(--ink);border-radius:50%;position:absolute;left:35px;top:-4px;background:var(--surface)}
.method-heading h2 {font-family:var(--sans);font-weight:400;letter-spacing:-.055em}
.site-footer {border-color:var(--ink)}
@media(min-width:1500px){.reframed-hero h1{font-size:94px}.reframed-hero{padding-top:95px;padding-bottom:90px}}
@media(max-width:1050px){.reframed-hero{gap:35px}.reframed-hero h1{font-size:70px}.reframed-hero .hero-deck{font-size:18px}.power-task strong{font-size:16px}.power-task small{font-size:8px}.power-figure-top{font-size:8px}.modifier-index a{padding:22px 16px;grid-template-columns:24px 1fr 36px;gap:6px 8px}.modifier-index .electric-icon{width:36px;height:36px}.model-figure{padding:20px}.payment-distinction>div{padding-left:67px}.payment-distinction>div>.electric-icon{width:48px;height:48px}.payment-distinction{grid-template-columns:1fr 40px 1fr;gap:20px}.cost-evidence-item>strong{font-size:45px}.baseline-cost{font-size:34px}.chapter-heading h2{font-size:50px}}
@media(max-width:800px){.reframed-hero h1{font-size:59px}.reframed-hero{gap:28px}.reframed-hero .hero-deck{font-size:17px}.power-task{flex-direction:column;gap:7px}.power-task>span{text-align:left;font-size:9px}.power-task strong{font-size:18px}.power-figure figcaption{font-size:9px}.chapter-index{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.chapter-index .electric-icon{width:52px;height:52px}.chapter-heading h2{font-size:47px}.modifier-index a{grid-template-columns:26px 1fr 45px;padding:22px 19px}.modifier-index .electric-icon{width:45px;height:45px}.model-figure{padding:19px}.model-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}.model-figure .figure-toolbar{gap:13px}.model-figure .figure-toolbar h3{font-size:15px}.payment-distinction>div{padding-left:0;padding-top:75px}.payment-distinction>div>.electric-icon{top:0;width:56px;height:56px}.baseline-cost{font-size:31px}.closing-layout{gap:35px}}
@media(max-width:600px){.reframed-hero{padding-top:45px;padding-bottom:45px;gap:45px}.reframed-hero h1{font-size:clamp(53px,13.8vw,78px);line-height:1.02;margin-block:24px}.reframed-hero .hero-deck{font-size:20px}.reframed-hero .hero-intro{font-size:14px}.power-figure{max-width:440px;align-self:center}.power-figure-top{font-size:9px}.power-task{flex-direction:row;padding-block:19px;gap:20px}.power-task strong{font-size:18px}.power-task>span{text-align:right;font-size:9px}.power-task small{font-size:9px}.power-figure figcaption{font-size:10px}.essay-route .route-number{font-size:36px;min-width:60px;padding-right:10px}.essay-route .route-number:after{right:5px}.essay-route .route-number:before{right:-13px;width:20px}.essay-route strong{font-size:22px}.essay-route>a,.essay-route>a+a{gap:23px;padding-block:25px}.chapter-heading h2{font-size:42px}.chapter-index .electric-icon{width:44px;height:44px}.baseline-guide-heading h3{font-size:28px}.baseline-row>summary{padding-left:16px;grid-template-columns:minmax(0,1fr) 88px;gap:12px 13px}.baseline-row>summary:before{width:5px;height:5px}.baseline-row>summary:after{left:2px}.baseline-cost{font-size:33px}.baseline-task small{font-size:8px;line-height:1.6}.baseline-task strong{font-size:17px}.baseline-time{font-size:10px}.baseline-detail{padding-inline:17px}.pending-task{padding-top:20px}.guide-bridge{font-size:25px}.modifier-index a{grid-template-columns:20px 1fr;gap:8px 9px;padding:19px 14px;align-content:start}.modifier-index .electric-icon{grid-column:2;grid-row:3;width:45px;height:45px;margin-top:8px}.modifier-index strong{font-size:13px}.modifier-index small{font-size:9px}.modifier-index a>span{font-size:14px;grid-row:1/4}.modifier-title{font-size:41px}.model-layout{grid-template-columns:1fr;gap:30px}.model-figure{padding:22px 17px}.model-figure .figure-toolbar{flex-wrap:wrap}.model-figure .figure-toolbar h3{max-width:none;font-size:15px}.model-observation .observation-number{font-size:96px}.environment-grid article:before{right:25px;top:20px;width:21px;height:21px;background-position:6px 5px,13px 5px}.environment-grid article>p{padding-right:36px}.payment-distinction{grid-template-columns:1fr;padding-block:30px;gap:27px}.payment-distinction>div{padding-top:0;padding-left:80px}.payment-distinction>div>.electric-icon{top:5px;width:58px;height:58px}.payment-distinction>span{transform:rotate(90deg);width:30px;margin:0 0 0 13px}.payment-distinction h3{font-size:28px}.payment-distinction p{font-size:12px}.cost-evidence-item>strong{font-size:55px}.plan-figure:before{font-size:8px;letter-spacing:.04em;line-height:1.7}.closing-layout h2{font-size:42px}.closing-circuit{margin-top:25px}.plan-results strong{font-size:29px}.segmented button{font-size:9px}.memo-paper h3{font-size:27px}.memo-timing strong{font-size:37px}}
@media(max-width:359px){.reframed-hero h1{font-size:49px}.power-figure-top{font-size:8px}.power-task strong{font-size:16px}.power-task>span,.power-task small{font-size:8px}.essay-route strong{font-size:20px}.baseline-row>summary{grid-template-columns:minmax(0,1fr) 75px;gap:12px 10px;padding-left:14px}.baseline-cost{font-size:29px}.baseline-task strong{font-size:16px}.baseline-task small{font-size:7px}.modifier-index a{padding-inline:11px}.modifier-index strong{font-size:12px}.modifier-index small{font-size:8px}.chapter-heading h2{font-size:37px}.modifier-title{font-size:37px}.plan-results strong{font-size:25px}}
@media print{.power-figure,.model-figure,.payment-distinction{break-inside:avoid}.power-drawing{background:none}.memory-section{print-color-adjust:exact}.baseline-row>summary:after{display:none}}