.ag-guide{--ag-ink:#f8f3e9;--ag-muted:#cad3d9;--ag-base:#161d28;--ag-card:#202b3a;--ag-soft:#283649;--ag-line:#516278;--ag-gold:#ffdc7b;--ag-gold-ink:#211e18;--ag-cool:#a7d8ef;color:var(--ag-ink);background:var(--ag-base);border:1px solid var(--ag-line);border-radius:22px;overflow:hidden;max-width:100%;min-width:0;margin:22px 0;font:400 16px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif;isolation:isolate;box-shadow:0 14px 45px #080e1826}
.ag-guide.ag-light{--ag-ink:#292c35;--ag-muted:#505966;--ag-base:#fcfaf4;--ag-card:#fffefa;--ag-soft:#eeeee4;--ag-line:#c2c9c8;--ag-gold:#74520b;--ag-gold-ink:#fffaf0;--ag-cool:#245c72;box-shadow:0 10px 35px #2930380a}
.ag-guide,.ag-guide *{box-sizing:border-box}
.ag-guide [hidden]{display:none!important}
.ag-guide :is(h3,h4,h5,p){padding:0;letter-spacing:normal;text-transform:none;color:var(--ag-ink);overflow-wrap:anywhere;max-width:none}
.ag-guide .ag-guide-intro{padding:30px 32px 24px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--ag-cool),transparent 87%),transparent 65%);border-bottom:1px solid var(--ag-line)}
.ag-guide .ag-eyebrow,.ag-guide .ag-detail-label{display:block;color:var(--ag-gold);font:750 11px/1.5 system-ui,sans-serif;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 10px}
.ag-guide h3{font:700 clamp(25px,3vw,34px)/1.2 Georgia,serif;margin:0 0 16px}
.ag-guide .ag-prose p{font:400 16px/1.75 system-ui,sans-serif;margin:0 0 14px;color:var(--ag-ink);white-space:normal}
.ag-guide .ag-prose p:last-child{margin-bottom:0}
.ag-guide .ag-guide-intro>.ag-prose p{color:var(--ag-muted)}
.ag-guide .ag-guide-format{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:var(--ag-muted);font:650 11px/1.5 system-ui,sans-serif}
.ag-guide .ag-guide-format span{padding:5px 0;border-bottom:1px solid var(--ag-line)}
.ag-guide .ag-section{padding:28px 32px;min-width:0;margin:0;border:0;border-radius:0;background:none;color:var(--ag-ink)}
.ag-guide .ag-section+.ag-section{border-top:1px solid var(--ag-line)}
.ag-guide .ag-section-heading{display:grid;grid-template-columns:36px minmax(0,1fr);gap:13px;margin-bottom:22px;align-items:start}
.ag-guide .ag-section-number{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ag-line);border-radius:50%;font:750 11px/1 system-ui,sans-serif;color:var(--ag-gold);background:var(--ag-card)}
.ag-guide h4{margin:2px 0 8px;font:750 19px/1.4 system-ui,sans-serif}
.ag-guide .ag-section-heading p{margin:0;color:var(--ag-muted);font:400 14px/1.65 system-ui,sans-serif}
.ag-guide h5{font:700 23px/1.4 Georgia,serif;margin:0 0 14px}
.ag-guide button{appearance:none;position:static;transform:none;cursor:pointer;font:650 14px/1.5 system-ui,sans-serif;white-space:normal;color:var(--ag-ink);background:var(--ag-card);border:1px solid var(--ag-line);border-radius:10px;padding:12px 14px;margin:0;min-height:44px;max-width:100%;min-width:0;box-shadow:none;text-align:left;text-transform:none;letter-spacing:normal;overflow-wrap:anywhere;touch-action:manipulation}
.ag-guide button:disabled{opacity:.4;cursor:default}
.ag-guide :is(button,input,summary,[role="tabpanel"]):focus-visible{outline:3px solid var(--ag-gold);outline-offset:4px}
.ag-guide button:not(:disabled):hover{border-color:var(--ag-gold);background:var(--ag-soft)}
.ag-guide .ag-explorer{display:grid;grid-template-columns:minmax(150px, .8fr) minmax(0,1.65fr);gap:16px;align-items:stretch}
.ag-guide .ag-explore-tabs{display:flex;flex-direction:column;gap:9px}
.ag-guide .ag-explore-tabs button{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;gap:8px;align-items:center}
.ag-guide .ag-explore-tabs button>span{font-size:11px;color:var(--ag-muted)}
.ag-guide .ag-explore-tabs button>b{color:var(--ag-gold);font-size:16px}
.ag-guide .ag-explore-tabs [aria-selected="true"]{border-color:var(--ag-gold);background:var(--ag-soft);box-shadow:inset 3px 0 var(--ag-gold)}
.ag-guide .ag-explore-panels{padding:23px;background:var(--ag-card);border:1px solid var(--ag-line);border-radius:12px;min-width:0}
.ag-guide .ag-explore-panel{animation:ag-arrive .18s ease-out}
.ag-guide .ag-reasoning{display:grid;gap:10px}
.ag-guide .ag-reasoning details{border:1px solid var(--ag-line);border-radius:12px;background:var(--ag-card);overflow:hidden}
.ag-guide .ag-reasoning summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:17px 18px;color:var(--ag-ink);font:700 15px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}
.ag-guide .ag-reasoning summary::-webkit-details-marker{display:none}
.ag-guide .ag-reasoning summary::marker{content:''}
.ag-guide .ag-reveal-number{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--ag-line);border-radius:8px;color:var(--ag-gold);font-size:12px}
.ag-guide .ag-reasoning summary>b{font-size:23px;color:var(--ag-gold);transition:transform .16s}
.ag-guide .ag-reasoning details[open] summary>b{transform:rotate(45deg)}
.ag-guide .ag-reasoning details[open]{border-color:var(--ag-gold)}
.ag-guide .ag-reasoning-body{padding:3px 22px 22px 58px;animation:ag-arrive .18s ease-out}
.ag-guide .ag-scenario-context{padding:18px 20px;border-left:3px solid var(--ag-cool);background:var(--ag-card);border-radius:0 10px 10px 0;margin-bottom:17px}
.ag-guide .ag-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ag-guide .ag-decisions button{display:grid;grid-template-columns:26px minmax(0,1fr) 15px;gap:10px;align-items:center;padding:15px;min-height:77px}
.ag-guide .ag-decision-mark{display:grid;place-items:center;font-size:11px;width:26px;height:26px;border-radius:50%;border:1px solid var(--ag-line);color:var(--ag-gold)}
.ag-guide .ag-decisions button>b{color:var(--ag-gold)}
.ag-guide .ag-decisions [aria-pressed="true"]{border-color:var(--ag-gold);background:var(--ag-soft)}
.ag-guide .ag-outcomes{margin-top:16px;background:var(--ag-soft);border:1px solid var(--ag-line);padding:22px;border-radius:12px;min-width:0}
.ag-guide .ag-outcomes h5{font:750 18px/1.5 system-ui,sans-serif}
.ag-guide .ag-outcomes>[data-ag-panel]{animation:ag-arrive .2s ease-out}
.ag-guide .ag-choice-invitation{margin:0;color:var(--ag-muted);font:400 14px/1.65 system-ui,sans-serif}
.ag-guide .ag-model{border:1px solid var(--ag-line);border-radius:14px;overflow:hidden;background:var(--ag-card)}
.ag-guide .ag-model-readout{padding:26px 26px 24px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--ag-cool),transparent 92%),transparent 75%)}
.ag-guide .ag-model-readout strong{display:block;color:var(--ag-ink);font:700 clamp(25px,4vw,40px)/1.3 Georgia,serif;margin:0 0 16px;overflow-wrap:anywhere}
.ag-guide .ag-model-readout strong small{color:var(--ag-muted);font:600 14px/1.5 system-ui,sans-serif}
.ag-guide .ag-model-readout [data-ag-panel]{animation:ag-arrive .2s ease-out}
.ag-guide .ag-model-control{padding:22px 26px;border-top:1px solid var(--ag-line)}
.ag-guide .ag-model-control>label{display:block;margin:0 0 12px;color:var(--ag-muted);font:650 13px/1.6 system-ui,sans-serif}
.ag-guide input[type="range"]{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;padding:0;margin:0;accent-color:var(--ag-gold);cursor:pointer;touch-action:pan-y;background:transparent;border:0;box-shadow:none}
.ag-guide .ag-model-positions{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:6px;margin-top:6px}
.ag-guide .ag-model-positions button{display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px;padding:9px 5px;border-color:transparent;background:none;font:600 11px/1.45 system-ui,sans-serif}
.ag-guide .ag-model-positions button>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--ag-line);border-radius:50%;font-size:10px;color:var(--ag-muted)}
.ag-guide .ag-model-positions button[aria-pressed="true"]{color:var(--ag-gold);background:var(--ag-soft);border-color:var(--ag-line)}
.ag-guide .ag-model-positions button[aria-pressed="true"]>span{background:var(--ag-gold);color:var(--ag-gold-ink);border-color:var(--ag-gold)}
.ag-guide .ag-model-footer{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px;color:var(--ag-muted);font:650 12px/1.5 system-ui,sans-serif}
.ag-guide .ag-model-footer button{padding:8px;width:44px;text-align:center;font-size:20px}
@keyframes ag-arrive{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.ag-guide{border-radius:16px}.ag-guide .ag-guide-intro{padding:23px 19px}.ag-guide .ag-section{padding:23px 19px}.ag-guide .ag-explorer{grid-template-columns:minmax(0,1fr)}.ag-guide .ag-explore-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ag-guide .ag-explore-tabs button{grid-template-columns:18px minmax(0,1fr);font-size:13px;padding:10px}.ag-guide .ag-explore-tabs button>b{display:none}.ag-guide .ag-explore-panels{padding:19px}.ag-guide .ag-decisions{grid-template-columns:minmax(0,1fr)}.ag-guide .ag-model-readout,.ag-guide .ag-model-control{padding:21px 18px}.ag-guide .ag-reasoning summary{padding:15px 12px;gap:9px}.ag-guide .ag-reasoning-body{padding:0 16px 20px}.ag-guide .ag-outcomes{padding:19px}.ag-guide .ag-prose p{font-size:15px}.ag-guide .ag-section-heading{gap:10px;grid-template-columns:32px minmax(0,1fr)}.ag-guide .ag-section-number{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.ag-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
