/* Standalone customer guide; no React, Next.js or API runtime. */
.skip-link { position:fixed; left:16px; top:-100px; z-index:100; padding:12px; background:white; }
.skip-link:focus { top:10px; }
.pe-guide-page fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.pe-guide-page :is(h1,h2,h3,h4) { color: inherit; }
.pe-guide-page svg { display: inline-block; vertical-align: middle; }
.pe-guide-page { font-family: 'IBM Plex Sans','PingFang SC','Microsoft YaHei',system-ui,sans-serif; }
.pe-guide-page { --ink: #152f32; --muted: #58696b; --mint: #cef36b; --line: #dce3df; color: var(--ink); background: #fff; font-size: 15px; line-height: 1.75; }
.pe-guide-page * { box-sizing: border-box; }
.pe-guide-page a { text-decoration: none; }
.pe-guide-page button, .pe-guide-page a, .pe-guide-page input { -webkit-tap-highlight-color: transparent; }
.pe-guide-page button { cursor: pointer; }
.pe-guide-page :is(a, button, input):focus-visible { outline: 3px solid #29866c; outline-offset: 5px; }
.pe-guide-page :is(section, h2) { scroll-margin-top: 110px; }
.pe-guide-page h1, .pe-guide-page h2, .pe-guide-page h3, .pe-guide-page h4, .pe-guide-page p { margin: 0; }
.pe-guide-page h2 { font-size: clamp(27px, 3.1vw, 39px); font-weight: 650; line-height: 1.4; letter-spacing: -.035em; }
.pe-guide-page h3 { font-size: 21px; font-weight: 650; line-height: 1.5; }
.pe-guide-page svg { flex-shrink: 0; }
.pe-guide-skip { position: fixed; top: -100px; left: 20px; z-index: 100; padding: 12px; background: white; }
.pe-guide-skip:focus { top: 12px; }
.pe-guide-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 84px; padding: 15px max(28px, calc((100vw - 1280px) / 2)); background: rgba(255,255,255,.97); border-bottom: 1px solid var(--line); }
.pe-guide-brand { display: flex; gap: 10px; align-items: center; color: var(--ink); white-space: nowrap; }
.pe-guide-brand > span { font-size: 16px; font-weight: 750; letter-spacing: .035em; line-height: 1.3; }
.pe-guide-brand small { display: block; color: var(--muted); font-size: 10px; font-weight: 400; letter-spacing: .14em; margin-top: 5px; }
.pe-guide-header nav { display: flex; gap: 24px; font-size: 13px; }
.pe-guide-header nav a:hover, .pe-guide-footer a:hover { color: #267863; }
.pe-guide-headerCta { display: inline-flex; gap: 12px; align-items: center; font-size: 12px; font-weight: 600; white-space: nowrap; padding: 10px 15px; border: 1px solid var(--ink); border-radius: 4px; }
.pe-guide-hero { display: grid; grid-template-columns: 1.08fr 1fr; min-height: 586px; max-width: 1440px; margin: auto; }
.pe-guide-heroCopy { padding: 78px 36px 54px max(28px, calc((1440px - 1280px) / 2)); display: flex; flex-direction: column; justify-content: center; }
.pe-guide-eyebrow { font-size: 11px; letter-spacing: .12em; font-weight: 650; line-height: 1.8; }
.pe-guide-heroCopy > .pe-guide-eyebrow { font-size: 10px; color: #496863; display: flex; gap: 9px; align-items: center; }
.pe-guide-liveDot { width: 7px; height: 7px; border-radius: 50%; background: #49865a; }
.pe-guide-hero h1 { margin: 28px 0 25px; font-size: clamp(35px, 4.1vw, 59px); font-weight: 700; line-height: 1.3; letter-spacing: -.055em; }
.pe-guide-hero h1 span { color: #41745c; }
.pe-guide-heroDescription { color: var(--muted); font-size: 15px; line-height: 1.95; }
.pe-guide-heroActions { display: flex; flex-wrap: wrap; gap: 25px; align-items: center; margin-top: 33px; }
.pe-guide-primary, .pe-guide-outline { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 46px; padding: 12px 20px; border-radius: 4px; font-size: 13px; font-weight: 650; transition: background .15s; }
.pe-guide-primary { color: var(--ink); background: var(--mint); border: 1px solid var(--mint); }
.pe-guide-primary:hover { background: #bce254; }
.pe-guide-outline { background: transparent; border: 1px solid #a6b4ad; }
.pe-guide-outline:hover { background: #eaf0e6; }
.pe-guide-textLink { display: inline-flex; gap: 10px; align-items: center; font-size: 13px; border-bottom: 1px solid #a6b4ad; padding: 7px 0; }
.pe-guide-heroMeta { display: flex; flex-wrap: wrap; gap: 6px 24px; font-size: 10px; color: var(--muted); margin-top: 49px; }
.pe-guide-heroVisual { position: relative; min-height: 500px; background: linear-gradient(180deg, rgba(12,33,35,.12) 10%, rgba(12,33,35,.12) 35%, rgba(12,33,35,.88) 100%), url('/assets/cold-storage-guide.webp') center / cover; color: #fff; margin: 22px 22px 22px 0; border-radius: 5px; overflow: hidden; }
.pe-guide-photoCaption { position: absolute; top: 23px; left: 27px; font-size: 9px; letter-spacing: .14em; background: #163a42c9; padding: 6px 10px; }
.pe-guide-visualNote { position: absolute; left: 30px; right: 30px; bottom: 128px; display: flex; align-items: center; gap: 13px; font-size: 21px; }
.pe-guide-visualNote small { display: block; font-size: 11px; margin-top: 2px; color: #dee9e5; }
.pe-guide-visualCycle { position: absolute; left: 30px; right: 30px; bottom: 29px; display: flex; justify-content: space-between; align-items: center; padding: 19px; border: 1px solid #d3e5e344; border-radius: 5px; background: #14363ae6; }
.pe-guide-visualCycle > div { display: flex; gap: 12px; align-items: center; }
.pe-guide-visualCycle span { font-size: 10px; color: #d5e7e1; }
.pe-guide-visualCycle b { display: block; font-size: 15px; color: #e0f7a8; font-weight: 500; }
.pe-guide-promiseStrip { display: flex; justify-content: center; gap: 65px; padding: 22px; border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); background: #f9faf7; }
.pe-guide-promiseStrip span { display: flex; gap: 9px; align-items: center; font-size: 12px; }
.pe-guide-promiseStrip svg { color: #527c59; }
.pe-guide-section { padding: 82px max(28px, calc((100% - 1160px) / 2)); }
.pe-guide-sectionHeading { margin-bottom: 37px; }
.pe-guide-sectionHeading .pe-guide-eyebrow { color: #4d7966; margin-bottom: 14px; }
.pe-guide-sectionHeading > p:last-child { color: var(--muted); max-width: 820px; margin-top: 15px; font-size: 14px; }
.pe-guide-principleGrid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 52px; }
.pe-guide-cyclePanel { padding: 27px; background: #f4f7f1; border: 1px solid #dce5d7; border-radius: 6px; display: flex; flex-direction: column; justify-content: space-between; }
.pe-guide-segmented { display: flex; background: #e4ebe0; border-radius: 4px; padding: 4px; gap: 4px; }
.pe-guide-segmented button { display: flex; align-items: center; justify-content: center; gap: 7px; width: 50%; font-size: 12px; padding: 10px 5px; border-radius: 3px; }
.pe-guide-segmented button[aria-pressed='true'] { background: #fff; box-shadow: 0 1px 4px #233d3010; }
.pe-guide-flowDiagram { display: flex; align-items: center; justify-content: space-between; padding: 35px 0 24px; }
.pe-guide-flowNode { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; }
.pe-guide-flowNode > svg { padding: 15px; width: 65px; height: 65px; color: #365e44; background: #e1edd1; border: 1px solid #c2d1b1; border-radius: 12px; margin-bottom: 15px; }
.pe-guide-flowNode strong { font-size: 15px; font-weight: 600; }
.pe-guide-flowNode small { margin-top: 8px; max-width: 150px; font-size: 11px; color: var(--muted); }
.pe-guide-flowArrow { color: #7b9a65; text-align: center; padding: 0 15px; }
.pe-guide-flowArrow span { display: block; font-size: 10px; }
.pe-guide-flowArrow svg { width: 40px; }
.pe-guide-diagramCaption { color: #5b6b59; border-top: 1px solid #d6e0ce; padding-top: 18px; font-size: 11px; }
.pe-guide-principleNotes { display: grid; gap: 24px; }
.pe-guide-principleNotes article { display: flex; gap: 20px; }
.pe-guide-principleNotes article > span { color: #638172; font-family: monospace; font-size: 12px; padding-top: 6px; }
.pe-guide-principleNotes h3 { font-size: 17px; margin-bottom: 7px; }
.pe-guide-principleNotes p { font-size: 13px; color: var(--muted); }
.pe-guide-note { margin-top: 28px !important; font-size: 12px; padding-left: 15px; border-left: 2px solid #9db7a3; color: var(--muted); }
.pe-guide-tinted { background: #f6f7f3; }
.pe-guide-screenGrid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 50px; align-items: start; }
.pe-guide-questions fieldset { padding: 0 0 21px; margin-bottom: 20px; border-bottom: 1px solid var(--line); min-width: 0; }
.pe-guide-questions fieldset:last-child { margin: 0; }
.pe-guide-questions legend { font-size: 16px; font-weight: 600; padding: 0; width: 100%; }
.pe-guide-questions legend span { color: #678072; font-family: monospace; font-weight: 400; margin-right: 16px; font-size: 12px; }
.pe-guide-questions p { margin: 9px 0 14px 30px; font-size: 12px; color: var(--muted); }
.pe-guide-answerOptions { display: flex; gap: 10px; margin-left: 30px; }
.pe-guide-answerOptions label { cursor: pointer; position: relative; flex: 1; max-width: 130px; }
.pe-guide-answerOptions input { position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
.pe-guide-answerOptions span { display: block; text-align: center; padding: 7px 12px; background: white; border: 1px solid #d8dfd7; border-radius: 4px; font-size: 12px; }
.pe-guide-answerOptions input:checked + span { background: #e0edcd; border-color: #7e9c67; color: #284932; }
.pe-guide-answerOptions input:focus-visible + span { outline: 3px solid #29866c; outline-offset: 3px; }
.pe-guide-fitResult { padding: 31px; background: #163c3b; color: white; border-radius: 6px; }
.pe-guide-fitResult > svg { color: var(--mint); margin-bottom: 25px; }
.pe-guide-fitResult .pe-guide-eyebrow { color: #c3d4c9; margin-bottom: 12px; }
.pe-guide-fitResult h3 { font-size: 24px; margin-bottom: 15px; }
.pe-guide-fitResult > p:not(.pe-guide-eyebrow) { color: #d3e0db; font-size: 13px; }
.pe-guide-progressTrack { height: 4px; background: #42635a; margin: 26px 0 8px; border-radius: 2px; overflow: hidden; }
.pe-guide-progressTrack span { display: block; height: 100%; background: var(--mint); transition: width .2s; }
.pe-guide-fitResult > small { font-size: 10px; color: #c3d4c9; }
.pe-guide-fitResult ul { padding-left: 16px; font-size: 12px; color: #e4ead8; margin-top: 15px; }
.pe-guide-fitResult li + li { margin-top: 10px; }
.pe-guide-fitResult .pe-guide-pending { margin-top: 14px; font-size: 12px !important; }
.pe-guide-fitResult .pe-guide-primary { width: 100%; margin-top: 26px; }
.pe-guide-reset { display: block; margin: 15px auto 0; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; color: #d6e0db; min-height: 32px; }
.pe-guide-conversationGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.pe-guide-conversationGrid article { padding: 0 20px 20px 0; border-top: 1px solid #c7d3ca; }
.pe-guide-stepNumber { display: block; color: #648275; font-family: monospace; font-size: 34px; margin: 20px 0; font-weight: 300; }
.pe-guide-conversationGrid .pe-guide-eyebrow { font-size: 10px; color: var(--muted); margin-bottom: 7px; }
.pe-guide-conversationGrid h3 { margin-bottom: 13px; }
.pe-guide-conversationGrid article > p:last-child { color: var(--muted); font-size: 13px; }
.pe-guide-talkTrack { display: grid; grid-template-columns: 140px 1fr; align-items: start; padding: 27px 32px; margin-top: 23px; background: #f2f5ee; border-left: 3px solid #9cc56d; }
.pe-guide-talkTrack > span { color: #54724e; font-size: 12px; padding-top: 2px; }
.pe-guide-talkTrack blockquote { font-size: 17px; line-height: 1.9; margin: 0; }
.pe-guide-twoNotes { display: flex; gap: 30px; margin-top: 22px; }
.pe-guide-twoNotes p { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 11px; }
.pe-guide-toolsSection { background: #edf2f0; }
.pe-guide-toolSelector { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 22px; }
.pe-guide-toolSelector button { display: flex; align-items: center; gap: 19px; padding: 19px 25px; border: 1px solid #becfc4; border-radius: 5px; text-align: left; background: transparent; }
.pe-guide-toolSelector button[aria-pressed='true'] { background: #173d3a; border-color: #173d3a; color: white; }
.pe-guide-toolSelector button > span { font-family: monospace; font-size: 12px; opacity: .7; }
.pe-guide-toolSelector strong { font-size: 24px; font-weight: 600; }
.pe-guide-toolSelector small { display: block; font-size: 11px; opacity: .85; }
.pe-guide-toolSelector svg { margin-left: auto; }
.pe-guide-toolContent { display: grid; grid-template-columns: 1fr 1.35fr; gap: 65px; padding: 36px; background: white; border: 1px solid var(--line); border-radius: 5px; }
.pe-guide-toolIntro .pe-guide-eyebrow { color: #537562; font-size: 10px; letter-spacing: .025em; overflow-wrap: anywhere; }
.pe-guide-toolIntro h3 { font-size: 28px; margin: 15px 0; }
.pe-guide-toolIntro p:not(.pe-guide-eyebrow) { color: var(--muted); font-size: 13px; }
.pe-guide-toolIntro .pe-guide-primary { margin-top: 29px; }
.pe-guide-toolIntro > small { display: block; margin-top: 14px; font-size: 10px; color: var(--muted); max-width: 295px; }
.pe-guide-toolSteps { list-style: none; padding: 0; margin: 0; display: grid; gap: 22px; }
.pe-guide-toolSteps li { display: flex; align-items: start; gap: 15px; }
.pe-guide-toolSteps li > span { display: grid; place-items: center; background: #eaf0e5; width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0; font-size: 11px; font-family: monospace; }
.pe-guide-toolSteps h4 { font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.pe-guide-toolSteps p { color: var(--muted); font-size: 12px; }
.pe-guide-handoff { display: flex; align-items: start; gap: 12px; margin-top: 24px; font-size: 12px; }
.pe-guide-handoff svg { margin-top: 3px; color: #456858; }
.pe-guide-handoff span { color: var(--muted); font-size: 11px; }
.pe-guide-exampleGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.pe-guide-caseTag { display: inline-block; font-family: monospace; font-size: 10px; letter-spacing: .08em; background: #eef2e8; padding: 5px 10px; color: #546b45; }
.pe-guide-exampleStory h3 { font-size: 27px; margin: 23px 0 16px; }
.pe-guide-exampleStory > p { font-size: 13px; color: var(--muted); }
.pe-guide-exampleStory ol { display: grid; gap: 24px; list-style: none; padding: 0 0 0 18px; margin: 30px 0 0 4px; border-left: 1px solid #cbd6c3; }
.pe-guide-exampleStory li { position: relative; }
.pe-guide-exampleStory li::before { content: ''; position: absolute; width: 7px; height: 7px; left: -22px; top: 9px; background: #79955e; border-radius: 50%; }
.pe-guide-exampleStory strong { font-size: 14px; font-weight: 600; display: block; margin-bottom: 5px; }
.pe-guide-exampleStory li span { font-size: 12px; color: var(--muted); }
.pe-guide-exampleCalculator { background: #f6f7f2; border: 1px solid #dce1d4; padding: 28px; border-radius: 6px; }
.pe-guide-exampleCalculator > .pe-guide-eyebrow { color: #54724e; }
.pe-guide-exampleInputs { margin: 22px 0 15px; display: grid; gap: 11px; }
.pe-guide-exampleInputs > div { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.pe-guide-exampleInputs span { color: var(--muted); font-size: 12px; }
.pe-guide-exampleInputs strong { font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; }
.pe-guide-exampleInputs small { font-size: 10px; color: var(--muted); font-weight: 400; }
.pe-guide-formula { font-size: 11px; color: #506942; background: #e9f0df; padding: 11px 12px; border-radius: 3px; }
.pe-guide-scenarioLabel { font-size: 12px; margin-top: 24px !important; margin-bottom: 12px !important; }
.pe-guide-scenarios { display: flex; gap: 7px; }
.pe-guide-scenarios button { border: 1px solid #cdd6c4; background: #fff; border-radius: 3px; flex: 1; min-height: 37px; padding: 7px 3px; font-size: 10px; }
.pe-guide-scenarios button[aria-pressed='true'] { background: #233f36; color: #fff; border-color: #233f36; }
.pe-guide-payback { display: flex; justify-content: space-between; align-items: end; gap: 15px; margin: 25px 0 20px; padding-bottom: 20px; border-bottom: 1px solid #d6dece; }
.pe-guide-payback span { font-size: 12px; color: var(--muted); display: block; }
.pe-guide-payback strong { font-size: 50px; letter-spacing: -.06em; line-height: 1.3; font-weight: 500; font-variant-numeric: tabular-nums; }
.pe-guide-payback small { font-size: 15px; font-weight: 400; }
.pe-guide-payback p { font-size: 11px; color: var(--muted); padding-bottom: 5px; text-align: right; }
.pe-guide-exampleFootnote { color: var(--muted); font-size: 10px; }
.pe-guide-checklistHeader { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-bottom: 20px; }
.pe-guide-checklistHeader > span { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.pe-guide-checklistHeader .pe-guide-outline { min-height: 39px; font-size: 12px; padding: 8px 13px; white-space: nowrap; }
.pe-guide-checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.pe-guide-checklist label { display: flex; gap: 16px; align-items: start; padding: 23px; background: #fff; border: 1px solid #dce3d7; border-radius: 4px; cursor: pointer; }
.pe-guide-checklist input { width: 18px; height: 18px; accent-color: #365e44; flex-shrink: 0; margin-top: 4px; }
.pe-guide-checklist strong { display: block; font-size: 14px; margin-bottom: 7px; font-weight: 600; }
.pe-guide-checklist small { color: var(--muted); font-size: 12px; }
.pe-guide-closing { display: flex; justify-content: space-between; gap: 40px; align-items: center; padding: 46px; background: #193b35; border-radius: 6px; margin-top: 46px; color: #fff; }
.pe-guide-closing .pe-guide-eyebrow { color: #c5dea9; font-size: 9px; }
.pe-guide-closing h2 { font-size: 33px; margin: 17px 0; }
.pe-guide-closing p:last-child { font-size: 12px; color: #d6e2d9; }
.pe-guide-closingActions { display: grid; gap: 12px; max-width: 315px; flex-shrink: 0; }
.pe-guide-closingActions .pe-guide-outline { border-color: #627b65; color: #e8efdf; }
.pe-guide-closingActions .pe-guide-outline:hover { background: #34584c; }
.pe-guide-closingActions small { font-size: 10px; color: #c5d4ca; text-align: center; margin-top: 3px; }
.pe-guide-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px max(28px, calc((100% - 1160px) / 2)); border-top: 1px solid var(--line); font-size: 10px; color: var(--muted); }
.pe-guide-footer > span { font-size: 11px; font-weight: 600; color: var(--ink); }
.pe-guide-footer > span span { font-weight: 400; color: var(--muted); margin-left: 7px; }
@media (min-width: 1441px) { .pe-guide-heroCopy { padding-left: 80px; } }
@media (max-width: 1100px) { .pe-guide-header nav { gap: 15px; font-size: 12px; } .pe-guide-headerCta { display: none; } .pe-guide-heroCopy { padding: 55px 26px 45px 28px; } .pe-guide-hero h1 { font-size: 44px; } .pe-guide-heroVisual { min-height: 470px; } .pe-guide-visualCycle { left: 19px; right: 19px; padding: 13px; } .pe-guide-visualCycle > div { gap: 7px; } .pe-guide-visualCycle b { font-size: 13px; } .pe-guide-principleGrid, .pe-guide-screenGrid, .pe-guide-exampleGrid { gap: 30px; } .pe-guide-toolContent { gap: 35px; } }
@media (max-width: 760px) {
  .pe-guide-page :is(section, h2) { scroll-margin-top: 122px; }
  .pe-guide-header { padding: 14px 20px 0; gap: 14px; flex-wrap: wrap; min-height: auto; }
  .pe-guide-brand { gap: 8px; } .pe-guide-brand > span { font-size: 14px; } .pe-guide-brand small { font-size: 9px; margin-top: 4px; }
  .pe-guide-headerCta { display: inline-flex; font-size: 10px; padding: 7px 10px; gap: 6px; }
  .pe-guide-header nav { order: 3; width: 100%; overflow-x: auto; justify-content: space-between; gap: 17px; padding: 10px 0 12px; white-space: nowrap; border-top: 1px solid #e6ebe3; font-size: 11px; }
  .pe-guide-hero { display: flex; flex-direction: column; }
  .pe-guide-heroCopy { padding: 43px 22px 35px; }
  .pe-guide-heroCopy > .pe-guide-eyebrow { font-size: 9px; letter-spacing: .08em; }
  .pe-guide-hero h1 { font-size: clamp(35px, 8.9vw, 55px); margin: 23px 0 19px; line-height: 1.35; }
  .pe-guide-heroDescription { font-size: 13px; }
  .pe-guide-heroActions { margin-top: 25px; gap: 21px; } .pe-guide-primary { font-size: 12px; padding: 11px 17px; }
  .pe-guide-heroMeta { margin-top: 24px; font-size: 9px; gap: 6px 15px; }
  .pe-guide-heroVisual { margin: 0 20px 24px; min-height: 345px; background-position: center 55%; }
  .pe-guide-photoCaption { top: 18px; left: 18px; font-size: 8px; }
  .pe-guide-visualNote { left: 21px; right: 21px; bottom: 110px; font-size: 19px; }
  .pe-guide-visualCycle { bottom: 20px; padding: 15px; } .pe-guide-visualCycle b { font-size: 14px; }
  .pe-guide-promiseStrip { gap: 11px; padding: 20px; flex-wrap: wrap; justify-content: flex-start; }
  .pe-guide-promiseStrip span { font-size: 10px; gap: 6px; }
  .pe-guide-section { padding: 52px 22px; }
  .pe-guide-sectionHeading { margin-bottom: 27px; }
  .pe-guide-sectionHeading .pe-guide-eyebrow { font-size: 10px; letter-spacing: .08em; margin-bottom: 10px; }
  .pe-guide-sectionHeading > p:last-child { font-size: 13px; margin-top: 14px; }
  .pe-guide-principleGrid, .pe-guide-screenGrid, .pe-guide-exampleGrid { grid-template-columns: 1fr; gap: 28px; }
  .pe-guide-cyclePanel { padding: 19px; } .pe-guide-segmented button { font-size: 10px; gap: 5px; }
  .pe-guide-flowDiagram { padding: 26px 0 21px; } .pe-guide-flowArrow { padding: 0 6px; } .pe-guide-flowArrow svg { width: 28px; }
  .pe-guide-flowNode small { font-size: 10px; } .pe-guide-flowNode strong { font-size: 13px; }
  .pe-guide-principleNotes { gap: 22px; } .pe-guide-principleNotes article { gap: 15px; }
  .pe-guide-questions legend { font-size: 14px; } .pe-guide-questions p { font-size: 11px; }
  .pe-guide-answerOptions { gap: 7px; } .pe-guide-answerOptions span { font-size: 11px; padding: 9px 8px; }
  .pe-guide-fitResult { padding: 26px; } .pe-guide-fitResult > svg { margin-bottom: 20px; }
  .pe-guide-conversationGrid { grid-template-columns: 1fr; gap: 22px; } .pe-guide-conversationGrid article { padding: 0 0 3px; }
  .pe-guide-stepNumber { font-size: 27px; margin: 13px 0 9px; }
  .pe-guide-conversationGrid h3 { font-size: 22px; margin-bottom: 9px; }
  .pe-guide-talkTrack { grid-template-columns: 1fr; gap: 12px; padding: 23px; } .pe-guide-talkTrack blockquote { font-size: 15px; }
  .pe-guide-twoNotes { flex-direction: column; gap: 12px; } .pe-guide-twoNotes p { font-size: 10px; align-items: start; }
  .pe-guide-toolSelector { gap: 9px; } .pe-guide-toolSelector button { padding: 13px; gap: 9px; }
  .pe-guide-toolSelector button > span { font-size: 10px; } .pe-guide-toolSelector strong { font-size: 22px; }
  .pe-guide-toolSelector small { font-size: 9px; } .pe-guide-toolSelector svg { display: none; }
  .pe-guide-toolContent { grid-template-columns: 1fr; gap: 30px; padding: 23px; } .pe-guide-toolIntro h3 { font-size: 25px; }
  .pe-guide-toolIntro .pe-guide-primary { margin-top: 21px; } .pe-guide-toolIntro > small { max-width: none; }
  .pe-guide-toolSteps p { font-size: 11px; } .pe-guide-handoff { font-size: 11px; gap: 9px; } .pe-guide-handoff span { font-size: 10px; }
  .pe-guide-exampleStory h3 { font-size: 25px; } .pe-guide-exampleCalculator { padding: 22px; }
  .pe-guide-scenarios button { font-size: 9px; } .pe-guide-payback strong { font-size: 46px; }
  .pe-guide-payback p { font-size: 10px; } .pe-guide-exampleFootnote { font-size: 10px; }
  .pe-guide-checklistHeader { align-items: start; flex-direction: column; gap: 13px; }
  .pe-guide-checklistHeader > span { font-size: 12px; } .pe-guide-checklist { grid-template-columns: 1fr; gap: 10px; }
  .pe-guide-checklist label { padding: 19px; gap: 12px; } .pe-guide-checklist small { font-size: 11px; }
  .pe-guide-closing { padding: 28px 23px; margin-top: 32px; flex-direction: column; align-items: stretch; gap: 28px; }
  .pe-guide-closing h2 { font-size: 29px; } .pe-guide-closingActions { max-width: none; }
  .pe-guide-footer { padding: 25px 22px; flex-wrap: wrap; gap: 13px; } .pe-guide-footer p { order: 3; width: 100%; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) { .pe-guide-page * { transition: none !important; } }
@media print {
  .pe-guide-page { color: #000; font-size: 11px; } .pe-guide-header { position: static; } .pe-guide-header nav, .pe-guide-headerCta, .pe-guide-heroActions, .pe-guide-reset, .pe-guide-checklistHeader .pe-guide-outline, .pe-guide-closingActions, .pe-guide-footer a, .pe-guide-skip { display: none; }
  .pe-guide-hero { min-height: 0; } .pe-guide-heroCopy { padding: 25px; } .pe-guide-heroVisual { display: none; } .pe-guide-hero h1 { font-size: 32px; }
  .pe-guide-section { padding: 30px 15px; break-inside: auto; } .pe-guide-sectionHeading, .pe-guide-checklist label, .pe-guide-exampleCalculator, .pe-guide-toolSteps li { break-inside: avoid; }
  .pe-guide-fitResult, .pe-guide-closing { background: #fff; color: #000; border: 1px solid #ccc; } .pe-guide-fitResult :is(p, small, h3), .pe-guide-closing p { color: #333 !important; }
  .pe-guide-fitResult .pe-guide-primary { display: none; } .pe-guide-progressTrack { border: 1px solid #888; } .pe-guide-heroMeta { margin-top: 15px; }
}

.pe-guide-header { top: 61px; min-height: 52px; justify-content: center; padding-top: 12px; padding-bottom: 12px; }
.pe-guide-page :is(section,h2) { scroll-margin-top: 145px; }
.pe-guide-page .pe-guide-questions fieldset { border-bottom: 1px solid var(--line); }
.pe-guide-page [hidden] { display: none !important; }
.pe-guide-toolSteps li { list-style: none; }
@media(max-width:760px) {
 .pe-guide-header { top:61px; padding: 10px 20px; min-height:44px; }
 .pe-guide-header nav { padding:0; border-top:0; }
 .pe-guide-page h1 { font-size:clamp(30px,8vw,49px); }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { .nav,.pe-guide-header { display:none; } }

/* Keep language controls visible beside the mobile menu. */
.nav-cta .pe-guide-languages { display:flex; align-items:center; gap:3px; }
.pe-guide-languages a { padding:7px 8px; font-size:12px; line-height:1.4; border-radius:3px; white-space:nowrap; }
.pe-guide-languages a[aria-current="page"] { background:#eaf0e5; color:#243f35; font-weight:600; }
.pe-guide-languages a:hover { background:#f0f3f1; }
.pe-guide-heroCopy,.pe-guide-toolIntro,.pe-guide-exampleCalculator,.pe-guide-fitResult { min-width:0; }
html:not(:lang(zh)) .pe-guide-page h1 { font-size:clamp(32px,3.7vw,54px); letter-spacing:-.03em; overflow-wrap:break-word; }
html:not(:lang(zh)) .pe-guide-page h2 { letter-spacing:-.025em; overflow-wrap:break-word; }
html:not(:lang(zh)) .pe-guide-flowNode strong,html:not(:lang(zh)) .pe-guide-toolSelector small { overflow-wrap:break-word; }
html:not(:lang(zh)) .pe-guide-scenarios { flex-wrap:wrap; }
html:not(:lang(zh)) .pe-guide-questions label { white-space:normal; }
@media(max-width:760px) { .nav-cta .pe-guide-languages { display:flex; } .nav-cta:has(.pe-guide-languages) { display:flex; margin-left:auto; } .nav-cta:has(.pe-guide-languages) > .btn { display:none; } .pe-guide-languages a { padding:7px 5px; } }