/* ============================================================
   ISEP — International Society for Ecological Psychology
   Production stylesheet
   Fonts: Newsreader (serif display / long-form) + Hanken Grotesk (UI)
   Palette: Slate & Terracotta on warm alabaster paper
   ============================================================ */

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:#f1efec;
  color:#23262b;
  font-family:'Hanken Grotesk',sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
::selection{background:#edc3b0;color:#23262b;}

@keyframes iseprise{
  from{opacity:0;transform:translateY(14px);}
  to{opacity:1;transform:translateY(0);}
}

/* Honour reduced-motion preferences */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;scroll-behavior:auto !important;}
}

/* ------------------------------------------------------------
   Hover behaviour
   The design's per-element hover styles are carried in a
   data-style-hover attribute and applied by /hover.js.
   This rule provides a graceful no-JS baseline for links.
   ------------------------------------------------------------ */
a[data-style-hover]{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .2s ease,box-shadow .2s ease;}

/* ------------------------------------------------------------
   Responsive — collapse the fixed multi-column grids and trim
   oversized desktop padding on tablet / phone widths.
   ------------------------------------------------------------ */
@media (max-width: 900px){
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns:repeat(2"],
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:0.85fr"],
  [style*="grid-template-columns:1.15fr"],
  [style*="grid-template-columns:1.2fr"],
  [style*="grid-template-columns:1.25fr"],
  [style*="grid-template-columns:1.4fr"],
  [style*="grid-template-columns:0 0.85fr"]{
    grid-template-columns:1fr !important;
  }
  /* keep the position:sticky side rails from pinning awkwardly when stacked */
  [style*="position:sticky"][style*="top:106px"]{position:static !important;}
}

@media (max-width: 760px){
  /* page + section horizontal padding */
  [style*="padding:0 40px"]{padding-left:20px !important;padding-right:20px !important;}
  [style*="padding:96px 40px"]{padding:60px 20px !important;}
  [style*="padding:100px 40px 84px"]{padding:60px 20px 52px !important;}
  [style*="padding:88px 40px"]{padding:56px 20px !important;}
  [style*="padding:84px 40px"]{padding:56px 20px !important;}
  [style*="padding:80px 40px"]{padding:52px 20px !important;}
  [style*="padding:64px 40px 100px"]{padding:48px 20px 72px !important;}
  [style*="padding:54px 56px"]{padding:34px 24px !important;}
  [style*="padding:40px"]{padding:28px 24px !important;}

  /* primary nav: keep the bar uncluttered on phones */
  header nav[data-nav], header nav{display:none !important;}

  /* large display type eases down a touch */
  h1{letter-spacing:-0.01em;}
}

/* Conference timeline rows: let the 5-col table breathe on small screens */
@media (max-width: 680px){
  [style*="grid-template-columns:28px 1.3fr 1.4fr 1.5fr 1fr"]{
    grid-template-columns:1fr 1fr !important;
    row-gap:4px !important;
  }
}