/* Ever Curious トップページ — Claude Design 由来の共通スタイル */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{margin:0;background:#F4EEE1;color:#2A2A22;font-family:'Zen Kaku Gothic New',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.9;letter-spacing:.02em;}
img{max-width:100%;display:block;}
a{color:#B08A3E;text-decoration:none;}
a:hover{color:#8C6C2C;}
::selection{background:#C8A15A;color:#fff;}
details summary::-webkit-details-marker{display:none;}

/* スロット画像（コンテナは position:relative + aspect-ratio） */
.slot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.slot-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:repeating-linear-gradient(45deg,#E9E1CE,#E9E1CE 12px,#EFE8DA 12px,#EFE8DA 24px);color:#8A8271;font-size:12px;letter-spacing:.06em;text-align:center;padding:8px;}
.slot-ph--dark{background:repeating-linear-gradient(45deg,#141d3d,#141d3d 12px,#182247 12px,#182247 24px);color:#8FA0BC;}

/* ヘッダーのデスクトップ／モバイル切り替え（820px 境界） */
.nav-mobile{display:none;}
@media (max-width:819px){
  .nav-desktop{display:none !important;}
  .nav-mobile{display:flex;}
}
#mobile-menu{display:none;}
#mobile-menu.open{display:flex;}

/* モーダル */
.modal{display:none;}
.modal.open{display:flex;}
body.modal-open{overflow:hidden;}

/* デザイン由来のモバイル調整 */
@media (max-width:640px){
  .reason-grid{grid-template-columns:1fr 1fr !important;gap:12px !important;}
  .reason-grid h3{font-size:15px !important;}
  .reason-grid p{font-size:12.5px !important;}
  .reason-grid > div > div:last-child{padding:14px 15px 18px !important;}
  .catch-grid{grid-template-columns:1fr 1fr !important;gap:12px !important;}
  .catch-grid article button:last-child{padding:12px 13px 15px !important;}
  .catch-grid article span:nth-child(2){font-size:16px !important;}
  .catch-grid article span:last-child{font-size:12px !important;}
}