/* ==============================
   10 Base / Utilities
   ============================== */

.center{text-align:center}
.right{text-align:right}
.inline{ display:inline }

.mt-0{margin-top:0}
.mt-8{margin-top:8px}
.mt-16{margin-top:16px}
.mb-0{margin-bottom:0}
.mb-8{margin-bottom:8px}
.mb-16{margin-bottom:16px}

.w-100{width:100%}

/* responsive helpers（統一：768px） */
.only-desktop{ display:block !important; }
.only-mobile{ display:none !important; }

@media (max-width: 768px){
  .only-desktop{ display:none !important; }
  .only-mobile{ display:block !important; }
}

.pc-only{ display:block; }
.sp-only{ display:none; }
@media (max-width: 768px){
  .pc-only{ display:none; }
  .sp-only{ display:block; }
}

/* anchor button helper */
a.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  background:var(--primary);
  color:#fff;
  font-weight:700;
  box-shadow:0 6px 14px rgba(0,0,0,.25);
}
a.btn:hover{ filter:brightness(.96); text-decoration:none; }