/* PAGE 11 · POSITION POINT — all rules are strictly scoped to this slide. */
.reveal .slides section#page11PositionPoint.position-point-slide {
    position:absolute!important;
    top:0!important;
    left:0!important;
    display:grid!important;
    grid-template-rows:58px 100px 348px minmax(0,1fr);
    gap:8px;
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding:8px 64px 72px;
    overflow:hidden;
    color:#17324d;
    background:radial-gradient(circle at 90% 8%,rgba(34,211,238,.11),transparent 27%),radial-gradient(circle at 7% 90%,rgba(20,184,166,.08),transparent 25%),#f7fbfe;
}

#page11PositionPoint .page11-mission-header { display:flex; align-items:center; justify-content:space-between; min-width:0; border-bottom:1px solid rgba(14,116,144,.2); }
#page11PositionPoint .page11-header-left { display:flex; align-items:center; gap:12px; min-width:0; }
#page11PositionPoint .page11-mission-badge,#page11PositionPoint .page11-stage-badge { padding:8px 13px; border:1px solid rgba(8,145,178,.28); border-radius:8px; color:#0e5f78; background:rgba(236,254,255,.78); font-size:20px; font-weight:850; line-height:1; white-space:nowrap; }
#page11PositionPoint .page11-stage-badge { font-size:18px; }
#page11PositionPoint .page11-header-left small { color:#0f766e; font-size:18px; font-weight:800; white-space:nowrap; }
#page11PositionPoint .page11-mission-score { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:220px; height:54px; box-sizing:border-box; border:1px solid rgba(14,116,144,.3); border-radius:10px; background:rgba(255,255,255,.84); }
#page11PositionPoint .page11-mission-score strong { color:#0b4f6c; font-size:29px; line-height:1; white-space:nowrap; }
#page11PositionPoint .page11-mission-score > span { margin-top:4px; color:#527083; font-size:17px; font-weight:800; letter-spacing:1px; white-space:nowrap; }
#page11PositionPoint .page11-mission-score em { position:absolute; right:-4px; top:0; color:#0f9f8f; font-size:20px; font-style:normal; font-weight:900; opacity:0; }
#page11PositionPoint .page11-mission-score.is-awarded em { animation:page11ScorePop 1.2s ease both; }
@keyframes page11ScorePop { 20%{opacity:1;transform:translateY(-5px)} 100%{opacity:0;transform:translateY(-18px)} }

#page11PositionPoint .page11-title-zone { display:grid; align-content:start; min-width:0; text-align:left; }
#page11PositionPoint .page11-task-label { color:#087f8c; font-size:17px; font-weight:900; line-height:1.2; letter-spacing:.6px; }
#page11PositionPoint .page11-title-meta { display:flex; align-items:center; gap:14px; margin-top:3px; color:#60798a; font-size:16px; font-weight:800; }
#page11PositionPoint .page11-title-meta b { padding-left:14px; border-left:2px solid #20b8c5; color:#0f766e; letter-spacing:1px; }
#page11PositionPoint .page11-title-zone h2 { margin:5px 0 2px; color:#123653; font-size:37px; line-height:1.05; letter-spacing:-.35px; }
#page11PositionPoint .page11-title-zone p { margin:0; color:#526b7c; font-size:21px; line-height:1.25; }

#page11PositionPoint .page11-inference-workspace { display:grid; grid-template-columns:1.02fr 1.03fr 1.25fr; gap:14px; min-height:0; }
#page11PositionPoint .page11-step,#page11PositionPoint .author-conclusion { min-width:0; max-width:none; height:100%; box-sizing:border-box; margin:0; padding:17px 18px; overflow:hidden; border:1px solid rgba(14,116,144,.18); border-radius:14px; background:rgba(255,255,255,.94); box-shadow:0 7px 18px rgba(15,60,86,.06); text-align:left; }
#page11PositionPoint .attitude-question-label,#page11PositionPoint .conclusion-label { color:#0f766e; font-size:18px; font-weight:900; line-height:1.1; letter-spacing:1px; }
#page11PositionPoint .page11-step h3 { margin:9px 0 0; color:#26455b; font-size:24px; line-height:1.25; }
#page11PositionPoint .attitude-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:15px; }
#page11PositionPoint .attitude-option { display:flex; align-items:center; justify-content:flex-start; gap:9px; min-height:52px; padding:8px 12px; border:1px solid #d6e3e9; border-radius:10px; color:#405b6d; background:#f8fbfc; font:800 17px/1.1 inherit; cursor:pointer; }
#page11PositionPoint .attitude-letter { display:grid; place-items:center; flex:0 0 29px; width:29px; height:29px; border-radius:50%; color:#0b5f73; background:#dff6f8; font-size:17px; }
#page11PositionPoint .attitude-option:hover { border-color:#27b8b1; transform:translateY(-1px); }
#page11PositionPoint .attitude-option.is-correct { color:#0f766e; border-color:#22b8a8; background:#ecfdf8; box-shadow:0 0 12px rgba(34,184,168,.15); }
#page11PositionPoint .attitude-option.is-wrong { color:#a65b18; border-color:#eda55f; background:#fff8ee; }
#page11PositionPoint .attitude-feedback,#page11PositionPoint .clue-feedback { min-height:38px; margin-top:12px; color:#0f766e; font-size:18px; font-weight:800; line-height:1.3; }

