/* Product examples use live text, scalable icons and the same theme as the page. */
.pe-window,.pe-phone,.pe-paper{--pe-surface:var(--eh-panel);--pe-wash:var(--eh-bg);--pe-ink:var(--eh-ink);--pe-muted:var(--eh-muted);--pe-border:var(--eh-line);color:var(--pe-ink);font-family:Geist,Arial,sans-serif;text-align:left;line-height:1.45;letter-spacing:-.015em;box-sizing:border-box}
.pe-window *,.pe-phone *,.pe-paper *{box-sizing:border-box}.pe-window p,.pe-phone p{font-size:inherit;line-height:inherit;margin:0;color:var(--pe-muted)}
.pe-window svg,.pe-phone svg{width:16px;height:16px;fill:none;stroke:currentColor;flex-shrink:0}.pe-window{background:var(--pe-surface);border:1px solid var(--pe-border);border-radius:13px;box-shadow:0 14px 34px color-mix(in srgb,var(--eh-ink) 10%,transparent);overflow:hidden;width:100%}
.pe-window-top{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--pe-border);font-size:10px;line-height:1.3;white-space:nowrap}.pe-window-top>strong{font-weight:550}.pe-window-top>small{font-size:9px;color:var(--pe-muted);margin-left:auto}.pe-window-dots{display:flex;gap:4px}.pe-window-dots i{width:5px;height:5px;border:1px solid var(--eh-accent);border-radius:50%}.pe-window-dots i:nth-child(2){border-color:var(--eh-green)}.pe-window-dots i:nth-child(3){border-color:var(--eh-blue)}
.pe-field{padding:9px 10px;margin-top:9px;border:1px solid var(--pe-border);border-radius:6px;font-size:11px}.pe-field>span:first-child{display:block;font-size:10px;font-weight:550}.pe-field>strong:not(:empty){display:block;margin-top:5px;font-size:11px;font-weight:450}.pe-field>strong:empty{display:none}.pe-choices{display:flex!important;gap:12px;align-items:center;margin-top:7px;font-size:10px}.pe-choices>b{color:var(--eh-accent);font-weight:550}.pe-choices>span{color:var(--pe-muted)}
.pe-paper{position:relative;background:var(--pe-surface);border:1px solid var(--pe-border);border-radius:3px;box-shadow:0 12px 22px color-mix(in srgb,var(--eh-ink) 12%,transparent);padding:29px 17px 25px;width:100%;transform:rotate(-6deg)}.pe-paper>small{font-size:7px;letter-spacing:.08em;color:var(--eh-accent);display:block}.pe-paper>strong{font-size:15px;display:block;margin:10px 0 17px;letter-spacing:-.025em}.pe-paper-clip{position:absolute;left:35%;top:-8px;width:30%;height:16px;border:2px solid var(--pe-muted);border-radius:3px;background:var(--pe-surface)}.pe-paper-line{display:flex;justify-content:space-between;gap:4px;padding-bottom:9px;font-size:8px;border-bottom:1px solid var(--pe-border)}.pe-paper-line>b{font-weight:450}.pe-paper-question{font-size:8px;padding:12px 0 9px;border-bottom:1px solid var(--pe-border)}.pe-paper-question>small{display:block;color:var(--pe-muted);font-size:7px;margin-top:5px}.pe-signature{font-size:8px;color:var(--pe-muted);margin-top:17px}.pe-signature>span{display:block;color:var(--pe-ink);margin-top:3px;font-style:italic}.pe-paper-caption{position:absolute;bottom:-25px;font-size:9px;white-space:nowrap;color:var(--pe-muted)}
.pe-builder-layout{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:265px}.pe-builder-layout>aside{display:flex;flex-direction:column;gap:15px;padding:16px 9px;background:var(--pe-wash);border-right:1px solid var(--pe-border);font-size:9px;color:var(--pe-muted)}.pe-builder-layout>aside>b{display:flex;gap:4px;align-items:center;color:var(--eh-accent);font-size:9px;font-weight:500}.pe-builder-layout>aside svg{width:12px;height:12px}.pe-builder-body{padding:16px 16px 13px}.pe-label-line{display:flex;justify-content:space-between;gap:7px;font-size:7px;color:var(--eh-accent);letter-spacing:.04em}.pe-label-line small{display:flex;align-items:center;font-size:7px;gap:3px;letter-spacing:0;color:var(--eh-green)}.pe-label-line svg{width:9px;height:9px}.pe-builder-body>h4{margin:10px 0 16px;font-size:21px;font-weight:550}.pe-evidence-row{display:flex;gap:6px;align-items:center;font-size:9px;color:var(--pe-muted);padding-block:12px}.pe-evidence-row>span{margin-left:auto;font-size:8px}.pe-review-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-top:10px;border-top:1px solid var(--pe-border);font-size:8px}.pe-review-row>span{display:flex;align-items:center;gap:3px;color:var(--eh-green)}.pe-review-row svg{width:10px;height:10px}.pe-review-row>b{display:flex;align-items:center;gap:4px;padding:8px;background:var(--eh-button);color:var(--eh-on-button);border-radius:5px;font-size:8px;font-weight:500}
.pe-phone{position:relative;aspect-ratio:0.49;width:100%;padding:6px;border:1px solid var(--eh-muted);border-radius:30px;background:var(--eh-ink);box-shadow:0 16px 27px color-mix(in srgb,var(--eh-ink) 17%,transparent)}.pe-phone-glass{height:100%;border-radius:24px;background:var(--pe-surface);overflow:hidden;display:flex;flex-direction:column}.pe-phone-status{display:flex;justify-content:space-between;align-items:center;height:23px;padding:6px 15px 1px;font-size:8px;line-height:1;color:var(--pe-ink);flex-shrink:0}.pe-phone-status>i{width:41px;height:11px;display:block;background:var(--eh-ink);border-radius:10px}.pe-phone-app{padding:10px 12px 0;flex:1;min-height:0}.pe-mobile-brand{display:flex;align-items:center;gap:3px;font-size:8px;font-weight:550}.pe-mobile-brand>img{width:12px;height:12px}.pe-mobile-brand>small{font-size:6px;font-weight:450;color:var(--eh-green);margin-left:auto}.pe-mobile-title{margin:17px 0 13px}.pe-phone h4{font-size:18px;letter-spacing:-.04em;font-weight:600;margin:0;line-height:1.15}.pe-mobile-title>span{display:block;margin-top:6px;font-size:8px;color:var(--pe-muted)}.pe-mobile-section{display:flex;gap:5px;align-items:center;font-size:9px;padding-bottom:6px;border-bottom:1px solid var(--pe-border)}.pe-mobile-section>span{color:var(--eh-accent);font-size:8px}.pe-mobile-section>small{margin-left:auto;font-size:7px;color:var(--pe-muted)}.pe-phone .pe-field{padding:8px;margin-top:8px}.pe-phone .pe-field>span:first-child{font-size:9px}.pe-phone .pe-choices{font-size:8px;gap:11px;margin-top:7px}.pe-mobile-photo{margin-top:9px;border-radius:5px;overflow:hidden;border:1px solid var(--pe-border)}.pe-mobile-photo>img{width:100%;height:67px;object-fit:cover}.pe-mobile-photo>span{display:flex;align-items:center;gap:4px;padding:5px 6px;font-size:7px;color:var(--pe-muted)}.pe-mobile-photo svg{width:10px;height:10px}.pe-mobile-photo svg:last-child{margin-left:auto;color:var(--eh-green)}.pe-mobile-signoff{display:flex;flex-wrap:wrap;gap:3px 5px;padding-block:9px;font-size:7px;color:var(--pe-muted)}.pe-mobile-signoff>strong{font-weight:500;color:var(--pe-ink)}.pe-mobile-signoff>small{display:flex;align-items:center;gap:3px;font-size:7px;color:var(--eh-green);width:100%}.pe-mobile-signoff svg{width:9px;height:9px}.pe-mobile-submit{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--eh-button);color:var(--eh-on-button);border-radius:5px;padding:8px;font-size:9px;font-weight:550}.pe-mobile-submit>svg{width:11px;height:11px}.pe-phone-nav{display:flex;justify-content:space-around;gap:3px;border-top:1px solid var(--pe-border);padding:8px 6px 3px;margin-top:12px;flex-shrink:0}.pe-phone-nav>span{display:flex;align-items:center;flex-direction:column;gap:3px;color:var(--pe-muted)}.pe-phone-nav>span>svg{width:13px;height:13px}.pe-phone-nav small{font-size:6px}.pe-phone-nav>.is-active{color:var(--eh-accent)}.pe-home-indicator{margin:7px auto;width:32%;height:3px;background:var(--eh-ink);border-radius:3px;flex-shrink:0}
.pe-phone--crew .pe-phone-app>h4{margin-top:19px}.pe-phone-sub{font-size:8px!important;margin-top:6px!important}.pe-mobile-tabs{display:flex;justify-content:space-between;gap:6px;margin-top:18px;font-size:8px;color:var(--pe-muted);padding-bottom:9px;border-bottom:1px solid var(--pe-border)}.pe-mobile-tabs>b{font-weight:550;color:var(--eh-accent)}.pe-course-mobile{margin-top:13px;padding:11px;border:1px solid var(--pe-border);border-radius:7px;background:var(--eh-accent-soft)}.pe-course-mobile>small{font-size:6px;letter-spacing:.05em;color:var(--eh-accent)}.pe-course-mobile>strong{display:block;font-size:13px;line-height:1.25;margin-top:7px;font-weight:550}.pe-course-mobile>span{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:var(--eh-accent);margin-top:11px}.pe-course-mobile svg{width:10px;height:10px}.pe-course-mobile>div{height:3px;background:var(--pe-border);margin-top:11px;border-radius:3px}.pe-course-mobile>div>i{width:34%;display:block;height:100%;background:var(--eh-accent);border-radius:3px}.pe-phone h5{font-size:9px;font-weight:550;margin:17px 0 6px}.pe-mobile-record{display:flex;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid var(--pe-border)}.pe-mobile-record>svg:first-child{color:var(--eh-accent);width:15px;height:15px}.pe-mobile-record>div{flex:1}.pe-mobile-record strong{display:block;font-size:9px;font-weight:550}.pe-mobile-record small{display:block;font-size:7px;margin-top:2px}.pe-mobile-record>svg:last-child{width:10px;height:10px;color:var(--pe-muted)}.pe-green{color:var(--eh-green)}.pe-amber{color:var(--pe-muted)}.pe-phone-note{font-size:7px;display:flex;gap:5px;align-items:center;color:var(--pe-muted);padding-top:12px}.pe-phone-note>svg{width:12px;height:12px}
.pe-knowledge-layout{display:grid;grid-template-columns:140px minmax(0,1fr);min-height:385px}.pe-knowledge-layout>aside{position:relative;background:var(--pe-wash);padding:21px 12px;border-right:1px solid var(--pe-border);font-size:11px}.pe-sidebar-brand{display:flex;align-items:center;gap:5px;margin-bottom:26px;font-size:13px}.pe-sidebar-brand img{width:20px;height:20px}.pe-knowledge-layout>aside>span{display:flex;align-items:center;gap:8px;padding:9px 8px;margin:4px -2px;color:var(--pe-muted);border-radius:6px;font-size:10px}.pe-knowledge-layout>aside>.is-active{background:var(--eh-accent-soft);color:var(--eh-accent)}.pe-knowledge-layout>aside>small{position:absolute;bottom:20px;left:19px;font-size:9px;color:var(--pe-muted);line-height:1.7}.pe-chat{padding:23px 25px 15px}.pe-assistant-heading{display:flex;align-items:center;gap:9px}.pe-assistant-heading img{border-radius:50%;width:32px;height:32px;object-fit:cover}.pe-assistant-heading strong{font-size:15px;font-weight:550;display:block}.pe-assistant-heading small{display:block;color:var(--pe-muted);font-size:9px;margin-top:2px}.pe-question{max-width:88%;margin:22px 0 18px auto;padding:11px 13px;border-radius:10px 10px 2px 10px;background:var(--eh-accent-soft);color:var(--pe-ink);font-size:12px;line-height:1.5}.pe-answer{font-size:11px;line-height:1.65}.pe-answer>strong{font-size:14px;font-weight:550;display:block}.pe-answer>p{font-size:11px;line-height:1.6;margin-top:8px}.pe-linked-record{display:flex;align-items:center;gap:8px;border:1px solid var(--pe-border);padding:11px 10px;margin:13px 0;border-radius:7px}.pe-linked-record>svg{color:var(--eh-accent)}.pe-linked-record>span{flex:1}.pe-linked-record strong{font-size:10px;font-weight:550;display:block}.pe-linked-record small{font-size:8px;color:var(--pe-muted);display:block;margin-top:3px}.pe-linked-record>b{font-size:8px;border:1px solid var(--pe-border);border-radius:4px;padding:3px 7px;font-weight:500;color:var(--eh-accent)}.pe-source-links{display:flex;flex-wrap:wrap;gap:6px 15px;padding-top:12px;color:var(--eh-accent);font-size:8px}.pe-source-links>span{display:flex;align-items:center;gap:4px}.pe-source-links svg{width:12px;height:12px}.pe-prompt{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--pe-border);border-radius:8px;padding:10px 11px;color:var(--pe-muted);font-size:10px;margin-top:22px}.pe-prompt>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--eh-button);color:var(--eh-on-button)}.pe-prompt svg{width:12px;height:12px}
.pe-course-content{padding:18px}.pe-course-content>small,.pe-action-content>small{display:block;font-size:7px;letter-spacing:.07em;color:var(--eh-accent)}.pe-course-content>h4{font-size:22px;font-weight:550;line-height:1.15;margin:10px 0}.pe-course-content>p{font-size:10px;margin-bottom:16px}.pe-course-content>div{display:flex;align-items:center;gap:8px;font-size:9px;padding:10px 0;border-top:1px solid var(--pe-border)}.pe-course-content>div>span{color:var(--eh-accent);font-size:8px}.pe-course-content strong{font-weight:500}.pe-course-content>div>svg{margin-left:auto;width:12px;height:12px;color:var(--eh-green)}.pe-course-footer{display:block;font-size:8px;color:var(--pe-muted);border-top:1px solid var(--pe-border);padding-top:10px}.pe-action-content{padding:15px}.pe-action-content>h4{font-size:21px;margin:8px 0;letter-spacing:-.035em;font-weight:550}.pe-action-content>p{font-size:9px}.pe-action-content>p>strong{font-weight:550;color:var(--pe-ink)}.pe-action-content>img{height:auto;aspect-ratio:2/1;object-fit:cover;width:100%;margin-top:13px;border-radius:5px}.pe-action-done{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;color:var(--eh-green);padding-top:11px}.pe-action-done strong{font-weight:550}.pe-action-done>svg{width:13px;height:13px}.pe-action-done>span{font-size:8px;color:var(--pe-muted);margin-left:auto}
/* Every detail scales with the device, including its vertical rhythm. */
.pe-record-content{padding:25px}.pe-record-topic{display:flex;align-items:center;gap:8px;color:var(--eh-accent);font-size:11px}.pe-record-content>h4{font-size:27px!important;line-height:1.2!important;margin:17px 0 24px!important;letter-spacing:-.035em}.pe-record-content>dl{margin:0}.pe-record-content>dl>div{display:grid;grid-template-columns:36% 1fr;gap:16px;border-top:1px solid var(--eh-line);padding:15px 0;font-size:12px;line-height:1.55}.pe-record-content dt{color:var(--eh-muted)}.pe-record-content dd{margin:0;font-weight:500}.pe-record-caption{display:flex;align-items:center;gap:7px;padding-top:18px;margin-top:9px;border-top:1px solid var(--eh-line);font-size:10px;color:var(--eh-muted)}.pe-record-caption>svg{color:var(--eh-green);width:14px;height:14px}.pe-creator-output{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:4px 12px;padding:20px;background:var(--eh-soft);border:1px solid var(--eh-line);border-radius:9px}.pe-creator-output>svg{grid-row:1/3;width:30px;height:30px;color:var(--eh-accent)}.pe-creator-output>strong{font-size:17px;font-weight:550;line-height:1.3}.pe-creator-output>small{font-size:9px;color:var(--eh-muted)}.pe-output-poster{padding-block:30px}.pe-output-poster>strong{font-size:23px}.pe-record-content>ol{list-style:none;padding:0!important;margin:17px 0}.pe-record-content>ol>li{display:flex;align-items:center;gap:8px;padding:11px 0!important;border-bottom:1px solid var(--eh-line);font-size:11px}.pe-record-content>ol>li>span{font-size:9px;color:var(--eh-accent)}.pe-record-content>ol>li>svg{margin-left:auto;width:12px;height:12px;color:var(--eh-green)}
.pe-phone{container-type:inline-size;aspect-ratio:.46;background:var(--eh-dark)}.pe-phone-status{height:10cqw;font-size:4cqw;padding:3cqw 6cqw 0}.pe-phone-status>i{width:21cqw;height:5.5cqw;background:var(--eh-dark)}.pe-phone-app{padding:5cqw 6cqw 0}.pe-mobile-brand{font-size:4cqw;gap:2cqw}.pe-mobile-brand>img{width:6cqw;height:6cqw}.pe-mobile-brand>small{font-size:3.2cqw}.pe-mobile-title{margin:7cqw 0 6cqw}.pe-phone h4{font-size:10cqw}.pe-mobile-title>span{font-size:4cqw;margin-top:3cqw}.pe-mobile-section{gap:3cqw;font-size:4.5cqw;padding-bottom:4cqw}.pe-mobile-section>span{font-size:4cqw}.pe-mobile-section>small{font-size:3.5cqw}.pe-phone .pe-field{padding:4cqw;margin-top:4cqw}.pe-phone .pe-field>span:first-child{font-size:4.7cqw}.pe-phone .pe-choices{font-size:4.1cqw;gap:5cqw;margin-top:3.5cqw}.pe-mobile-photo{margin-top:4.5cqw}.pe-mobile-photo>img{height:28cqw}.pe-mobile-photo>span{font-size:3.7cqw;padding:2.5cqw 3cqw;gap:2cqw}.pe-mobile-photo svg{width:5cqw;height:5cqw}.pe-mobile-signoff{padding:4cqw 0;font-size:3.7cqw;gap:2cqw 3cqw}.pe-mobile-signoff>small{font-size:3.5cqw}.pe-mobile-signoff svg{width:4cqw;height:4cqw}.pe-mobile-submit{padding:4cqw;font-size:4.6cqw;gap:4cqw}.pe-mobile-submit>svg{width:5cqw;height:5cqw}.pe-phone-nav{padding:4cqw 3cqw 1cqw;margin-top:4cqw}.pe-phone-nav>span>svg{width:6.5cqw;height:6.5cqw}.pe-phone-nav small{font-size:3.2cqw}.pe-phone-nav>span{gap:1.5cqw}.pe-home-indicator{margin:3cqw auto;height:1.4cqw}.pe-phone--crew .pe-phone-app>h4{margin-top:8cqw}.pe-phone--crew .pe-phone-sub{font-size:4cqw!important;margin-top:3cqw!important}.pe-mobile-tabs{margin-top:8cqw;font-size:4cqw;padding-bottom:4cqw}.pe-course-mobile{margin-top:6cqw;padding:5cqw}.pe-course-mobile>small{font-size:3.2cqw}.pe-course-mobile>strong{font-size:7cqw;margin-top:3cqw}.pe-course-mobile>span{font-size:3.6cqw;margin-top:5cqw}.pe-course-mobile>span svg{width:5cqw;height:5cqw}.pe-course-mobile>div{margin-top:5cqw;height:1.5cqw}.pe-phone h5{font-size:4.5cqw;margin:8cqw 0 3cqw}.pe-mobile-record{gap:3cqw;padding:5cqw 0}.pe-mobile-record>svg:first-child{width:7cqw;height:7cqw}.pe-mobile-record strong{font-size:4.7cqw}.pe-mobile-record small{font-size:3.6cqw;margin-top:1cqw}.pe-mobile-record>svg:last-child{width:5cqw;height:5cqw}.pe-phone-note{font-size:3.6cqw;gap:2cqw;padding-top:5cqw}.pe-phone-note>svg{width:5cqw;height:5cqw}
.pe-phone{aspect-ratio:.45}.pe-mobile-title{margin:6cqw 0 5cqw}.pe-phone--crew .pe-phone-app>h4{margin-top:6cqw}.pe-phone--crew .pe-mobile-tabs{margin-top:6cqw}.pe-phone--crew .pe-course-mobile{padding:4cqw}.pe-phone--crew .pe-mobile-record{padding:4cqw 0}.pe-phone--crew .pe-phone-note{padding-top:3cqw}
@media(max-width:600px){.pe-knowledge-layout{grid-template-columns:90px minmax(0,1fr)}.pe-knowledge-layout>aside{padding:15px 7px}.pe-sidebar-brand{font-size:10px;gap:3px}.pe-sidebar-brand img{width:16px;height:16px}.pe-knowledge-layout>aside>span{font-size:8px;gap:4px;padding:9px 4px}.pe-knowledge-layout>aside svg{width:12px;height:12px}.pe-knowledge-layout>aside>small{left:10px;font-size:7px}.pe-chat{padding:17px 13px 13px}.pe-question{font-size:10px;max-width:100%}.pe-answer>strong{font-size:12px}.pe-answer>p{font-size:10px}.pe-linked-record{gap:5px;padding:9px 6px}.pe-linked-record>b{font-size:7px;padding:2px 4px}.pe-linked-record strong{font-size:9px}.pe-linked-record small{font-size:7px}}