/* Unit 6 reuses the Unit 4 teaching shell; only new comparisons and interactions live here. */
.ie2-unit6-theory-page .u6-grid{display:grid;gap:1.2rem;margin:1.4rem 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.ie2-unit6-theory-page .u6-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ie2-unit6-theory-page .u6-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ie2-unit6-theory-page .ie2-theory-body p{line-height:1.65}
.ie2-unit6-theory-page .u6-scene{padding:0;overflow:hidden}
.u6-scene img{display:block;width:100%;height:auto;max-height:320px;aspect-ratio:3/2;object-fit:contain;background:#e9edf4}
.u6-scene .u4-card-copy{padding:1rem}
.u6-say{display:inline;font:inherit;line-height:inherit;text-align:left;color:var(--ie2-navy);border:0;border-bottom:2px dotted var(--ie2-teal);background:transparent;padding:.3rem .1rem;min-height:44px;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.u6-say:hover,.u6-say[aria-pressed=true]{background:#dcefe8;color:#145437}
.u6-say:focus-visible{outline:3px solid #b87a15;outline-offset:3px}
.u6-local-status{display:block;color:#94341f;font-size:.9rem;line-height:1.4}
.u6-local-status:empty{display:none}
.u6-audio-settings{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin:1rem 0;padding:.8rem 1rem;border:1px solid var(--ie2-line);background:white;border-radius:8px}
.u6-audio-settings>span:first-child{font-weight:750;color:var(--ie2-navy)}
.u6-audio-settings button{font:inherit;min-width:54px;min-height:44px;padding:.5rem .75rem;border:1px solid var(--ie2-teal);border-radius:8px;background:white;color:var(--ie2-teal);cursor:pointer}
.u6-audio-settings button[aria-pressed=true]{background:var(--ie2-teal);color:white}
#u6-audio-status:empty{display:none}
.u6-certainty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.u6-certainty>div{display:grid;gap:.4rem;padding:1.2rem;border-top:4px solid var(--ie2-teal);background:#edf5f4;border-radius:0 0 8px 8px}
.u6-certainty>div:first-child{border-color:var(--ie2-blue);background:#edf2fc}
.u6-certainty>div:nth-child(2){border-color:var(--ie2-gold);background:#fff8e8}
.u6-certainty span{font-size:1.6rem;font-weight:850;color:var(--ie2-navy)}
.u6-certainty small{font-size:1rem;line-height:1.5}
.u6-table{margin:1.4rem 0;border:1px solid var(--ie2-line);border-radius:8px;overflow:hidden}
.u6-table table{width:100%;table-layout:fixed;border-collapse:collapse;background:white}
.u6-table th,.u6-table td{text-align:left;padding:1rem;border-bottom:1px solid var(--ie2-line);vertical-align:top;line-height:1.55;overflow-wrap:anywhere}
.u6-table th{background:var(--ie2-navy);color:white}
.u6-table tbody tr:nth-child(even){background:#f6f8fc}
.u6-table tr:last-child td{border-bottom:0}
.u6-error p{margin:.6rem 0}.u6-error-label{color:#933421}.u6-correct-label{color:var(--ie2-teal)}
.u6-use-note{border-top:1px solid var(--ie2-line);padding-top:.7rem;color:var(--ie2-muted);font-size:.95rem}
.ie2-unit6-theory-page .u4-model{margin:.65rem 0}
.ie2-unit6-theory-page .u4-formula{gap:.4rem}
.u6-projector .u4-project-visual img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.u6-projector .u4-project-description p{font-size:clamp(1.25rem,2.1vw,2.25rem)}
.u6-projector .u6-audio-settings{margin:0;padding:.4rem .6rem;gap:.35rem}
.u6-projector .u4-project-text h2{font-size:clamp(1.6rem,3.4vw,3.5rem)}
.u6-projector{height:100vh;height:100dvh}
.u6-projector .u4-project-stage{overflow:auto}
.ie2-unit6-theory-page .site-header{z-index:1400;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}
.ie2-unit6-theory-page .navbar,.ie2-unit6-theory-page .nav-links{overflow:visible}
.ie2-unit6-theory-page .nav-links{flex-wrap:wrap}
.ie2-unit6-theory-page .jaralingua-auth-nav .auth-panel{position:fixed;top:88px;right:18px;left:auto;bottom:auto;margin:0;width:min(380px,calc(100vw - 36px));height:auto;max-height:calc(100vh - 106px);overflow-y:auto;color:var(--ie2-ink);background:white}
@media(max-width:1100px){.ie2-unit6-theory-page .u6-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .ie2-unit6-theory-page .u6-grid,.u6-certainty{grid-template-columns:1fr}
 .u6-table table,.u6-table tbody,.u6-table tr,.u6-table td{display:block;width:100%}
 .u6-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .u6-table tr{padding:.4rem .85rem;border-bottom:3px solid var(--ie2-line)}
 .u6-table td{border:0;padding:.55rem 0}
 .u6-table td::before{content:attr(data-label);display:block;font-size:.83rem;font-weight:800;color:var(--ie2-teal);margin-bottom:.3rem}
 .u6-table tr:last-child{border:0}
 .ie2-unit6-theory-page .jaralingua-auth-nav .auth-panel{top:var(--u6-auth-top,12px);right:12px;left:12px;width:auto;max-height:var(--u6-auth-height,calc(100vh - 24px));padding:18px 12px}
 .u6-projector .u4-project-stage{grid-template-rows:minmax(190px,35vh) auto}
 .ie2-unit6-theory-page input{font-size:16px}
}


.u6-expression-type{display:inline-block;background:#e5f3ef;color:#145b53;border-radius:99px;padding:.2rem .7rem;font-size:.85rem;font-weight:800}
.u6-expression-spanish{border-left:3px solid var(--ie2-gold);padding:.5rem .8rem;background:#fff8e8}

.u6-projector.u6-text-only .u4-project-stage{display:block}.u6-projector.u6-text-only .u4-project-visual{display:none}.u6-projector .u4-project-description h3{display:block}.u6-projector .u6-project-section{display:none}.u6-projector .u4-project-description .u6-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.u6-projector.u6-text-only .u4-project-text{overflow:visible}.u6-projector .u4-project-description{line-height:1.6}.u6-projector .u4-project-description table{font-size:clamp(1rem,1.7vw,1.6rem)}
.u6-tooltip{position:fixed;z-index:2000;width:max-content;max-width:calc(100vw - 24px);padding:.65rem .9rem;border:1px solid #adc7bc;border-radius:8px;background:#fff;color:#123e36;box-shadow:0 8px 28px #0003;font:500 1.1rem/1.4 system-ui;overflow-wrap:anywhere}.u6-tooltip[hidden]{display:none!important}
.u6-say[data-u6-meaning]{text-decoration:underline dotted;text-underline-offset:.2em}.u6-hint,.u6-source{color:var(--ie2-muted);font-size:.95rem}.u6-support,.u6-transcript{margin:1rem 0;padding:.7rem 1rem;border:1px solid var(--ie2-line);border-radius:8px}.u6-support summary,.u6-transcript summary{cursor:pointer;font-weight:700;min-height:32px}.u6-scene .u4-project-open{width:100%}.u6-audio-settings audio{width:min(100%,300px);max-width:100%}.u6-project-section{margin:0 0 1rem}.u6-projector .u4-project-toolbar{flex-wrap:wrap}.u6-projector .u4-project-nav{flex-wrap:wrap}.u6-projector .u4-project-visual{min-height:0}.u6-projector .u4-project-description .ie2-key-answer{display:none}
@media(max-width:760px){.u6-projector .u4-project-description .u6-grid{grid-template-columns:1fr}.u6-projector.u6-text-only .u4-project-stage{display:block}.u6-projector .u4-project-nav{gap:.4rem;padding:.6rem}.u6-projector .u6-audio-settings button{min-width:44px;padding:.4rem}.u6-projector .u6-audio-settings{order:3;width:100%;justify-content:center}}

/* The shared QR layout widens these children; keep Unit 6 hero controls inside the copy column. */
.ie2-unit6-theory-page .u4-hero .ie2-overview-chips,.ie2-unit6-theory-page .u4-hero .intermediate2-actions{width:100%!important;max-width:100%;min-width:0}

/* Reading previews stay compact; the projector keeps the original image available. */
.ie2-unit6-theory-page main .u6-scene .u4-project-open{align-self:start;background:#e9edf4}
.ie2-unit6-theory-page .u6-scene .u4-card-copy{min-width:0}
.u6-topic-group{margin:1rem 0;border:1px solid var(--ie2-line);border-radius:8px;background:white}
.u6-topic-group>summary{padding:1rem;min-height:48px;font-weight:750;color:var(--ie2-navy);cursor:pointer;line-height:1.5}
.u6-topic-group>summary:focus-visible{outline:3px solid var(--ie2-gold);outline-offset:2px}
.u6-group-body{padding:0 1rem 1rem}
.u6-group-body>.u6-grid{margin:.25rem 0!important}
.u6-projector .u6-section-image{margin:0;background:#e9edf4}
.u6-projector .u6-section-image img{max-height:360px}
.u6-projector .u6-topic-group>summary{font-size:clamp(1.1rem,1.6vw,1.5rem)}
.u6-projector #u6-project-title .u6-say{font:inherit;color:inherit}
@media(min-width:900px){
 .ie2-unit6-theory-page main .ie2-theory-body>.u6-scene{display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);align-items:start}
}
@media(max-width:760px){
 .ie2-unit6-theory-page main .u6-scene img{max-height:260px}
 .u6-group-body{padding:0 .65rem .65rem}
}

/* Contrastive verb/preposition pairs: bounded images and two useful columns. */
.u6-prep-scene mark{background:#fff0c7;color:var(--ie2-navy);border-radius:4px;padding:0 .18em}
.u6-prep-scene .u6-prep-definition{font-weight:700;color:var(--ie2-teal)}
.u6-prep-question{font-size:1.15rem;font-weight:700}
.u6-project-pair{margin:.5rem 0}
.u6-prep-pair .u4-card{min-width:0}
.u6-prep-pair .u6-support{margin-bottom:0}
.u6-pair-view .u4-project-text>h2{font-size:clamp(1.5rem,2.5vw,2.3rem)}
.u6-pair-view .u4-project-description p{font-size:clamp(1rem,1.4vw,1.4rem);line-height:1.5}
.u6-pair-view .u4-project-description h3{font-size:clamp(1.4rem,2vw,2rem);margin:.1rem 0}
.u6-pair-view .u6-section-image img{width:100%;height:auto;max-height:280px;object-fit:contain}
.u6-pair-view .u6-prep-question{margin-top:0}
.u6-pair-view .u4-card-copy{padding:.7rem 1rem}
.u6-pair-view .u4-note{margin-top:.8rem}
/* Short, projectable teaching blocks make the speaker's viewpoint visible. */
.u6-explainer>summary h3{display:inline;margin:0;font:inherit}
.u6-project-explainer{margin:.5rem 0 1rem}
.u6-report-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}
.u6-report-route>div{padding:1.1rem;border:1px solid #b9cccd;border-top:4px solid #227974;border-radius:10px;background:#f0f8f6;color:#173d3a}
.u6-report-route small{font-size:.95em;line-height:1.5}
.u6-report-route mark{background:#ffecb4;color:#173d3a;padding:0 .16em;border-radius:3px}
.u6-report-steps{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;margin:1.2rem 0}
.u6-report-steps li{border:1px solid #bfcccc;border-radius:10px;padding:1.1rem;background:#f6f9fb;color:#183947;min-width:0}
.u6-report-steps p{margin:.6rem 0 0}
.u6-report-result{padding:1rem;border-left:5px solid #24755f;background:#edf7ec;color:#173d3a;border-radius:8px}
.u6-report-parts{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0}
.u6-report-parts>span{padding:.7rem 1rem;background:#eef5f4;border:1px solid #bdd2cd;border-radius:8px;color:#173d3a}
.u6-report-parts small{display:block;font-size:.85em;margin-bottom:.5rem}
.u6-projector .u6-report-route p,.u6-projector .u6-report-steps p{font-size:clamp(1.1rem,1.9vw,2rem)}
.u6-projector .u6-report-route small{font-size:clamp(1rem,1.5vw,1.4rem)}
.u6-projector .u6-report-parts{font-size:clamp(1.1rem,1.8vw,1.8rem)}
@media(max-width:760px){.u6-report-route,.u6-report-steps{grid-template-columns:1fr}.u6-report-route>div,.u6-report-steps li{padding:.85rem}}