#page11PositionPoint .inference-evidence-stage { min-height:0; max-width:none; max-height:none; margin:0; overflow:visible; opacity:.58; pointer-events:auto; transition:opacity .25s,border-color .25s; }
#page11PositionPoint .inference-evidence-stage.is-visible { max-height:none; margin:0; opacity:1; border-color:rgba(20,184,166,.38); }
#page11PositionPoint .clue-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:15px; }
#page11PositionPoint .clue-option { min-height:42px; padding:7px 8px; border:1px solid #d5e2e8; border-radius:999px; color:#415d6f; background:#fff; font:800 16px/1 inherit; cursor:pointer; }
#page11PositionPoint .clue-option:disabled { cursor:not-allowed; opacity:.52; }
#page11PositionPoint .clue-option.is-correct { color:#fff; border-color:#14b8a6; background:#14b8a6; box-shadow:0 0 14px rgba(20,184,166,.22); }
#page11PositionPoint .clue-option.is-dimmed { opacity:.38; }
#page11PositionPoint .clue-option.is-wrong { color:#a65b18; border-color:#eda55f; background:#fff8ee; }
#page11PositionPoint .inference-evidence-stage .clue-feedback { min-height:20px; margin-top:8px; line-height:1.35; }
#page11PositionPoint .partisan-explanation { display:none; height:auto; max-height:none; box-sizing:border-box; margin-top:3px; padding:8px 12px 13px; overflow:visible; border-left:4px solid #14b8a6; border-radius:8px; background:#effcf9; }
#page11PositionPoint .partisan-explanation.is-visible { display:grid; gap:5px; animation:titleTransitionIn .28s ease both; }
#page11PositionPoint .partisan-definition-line { display:flex; align-items:baseline; gap:7px; line-height:1.35; }
#page11PositionPoint .partisan-definition-line strong { color:#0f766e; font-size:23px; }
#page11PositionPoint .partisan-definition-line span { color:#5e7484; font-size:18px; font-style:italic; }
#page11PositionPoint .partisan-link { color:#526879; font-size:18px; line-height:1.4; }
#page11PositionPoint .partisan-link span { opacity:.5; }
#page11PositionPoint .partisan-link strong { color:#0b5f73; }
#page11PositionPoint .partisan-mechanism { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:10px; color:#738895; font-size:18px; font-weight:900; line-height:1.35; text-align:center; }
#page11PositionPoint .partisan-mechanism i { color:#16a6b7; font-style:normal; }
#page11PositionPoint .partisan-mechanism strong { color:#0f766e; }

