/* 02 · Everyday Questions — Figma desktop 1074:144, mobile 1160:2061. */
.everyday{max-width:1440px;margin:0 auto;padding:60px;display:flex;flex-direction:column;align-items:center;gap:40px;background:var(--paper);color:var(--ink);scroll-margin-top:20px}
.everyday-intro{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;width:100%;max-width:614px}
.everyday-label{font-size:20px;font-weight:600;line-height:1.1;letter-spacing:-.4px;color:var(--green)}
.everyday h2{margin:0;font-size:44px;font-weight:700;line-height:1;letter-spacing:-.88px}
.everyday-description{font-size:16px;line-height:1.3;letter-spacing:-.32px;color:var(--muted)}
.questions-track{display:flex;gap:10px;width:100%;min-width:0}
.questions-track:focus-visible{outline:2px solid var(--green);outline-offset:6px;border-radius:20px}
.question-card{flex:1 1 0;min-width:0;aspect-ratio:13/18;position:relative;overflow:hidden;border-radius:30px;background:var(--ink);isolation:isolate}
.question-photo{display:block;position:absolute;max-width:none;object-fit:cover;pointer-events:none;z-index:-1;width:100%;height:100%;left:0;top:0}
.question-badge{margin:20px 20px 0;position:relative;width:232px;max-width:calc(100% - 40px);padding:16px 20px;border-radius:20px;background:var(--paper);font-size:20px;font-weight:600;line-height:1.1;letter-spacing:-.4px}
.question-pagination{display:none}
@media(min-width:1000px) and (max-width:1199px){.everyday{padding:48px 32px}.question-badge{font-size:18px;letter-spacing:-.36px;padding:14px 16px}}
@media(max-width:999px){
  .everyday{padding:48px 28px;gap:28px;overflow:hidden}
  .everyday h2{font-size:36px;letter-spacing:-.72px}
  .questions-track{width:calc(100% + 56px);align-self:center;padding:0 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 28px;scrollbar-width:none;overscroll-behavior-x:contain;--card-width:300px}
  .questions-track::-webkit-scrollbar{display:none}
  .question-card{flex:0 0 var(--card-width);height:auto;aspect-ratio:13/18;border-radius:20px;scroll-snap-align:start}
 .question-card:last-child{scroll-snap-align:end}
  .question-badge{width:200px;max-width:calc(100% - 24px);margin:12px 12px 0;padding:12px 16px;border-radius:16px;background:#fff;font-size:18px;line-height:1.1;letter-spacing:-.36px}
  .question-pagination{display:flex;gap:6px;align-items:center;height:6px}
  .question-dot{position:relative;display:block;flex:none;width:6px;height:6px;padding:0;border-radius:3px;background:#cfdcd5}
  .question-dot[aria-current=true]{width:20px;background:var(--green)}
  .question-dot::before{content:'';position:absolute;inset:-13px -3px}
  .question-dot:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
}
@media(max-width:599px){
  .everyday{padding:40px 20px}
  .everyday-intro{gap:12px}
  .everyday-label{font-size:16px;line-height:1.2;letter-spacing:0}
  .everyday h2{font-size:26px;letter-spacing:-.52px}
  .questions-track{width:calc(100% + 40px);padding:0 20px;scroll-padding:0 20px;--card-width:260px}
}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .questions-track{padding-top:8px;margin-top:-8px}
  .question-card{transition:transform 600ms cubic-bezier(.25,.1,.25,1)}
  .question-card:hover{transform:translateY(-8px)}
}