/* v13.1: concrete examples precede formal definitions; all full explanations remain local. */
.first-purpose{margin:0 0 12px;line-height:1.4}
.first-object{min-width:0;margin:0 0 14px;padding:12px;border:1px solid var(--line);background:var(--panel)}
.first-object h3{margin-top:0}
.first-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.first-pair>div{min-width:0;padding:10px;border-left:3px solid var(--wine);background:#fff}
.first-pair>div>span,.first-pair>div>b{display:block;overflow-wrap:anywhere}
.first-pair>div>span{font-size:.9em;margin-bottom:5px}
.first-pair>div>b{font-size:1.15em}
.first-entry-rail{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:6px 0;padding:0}
.first-entry-rail li{min-width:3.5em;max-width:100%;padding:7px 10px;border:1px solid var(--line);background:#fff;overflow-wrap:anywhere}
.first-entry-rail small,.first-entry-rail b{display:block}
.first-entry-rail .is-on{border:2px solid var(--wine)}
.first-example>h3{margin-top:0}
.vfa-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}
.vfa-presets select{min-height:44px;max-width:100%;font:inherit;color:inherit;background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px}
.vfa-entry textarea{min-height:9em}
.vfa-event-summary{min-width:0;padding:10px 12px;border-left:3px solid var(--wine);background:var(--panel);overflow-wrap:anywhere}
.vfa-event-summary:focus{outline:3px solid var(--focus);outline-offset:3px}
.wb-current-file{display:block;max-width:100%;font-size:.9em;white-space:normal;overflow-wrap:anywhere;color:var(--teal)}
.wb-file{min-width:0;max-width:100%}
.wb-file input{max-width:100%;min-width:0}
.coordinate-lab .cl-workbench>.cl-graphic{grid-column:1;grid-row:2/4}
.coordinate-lab .cl-workbench>.seg,.coordinate-lab .cl-workbench>.cl-term-picker{grid-column:2;grid-row:2}
.coordinate-lab .cl-workbench>.cl-term-result{grid-column:2;grid-row:3;min-height:0}
.coordinate-lab #coordinate-background .cl-purpose{margin-bottom:16px}
@media(max-width:640px){
 .first-object{padding:10px}
 .first-pair{gap:6px}
 .first-pair>div{padding:8px}
 .vfa-entry textarea{min-height:9em}
 .coordinate-lab .cl-workbench{display:block}
 .coordinate-lab .cl-term-result{min-height:0}
 .coordinate-lab .cl-graphic{margin-top:6px}
 .coordinate-lab .cl-context{padding:6px 8px;margin:8px 0}
 .coordinate-lab .cl-workbench>h3{margin-bottom:4px}
 .wb-current-file{font-size:1em}
}

.vfa-lab>.first-example,.vfb-lab>.first-example{border-top:0;margin-top:0;padding-top:0}
.coordinate-lab>.cl-workbench{margin-top:12px;padding-top:10px}

.first-pair>div>b{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:3px}

.first-pair{display:flex;flex-wrap:wrap}.first-pair>div{flex:1 1 8em}
.first-pair>div>b>.math{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}

.coordinate-lab .cl-workbench>.cl-graphic{grid-row:2/5}.coordinate-lab .cl-example-choices{grid-column:2;grid-row:2;min-width:0}.coordinate-lab .cl-workbench>.seg,.coordinate-lab .cl-workbench>.cl-term-picker{grid-row:3}.coordinate-lab .cl-workbench>.cl-term-result{grid-row:4}

.wb-file input[type=file]{min-height:44px}

/* Keep absolute mathematical descendants inside the intended scroll regions. */
.rep-lab .ex-scroll,.rep-lab .ex-equation,.rep-lab [class*=scroll]{position:relative}