#page11PositionPoint .author-conclusion { display:flex; flex-direction:column; justify-content:center; max-width:none; max-height:none; margin:0; overflow:hidden; opacity:1; pointer-events:auto; border-left:4px solid #cbdde4; transition:border-color .3s,background .3s; }
#page11PositionPoint .page11-position-pending { margin-top:22px; color:#718694; font-size:21px; line-height:1.45; text-align:center; }
#page11PositionPoint .page11-position-reveal { display:none; }
#page11PositionPoint .author-conclusion.is-visible { border-left-color:#14b8a6; background:linear-gradient(135deg,#f0fdfa,#fff); }
#page11PositionPoint .author-conclusion.is-visible .page11-position-pending { display:none; }
#page11PositionPoint .author-conclusion.is-visible .page11-position-reveal { display:block; animation:titleTransitionIn .35s ease both; }
#page11PositionPoint .page11-position-reveal > span { display:inline-block; margin-top:8px; padding:4px 8px; border-radius:6px; color:#087f8c; background:#dff8f6; font-size:17px; font-weight:900; letter-spacing:.7px; }
#page11PositionPoint .page11-position-reveal h3 { margin:9px 0 4px; color:#163c58; font-size:23px; line-height:1.18; }
#page11PositionPoint .page11-position-reveal > strong { color:#0f766e; font-size:22px; }
#page11PositionPoint .conclusion-main { margin:11px 0 0; color:#0f2f63; font-size:22px; font-weight:850; line-height:1.25; }
#page11PositionPoint .conclusion-support { margin:4px 0 0; color:#587180; font-size:18px; line-height:1.35; }
#page11PositionPoint .page11-contrast { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; margin-top:11px; padding:8px; border-radius:9px; background:#eaf8fa; text-align:center; }
#page11PositionPoint .page11-contrast span,#page11PositionPoint .page11-contrast strong { font-size:17px; line-height:1.15; }
#page11PositionPoint .page11-contrast span { color:#7a8890; text-decoration:line-through; }
#page11PositionPoint .page11-contrast span small { display:block; text-decoration:none; }
#page11PositionPoint .page11-contrast b { color:#16a6b7; font-size:14px; }
#page11PositionPoint .page11-contrast strong { color:#0f766e; }

#page11PositionPoint .page11-bottom-system { display:grid; grid-template-columns:31% 44% 25%; min-height:0; overflow:hidden; border:1px solid rgba(14,116,144,.18); border-radius:15px; background:linear-gradient(105deg,rgba(236,254,255,.82),rgba(255,255,255,.95)); }
#page11PositionPoint .page11-nova-zone { display:flex; align-items:center; gap:8px; min-width:0; padding:8px 14px; border-right:1px solid rgba(14,116,144,.15); }
#page11PositionPoint .page11-nova-core { position:relative; flex:0 0 105px; width:105px; height:150px; overflow:hidden; }
#page11PositionPoint .page11-nova-core .page3-nova-core { position:absolute; left:50%; top:50%; width:314px; height:326px; translate:-50% -50%; transform:scale(.38); transform-origin:center; }
#page11PositionPoint .page11-nova-copy { min-width:0; }
#page11PositionPoint .page11-nova-copy > strong { color:#0e7490; font-size:18px; line-height:1.15; letter-spacing:.4px; }
#page11PositionPoint .page11-nova-copy p { margin:8px 0 0; color:#526b7c; font-size:18px; line-height:1.4; }
#page11PositionPoint .page11-nova-complete-title,#page11PositionPoint .page11-nova-complete { display:none; }
#page11PositionPoint .page11-bottom-system.is-complete .page11-nova-pending-title,#page11PositionPoint .page11-bottom-system.is-complete .page11-nova-pending { display:none; }
#page11PositionPoint .page11-bottom-system.is-complete .page11-nova-complete-title,#page11PositionPoint .page11-bottom-system.is-complete .page11-nova-complete { display:block; }

#page11PositionPoint .page11-reasoning-zone { display:grid; grid-template-columns:1.35fr auto .85fr auto 1fr; align-items:center; gap:9px; min-width:0; padding:11px 15px; border-right:1px solid rgba(14,116,144,.15); }
#page11PositionPoint .page11-evidence-available { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 8px; min-width:0; }
#page11PositionPoint .page11-evidence-available strong { grid-column:1/-1; color:#0e7490; font-size:17px; letter-spacing:.6px; }
#page11PositionPoint .page11-evidence-available span { color:#526b7c; font-size:16px; font-weight:750; line-height:1.15; }
#page11PositionPoint .page11-reasoning-zone > i { color:#20aeb8; font-size:24px; font-style:normal; font-weight:900; }
#page11PositionPoint .page11-signal-node,#page11PositionPoint .page11-position-node { display:grid; place-items:center; min-width:0; min-height:74px; padding:8px; box-sizing:border-box; border:1px solid #cfe0e7; border-radius:10px; background:#f8fbfc; text-align:center; opacity:.42; transition:opacity .25s,border-color .25s,background .25s; }
#page11PositionPoint .page11-signal-node small,#page11PositionPoint .page11-position-node small { display:block; color:#6d8593; font-size:13px; font-weight:900; line-height:1.3; letter-spacing:.6px; }
#page11PositionPoint .page11-signal-node strong,#page11PositionPoint .page11-position-node strong { margin-top:5px; color:#8aa0ad; font-size:18px; }
#page11PositionPoint .page11-reasoning-zone.is-clue-found .page11-signal-node { border-color:#36c4b8; background:#ecfdf8; box-shadow:0 0 12px rgba(20,184,166,.12); opacity:1; }
#page11PositionPoint .page11-reasoning-zone.is-clue-found .page11-signal-node strong { color:#0f766e; }
#page11PositionPoint .page11-bottom-system.is-complete .page11-position-node { border-color:#36c4b8; background:#ecfdf8; opacity:1; }
#page11PositionPoint .page11-bottom-system.is-complete .page11-position-node strong { color:#0f766e; }

