/* Shared compact Hebrew reading scale. Browser text-size preferences remain respected. */
.contact-email-dialog{box-sizing:border-box;width:min(680px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:24px;border:2px solid #8f8878;border-radius:16px;background:#fffdf8;color:#241a2e;text-align:start}
.contact-email-dialog::backdrop{background:#241a2e99}
.contact-email-dialog .actions{display:flex;flex-wrap:wrap;gap:12px}
.contact-email-dialog h2{margin-top:0}
html { font-size:100%; }
body { font-size:1rem; line-height:1.7; }
input, select, textarea, button { font-size:1rem; }
p, li, label, summary, button, a { overflow-wrap:break-word; }
small, figcaption, .hint, .note, .muted, .eyebrow { font-size:1rem; line-height:1.65; }
header nav, .nav, .family-nav { flex-wrap:wrap; gap:.5rem 1.15rem; }
header nav a, header nav summary, .nav a, .nav-group>summary, .family-nav a {
  font-size:1rem !important; line-height:1.45; min-height:48px; padding-block:8px;
}
/* Keep the three header controls independent of each page's content font. */
#site-nav > .nav-home,
#site-nav > .nav-group > summary {
  font-family:Arial,'Segoe UI',sans-serif;
  font-weight:700 !important;
  line-height:1.45;
}
@media(hover:hover) {
  #site-nav > .nav-home:hover,
  #site-nav > .nav-group > summary:hover { background:var(--ivory-2,#EFE7D7); }
}
.nav-dropdown { min-width:min(18rem,calc(100vw - 2rem)); max-width:calc(100vw - 2rem); }
.top, .header-inner { flex-wrap:wrap; height:auto; }
button, summary { white-space:normal; }
main { min-width:0; }
.sources li a { white-space:normal; overflow-wrap:anywhere; }
.builder-entry { margin-block:1.5rem; }
.builder-entry a { display:inline-flex; align-items:center; min-height:48px; font-size:1rem; font-weight:700; }
/* Shared tactile controls preserve each component's semantic colors and layout. */
:is(button, [role="button"], input[type="submit"], input[type="button"], input[type="reset"], a.btn, a.portal-button, a.entry-start, a.narrated-try, a.tour-real-link, a.home-tour-start, a.idea-home-button, a.ghost, summary) {
  box-sizing:border-box; max-width:100%; min-height:48px !important;
  border-width:2px !important; border-style:solid !important; border-radius:12px !important;
  box-shadow:0 4px 0 rgba(35,43,38,.55),0 7px 12px rgba(35,43,38,.12),inset 0 1px 0 rgba(255,255,255,.3) !important;
  cursor:pointer; text-decoration:none !important; line-height:1.45;
  transition:box-shadow .12s ease,transform .12s ease;
}
:is(a.btn, a.portal-button, a.entry-start, a.narrated-try, a.tour-real-link, a.home-tour-start, a.idea-home-button, a.ghost) {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.7rem 1.1rem;
  white-space:normal; text-align:center; font-weight:700;
}
summary { padding:.7rem .9rem; margin-block:.4rem .65rem; border-color:#8c8b7e; background-color:#fffdf7; }
header nav .nav-summary-link,
.family-nav .nav-summary-link {
  box-sizing:border-box;display:flex;align-items:center;gap:7px;
  min-height:48px!important;margin-block:.4rem .65rem;padding:8px 16px;
  border:2px solid #8f8878!important;border-radius:12px!important;
  background:#fffdf8;color:var(--ink-2);font-weight:800!important;
  text-decoration:none!important;line-height:1.45;
  box-shadow:0 4px 0 rgba(35,43,38,.55),0 7px 12px rgba(35,43,38,.12),inset 0 1px 0 rgba(255,255,255,.3)!important;
  transition:box-shadow .12s ease,transform .12s ease;
}
@media(hover:hover){header nav .nav-summary-link:hover,.family-nav .nav-summary-link:hover{box-shadow:0 5px 0 rgba(35,43,38,.65),0 9px 14px rgba(35,43,38,.2),inset 0 1px 0 rgba(255,255,255,.4)!important}}
header nav .nav-summary-link:active,.family-nav .nav-summary-link:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(35,43,38,.55),inset 0 2px 3px rgba(35,43,38,.15)!important}
header nav .nav-summary-link:focus-visible,.family-nav .nav-summary-link:focus-visible{outline:3px solid #155f77!important;outline-offset:5px!important}
:is(button, [role="button"], a.btn, a.portal-button, a.entry-start, a.ghost, summary):focus-visible {
  outline:3px solid #155f77 !important; outline-offset:5px !important;
}
@media(hover:hover) {
  :is(button,[role="button"],input[type="submit"],input[type="button"],input[type="reset"],a.btn,a.portal-button,a.entry-start,a.narrated-try,a.tour-real-link,a.home-tour-start,a.idea-home-button,a.ghost,summary):not(:disabled):not([aria-disabled="true"]):hover {
    box-shadow:0 5px 0 rgba(35,43,38,.65),0 9px 14px rgba(35,43,38,.2),inset 0 1px 0 rgba(255,255,255,.4) !important;
  }
}
:is(button,[role="button"],input[type="submit"],input[type="button"],input[type="reset"],a.btn,a.portal-button,a.entry-start,a.narrated-try,a.tour-real-link,a.home-tour-start,a.idea-home-button,a.ghost,summary):not(:disabled):not([aria-disabled="true"]):active {
  transform:translateY(3px); box-shadow:0 1px 0 rgba(35,43,38,.55),inset 0 2px 3px rgba(35,43,38,.15) !important;
}
:is(button,[role="button"])[aria-pressed="true"], button[aria-selected="true"], details[open]>summary {
  box-shadow:inset 0 2px 4px rgba(35,43,38,.22),0 1px 0 rgba(35,43,38,.3) !important;
}
:is(button,input[type="submit"],input[type="button"],input[type="reset"]):disabled, [aria-disabled="true"] {
  box-shadow:none !important; transform:none !important; cursor:not-allowed; opacity:.6;
}
.board-builder-invite { display:flex; align-items:flex-start; gap:1.2rem; padding:clamp(1rem,3vw,2rem); margin-bottom:2rem; background:#e9f2e8; border:2px solid #41675b; border-radius:20px; }
.board-builder-invite>img { flex:none; width:96px; height:96px; }
.board-builder-invite>div { min-width:0; }
.board-builder-invite h2 { color:#183f39; font-size:clamp(1.256rem,2.01vw,1.675rem); }
.board-builder-invite .board-builder-start { background:#23594f; color:#fff; border-color:#153f37; font-size:1.005rem; margin-block:.7rem; }
.board-builder-invite .hint { color:#3d544c; }
@media(max-width:640px) { .board-builder-invite { flex-direction:column; gap:.6rem; } .board-builder-invite>img { width:72px; height:72px; } .board-builder-invite .board-builder-start { width:100%; } }
@media(max-width:480px) { .home-demo .demo-progress { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) {
  :is(button,[role="button"],input[type="submit"],input[type="button"],input[type="reset"],a.btn,a.portal-button,a.entry-start,a.narrated-try,a.tour-real-link,a.home-tour-start,a.idea-home-button,a.ghost,summary) { transition:none !important; transform:none !important; }
  header nav .nav-summary-link,.family-nav .nav-summary-link{transition:none!important;transform:none!important}
}
@media(forced-colors:active) { :is(button,[role="button"],a.btn,a.portal-button,a.entry-start,summary) { border-color:ButtonText !important; } }
@media(max-width:640px) {
  html { font-size:100%; }
  header nav a, header nav summary, .nav a, .nav-group>summary, .family-nav a { font-size:1rem !important; }
  header nav, .nav, .family-nav { gap:.4rem .85rem; }
}
.site-footer-links>summary,
.site-footer-links[open]>summary {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding-inline:0;
  text-decoration:underline !important;
  text-underline-offset:5px;
}
.site-footer-links>summary:hover,
.site-footer-links>summary:active { box-shadow:none !important; }
.info-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin:24px 0 36px}.info-photo-pair img{display:block;width:100%;height:clamp(220px,30vw,380px);object-fit:cover;border-radius:18px;box-shadow:0 14px 34px rgba(36,26,46,.14)}@media(max-width:620px){.info-photo-pair{gap:8px}.info-photo-pair img{height:clamp(135px,42vw,220px);border-radius:12px}}

/* Large editorial photos enter with the same spatial reveal as the homepage. */
.site-photo-stage{perspective:1200px}
.site-photo-motion{transform-origin:center center;backface-visibility:hidden;transition:opacity .95s ease,transform 1.05s cubic-bezier(.17,.85,.25,1)}
.site-photo-motion.site-photo-pending:not(.site-photo-visible){opacity:0;transform:translate3d(0,54px,-90px) rotateY(var(--site-photo-angle,-14deg)) scale(.88)}
.site-photo-motion.site-photo-visible{opacity:1;transform:none}
.site-photo-stage:focus-within>.site-photo-motion{opacity:1;transform:none}
.audience-illustration img.site-photo-motion{animation:none}
@media(hover:hover) and (pointer:fine){.site-photo-motion.site-photo-visible:hover{transform:translateY(-8px) rotateX(var(--site-photo-tilt-x,3deg)) rotateY(var(--site-photo-tilt-y,-5deg)) scale(1.03)}}
@media(prefers-reduced-motion:reduce){.site-photo-motion,.site-photo-motion.site-photo-pending:not(.site-photo-visible),.site-photo-motion.site-photo-visible{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}}