/* Mobile fixes for antoinejoseph.com (loaded after each page's own styles) */
body{overflow-x:clip}
img{max-width:100%}
footer a{display:inline-block;padding:2px 0}

@media (max-width:900px){
  /* "Four ways in" steps and the stat grid: once the grid wraps, per-cell side padding and
     vertical rules read as broken columns. Use full-width cells with a rule underneath instead. */
  .rg>a[style*="padding: 32px 28px"],.rg2>div[style*="border-right"],.rg2>div[style*="padding: 8px 0 8px 28px"]{
    border-right:0!important;padding:22px 0!important;border-bottom:1px solid rgba(239,232,218,.12)}
  .rg>a[style*="padding: 32px 0 32px 28px"]{padding:22px 0!important}
  .rg>a[style*="padding: 32px 0 32px 28px"]:last-child{border-bottom:0}
  .rg2{column-gap:24px}
  .rg2>div:nth-last-child(-n+2){border-bottom:0!important}
  /* footer rows: keep everything on the left edge */
  footer [style*="justify-content: flex-end"]{justify-content:flex-start!important}
}

@media (max-width:600px){
  /* Career timeline: put the year above the entry instead of in a 120px column */
  [role="listitem"][style*="grid-template-columns: 120px 1fr"]{grid-template-columns:1fr!important;gap:6px!important;padding-left:24px!important}
  /* Philosophy five-questions cards: number | question, label underneath */
  [style*="grid-template-columns: 56px 1fr auto"]{grid-template-columns:36px 1fr!important;gap:6px 14px!important;padding:20px!important;align-items:start!important}
  [style*="grid-template-columns: 56px 1fr auto"]>:nth-child(3){grid-column:2}
  /* Ventures: stat row and label row fit a 360px screen */
  [style*="gap: 40px; padding: 22px 0"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
  [style*="gap: 40px; padding: 22px 0"] [style*="font-size: 33px"]{font-size:24px!important}
  [style*="gap: 40px; padding: 22px 0"] [style*="font-size: 14px"]{font-size:13px!important}
  [style*="display: flex; align-items: center; gap: 14px"]{flex-wrap:wrap}
  span[style*="letter-spacing: 0.16em"]{letter-spacing:.08em!important;font-size:11px!important}
  /* Contact cards */
  .ct-card{padding:22px!important}
  .iv-go{width:100%;justify-content:center}
}

/* Contact: interest picker */
.iv-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.iv-opt{display:block;position:relative;cursor:pointer}
.iv-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.iv-box{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:18px 18px;
  border:1px solid rgba(239,232,218,.22);border-radius:8px;background:#0C0E13;transition:border-color .15s,background .15s}
.iv-box strong{font-size:17px;font-weight:600;color:#EFE8DA}
.iv-box small{font-size:14px;line-height:1.45;color:#8F887C}
.iv-opt:hover .iv-box{border-color:#C8A86B}
.iv-opt input:checked+.iv-box{border-color:#C8A86B;background:rgba(200,168,107,.12)}
.iv-opt input:focus-visible+.iv-box{outline:2px solid #C8A86B;outline-offset:2px}
.iv-go{display:inline-flex;align-items:center;min-height:50px;padding:0 26px;border:0;border-radius:6px;cursor:pointer;
  font:600 15px Montserrat,system-ui,sans-serif;color:#0C0E13;
  background:linear-gradient(135deg,#EAD3A0 0%,#C8A86B 48%,#8F6D36 100%)}
.iv-go:hover{filter:brightness(1.06)}
@media (max-width:700px){.iv-opts{grid-template-columns:1fr}}
@media (max-width:600px){}