.main.vitae.avena-story{background:#050505;color:#e4e5e8;margin:0;width:100%;max-width:none;padding:100px max(72px,6.7vw) 80px max(24px,6.7vw)}
.avena-story :is(.h1,.h2,.h3,.p){display:block}.avena-story .h1{font-size:clamp(46px,5.8vw,86px);line-height:1.08;letter-spacing:-.04em;max-width:1100px;margin:0 0 32px}.avena-story .p{color:#bcbec5;font-size:clamp(20px,1.7vw,24px);line-height:1.6;margin:0 0 24px}.avena-intro{max-width:1440px;margin:auto}.avena-intro>.p{max-width:980px}.avena-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0}.avena-summary>div{padding:28px;background:linear-gradient(145deg,#ffffff06,#ffffff02);border:1px solid #ffffff1f;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff09}.avena-summary dt{font-size:23px;line-height:1.3;font-weight:600;color:#fcfcfc;margin-bottom:14px}.avena-summary dd{font-size:17px;line-height:1.6;color:#d2d4db;margin:0}
@supports(backdrop-filter:blur(12px)){.avena-summary>div{background:linear-gradient(145deg,#ffffff06,#ffffff02);backdrop-filter:blur(4px)}}
.avena-chapters{display:flex;flex-wrap:wrap;gap:10px 26px;margin:32px 0 0}.avena-chapters a{display:inline-flex;align-items:center;min-height:44px;color:#e4e5e8;text-decoration:none;font-size:17px}.avena-chapters a:hover{text-decoration:underline}.avena-story :is(a,button,summary):focus-visible{outline:2px solid #00bbff;outline-offset:4px}
.avena-story .avena-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:32px 48px;align-items:start;max-width:1680px;margin:clamp(100px,11vw,180px) auto 0;padding:0;min-height:0;scroll-margin-top:100px}.avena-section>.h2{grid-column:1/-1;color:#e4e5e8;font-size:clamp(38px,4vw,64px);line-height:1.12;letter-spacing:-.035em;margin:0;max-width:1100px}.avena-copy{min-width:0}.avena-copy .h3{font-size:24px;line-height:1.3;margin:0 0 16px;color:#e4e5e8}.avena-copy .h3:not(:first-child){margin-top:40px}.avena-instruction{font-size:16px;line-height:1.6;color:#bcbec5;margin:28px 0 0}
.avena-story .avena-demo-frame{min-width:0;margin:0;padding:16px;border:1px solid var(--vv-edge);border-radius:20px;background:var(--vv-surface);color:var(--vv-text);box-shadow:0 16px 32px #0003;--av-success-bg:#113c2e;--av-success-text:#7bf297;--av-success-edge:#a0f4b3;--av-negative:#ffb4a6;--av-danger-bg:#421b17;--av-danger-text:#ffb4a6;--av-danger-edge:#ffcabf;--av-icon-filter:brightness(0) invert(1)}
.avena-story .avena-demo-frame[data-vega-theme=light]{--av-success-bg:#dff2e8;--av-success-text:#17523e;--av-success-edge:#49715e;--av-danger-bg:#ffffff;--av-danger-text:#9d3524;--av-danger-edge:#ae5142;--av-negative:#8b2a1c;--av-icon-filter:none}
.avena-demo-frame [data-avena-screen]{display:block;overflow:hidden;border-radius:10px;container-type:inline-size;background:var(--vv-surface);min-height:540px}.avena-story .avena-demo-caption{font:14px/1.5 Inter,Arial,sans-serif;text-align:center;color:var(--vv-muted);margin:14px 0 0}.avena-static-preview{padding:32px;font:16px/1.6 Inter,Arial,sans-serif}.avena-static-preview strong{display:block;font-size:25px;margin-bottom:20px}.avena-static-preview p{color:var(--vv-muted)}.avena-placeholder>div:not(.vega-visual-theme-bar){display:grid;place-content:center;min-height:300px;text-align:center;padding:24px}.avena-placeholder strong{font-size:24px}.avena-placeholder span{font-size:38px}.avena-placeholder p,.avena-placeholder figcaption{color:var(--vv-muted);font-size:16px;line-height:1.6}.avena-placeholder figcaption{padding:16px;text-align:center}.avena-notes{max-width:1440px;margin:clamp(100px,11vw,180px) auto 0}.avena-notes .h2{font-size:32px;line-height:1.2;margin:0 0 28px}.avena-notes details{padding:24px;border:1px solid #555a64;border-radius:16px;color:#d2d4db;font-size:16px;line-height:1.7}.avena-notes summary{cursor:pointer;min-height:44px;align-content:center;color:#fcfcfc;font-size:18px}.avena-notes a{color:#c5d9ff}.avena-notes li{margin-block:10px}
@media(max-width:1100px){.avena-story .avena-section{grid-template-columns:1fr;gap:28px}.avena-copy{max-width:900px}.avena-summary{gap:14px}.avena-summary>div{padding:22px}.avena-summary dt{font-size:21px}}
@media(max-width:700px){.main.vitae.avena-story{padding:76px 60px 64px 20px}.avena-summary{grid-template-columns:1fr}.avena-story .avena-section{margin-top:96px}.avena-story .avena-demo-frame{padding:10px;border-radius:16px}.avena-demo-frame [data-avena-screen]{min-height:400px}.avena-chapters{gap:8px 20px}.avena-notes details{padding:18px}.avena-story .avena-demo-caption{font-size:13px}}
@media(prefers-reduced-motion:reduce){.avena-story *{scroll-behavior:auto}}
@media(forced-colors:active){.avena-summary>div,.avena-demo-frame,.avena-notes details{border:1px solid CanvasText;box-shadow:none}}
/* Slightly deeper action-blue text keeps AAA on the light raised panels. */
.main.vitae.avena-story [data-vega-visual][data-vega-theme=light]{--vv-focus:#1047a8}
.avena-story sup a{color:inherit;text-decoration:underline;text-underline-offset:3px;padding:5px}.avena-notes .avena-footnotes{padding-left:24px;color:#d2d4db;font-size:16px;line-height:1.7}.avena-footnotes>li{padding:16px 12px;scroll-margin-top:100px}.avena-footnotes>li:focus{outline:2px solid #00bbff;outline-offset:4px}.avena-note-return a{display:inline-block;min-height:32px;padding-block:4px}