@font-face{font-family:Inter;src:url(/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Space Mono;src:url(/mono.woff2) format("woff2");font-display:swap}
:root{--line:#e8e8e8;--muted:#888;--paper:#fdfdfd;--bar:clamp(38px,2.75vw,64px);--unit:clamp(12px,.96vw,23px);--code:clamp(12px,.87vw,21px);--gutter:clamp(46px,3.48vw,82px);color:#171717;background:var(--paper);font:var(--unit)/1.4 Inter,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0;padding:0}button:disabled{cursor:default;color:#c4c4c4}button:focus-visible,a:focus-visible,[contenteditable]:focus-visible{outline:2px solid #245ded;outline-offset:2px}
main{height:100dvh;display:grid;grid-template-columns:55.15% 44.85%}
.request{display:grid;grid-template-rows:var(--bar) minmax(0,1fr) minmax(0,1fr) var(--bar) var(--bar);min-width:0;border-right:1px solid var(--line)}
header,footer,.assets{display:flex;align-items:center;gap:.55em;padding:0 .9em;height:var(--bar);border-bottom:1px solid var(--line);color:var(--muted)}
header button:not(:disabled):hover,footer button:not(:disabled):hover,.assets button:not(:disabled):hover{color:#171717}
header svg{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.breadcrumb #back{margin-right:.6em}.slash{color:#a7a7a7}.muted{color:#b8b8b8}.end{margin-left:auto}.icon{width:2.3em;height:2.3em;display:grid;place-items:center}.icon[aria-pressed=true]{background:#eaeaea;color:#171717}
.panel{min-height:0;display:flex;flex-direction:column}.panel:nth-child(3){border-top:1px solid var(--line)}.issue{color:#d73737}
.editor{flex:1;overflow:auto;padding:clamp(10px,.83vw,20px) clamp(10px,.83vw,20px) 0 0;font:var(--code)/1.56 Space Mono,Consolas,monospace;color:#282828}
.line{display:grid;grid-template-columns:var(--gutter) minmax(0,1fr);gap:.95em}.state.placeholder .line{grid-template-columns:calc(var(--gutter)*.57) minmax(0,1fr)}
.line:first-child>*{background:#f0f0f0}.num{padding-left:.7em;color:#a0a0a0;user-select:none}.fold{font-size:.75em;margin-left:.4em}.source{padding:0 .43em;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.placeholder .source{color:#a0a0a0}.placeholder u{text-decoration-color:#ee8bd6;text-underline-offset:.28em}
.key{color:#34579d}.type{color:#ea3cb9}.ref{color:#825ccd;font-style:italic}.punct{color:#a1a1a1}.bracket{background:#e4e4e4}
.pill{font:var(--unit)/1.68 Inter,Arial,sans-serif;background:#dfe6fa;color:#164bf3;border-radius:1em;padding:0 .58em;vertical-align:baseline;white-space:nowrap}.pill:hover{background:#d1ddfa}.anchor{position:relative;display:inline-block}.popover{position:absolute;z-index:3;top:calc(100% + .24em);left:0;background:var(--paper);border:1px solid var(--line);box-shadow:0 .18em .4em #0002;border-radius:.45em;padding:.28em;width:max-content;min-width:14.4em;max-width:min(20em,80vw);font:var(--unit)/1.4 Inter,Arial,sans-serif;white-space:normal;color:#626262}
.popover header{height:auto;padding:.55em .58em;border:0;font-size:.86em;letter-spacing:.04em}.popover a{margin-left:auto;color:inherit;letter-spacing:normal}.popover button{display:block;text-align:left;width:100%;padding:.48em .68em;border-radius:.12em}.popover button:enabled:hover,.popover button:first-of-type:enabled{background:#eaeaea}.popover small{display:block;margin-top:.3em;font-size:.94em}
.assets{border-top:1px solid var(--line);overflow:hidden}.assets button span,.model{margin-left:.5em}.assets button span{padding-left:.65em;border-left:1px solid var(--line)}footer{padding-right:0;border:0;gap:.75em}.model-add{border-right:1px solid var(--line);padding-right:.65em}.tag{display:inline-block;background:#eaeaea;padding:.18em .45em;font-size:.86em;color:#888}.model{margin-left:0}#revert{font-size:.86em}
.run-wrap{height:100%;position:relative}#run,.finish{background:#171717;color:white;padding:0 1.15em;height:100%;font-weight:500;white-space:nowrap}#run:disabled{background:#f7f7f5;color:#c4c4c4}#run:not(:disabled):hover{color:white;background:#333}kbd{font:inherit;font-size:.83em;opacity:.7;margin-left:.38em}
#hint{position:absolute;white-space:nowrap;bottom:calc(100% + .8em);left:50%;transform:translateX(-50%);background:#2460ea;color:white;padding:.5em .9em;box-shadow:0 .15em .32em #0002}#hint:after{content:"";position:absolute;top:100%;left:calc(50% - .4em);border:.4em solid transparent;border-top-color:#2460ea}
.response{position:relative;min-width:0;background:var(--paper);overflow:auto}.response.empty{background:#f7f7f7}.empty-output{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#888;white-space:nowrap}.empty-output svg{width:2.4em;height:2.4em;fill:none;stroke:#888;stroke-width:1.45}.empty-output p{margin:.95em 0 1.2em}.outline{border:1px solid #999;padding:.55em 1.1em;background:#fafafa}
.response small{font-size:.85em}.response header .icon:first-of-type{margin-left:auto}.response-head,.answer{display:grid;grid-template-columns:2.2em minmax(0,1fr) minmax(0,1.18fr) auto;align-items:start;gap:.95em;padding:.7em .9em;border-bottom:1px solid var(--line)}.response-head{align-items:center;color:#888;font-size:.86em;min-height:calc(var(--bar)*.93)}.answer{padding-top:.92em;min-height:5.2em}.answer code{font:inherit;font-family:Space Mono,Consolas,monospace}.answer em{display:block;color:#8a8a8a;font-size:.86em;margin-top:.2em}.answer .tag{font-family:Space Mono,Consolas,monospace}.answer small{color:#888}.meter{margin-top:1em;background:#eaeaea;height:3px;width:min(8.65em,100%);position:relative}.meter i{position:absolute;top:50%;width:.36em;height:.36em;transform:translate(-50%,-50%) rotate(45deg)}.raw{margin:1em;white-space:pre-wrap;overflow-wrap:anywhere;font:var(--code)/1.56 Space Mono,monospace}.error{color:#b32323;margin:1em}
#guide{position:absolute;bottom:6.9%;right:.8em;width:min(26.2em,calc(100% - 1.6em));background:var(--paper);border:1px solid var(--line);box-shadow:0 .22em .38em #0002;padding:1.1em .85em 1.2em;color:#737373}#guide.intro{min-height:15.15em}.eyebrow{color:#8e8e8e;font-size:.86em;font-weight:550;letter-spacing:.04em}h1{font-size:1em;font-weight:550;margin:.62em 0 .25em;color:#4c4c4c}p{margin:.28em 0}.guide-action{color:#909090;margin-top:.6em;text-align:left}.guide-action:hover,.previous:hover{text-decoration:underline}.checklist{list-style:none;margin:.85em 0 0;padding:0}.checklist li{display:flex;align-items:baseline;gap:.6em;margin:.46em 0}.checklist button{text-align:left}.checklist button:enabled:hover{text-decoration:underline}.checklist .done button{text-decoration:line-through;color:#888}.checkmark{width:1.08em;color:#909090;flex:none}.guide-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.38em;min-height:1.8em}.finish{padding:.48em .9em}
dialog{width:min(27em,90vw);border:1px solid var(--line);padding:1.2em;background:var(--paper);color:#4c4c4c;box-shadow:0 .25em .6em #0002}dialog::backdrop{background:#0002}.close{float:right;font-size:1.3em}dialog input{display:block;width:100%;padding:.4em;margin:.6em 0;border:1px solid #bbb}.dialog-action{background:#efefef;padding:.45em .7em;margin-top:.55em}
@media(max-width:720px){main{height:auto;display:block}.request{height:70dvh;border-right:0}.response{min-height:58dvh;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2em;padding-bottom:1em}.empty-output{position:static;transform:none;margin:2em auto}#guide{position:static;margin:auto .8em 0 auto}.popover{max-height:42dvh;overflow:auto}#guide.intro{min-height:0}}

.edit-field{display:block;width:calc(100% - var(--gutter));height:100%;margin-left:var(--gutter);padding:0 .8em;border:0;resize:none;background:transparent;color:#282828;font:inherit;outline:none}.replace-food{background:#c7d5f4;font:inherit;color:#171717}.replace-food:hover{background:#b8cbf4}
.panel:has(.popover){position:relative;z-index:2}.editor:has(.popover){overflow:visible}.checklist button:disabled{color:inherit}.response-head,.answer{grid-template-columns:2.2em minmax(0,1fr) minmax(0,1.18fr) 3em}.response-head>:last-child,.answer>:last-child{justify-self:end}
.next-wrap{display:flex;justify-content:flex-end;margin-top:.55em}
.popover button:not(:disabled):first-of-type,.popover button:enabled:hover{background:#eaeaea}
.popover:has(header a) button:enabled{background:#eaeaea}
.response-head,.answer{grid-template-columns:2.2em minmax(0,1fr) minmax(0,1.18fr) 4.2em}
.answer-type{text-align:right;white-space:nowrap}.answer-type small{display:block;margin-top:.6em}
.choice-answer{min-height:8em}.choice-answer.open{background:#f7f7f7}
.choice-scores{width:min(14em,100%);font-size:.86em;color:#888}
.choice-scores>div{display:grid;grid-template-columns:minmax(0,1fr) auto .9em;align-items:center;gap:.42em;min-height:1.65em}
.choice-scores code,.answer>div:nth-child(2)>code{overflow-wrap:anywhere}.choice-scores .picked{color:#171717}
.choice-scores small{display:block;font-size:1em;margin-top:.85em}
.probability-ring{position:relative;width:.9em;height:.9em;border-radius:50%;background:conic-gradient(#7fa3fb var(--probability),#dae4fa 0)}
.probability-ring:after{content:"";position:absolute;inset:27%;border-radius:50%;background:var(--paper)}
.structured-instructions{font-style:normal;overflow-wrap:anywhere}
.choice-disclosure{position:relative}.choice-tip{position:absolute;right:calc(100% + .8em);top:-.45em;white-space:nowrap;background:#2460ea;color:white;padding:.5em .9em;pointer-events:none;z-index:4}.choice-tip:after{content:"";position:absolute;top:calc(50% - .4em);left:100%;border:.4em solid transparent;border-left-color:#2460ea}
.response:has(.choice-tip){overflow:visible}
@media(max-width:720px){.choice-tip{display:none}.response:has(.choice-tip){overflow:auto}}
.popover:has(header a) button{position:relative}.primitive-lock{position:absolute;right:.85em;top:.8em;width:.82em;height:.65em;border:1.5px solid currentColor;border-radius:.12em}.primitive-lock:before{content:"";position:absolute;left:18%;right:18%;bottom:100%;height:.38em;border:1.5px solid currentColor;border-bottom:0;border-radius:.4em .4em 0 0}
@media(min-width:721px){main{grid-template-rows:minmax(0,1fr)}.request,.response{min-height:0}}

.verb-anchor .popover{max-height:40vh;overflow:auto}
.score-confidence{display:block;margin-top:1em}
.score-distribution{grid-column:2/4;display:grid;position:relative;grid-template-columns:minmax(0,1.9fr) 1.4em minmax(0,1fr) 2.6em;align-items:center;column-gap:.65em;font-size:.86em;color:#888;padding-top:.35em}
.score-distribution>span{min-height:2em;display:flex;align-items:center}
.score-distribution>span:nth-child(4n){justify-content:flex-end;color:#333}
.score-distribution>.score-bar{display:block;min-height:0;height:3px;background:linear-gradient(to right,#8782ff var(--probability),#d6d6d6 0)}
.score-axis{position:absolute;display:none}.score-distribution .score-confidence{grid-column:3/5;margin:.65em 0 .4em;font-size:1em}
.response:has(.score-distribution){overflow:auto}
.response:has(.score-distribution) #guide{position:relative;bottom:auto;margin:1em .8em 1em auto}
.score-distribution>.score-axis{display:block;position:absolute;grid-column:2;justify-self:end;align-self:stretch;width:1px;background:#d6d6d6;margin:.95em 0}
.score-axis:after{content:"";position:absolute;top:var(--score-position);left:50%;width:.4em;height:.4em;background:#8782ff;transform:translate(-50%,-50%) rotate(45deg)}
.answer>.answer-type{justify-self:end}.answer>.score-distribution{justify-self:stretch}
.score-distribution>.score-axis{grid-column:2/3;right:0;top:1em;bottom:1em;margin:0}
.asset-chip{display:inline-flex;align-items:center;gap:.32em;background:#eaeaea;padding:0 .35em 0 0;white-space:nowrap}
#asset{display:flex;gap:.35em;min-width:0;overflow-x:auto}
.assets #upload{flex:none}.assets:has(.asset-chip) #upload span{display:none}
.asset-chip img{width:1.8em;height:1.8em;object-fit:cover}
.asset-ref{display:inline-flex;align-items:center;gap:.22em;vertical-align:middle;background:#eee;border-radius:2px;white-space:nowrap}
.asset-ref img{width:1.25em;height:1.25em;object-fit:cover}
.state-image img{display:block;width:min(100%,28em);max-height:32vh;object-fit:contain;object-position:left}
.state-image small{display:block;font-family:Inter,Arial,sans-serif}
#dialog-content img{display:block;max-width:100%;max-height:60vh;object-fit:contain}
#dialog.classroom-entry{position:fixed;inset:0;margin:auto}
.box-crop{overflow:hidden;position:relative;margin-bottom:.7em}
.box-crop img{position:absolute;max-width:none}
.box-result code{white-space:pre;font-size:.87em}
#share{padding:.45em .7em;white-space:nowrap}
.breadcrumb #clear:not([hidden])~#settings{margin-left:0}
/* Navigation and workspace feedback */
.breadcrumb #example{display:flex;align-items:center;gap:.4em;text-align:left;padding:.32em .5em;border-radius:.35em;color:#343434}
.breadcrumb #example:hover{background:#eee}
.breadcrumb #example .muted{color:#666}
#dialog:has(.request-group){width:min(34em,92vw);max-height:90dvh;border-radius:.65em}
#dialog:has(.request-group) h1{font-size:1.23em;margin:0 0 .8em}
.request-group + .request-group{margin-top:1em;padding-top:.75em;border-top:1px solid var(--line)}
.request-group h2{font-size:.78em;font-weight:650;color:#666;margin:0 0 .4em;text-transform:uppercase;letter-spacing:.045em}
.request-option{display:flex;align-items:center;justify-content:space-between;gap:1em;text-align:left;width:100%;padding:.64em .72em;border-radius:.4em;color:#262626}
.request-option strong{font-weight:550}
.request-option small{color:#606060;flex-shrink:0}
.request-option:hover,.request-option:focus-visible{background:#f1f4fc}
.request-option[aria-current=true]{background:#eaf0ff;color:#234baf}
.toolbar-action{padding:.26em .52em;border-radius:.35em}
.toolbar-action:first-of-type{margin-left:.45em}
.toolbar-action:hover:enabled{background:#eee}
#add-question{color:#234baf}
#request-status,#view-response{font-size:.83em}
#request-status:empty{display:none}
#view-response{display:none;color:#234baf}
.guide-progress{display:flex;align-items:center;justify-content:space-between;gap:1em;color:#696969;font-size:.78em;margin-bottom:.7em}
.guide-progress progress{width:6em;height:.45em;accent-color:#3663d9}
.editor[tabindex="0"]{cursor:text}
.editor[tabindex="0"]:focus-visible,#output:focus-visible{outline:2px solid #245ded;outline-offset:-2px}
[data-workspace=open] #state.placeholder .source{color:#777}
.checklist button:enabled,.guide-action:enabled{color:#234baf}
#run:disabled[aria-busy=true]{background:#eaf0ff;color:#234baf}
@media(max-width:720px){
  #view-response:not([hidden]){display:block}
  .breadcrumb #playground,.breadcrumb .slash{display:none}
  .breadcrumb #example{flex:1;min-width:0}
  footer{gap:.5em}
  #request-status{max-width:7em}
  .model-add{display:none}
}
@media(prefers-reduced-motion:no-preference){
  button{transition:background-color .15s,color .15s}
  dialog[open],.popover{animation:panel-enter .17s ease-out}
  .choice-tip,#hint:not([hidden]){animation:hint-appear .22s ease-out}
  #output:has(.answer) header small{animation:hint-appear .23s ease-out}
  @keyframes panel-enter{from{opacity:0;translate:0 5px}}
  @keyframes hint-appear{from{opacity:0}}
}
main[hidden],#browser-example[hidden]{display:none}
/* Browser walkthrough: keep the shared request / response language. */
#browser-example{font-size:max(14px,var(--unit));color:#343434}
#browser-example [hidden]{display:none!important}
#browser-example button,#browser-example select,#browser-example summary{min-height:36px}
#browser-example button{padding:.4em .6em;border-radius:.3em}
#browser-example button:disabled{color:#767676;cursor:default}
#browser-example :is(button,select,summary,[tabindex]):focus-visible{outline:2px solid #245ded;outline-offset:2px}
#browser-example .tag{color:#585858;background:#eeeeed;font-weight:400}
#browser-example header{min-height:44px;height:auto;color:#626262;flex-shrink:0}
#browser-example .flight-workspace{display:flex;flex-direction:column;overflow:auto;scroll-padding-block:3.6em 5em;background:var(--paper)}
#browser-example .flight-workspace>.breadcrumb{position:sticky;top:0;z-index:2;background:var(--paper)}
#browser-example .flight-workspace>.panel{flex-shrink:0}
#flight-examples{text-align:left;min-width:0;color:#343434}
#flight-examples:hover:enabled{background:#eee}
#browser-example .flight-state{padding:1em 1.2em}
#browser-example h1,#browser-example h2{font-size:1em;color:#343434;margin:.15em 0 .5em;font-weight:600}
#flight-goal h1{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;font-size:1.15em}
#flight-goal{margin-bottom:1em}
#browser-example .flight-note{font-size:.88em;line-height:1.55;color:#626262;margin:.5em 0}
#browser-example .flight-placeholder{padding:.9em 0;max-width:39em}
#browser-example .flight-placeholder p{color:#626262;line-height:1.55}
#browser-example .pill{margin-top:.75em;padding:.45em .85em;border-radius:1.2em;white-space:normal;color:#234baf}
#browser-example .pill:disabled{background:#eee;color:#767676}
.flight-window{margin:0;width:100%;max-width:841px}
.flight-screen{position:relative;line-height:0;background:#f0f0f0;border:1px solid #ddd;border-radius:.35em;overflow:hidden}
.flight-screen img{display:block;width:100%;height:auto}
.flight-target{position:absolute;border:2px solid #245ded;background:#8ab4f830;box-shadow:0 0 0 1px #fff;pointer-events:none}
.flight-window figcaption{display:flex;align-items:center;justify-content:space-between;gap:.6em;flex-wrap:wrap;color:#626262;font-size:.82em;line-height:1.5;margin-top:.4em}
#browser-example #flight-enlarge{color:#234baf;flex-shrink:0}
#flight-task{margin-top:1em}
#flight-task h2{display:flex;gap:.8em;align-items:baseline}
#flight-task-count{color:#626262;font-size:.85em;font-weight:400}
#flight-progress{display:flex;flex-wrap:wrap;list-style:none;gap:.4em .6em;padding:0;margin:.5em 0 0;font-size:.83em;color:#626262}
#flight-progress li{padding:.3em .5em;border:1px solid var(--line);border-radius:.3em}
#flight-progress [aria-current=step]{border-color:#7f9bd9;background:#eef3ff;color:#234baf}
.flight-questions{padding:.3em 1.2em 1em}
.flight-question-list{margin:.2em 0 .7em}
.flight-question-list>div{display:grid;grid-template-columns:10.3em minmax(0,1fr);gap:.8em;padding:.65em 0;border-bottom:1px solid var(--line)}
.flight-question-list dt{display:flex;align-items:baseline;gap:.45em;flex-wrap:wrap;font-size:.9em}
#browser-example dd{margin:0;line-height:1.5;color:#626262}
#browser-example .raw{font-size:.85em;max-height:25em;overflow:auto;margin:.65em 0;padding:.65em;background:#f5f5f5}
#browser-example summary{cursor:pointer;color:#424242;padding:.5em 0;line-height:1.5}
#browser-example summary:hover{color:#234baf}
#browser-example .assets{height:auto;min-height:36px;padding:.5em 1.2em;gap:.7em;flex-shrink:0;flex-wrap:wrap;font-size:.83em;color:#626262;overflow:visible;margin-top:auto}
#browser-example .flight-actions{position:sticky;bottom:0;z-index:2;background:var(--paper);border-top:1px solid var(--line);height:auto;min-height:54px;padding:.5em .8em;gap:.5em;flex-wrap:wrap;flex-shrink:0;color:#626262}
#browser-example .flight-actions select{font:inherit;min-width:0;max-width:100%;padding:.4em;color:#343434;border:1px solid #b9b9b9;border-radius:.3em;background:var(--paper);font-size:.9em}
#browser-example .finish{background:#171717;color:#fff;min-height:40px;padding:.6em .85em;line-height:1.35;height:auto}
#browser-example .finish:hover:enabled{background:#333;color:#fff}
#browser-example .finish:disabled{background:#ededeb;color:#767676}
#browser-example .finish[aria-busy=true]{background:#eaf0ff;color:#234baf}
#browser-example .flight-inspector{scroll-padding-block:4em 1em}
#browser-example .flight-inspector>header{position:sticky;top:0;background:var(--paper);z-index:2}
#flight-guide{margin:1em;padding:1.2em;border:1px solid var(--line);border-radius:.45em;box-shadow:0 .15em .35em #0001;color:#626262;background:var(--paper)}
#flight-guide h2{font-size:1.15em;margin:.45em 0 .55em}
#flight-guide .eyebrow{color:#666;font-size:.76em}
#flight-guide-context,#flight-guide-copy{line-height:1.6}
#flight-guide-copy{margin-top:.8em;color:#424242}
#flight-guide .guide-progress{font-size:.83em;color:#626262;margin-bottom:1em}
#flight-guide .guide-progress progress{width:8em;height:.5em}
#flight-setup{margin:.65em 0}
#flight-setup li{align-items:center;margin:.3em 0;min-height:36px}
#flight-setup li.done{color:#52634d}
#flight-setup button{margin-left:-.6em;color:#234baf}
#flight-setup button:disabled{color:#767676}
#flight-loop{display:flex;gap:.5em;padding:0;list-style:none;margin:1em 0 .7em;font-size:.85em;flex-wrap:wrap}
#flight-loop li{padding:.45em .65em;border:1px solid var(--line);border-radius:.3em}
#flight-loop [aria-current=step]{background:#eef3ff;color:#234baf;border-color:#7f9bd9;font-weight:550}
#flight-status{font-size:.88em;color:#424242;background:#f2f3f5;border-radius:.3em;padding:.7em .8em;line-height:1.5;margin-top:.85em}
#flight-status.flight-warning{border-left:3px solid #b32323;color:#7f2020;background:#fff3f3}
#flight-guide .guide-footer{gap:.7em;margin-top:.85em;flex-wrap:wrap}
#flight-guide .previous{margin-left:-.6em}
.flight-secondary{display:flex;justify-content:flex-end;gap:.5em;flex-wrap:wrap;margin-top:.65em}
#browser-example .flight-secondary button,#flight-current{color:#234baf;border:1px solid #cbd5ed}
#browser-example #flight-auto:not(:disabled):hover,#flight-current:hover{background:#eef3ff}
#browser-example #flight-source-note{border-top:1px solid var(--line);padding-top:.8em;margin-top:.9em}
.flight-result{padding:.2em 1.2em 1em}
.flight-result-heading{display:flex;align-items:center;justify-content:space-between;gap:.8em}
#browser-example .flight-result-heading h2{margin:0}
#flight-review-back{color:#234baf;font-size:.85em}
.flight-inspection{display:flex;align-items:center;justify-content:space-between;gap:.8em;font-size:.85em;color:#626262;line-height:1.5}
#flight-current{flex-shrink:0}
#flight-decision{margin:.7em 0;overflow-wrap:anywhere}
#flight-decision .flight-decision-title{font-size:1.05em;font-weight:550;color:#343434}
.flight-answer-facts{margin:.85em 0}
.flight-answer-facts>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:.5em;padding:.35em 0;font-size:.9em}
.flight-answer-facts dt{font-weight:550}
.flight-answer-detail{margin:.75em 0;font-size:.9em}
.flight-answer-detail ul{margin:.4em 0;padding-left:1.5em}
#flight-evidence-wrap{margin:.6em 0}
#flight-evidence-wrap figcaption{color:#626262;font-size:.85em;line-height:1.5;margin-top:.6em}
#browser-example .flight-inspector>details{padding:.65em 1.2em;border-top:1px solid var(--line)}
#flight-history{margin:.5em 0;padding-left:1.7em}
#flight-history li{margin:.3em 0}
#flight-history button{width:100%;text-align:left;line-height:1.5}
#flight-history button:hover:enabled{background:#f1f4fc}
#flight-history button[aria-pressed=true]{background:#eaf0ff;color:#234baf}
.flight-help a{color:#234baf;display:inline-block;padding:.6em 0}
#dialog:has(.flight-enlarged){width:min(1040px,98vw);max-height:94dvh;overflow:auto;padding:.7em}
#dialog-content img.flight-enlarged{width:100%;max-height:76dvh}
@media(max-width:1000px) and (min-width:721px){#browser-example .flight-home{display:none}#browser-example .flight-actions .model{display:none}#browser-example .flight-actions{gap:.3em}}
@media(max-width:720px){
  #browser-example{height:auto;display:block;font-size:14px}
  #browser-example .flight-workspace{height:auto;overflow:visible;display:flex;border-right:0}
  #browser-example .flight-workspace>.breadcrumb{position:static}
  #browser-example .flight-home{display:none}
  #browser-example .flight-state{padding:1em}
  #browser-example .flight-inspector{display:block;min-height:0;padding-bottom:1em}
  #browser-example .flight-inspector>header{position:static}
  #browser-example .flight-actions{position:static;padding:.65em;gap:.4em}
  #browser-example .flight-actions .model{display:none}
  #browser-example .flight-actions #flight-next{margin-left:auto}
  #browser-example .flight-actions kbd{display:none}
  #browser-example #flight-examples{flex:1}
  #browser-example .flight-questions{padding-inline:1em}
  #browser-example .flight-question-list>div{grid-template-columns:1fr;gap:.4em}
  #flight-guide{margin:.75em;padding:1em}
  .flight-inspection{flex-wrap:wrap}
  #browser-example button,#browser-example select,#browser-example summary,#browser-example .finish{min-height:44px}
  #flight-guide .guide-footer{align-items:stretch}
  #flight-guide-next{margin-left:auto}
}
@media(forced-colors:active){.flight-target{border:3px solid Highlight}#flight-progress [aria-current=step],#flight-loop [aria-current=step]{border:2px solid Highlight}}