/* Guidance uses the same semantic palette as the application. Photographs and
   SVG artwork are never inverted, recolored by a filter or used as a backdrop. */
.v30-editor-toolbar{min-width:0}.v30-editor-toolbar .v30-view-tabs{min-width:0;max-width:100%;flex:1;flex-wrap:nowrap;overflow-x:auto}.v30-editor-toolbar .v30-view-tabs button{flex:0 0 auto;min-height:44px}.p36-photo-tabs button{min-height:44px}
.ag-photo-group{margin:30px 0}.ag-photo-group>header{padding:12px 0 22px}.ag-photo-group>header>span{font-size:12px;letter-spacing:.04em;color:var(--es-accent-ink,#956FFF)}.ag-photo-group h2{font-family:inherit;font-size:25px;margin:10px 0}.ag-photo-group p{font-size:14px;line-height:1.7;color:var(--es-muted,#B9B2C6);max-width:760px}
.ag-signup-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ag-signup-examples figure{margin:0}.ag-signup-examples figcaption{font-size:12px;line-height:1.6;color:var(--es-muted,#B9B2C6)}.ag-signup-examples img{margin:10px 0}
html[data-theme] .ag-signup summary{color:var(--es-accent-ink);font:600 calc(.875rem * var(--elan-ui-scale,1))/1.5 var(--elan-ui-font,system-ui);cursor:pointer}
html[data-theme] .ag-signup{border:1px solid var(--es-line);border-radius:11px;padding:16px;margin:16px 0;background:var(--es-panel);color:var(--es-ink)}.ag-signup summary{min-height:44px;align-content:center}
html[data-theme] .ag-signup p{font-size:calc(.875rem * var(--elan-ui-scale,1));line-height:1.6;color:var(--es-muted)}.ag-signup img{display:block;width:100%;height:auto;max-width:380px;margin:16px auto;border-radius:8px}
/* More-specific selectors deliberately beat old modal/mobile styles. The dialog
   has three rows: always-reachable header/footer and a separately scrollable body. */
html[data-theme] .modal-backdrop.ag-backdrop{box-sizing:border-box;position:fixed;inset:0;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#15102088;z-index:150;overflow:hidden}
html[data-theme] .ag-backdrop .modal-card.ag-dialog{box-sizing:border-box;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;width:min(860px,100%);max-width:860px;height:min(800px,calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));max-height:100%;padding:0!important;overflow:hidden!important;background:var(--es-panel)!important;color:var(--es-ink)!important;border:1px solid var(--es-line);border-radius:16px;font-family:var(--elan-ui-font,system-ui);isolation:isolate}
html[data-theme] .ag-dialog *,html[data-theme] .ag-dialog *::before{box-sizing:border-box}
html[data-theme] .ag-dialog .ag-top,html[data-theme] .ag-dialog .ag-footer{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:14px 20px;background:var(--es-panel)!important;color:var(--es-ink)!important;border-color:var(--es-line)!important;margin:0}
html[data-theme] .ag-dialog .ag-top{border-bottom:1px solid var(--es-line)}
html[data-theme] .ag-dialog .ag-heading{display:grid;gap:3px;min-width:0}
html[data-theme] .ag-dialog .ag-heading>span{font:600 calc(.875rem * var(--elan-ui-scale,1))/1.35 var(--elan-ui-font,system-ui);color:var(--es-ink);letter-spacing:0;overflow-wrap:break-word}
html[data-theme] .ag-dialog .ag-heading>small,html[data-theme] .ag-dialog .ag-footer>span{font:400 calc(.8125rem * var(--elan-ui-scale,1))/1.45 var(--elan-ui-font,system-ui);color:var(--es-muted)!important;letter-spacing:0;overflow-wrap:break-word}
html[data-theme] .ag-dialog .ag-body{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px 24px;scroll-padding:12px;background:var(--es-panel)!important;color:var(--es-ink)!important}
html[data-theme] .ag-dialog .ag-kicker{font:600 calc(.75rem * var(--elan-ui-scale,1))/1.5 var(--elan-ui-font,system-ui);color:var(--es-accent-ink)!important;letter-spacing:.035em;overflow-wrap:break-word}
html[data-theme] .ag-dialog .ag-body h2{font-family:inherit;font-size:calc(1.625rem * var(--elan-ui-scale,1));font-weight:650;line-height:1.2;letter-spacing:-.025em;margin:8px 0 16px;color:var(--es-ink)!important;overflow-wrap:break-word}
html[data-theme] .ag-dialog .ag-body h3{font:600 calc(1.125rem * var(--elan-ui-scale,1))/1.35 var(--elan-ui-font,system-ui);margin:20px 0 10px;color:var(--es-ink)!important;overflow-wrap:break-word}
html[data-theme] .ag-dialog .ag-body p,html[data-theme] .ag-dialog .ag-body li,html[data-theme] .ag-dialog .ag-body ol span{font:400 calc(.9375rem * var(--elan-ui-scale,1))/1.6 var(--elan-ui-font,system-ui);color:var(--es-muted)!important;letter-spacing:0;overflow-wrap:break-word}
html[data-theme] .ag-dialog .ag-body p{margin:0 0 18px}
html[data-theme] .ag-dialog .ag-body ol{display:grid;gap:10px;list-style:none;padding:0;counter-reset:guide;margin:18px 0}
html[data-theme] .ag-dialog .ag-body ol li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 12px;padding:16px;background:var(--es-soft)!important;border:1px solid var(--es-line);border-radius:12px}
html[data-theme] .ag-dialog .ag-body ol li::before{counter-increment:guide;content:counter(guide);grid-row:span 2;color:var(--es-accent-ink)!important;font-size:calc(1.125rem * var(--elan-ui-scale,1));font-weight:600}
html[data-theme] .ag-dialog .ag-body ol span{grid-column:2;font-size:calc(.875rem * var(--elan-ui-scale,1))}
html[data-theme] .ag-dialog .ag-body strong{color:var(--es-ink)!important;font-weight:600}
html[data-theme] .ag-dialog .ag-body .ag-note{font-size:calc(.8125rem * var(--elan-ui-scale,1));line-height:1.55;padding-top:14px;border-top:1px solid var(--es-line);margin:16px 0 0;color:var(--es-muted)!important}
html[data-theme] .ag-dialog button{min-height:46px;max-width:100%;height:auto;padding:11px 14px;border:1px solid var(--es-line);border-radius:11px;background:var(--es-panel);color:var(--es-ink);font:600 calc(.9375rem * var(--elan-ui-scale,1))/1.4 var(--elan-ui-font,system-ui);letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:break-word;box-shadow:none!important;transform:none!important;cursor:pointer;transition:background-color 140ms ease,border-color 140ms ease}
html[data-theme] .ag-dialog .ag-top>button{flex:none;border-color:transparent;font-weight:500;padding-inline:10px}
html[data-theme] .ag-dialog .ag-footer{border-top:1px solid var(--es-line);flex-wrap:wrap}
html[data-theme] .ag-dialog .ag-footer>.ag-primary{margin-left:auto;background:var(--es-accent)!important;border-color:var(--es-accent)!important;color:#FFFFFF;min-width:116px}
html[data-theme] .ag-dialog button[aria-pressed="true"]{color:var(--es-accent-ink)!important;background:var(--es-accent-soft)!important;border-color:var(--es-accent-ink)!important}
html[data-theme] .ag-dialog button:focus-visible,html[data-theme] .ag-signup summary:focus-visible{outline:2px solid var(--es-focus);outline-offset:3px}
html[data-theme] .ag-dialog button:active{background:var(--es-soft);transform:none!important}
html[data-theme] .ag-dialog .ag-example-options{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}
html[data-theme] .ag-dialog .ag-example-options fieldset{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:0;min-width:0}
html[data-theme] .ag-dialog .ag-example-options legend{font:500 calc(.8125rem * var(--elan-ui-scale,1))/1.5 var(--elan-ui-font,system-ui);color:var(--es-muted)!important;margin-bottom:8px}
.ag-photo-layout{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.2fr);gap:22px;align-items:start}.ag-advice{min-width:0}.ag-example{margin:0;min-width:0}.ag-photo{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:10px;background:#8D8B91}.ag-photo img{position:absolute;width:200%;height:200%;max-width:none;display:block}
html[data-theme] .ag-dialog .ag-example figcaption{color:var(--es-muted)!important;font:500 calc(.75rem * var(--elan-ui-scale,1))/1.5 var(--elan-ui-font,system-ui);letter-spacing:0;margin-top:10px}
.ag-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ag-body ul{padding-left:20px}.ag-body ul li{margin-bottom:10px}
@media(max-width:650px){.ag-photo-layout{grid-template-columns:1fr}.ag-example{max-width:260px;width:100%;margin:auto}html[data-theme] .ag-dialog .ag-body{padding:20px 16px}html[data-theme] .ag-dialog .ag-top,html[data-theme] .ag-dialog .ag-footer{padding:12px 14px}}
html[data-app-text="large"] .ag-photo-layout{grid-template-columns:1fr}
html[data-app-text="large"] .ag-dialog .ag-example{max-width:280px;width:100%;margin:auto}
@media(max-width:360px){html[data-theme] .ag-dialog .ag-footer>.ag-primary{min-width:0;flex:1 1 100%}}
/* Increase secondary-text contrast across the semantic light palette. Keep the
   bright accent for filled actions, and its dark variant for text on light. */
:root[data-theme="light"]{--es-muted:#4F4663;--es-line:#C3BDD1;--es-accent-ink:#5F40EE;--muted:var(--es-muted);--muted2:#625A70;--studio-muted:var(--es-muted)}
html[data-theme="light"] .v29-app :is(.v29-form-card,.soc-editor,.bw-form,.ff-settings,.cal-dialog) label{color:var(--es-muted)!important}
html[data-theme="light"] .v29-app :is(.v30-help,.soc-help,.cal-result-count,.bw-context,.bw-empty p,.ae-form-help,.ae-empty-note,.ep-publish p){color:var(--es-muted)!important;opacity:1}
html[data-theme="light"] .bg-dialog :is(.bg-top,.bg-footer,.bg-example){background:var(--es-panel)!important;color:var(--es-ink)!important;border-color:var(--es-line)!important}
html[data-theme="light"] .bg-dialog :is(h2,h3,strong,.bg-intro,.bg-progress){color:var(--es-ink)!important}
html[data-theme="light"] .bg-dialog :is(.bg-top>span,.bg-footer>span,.bg-note,.bg-checks,.bg-example p,.bg-example>span,.bg-menu li>span>span){color:var(--es-muted)!important}
html[data-theme="light"] .bg-dialog .bg-note{background:var(--es-soft)!important;border-color:var(--es-accent-ink)!important}
html[data-theme="light"] .bg-dialog button:not(.bg-primary){background:var(--es-panel)!important;color:var(--es-ink)!important;border-color:var(--es-line)!important;box-shadow:none!important}
html[data-theme="light"] .bg-dialog .bg-primary{background:var(--es-accent)!important;color:#FFFFFF;border-color:var(--es-accent)!important}
/* Continuous glide of the two blades of the mark on the home (welcome.css): subtle, they part by about 3% of the mark, then meet again. */
@keyframes somagon-blade-top{0%,100%{transform:translate(0,0)}50%{transform:translate(16px,-9px)}}
@keyframes somagon-blade-bottom{0%,100%{transform:translate(0,0)}50%{transform:translate(-16px,9px)}}
html[data-app-motion="reduced"] .ag-dialog button{transition:none!important}
@media(prefers-reduced-motion:reduce){html[data-theme] .ag-dialog button{transition:none!important}}

/* Framing instructions use one column; no fictional athlete is shown. */
.ag-photo-layout{grid-template-columns:minmax(0,1fr)}