#page11PositionPoint .page11-next-zone { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; padding:9px 14px; text-align:center; opacity:.34; transition:opacity .3s; }
#page11PositionPoint .page11-bottom-system.is-complete .page11-next-zone { opacity:1; }
#page11PositionPoint .page11-next-zone > small { color:#0f766e; font-size:14px; font-weight:900; letter-spacing:1px; }
#page11PositionPoint .page11-next-zone > span { margin-top:4px; color:#315b70; font-size:18px; font-weight:900; }
#page11PositionPoint .page11-next-zone > strong { margin-top:2px; color:#174b63; font-size:21px; }
#page11PositionPoint .page11-next-zone > p { margin:4px 0 0; color:#587180; font-size:17px; line-height:1.25; }
#page11PositionPoint .page11-completion { display:none; gap:3px; margin-bottom:6px; }
#page11PositionPoint .page11-completion strong,#page11PositionPoint .page11-completion span,#page11PositionPoint .page11-completion em { display:block; color:#0f766e; font-size:14px; font-style:normal; font-weight:900; line-height:1.15; }
#page11PositionPoint .page11-bottom-system.is-complete .page11-completion { display:grid; }
#page11PositionPoint .page11-bridge { display:none; margin-top:7px; padding-top:6px; border-top:1px solid rgba(14,116,144,.14); color:#667d8b; font-size:14px; line-height:1.25; }
#page11PositionPoint .page11-bridge b { color:#315b70; }
#page11PositionPoint .page11-bottom-system.is-complete .page11-bridge { display:block; }

@media (max-width:1200px) {
    .reveal .slides section#page11PositionPoint.position-point-slide { padding-inline:42px; }
    #page11PositionPoint .page11-inference-workspace { grid-template-columns:1fr 1fr 1.2fr; gap:10px; }
    #page11PositionPoint .page11-bottom-system { grid-template-columns:30% 44% 26%; }
}

/* =========================================================
   PAGE 12 (visual numbering) · POSITION POINT
   2026-08-23 readability + bottom-panel height refinement
   NOTE: this is section#page11PositionPoint in the DOM.
========================================================= */

/* Enlarge all selectable option text for classroom projection. */
#page11PositionPoint .attitude-option {
    min-height:56px;
    padding:9px 13px;
    font-size:21px;
    line-height:1.12;
}
#page11PositionPoint .attitude-letter {
    flex-basis:31px;
    width:31px;
    height:31px;
    font-size:19px;
}
#page11PositionPoint .clue-option {
    min-height:46px;
    padding:8px 9px;
    font-size:19px;
    line-height:1.08;
}

/* Pull the whole bottom system downward by giving it more vertical room,
   without shrinking the upper workspace. */
.reveal .slides section#page11PositionPoint.position-point-slide {
    padding-bottom:38px;
}
#page11PositionPoint .page11-bottom-system {
    min-height:0;
}
#page11PositionPoint .page11-nova-zone,
#page11PositionPoint .page11-reasoning-zone,
#page11PositionPoint .page11-next-zone {
    min-height:0;
    box-sizing:border-box;
}
#page11PositionPoint .page11-nova-core {
    height:166px;
}
#page11PositionPoint .page11-signal-node,
#page11PositionPoint .page11-position-node {
    min-height:84px;
}
#page11PositionPoint .page11-next-zone {
    padding-top:10px;
    padding-bottom:12px;
    justify-content:center;
}
#page11PositionPoint .page11-bridge {
    margin-top:8px;
    padding-top:7px;
    line-height:1.3;
}