.audit-example-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.audit-example-grid figure{margin:0;min-width:0}.audit-example-grid img{width:100%;height:auto;border-radius:14px;border:1px solid #dce5d7}.audit-example-grid figcaption{font-size:14px;line-height:1.5;margin-top:10px}.audit-example-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.audit-lena{display:flex;gap:18px;align-items:center}.audit-lena img{width:76px;height:76px;flex:0 0 auto;border-radius:50%;border:3px solid #71bd3c}.audit-lena p{margin:0}#firstProjectHelp{padding:16px;border:1px solid #71bd3c;border-radius:14px;margin:16px 0}#firstProjectHelp p{line-height:1.5}#registerForm small{line-height:1.5}#registerForm .legal-consent{margin:6px 0}#billingAuthActions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}@media(max-width:700px){.audit-example-grid{grid-template-columns:1fr}.audit-lena{align-items:flex-start}.audit-example-actions .button{width:100%;box-sizing:border-box;text-align:center}.landing-hero-content h1{font-size:clamp(32px,8.5vw,44px);line-height:1.12}.audit-example-grid figure+figure img{max-height:480px;object-fit:contain}#authScreen .server-card{padding:20px}#authScreen h1{font-size:28px}#authIntro{font-size:16px;line-height:1.45}}
html[data-eh-theme="dark"] #authScreen .legal-consent a{color:#b8dfef}

#landingScreen .landing-intro h2{color:#14384b}

/* Keep the light marketing page independent of the editor theme. */
#landingScreen{--brand-blue:#0b3658;--brand-blue-dark:#08283f;--brand-blue-soft:#eaf2f8}
#landingScreen .landing-main .landing-section-label{color:#315c77}
#landingScreen .landing-quick-start .landing-section-label{color:#93c5e2}
#landingScreen .manufacturer-heading .landing-section-label{color:#526c5d}

.example-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 28px}.example-choices button{min-height:48px;border:1px solid #9fb4be;border-radius:12px;background:#f1f5f7;color:#14384b;font:700 16px Segoe UI,Arial,sans-serif;padding:12px;cursor:pointer}.example-choices button[aria-pressed=true]{background:#0b3658;color:white;border-color:#0b3658}.example-choices button:focus-visible{outline:3px solid #6fbe44;outline-offset:3px}.example-panel[hidden]{display:none!important}.example-panel h3{font-size:27px;line-height:1.2;color:#14384b;margin:0 0 15px}.example-panel>p{margin-bottom:24px}.example-disclaimer{font-size:14px!important;margin:20px 0 28px}@media(max-width:600px){.example-choices{gap:7px}.example-choices button{font-size:14px;padding:10px 7px}.example-panel h3{font-size:24px}.example-panel .audit-example-grid{grid-template-columns:1fr}}

/* Match Lena's compact portrait treatment on desktop and mobile. */
#landingScreen .landing-author{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:start;text-align:left}
.landing-author-photo{box-sizing:border-box;width:76px;height:76px;margin:0;border-radius:50%;overflow:hidden;border:3px solid #71bd3c}
.landing-author-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% center;transform:scale(1.8);transform-origin:50% 25%}
.landing-author-copy{min-width:0}
#landingScreen .landing-author-copy h2{font-size:clamp(20px,2.5vw,28px);line-height:1.25;margin:8px 0 14px}
#landingScreen .landing-author-copy p{margin:0}
@media(max-width:700px){#landingScreen .landing-author{padding-top:32px}.landing-author-copy .landing-section-label{font-size:11px;letter-spacing:1px}}

@media(max-width:1100px){.eh-site-nav .eh-site-nav-actions>a.landing-pricing{justify-content:flex-start;text-align:left;margin:0;width:auto}}