/* Scoped finishing for the two-scene, silent banana moment. Load after styles.css. */
.banana-section .banana-art{isolation:isolate;overflow:hidden;background:#eddfef}
.banana-section .banana-art img{transition:none}
.banana-scene-badge{position:absolute;z-index:1;top:24px;left:24px;max-width:calc(100% - 48px);padding:9px 14px;border:1px solid #ffffffb3;border-radius:24px;background:#fffaf3f0;color:#51325b;box-shadow:0 3px 18px #4528500d;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.035em;text-wrap:balance}
.banana-scene-badge::before{content:'✦';display:inline-block;margin-right:8px;color:#9d6348}
.banana-section[data-banana-state=fact] .banana-scene-badge{background:#eff8eaf2;border-color:#c6debf;color:#39523d}
.banana-section[data-banana-state=pretend] .banana-scene-badge{background:#fff0f4f2;border-color:#e9c5d6;color:#65304e}
.banana-section .banana-choices{align-items:stretch;gap:10px}
.banana-section .banana-choices button{position:relative;min-height:48px;padding:12px 15px;border:2px solid #cab4cd;font-size:12px;line-height:1.45;box-shadow:0 3px 0 #cfbacb55;transition:background 160ms ease,color 160ms ease,border-color 160ms ease,box-shadow 160ms ease;text-align:left}
.banana-section .banana-choices button:focus-visible,.banana-section .banana-reset:focus-visible{outline:3px solid #754481;outline-offset:4px}
.banana-section .banana-choices button:hover{background:#f7edf6;color:#452850;border-color:#946697}
.banana-section .banana-choices button::after{content:'✓';display:inline-block;width:10px;margin-left:8px;font-weight:700;opacity:0}
.banana-section .banana-choices button[aria-pressed=true]{background:#452850;border-color:#452850;color:#fffaf3;box-shadow:0 0 0 3px #fffaf3,0 0 0 5px #9e76a7}
.banana-section .banana-choices button[data-banana=fact][aria-pressed=true]{background:#35593f;border-color:#35593f;color:#f8fff2;box-shadow:0 0 0 3px #fffaf3,0 0 0 5px #86a68b}
.banana-section .banana-choices button[aria-pressed=true]::after{opacity:1}
.banana-section .banana-copy .banana-reply{min-height:84px;margin-bottom:8px}
.banana-section .banana-copy .banana-scene-note{max-width:32em;margin:0;color:#725677;font-size:11px!important;line-height:1.6!important;letter-spacing:0}
.banana-section .banana-copy .banana-picture-status{margin:12px 0 0;padding:10px 12px;border-left:2px solid #b582a5;background:#fff7ed;color:#6d485e;font-size:12px!important;line-height:1.55!important}
.banana-section .banana-copy .banana-picture-status:empty{display:none}
.banana-section .banana-reset{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;margin:8px 0 0;background:transparent;border:0;border-radius:3px;color:#76557d;font-size:11px;font-weight:700;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.banana-section .banana-reset::before{content:'↺';font:normal 19px/1 var(--body)}
.banana-section .banana-reset:hover{color:#452850}
.banana-section .banana-copy>small{margin-top:13px;color:#775f7a;font-size:10px;line-height:1.55}
.banana-section .banana-scene-arrives img{animation:banana-picture-arrives 440ms cubic-bezier(.2,.75,.3,1) both;transform-origin:50% 65%}
@keyframes banana-picture-arrives{from{opacity:.55;transform:translateY(5px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}
html[data-motion=off] .banana-section *,html[data-motion=off] .banana-section *::before,html[data-motion=off] .banana-section *::after{animation:none!important;transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.banana-section *,.banana-section *::before,.banana-section *::after{animation:none!important;transition:none!important;transform:none!important}}
@media(max-width:980px){.banana-section .banana-choices button{font-size:11px;padding-inline:13px}.banana-section .banana-copy .banana-reply{min-height:76px}.banana-scene-badge{top:18px;left:18px;max-width:calc(100% - 36px);font-size:9px;padding:8px 12px}}
@media(max-width:680px){.banana-section .banana-copy .banana-reply{min-height:88px;margin-top:24px}.banana-section .banana-choices button{font-size:12px;flex:1 1 145px}.banana-section .banana-copy .banana-scene-note{font-size:12px!important}.banana-section .banana-reset{font-size:12px}.banana-scene-badge{top:16px;left:16px;max-width:calc(100% - 32px);font-size:10px}}
@media(max-width:360px){.banana-section .banana-choices{gap:10px}.banana-section .banana-choices button{flex-basis:100%;font-size:12px}.banana-section .banana-copy .banana-reply{min-height:88px}}
@media(max-width:680px){
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-art{height:240px;min-height:240px}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-art img{object-fit:contain;object-position:center}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-copy{padding:22px}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-copy h2{font-size:26px;line-height:1.12;margin:8px 0 12px;letter-spacing:-.045em}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-copy h2 br{display:none}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-copy h2 em::before{content:' '}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-copy h2+p{display:none}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-choices button{min-height:48px;padding:9px 10px;font-size:11px;line-height:1.35}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-copy .banana-reply{font-size:19px!important;line-height:1.35!important;min-height:0;margin:18px 0 7px}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-copy .banana-scene-note{font-size:11px!important;line-height:1.45!important}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-reset{margin-top:3px}
  .banana-section[data-banana-state]:not([data-banana-state=idle]) .banana-copy>small{margin-top:6px}
}
@media(forced-colors:active){.banana-section .banana-choices button[aria-pressed=true]{outline:3px solid Highlight;outline-offset:2px}.banana-scene-badge{border:1px solid CanvasText}.banana-section .banana-choices button{box-shadow:none}}