/* 共通ヘッダー（/best と /karte で完全共有・唯一の定義） */
.uhead{
  background:linear-gradient(135deg,#1a2744 0%,#1e3a5f 100%);
  color:#fff;
  padding:15px 0 0;
  font-family:-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
.uhead *{box-sizing:border-box}
.uhead-row{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.uhead-brand{margin:0;font-size:18px;font-weight:700;letter-spacing:.02em;line-height:1.3;color:#fff;display:flex;align-items:center;gap:7px}
.uhead-ctl{display:flex;gap:8px;align-items:center}
.uhead-btn{display:inline-flex;align-items:center;gap:5px;color:#fff;text-decoration:none;font-size:12.5px;font-weight:600;font-family:inherit;border:1px solid #ffffff44;background:#ffffff14;border-radius:6px;padding:6px 12px;cursor:pointer;line-height:1.2}
.uhead-btn:hover{background:#ffffff24}
.uhead-nav{max-width:1200px;margin:13px auto 0;padding:0 20px;display:flex;gap:6px;flex-wrap:wrap}
.uhead-tab{color:#cfd8e6;text-decoration:none;font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:8px 8px 0 0;line-height:1.25}
.uhead-tab:hover{background:#ffffff14;color:#fff}
.uhead-tab.on{background:#f1f5f9;color:#1a2744}
.uhead-tab.on:hover{background:#f1f5f9}
.uhead-tab span{display:block;font-size:10.5px;font-weight:400;opacity:.82;margin-top:1px}
.uhead-tab.on span{color:#5b6677;opacity:1}